Beautiful JavaScript Charts for the sophisticated developer.

Powerful API. Easy to get started.

Beautiful JavaScript Charts for the sophisticated developer.

Tweet for a 5% Discount. Tell your friends on Twitter about our JavaScript Charts and immediately get a free 5% coupon to use with your purchase of our Charts Suite.

Product options Basic Premium Supreme
Gauges + Yes
+Bar charts Yes Yes Yes
+Column charts Yes Yes
+Line charts Yes Yes Yes
+Scatter charts Yes Yes
+Pie charts Yes Yes Yes
Buy Now Safe Secure Checkout
  • 30-day money back guarantee
  • Quick software integration
  • Top notch customer service
  • 1-year major updates & support

We're profitable and growing. Join us!

Every day respected brands rely on us. From new businesses to Fortune 500s and every thing in-between. All satisfied customers:

Every day respected brands worldwide rely on us!

I highly recommend TechOctave's JavaScript Charts. Simple licensing. Clean code. Easy to get started with a powerful API when you need it. TechOctave just gets it. - Aaron Reis, Co-Founder & CTO, Summit

Part of my job is setting the right foundation for success. With TechOctave's JavaScript Charts, we're mobile ready and cross-browser compatible from day one. Beautiful charts with clean code and great support. We made the right move! - Edward Stevens, Sr. Architect, Southwest Airlines

Both beautiful and functional. The only thing that comes close to TechOctave's JavaScript Charts is its Dashboard Gauge Suite. Both are based on Raphael - SVG & VML(IE7+). They just work in every browser, so I can focus on my application. - Pratik Suresh, Tech Lead, Sr. Developer, CA

Beautiful data is engaging data!

It's your data that gives you direction. So make it both meaningful and fun.

With our charts you can clearly present where you are and start seeing where you want to be. Our JavaScript Charts are beautiful and smart:

  • Illustrate and analyze tons of data
  • Create charts that are beautiful & visually appealing
  • Enjoy versatile charts built on standards-based vector graphics
  • Go mobile with iPad and iPhone
  • Acquire the flexibility to use any framework
  • Zoom and scale without losing quality
  • Print high quality charts at any resolution
  • Customize the look and feel of your charts so it's a perfect fit
  • Use our charts offline (no internet connection needed)
  • Blends with any background color in any browser (including IE7+)
  • Never worry about cross-browser compatibility again
  • Seamless integration with our JavaScript Gauges Suite
  • Full commented source code available
  • Over 30+ customizable properties

Powerful JavaScript Charts Suite

Pie Charts: Pie charts are circular charts subdivided into pie slices. Pie charts are used to illustrate the size relationship between each pie slice and the whole pie. Our charts include the Pie Chart, Donut Chart and Spie Chart:

Pie Chart - JavaScript Charts Donut Chart - JavaScript Charts

Bar Charts: Bar charts show the changes in a data series over time and can be used to compare one or more categories of data. Stacked bar charts compare the value that each data point contributes to a total across categories. For example, a single bar can represent the amount of sales for one product on top of a bar representing sales for another product. Our charts include the Bar Chart and Stacked Bar Chart:

Bar Chart - JavaScript Charts Stacked Bar Chart - JavaScript Charts

Column Charts: Column charts are vertical bar charts. Like bar charts, they can be used to compare one or more categories of data. Stacked column charts compare the value that each data point contributes to a total across categories. Our charts include the Column Chart and Stacked Column Chart:

Column Chart - JavaScript Charts Stacked Column Chart - JavaScript Charts

Line Charts: Line charts display information as a series of data points connected by straight line segments. Line charts create a simple way to show the changes in value between categories of data. Our charts include the Line Chart and Area Chart:

Line Chart - JavaScript Charts Area Chart - JavaScript Charts

Scatter Charts: Scatter charts are used to show the relationship between two variables. The relationship is displayed as a collection of points using Cartesian coordinates. Our charts include a Scatter Chart:

Scatter Chart - JavaScript Charts

Cross browser goodness baked in.

Cross browser and cross platform. We believe in standards-based development and we believe you can get there without Flash or any other proprietary platform.

That's why we use standards-based SVG, VML and JavaScript. No Flash means longer battery life. No Flash means our charts are mobile friendly - Think iPad & iPhone. It's the right move!

Cross browser and cross platform dashboard charts.

We've tested on both Windows and Mac OS X in every major browser. Including: IE7 and IE8, Firefox, Chrome, Safari and even Opera. You focus on coding your business logic. We've got you covered in the browser department.

Powerful API. Great JavaScript Charts!

Everything a sophisticated developer needs. Beautiful object oriented code. You already know JavaScript, so implementation is a breeze. You will find JavaScript, jQuery & Raphael best practices with easily extensible Chart classes and smart default options. Check out this Area Line Chart:

var sales = new LineChart("sales", { data: [ [1000, 400], [1170, 460], [660, 1120], [1030, 540] ], area: true, legendTitle: "Yearly Sales", legendLabels: ["Gauges", "Charts"], groupLabels: ["2008", "2009", "2010", "2011"], lineColors: ["#ff0000", "#2143ff"], majorTicks: 7 });

. . .

<div id="sales"></div>

Is it really that easy? Yes it is my friend. Yes it is.

Cross browser and cross platform JavaScript dashboard charts.

Most of the time you'll need to feed data to your charts from a remote server. Let's say you want to get the latest stock quote for Lockheed Martin:

$.getJSON(url, function(response) { var finance = response.query.results.xml_api_reply.finance; var avg_volume = finance.avg_volume["data"]; var market_cap = finance.market_cap["data"]; var data = [[avg_volume],[market_cap]]; sales.setData(data); });

Here, I used jQuery to make an Ajax call to the Google Finance API. What this means is you can update each chart without refreshing the page. You'll be able to do this with every chart in our suite. Think of the possibilities!

Smart and intuitive API design. Each purchase includes sample projects with tons of examples on how to use our chart's API. This includes a live example of how to feed data to our charts from a remote server using Ajax.

For an advanced discussion on client-side polling techniques, see Long Polling with JavaScript and jQuery on the TechOctave blog. There we discuss various options for feeding data to our charts from a remote server.

Support for developers by developers.

We built our charts to help you meet your goals. This is why we offer one year of guaranteed support with your purchase to make sure that happens.

Have a few questions or just need to chat - contact sales@techoctave.com or give us a call at +1 (614) 398-1220. We are here to help you succeed and experience a return on your investment!