Open Source Web Charts

  • 3,892 views
Uploaded on

using open source web chart. …

using open source web chart.

blog : http://redtrain.tistory.com
twitter : @jinifor

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,892
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
3
Comments
0
Likes
6

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. OPEN Source Web Charts2012.11
  • 2. [ Google Chart Tools ] • URL : https://developers.google.com/chart/?hl=ko • demo : http://code.google.com/apis/ajax/playground/?type=visualization
  • 3. Google Chart Tools - Bubble Chart
  • 4. Google Chart Tools - Motion Chart < GAPMINDER - www.gapminder.org >
  • 5. Google Chart Tools - Scatter Chart
  • 6. [ Sencha Ext JS ] • URL : http://mbostock.github.com/protovis/ • demo : http://mbostock.github.com/protovis/ex/ • language : JS/HTML5 • license : GNU GPL Version3
  • 7. Sencha Ext JS - Dynamic Form, Grid and Charts
  • 8. Sencha Ext JS - Chart in tips
  • 9. Sencha Ext JS - Pie Renderer
  • 10. Sencha Ext JS - Rader Chart
  • 11. [ Protovis ] • URL : http://mbostock.github.com/protovis/ • demo : http://mbostock.github.com/protovis/ex/ • language : JS/SVG • license : BSD
  • 12. Protovis - Burtin’s antibiotics Chart
  • 13. Protovis - Nightingale’s Coxcombs Chart
  • 14. [ Highcharts ] • URL : http://www.highcharts.com/ • demo : http://www.highcharts.com/demo/ • language : JS • license : Free for Non-commercial
  • 15. Highcharts - Scatter plot
  • 16. Highcharts - Donut Chart
  • 17. Highcharts - Polar Chart
  • 18. Highcharts - Spiderweb Chart
  • 19. Highcharts - Wind Rose Chart
  • 20. [ D3 ] • URL : http://d3js.org/ • demo : https://github.com/mbostock/d3/wiki/Gallery • language : HTML5, SVG, CSS • license : BSD
  • 21. D3 - Motion Chart
  • 22. D3 - Scatterplot Chart
  • 23. [ RGraph ] • URL : http://www.rgraph.net/ • demo : http://www.rgraph.net/examples/ • language : JS/HTML5 • license : Free for Non-commercial
  • 24. RGraph - Rader Chart
  • 25. RGraph - Rose Chart
  • 26. [ DHTMLXChart ] - URL : http://www.dhtmlx.com - demo : http://www.dhtmlx.com/docs/products/dhtmlxChart/index.shtml - language : JS/HTML5 - license : GPL and Commercial Available[ JS Charts ] - URL : http://www.jscharts.com/ - demo : http://www.jscharts.com/examples - language : JS/HTML5 - license : Free for Non-commercial[ CanvasXpress ] - URL : http://canvasxpress.org/ - demo : http://canvasxpress.org/bar.html - language : JS/HTML5 - License : BSD
  • 27. [ dygraphs ] - URL : http://dygraphs.com/ - demo : http://dygraphs.com/#demo - language : JS - license : MIT[ gRaphael ] - URL : http://g.raphaeljs.com/ - language : JS(Raphaël JS Library) - license : MIT[ AwesomeChartJS ] - URL : http://cyberpython.github.com/AwesomeChartJS/ - language : JS/HTML5 - license : Apache
  • 28. [ TufteGraph ] - URL : http://xaviershay.github.com/tufte-graph/ - language : JS - license : GPL, MIT[ PlotKit ] - URL : http://www.liquidx.net/plotkit/ - language : JS(MochiKit), SVG - license : BSD[ Morris ] - URL : http://www.oesmith.co.uk/morris.js/ - demo : http://www.oesmith.co.uk/morris.js/#examples - language : jQuery, Raphaël - license : BSD
  • 29. [ Sigma.js ] - URL : http://sigmajs.org/ - language : http://sigmajs.org/examples.html - license : MIT[ Canvas 3D Graph ] - URL : http://dragan.yourtree.org/code/canvas-3d-graph/ - language : - license : BSD[ Flotr2 ] - URL : http://humblesoftware.com/flotr2/ - language : JS(Prototype JS Framework) - license :