如果你曾经使用过任何类型的数据,你应该知道阅读一排排数据的痛苦。通过所有这些数据弄清楚他们的意思是非常不容易的。可视化对于解决这个问题起到了重要的作用。可视化降低了数据阅读的难度,帮助决策者获得可操作的见解。
“Dataviz”是数据可视化的缩写,其主要目标是:
作为开发人员,我们必须确保我们使用正确的工具来从数据中创建有意义的图表,当我们看图的时候能够获得适当的细节信息。
License:非商业用户免费,商业用户收费。
有很多的视频教程可以帮你学习如何使用Flot,并且有很多实例你可以参考。
Highcharts是另一个非常流行的JavaScript图表库。它发布于2009年,提供常见的图表、地图和股票图表。
License:非商业用户免费,商业用户需要付费
License:SimplifiedBSDLicense.
CanvasJSjQuery是一个源自与CanvasJS的jQuery图表库。使用这个插件的时候,你可以利用所有CanvasJS的标准功能,以及一个扩展的功能集,包括动态更新,平移和缩放,事件和输出图像。图表表现相当好,对于大数据集和基本包,包括24个不同的图表类型,所有这些都是响应。
Cytoscape.js的文档包含一些在线的实例,和一套完整的单元测试。
License:Open-source.Freeforallusers.(LGPL3+)
License:Open-sourceundertheMITLicense.
当我们提到简单和高效的时候,我不得不提EasyPieChart。这是一个jQuery插件,它做一件事,并且只做这一件事情–把单数据呈现出饼状图。它使用画布元素来渲染这些图表。该图很容易定制,只需要几行代码。它们也是响应式的,根据分辨率规模,展示清晰的图片,即使是视网膜屏幕。
jqPlot是一个jQuery插件,可以让你插入纯客户端图表插入到你的网页。jqPlot扬言声称是高度的可插入性–线,轴线,阴影,网格等–都通过插件来渲染和绘制元素,并且高度可定制。它有很多钩子让你可以自定义处理事件函数,添加新的图表类型,添加新的画布的情节和其他高级功能。
License:Opensourceproject.DuallicensedundertheMITandGPLversion2licenses.
jQuerySparklines(类似于Peity),生成直接应用与HTML或者JavaScript的内嵌数据图表。上图中每一个例子只需要用一行代码来创建。最好的是,你甚至不必自己写代码。它有一个整洁的代码生成器,你可以在这里填写数据,并设置选项,它就可以为你生成代码。注意,你无法为这些图表添加任何文本或者标签。他们的目的是在你的文本行中提供快速的印象或者趋势。如果你想注释或其他功能,你最好选择我们上面提到的全功能插件。
License:Open-source.Freeforalluses.
License:Opensourceproject.DualundertheMITandGPLlicense.
我最喜欢的jQuery图表库–至少那些我用过–到此结束。它们涵盖了每一个图表类型、功能,以及你可能需要的定制功能。