Beautiful JavaScript Charts for the sophisticated developer.

Powerful API. Easy to get started.


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
+Bullet charts Yes
+Bubble charts Yes
+Radar charts Yes
Buy Now Safe Secure Checkout
  • 30-day money back guarantee
  • Quick software integration
  • Top notch customer service
  • 1-year major updates & support

Great products begin with great components.

Every day respected brands rely on our Gauge Suite. From small proprietorships to research institutions and every thing in-between. All satisfied customers:


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 JavaScript framework
  • Automatic resize option for responsive layouts
  • 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
  • Customizable, flexible and beautiful tooltips
  • 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
  • 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:



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:



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:



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:



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:


Bullet Charts: Bullet charts feature a primary measure (e.g. revenue) and give you the ability to compare that measure to a target measure. Using color bands, you can relate the primary measure to qualitative ranges of performance (e.g. poor, satisfactory, and good). Our chart can display horizontally and vertically:


Bubble Charts: Bubble charts are used to visualize a data set with 2 to 4 dimensions. The first two dimensions are visualized as coordinates, the 3rd as color and the 4th as size. Our chart is highly flexible and beautiful too:


Radar Charts: Radar charts plot the values of each category along a separate axis starting from the center of the chart and ending at the outer ring. In a Radar chart, a point close to the center indicates a low value and a point near the perimeter indicates a high value. Expect only the best from our Radar chart:


Powerful customization when details count.

Customers and requirements change. We needed a charting solution that allowed us to change as well - so we built one:


Our JavaScript charts are highly customizable because every situation is different. Changing times require agile solutions. We believe our JavaScript charts do something no one else can...We put your success in your hands - as it should be.

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 gauges are mobile friendly - Think iPad & iPhone. We built a JavaScript gauge library we love to use and you will too.


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.

Beautiful and Usable Documentation

Software that's easy to use. Software shouldn't be painful to handle. In fact, the information you need to get going should be well organized and easily understood:


We produce quality documentation of how our software works, insuring you spend most of your time enjoying our JavaScript gauges and being most productive on your projects.

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 and jQuery best practices with an easily extensible Gauge class and smart default options. Check this out:

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.


Most of the time you'll need to feed data to your gauge from a remote server. Let's say you want to get the latest JSON data from your server:

$.getJSON(url, function(response) { var units =; var revenue = units.revenue; var expenses = units.expenses; var data = [[revenue],[expenses]]; sales.setData(data); });

Here, we used jQuery to make an Ajax call for some JSON data. What this means is you can update each gauge without refreshing the page. You'll be able to do this with every gauge 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.

So, what's next exactly?

Purchase a library package. Within a few seconds, you'll receive a receipt for your purchase and a secure link to download the package. Each package comes with tons of examples to get you up and running in no time.

Or contact us to schedule a demo. We'll walk you through the example projects and answer any questions you may have.

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 or give us a call at +1 (614) 398-1220. We are here to help you succeed and experience a return on your investment!

TechOctave, The Lion, "Beautiful & Inspired" are Registered Trademarks of TechOctave, LLC.