Data visualization in one of three most important steps in data mining (https://github.com/entaroadun/hnpickup). Often times, it's impossible to understand data without proper visualization. I went looking for great tools to do that.
Two website list recent JS visualization frameworks:
- http://www.splashnology.com/article/15-awesome-free-javascript-charts/325/
- http://sixrevisions.com/javascript/20-fresh-javascript-data-visualization-libraries/
Most of them are available on Github. My three favorite:
- https://github.com/DmitryBaranovskiy/g.raphael
- http://oesmith.github.com/morris.js/ Pretty time-series line graphs
- https://github.com/mbostock/d3
- http://mbostock.github.com/d3/talk/20111116/#0 HTML presentation leveraging d3
- http://w3conf.org/#presentations video for HTML presentation leveraging d3
- https://github.com/jeresig/processing-js
And other, also very nice:
- https://github.com/highslide-software/highcharts.com
- https://github.com/mbostock/protovis
- https://github.com/philogb/jit
- https://github.com/theiviaxx/MilkChart
- https://github.com/xaviershay/tufte-graph
- https://github.com/flot/flot
- https://github.com/samizdatco/arbor a graph visualization library using web workers and jQuery
- https://github.com/shutterstock/rickshaw JavaScript toolkit for creating interactive real-time graphs
Not exactly for data visualization but something that can be used to do it or enhance to ones above:
There are a few JS framework that specialize in timeline visualization :
- https://github.com/danvk/dygraphs
- https://github.com/square/cube
- http://square.github.com/cubism/ Time Series Visualization
- https://github.com/propublica/timeline-setter
- https://github.com/vorg/timeline.js
But what strikes me the most is that we don't have great timeline visualization. At least nothing that could compare with beauty of D3 or Raphael. Can't we do better than Gantt charts or time-series? I think there is a lot of room for improvement in this area. Designers and UX specialist, please help!
Some JS about animation or graphics
- http://paperjs.org/ The Swiss Army Knife of Vector Graphics Scripting.Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas.
- http://needforair.com/blog/2012/05/09/d3-tutorial/
- http://alignedleft.com/tutorials/d3/
- http://nvd3.com/ Re-usable charts for d3.js