Beautiful JavaScript Charts for the sophisticated developer.

Powerful API. Easy to get started.

highly_customizable_charts

30-day money back guarantee. Support by developers for developers. Quick software integration. Top notch customer service. 1-year major updates & support.

Supreme Package
Gauges +
+Bar charts
+Column charts
+Line charts
+Scatter charts
+Pie charts
+Bullet charts
+Bubble charts
+Radar charts
Buy Now

Why choose TechOctave?

Let’s be clear, you have choices, but there’s a reason we’re the #1 choice.

Clear and simple licensing. Never worry about having to release your source code to meet GPL or unknown licensing requirements. Simple licensing always.

We’ll never leave you in the cold. You will always have the support of our development team. Your bugs are our bugs. Your success is our success.

Unparalleled customization. Using our fully customizable properties, you can design a solution that’s familiar and yet unique at the same time.


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:

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:

piechart

donutchart

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:

barchart

barstackedchart

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:

columnchart

columnstackedchart

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:

linechart

areachart

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:

scatterchart

Our Scatter charts are fully customizable. Including the ability to consume as many datasets as you need, the ability to apply custom formats to axis values, the ability to connect datapoint dots with lines and even turn off datapoints dots all together.

scatterchart-linechart

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:

bulletchart

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:

bubblechart

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:

radarchart


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:

highly_customizable_charts

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.

browsers

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:

documentation

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.

areachart2

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 = response.data; 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.


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 start a trial. We’ll answer any questions you may have and get you started on the path to integration.


Support for developers by developers.

We built our gauges to help you meet your goals. This is why we offer guaranteed support, for all active licenses, for the life of our product.

Have a few questions or just need to chat - contact [email protected] or give us a call at +1 (614) 398-1220. We succeed when you succeed.