background preloader

Charts

Facebook Twitter

NVD3. Javascript Visualisation Libraries. 37 Free jQuery Or Javascript Chart Libraries - Cube3x.

3DIsométrique

ChartJS. Chart.js | HTML5 Charts for your website. Highcharts - Interactive JavaScript charts for your webpage. Documentation about Bar charts. Example <script> window.onload = function () { var data = [280,45,133]; var bar = new RGraph.Bar('myCanvas', data) .set('labels', ['Richard', 'Alex', 'Nick']) .set('gutter.left', 45) .set('background.barcolor1', 'white') .set('background.barcolor2', 'white') .set('background.grid', true) .set('colors', ['red']) .draw(); } </script> The example file is here.

Properties You can use these properties to control how the bar chart apears. You can set them by using the Set() method. Eg: myBar.set('name', 'value'); background.barcolor1The color of the background bars, (1 of 2). Background.barcolor2The color of the background bars, (2 of 2). Background.gridWhether to show the background grid or not.Default: true background.grid.colorThe color of the background grid.Default: #ddd background.grid.hsizeThe horizontal background grid size.Default: 40 background.grid.vsizeThe vertical background grid size.Default: 18 background.grid.widthThe width that the background grid lines are. Default: null. Demos - JavaScript InfoVis Toolkit. JavaScript InfoVis Toolkit Create Interactive Data Visualizations for the Web Home ● Download ● Builder ● Donate Area, Bar and Pie Charts Sunburst Icicle ForceDirected TreeMap SpaceTree RGraph HyperTree Advanced/Other copyright © 2013 SenchaLabs - Author: Nicolas Garcia Belmonte.

13 Chart and Graph plotting javascript plugins. There are more and more Javascript chart and graph plotting solutions are being released and available for free online. I work on a complicated graph for a website before, we used highchart as the solution, during that time, there isn't a lot of plugins to choose from, but now, we can easily find many very capable charting libraries. Personally, the rise of this kind of plugins are due to: Flash used to be the best solution, but everyone is moving on from there.Modern browsers and powerful computing make it possible to render live data easily.Maturity of different technologies in drawing vector: VML, SVG and Canvas.

Of course, you need to carefully choose one that fit your requirements. Anyway, in this posts, we have collected 13 Chart and Graph plotting javascript plugins. FusionCharts FusionChart is the most powerful javascript charting plugin. JSXGraph is a cross-browser library for interactive geometry, function plotting, charting, and data visualization in a web browser.

AMCharts. Flotr2.