我们生活在这个数据信息爆炸的时代,我们开发的每个应用程序都使用或利用了数据来改善我们的各种用户体验。
我们可以给用户提供最佳的数据本身功能,表格和数字图表通常很容易阅读,但很难从大型数据表中获得可行的直接见解。
相反,我们可以使用整洁的数据可视化方法,这些方法可以利用大脑以视觉方式识别和处理数据的能力。为了帮助你入门并轻松将漂亮的数据可视化添加到你喜欢的应用程序中,小千总结整理的一些最佳的Javascript数据可视化库(未排名)。
PS:使用Bit可以在应用之间快速重用UI组件,使用云库为你的团队提供支持,以加快您的应用开发速度,这些都是免费的!
一、D3js
D3.js获得了80Kstars,可能是其中最受欢迎和最广泛的Javascript数据可视化库。D3用于处理基于数据的文档,并使用HTML,SVG和CSS使数据栩栩如生。
D3对网络标准的重视使你无需结合专有框架即可将现代浏览器的功能与之结合,而是结合了可视化组件和数据驱动的DOM操作方法。它允许你将任意数据绑定到文档对象模型(DOM),然后将数据驱动的转换应用于文档。这是一个很棒的示例画廊,但也有人说D3根本不是数据可视化库。
二、ChartJS
一个非常流行的(40k stars)开源HTML 5图表库,用于使用canvas元素的响应式Web应用程序。
V.2提供了混合的图表类型,新增了图表轴类型和动画。界面设计简单优雅,具有8种基本图表类型,你可以将库与moment.js组合为时间轴。你也可以在cdnjs上签出库。
三、ThreeJS
这个是非常受欢迎的库(45K stars;1K贡献者)内置用于使用WebGL创建3D动画。
该项目灵活而抽象的性质意味着它对于可视化2维或3维数据也很有用。例如,你也可以使用指定的模块通过WebGL进行3D图形可视化。
四、Echarts & Highcharts
百度的Echarts项目(30K stars)是用于浏览器的交互式图表和可视化库。
它是用纯JavaScript编写的,基于zrender canvas库,它支持Canvas,SVG(4.0+)和VML形式的渲染图。除了PC和移动浏览器之外,ECharts还可以与节点上的节点画布一起使用,以实现高效的服务器端渲染(SSR)。这是指向完整示例的场景链接,每个示例都可以在交互式场景上播放。
Highcharts JS是一个8Kstars,是基于SVG的广受欢迎的JavaScript图表库,具有旧浏览器的VML和canvas的后备功能。它声称eb被全球100家最大的公司中的72家使用,这使其(可能)成为世界上最受欢迎的JS图表API(Facebook,Twitter)。
五、Metric-Graphics
MetricsGraphics.js(7k stars)是一个优化的库,用于可视化和布局时间序列数据。
它相对较小(最小80kb),并且提供折线图,散点图,直方图,条形图和数据表的狭窄而优雅的选择,以及地毯图和基本线性回归等功能。
六、Metabase
Metabase的运行时间超过11k stars,是一种无需了解SQL即可创建数据仪表盘的快速简便的方法(但对于分析人员和数据专家而言,却具有SQL模式)。
你可以创建规范的细分指标,将数据发送到Slack(并使用MetaBot在Slack中查看数据)等等。尽管可能需要维护,但它可能是一个很好用的工具,可以为你的团队内部可视化数据。
七、Raphael
一个10k stars的Javascript“矢量库”,用于处理网络中的矢量图形。
该库使用SVG W3C Recommendation和VML作为创建图形的基础,因此每个图形对象也是DOM对象,您可以附加JavaScript事件处理程序。Raphaël当前支持Firefox 3.0 +,Safari 3.0 +,Chrome 5.0 +,Opera 9.5+和Internet Explorer 6.0+。
八、C3js
C3是8k stars,是一个用于Web应用程序的基于D3的可重用图表库。
该库为每个元素提供类,因此您可以通过该类定义自定义样式,并通过D3直接扩展结构。它还提供了各种API和回调来访问图表状态,通过使用它们,你甚至可以在绘制图表后对其进行更新。
九、CartoDB
Carto是2k stars,是一种位置情报和数据可视化工具库,用于发现基础位置数据的信息。
你可以使用Web表单上传地理空间数据(Shapefiles,GeoJSON等),并在数据集或地图中将其可视化,使用SQL进行搜索,以及使用CartoCSS应用地图样式。
十、Raw graphs
Raw超过5K stars,是电子表格和数据可视化之间的链接,旨在d3.js库的顶部创建基于矢量的自定义可视化。
它适用于表格数据(扩展名和逗号分隔的值),以及来自其他应用程序的数据复制粘贴文本后生成可视化数据表。基于SVG格式,可使用矢量图形应用程序进行编辑以进一步完善,也可以直接嵌入到网页中。
内容来源:web前端开发
海量精品课资源 扫码添加小千学姐马上领取资源>>>▼点击