随着数据收集和使用的持续呈指数增长, 可视化此数据的需求变得越来越重要. 开发人员寻求将数百万个数据库记录整合为美观的图表和仪表板, 以便人类可以快速直观地进行解释.
数据可视化技术在过去十年中一直在不断改进, 现在许多高级图表库可供消费者使用. 在 2000 年代初期, 图表生成主要由服务器端图像位图构成. 诸如 Flash 和 Silverlight 之类的插件提供了更具交互性的图表体验, 但是下载速度, 电池寿命和系统资源却遭受了沉重打击.
随着移动和平板电脑使用量的激增, 主要平台不再支持插件, 开发人员不得不转向可在任何地方运行的开放式客户端技术. 同时, 超高分辨率屏幕的出现以及更常见的通过触摸手势缩放的出现将分辨率独立的矢量图表推到了最前沿.
进入以 JavaScript 和 SVG(可伸缩矢量图形)为主的数据可视化的当前时代. 图表现在可以在所有浏览器上运行, 而无需特殊插件, 支持交互性和动画, 即使在最高分辨率的设备上也可以清晰显示. 回顾 50 多个可视化库, 这 9 种产品脱颖而出:
D3.JS https://d3js.org/
D3.JS 是一个非常强大的图形 JavaScript 库. 它允许您将任意数据绑定到文档对象模型(DOM), 然后将数据驱动的转换应用于文档.
D3 远远超出了典型的制图库, 包括许多其他较小的技术模块, 例如轴, 颜色, 层次结构, 轮廓, 缓动, 多边形等等. 所有这些使学习曲线变得陡峭.
试图创建一个简单的图表可能很复杂. 需要明确定义包括轴在内的所有元素以及其他图表项目. 许多示例展示了如何使用 CSS 设置图表元素的样式. 没有基于图表的功能会自动应用. 如果您想进入杂草并利用创造力来完全控制每个要素, 那是最佳选择. 全天候工作以满足数据可视化项目的要求, 从头开始可能不是最佳选择.
D3.JS 可以作为图表库的构建块. 开发人员已使用 D3 使使用它的图表解决方案 (如 NVD3) 更容易使用.
D3.JS 是开源的, 可以免费使用.
JSCharting https://jscharting.com/
JSCharting 图表库支持大量图表类型, 包括地图, 甘特图, 股票和其他经常需要单独使用的库. 它包含所有世界国家的内置地图, 以及 SVG 图标库. 一套独立的微型图表可以在任何图表标签或页面上的任何 div 元素中呈现. 还包括 UI 控件(UiItems), 可提供更丰富的交互式图表. 实时控制数据或可视化变量非常容易, 并且可以将图表导出为 SVG,PNG,PDF 和 JPG 格式.
画廊分为图表类型和功能样本. 图表样式经过抛光, 可以生成一些外观简洁的图表. 整体视觉效果提供了干净专业的制图体验.
包含的样本使用配置对象来自定义图表. 创建和控制图表类型的设置非常易于使用. 只需很少的属性设置即可指定更复杂的图表类型, 并且 JSCharting 具有强大而动态的默认值, 这意味着它会尝试自动为方案选择最佳设置.
该文档包括许多教程和完整的 API 属性描述. 许多属性包括示例用法和示例链接.
JSCharting 对于非商业和个人用途是免费的, 并且还提供商业许可选项, 其中包括所有图表类型和产品, 但需要付费.
Highcharts https://www.highcharts.com/
来源: http://www.css88.com/web/javascript/15015.html