6个JS库构建可视化图表及图形
Flotr2
The team behind Humble software have been building visualization, graph applications for quite some time now. Their Flotr2 library is one of the most popular ones, as it offers a great deal of pre-made examples that are both easy to setup, and understand even for the beginner user.
I also like the fact that you can extend the library by adding your own graph types, and even your own plugins to take it to the next level. Now, it is built for Canvas (HTML5) and so integration with mobile devices is seamless. It supports IE6+.
Springy
Springy is a force directed graph layout algorithm. It means that springy uses some real world physics to try and figure out how to show a network graph in a way that looks good.
It has a fairly easy API to work with, and it generally isn’t hard to understand, just take a look at the source code to get a feel of it. You can also check out a more advanced demo, for connecting shapes.
xCharts
xCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. By taking the advantage of combining HTML, CSS, and SVG – this library makes chart creation and integration incredibly easy and fun.
With this library, you can build data-driven data graphs literally in minutes! Try out the demo page, and see what it is capable of. I’m really liking the flat design so far.
Rickshaw
Built by the stock photo giant Shutterstock, Rickshaw is a JavaScript toolkit for creating interactive time series graphs.
Rickshaw is another successor of D3, and tries to make creating graphs an effortless thing. You can easily manipulate D3, and even SVG from within the framework’s base – it’s all accessible and easy to use.
I’m really liking the depth of the multiple renders demo, and take a look at the source of that page, to see how easy it all comes together.
Ico
Ico is a JavaScript graph library that uses Raphael to draw. This means it can draw graphs in multiple browsers (including IE). I really like how compact both the code, and the examples are.
You can build all kinds of graphs with Ico, and focus is heavily being put on simplicity. You’ll need Raphael to get this going.
Flot
Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features. It’s actually built for jQuery, but I’m including it in the list as it does provide some really nice features.