不是吧阿sir,都2020了,不会有人还不知道前端可视化吧

我们生活在这个数据信息爆炸的里时代,我们开发的每个应用程序都使用或利用了数据来改善我们的各种用户体验。

有时,我们可以给用户提供最佳的数据本身功能。表格和数字图表通常很容易阅读,但很难从大型数据表中获得可行的直接见解。

在这里插入图片描述
相反,我们可以使用整洁的数据可视化方法,这些方法可以利用大脑以视觉方式识别和处理数据的能力。为了帮助你入门并轻松将漂亮的数据可视化添加到你喜欢的应用程序中。

D3js

D3.js是一个JavaScript库,用于根据数据处理文档。D3可帮助你使用HTML,SVG和CSS使数据栩栩如生。D3对Web标准的强调为你提供了现代浏览器的全部功能,而又不会使自己陷入专有框架,而是结合了强大的可视化组件和数据驱动的DOM操作方法。
在这里插入图片描述
在此处下载最新版本(5.16.0):d3.ZIP

要直接链接到最新版本,请复制以下代码段:<script src="https://d3js.org/d3.v5.min.js"></script>

想要完整的源代码和测试,也可去 GitHub上查看。

ChartJS

面向设计人员和开发人员的简单而灵活的JavaScript图表。

在这里插入图片描述
V.2提供了混合的图表类型,新增了图表轴类型和动画。界面设计简单优雅,具有8种基本图表类型,你可以将库与moment.js组合为时间轴。你也可以在cdnjs上签出库。
在这里插入图片描述
你可以从GitHub版本下载最新版本的Chart.js 或使用Chart.js CDN。详细的安装说明可在安装页面上找到。

ThreeJS

这个是非常受欢迎的库,内置用于使用WebGL创建3D动画。该项目灵活而抽象的性质意味着它对于可视化2维或3维数据也很有用。例如,你也可以使用指定的模块通过WebGL进行3D图形可视化。
在这里插入图片描述
了解个更多请访问GitHub地址。

Echarts & Highcharts

ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。

ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行座标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。
在这里插入图片描述

Highcharts 是一个用纯 JavaScript 编写的一个图表库, 能够很简单便捷的在 Web 网站或是 Web 应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。

Highcharts 支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多达 20 种图表,其中很多图表可以集成在同一个图形中形成混合图。

在这里插入图片描述

Metric-Graphics

MetricsGraphics.js 是建立在D3的基础上,被用于可视化和布局的时间序列数据进行了优化。它提供以产生一个原则性的,一致的和响应式的方式的图形常见类型的简单方法。该库目前支持折线图,散点图和直方图,以及地毯地块和基本线性回归功能。
在这里插入图片描述

GitHub地址:https://github.com/metricsgraphics/metrics-graphics

Recharts

Recharts是使用ReactD3构建的图表库,可让你将其部署为声明性的React组件。该库提供了本机SVG支持,可通过组件属性高度自定义轻量级依赖关系树(D3子模块)。你可以在docs网站上找到实时示例。
在这里插入图片描述GitHub上有更过示例等着你。

Raphael

Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以绘制任意形状的图形,可以进行图表或图像的裁剪和旋转等复杂操作。

在这里插入图片描述

C3js

C3是一个用于Web应用程序的基于D3的可重用图表库。该库为每个元素提供类,因此您可以通过该类定义自定义样式,并通过D3直接扩展结构。它还提供了各种API和回调来访问图表状态。通过使用它们,你甚至可以在绘制图表后对其进行更新。
在这里插入图片描述
GitHub地址:https://github.com/c3js/c3

CartoDB

Carto是一种位置情报和数据可视化工具库,用于发现基础位置数据的信息。你可以使用Web表单上传地理空间数据(Shapefiles,GeoJSON等),并在数据集或地图中将其可视化,使用SQL进行搜索,以及使用CartoCSS应用地图样式。这里有很多视频演示(https://vimeo.com/channels/carto),可帮助你理解和入门。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章