30个最佳Javascript图表& Graph Libraries & 工具类

数据可视化 这些天是网站的重要组成部分。因此,如果您正在寻找数据可视化解决方案,这里有一些 最佳Javascript图表& Graph Libraries & 工具类 帮助您以一种简单易懂的方式展示您的信息,使您的听众专注于更重要的信息。

Sigma.js

专门用于图形绘制的JavaScript库。它使在网络上发布网络变得容易,并允许开发人员将网络浏览集成到富Web应用程序中。

Sigma.js


孵化器图表

这是一个免费的,功能强大的图表和可视化库,提供了一种简便的方法,可以向您的商业产品添加直观,交互式和高度可定制的图表。它使用纯JavaScript编写,并基于zrender(这是一个全新的轻量级画布库)。

孵化器图表


冰沙

受GitHub启发的简单,现代的SVG图表,零依赖。

冰沙


查特利

允许您创建交互式图表和图形的插件。它为您提供9种图表,如折线图,面积图,条形图等。

 查特利-互动图表


Plotly.js

plotly.js构建在d3.js和stack.gl之上,是一个高级的声明式图表库。 plotly.js随附40多种图表类型,包括科学图表,3D图形,统计图表,SVG地图,财务图表等。

Plotly.js


Apexcharts.js

一个现代的JavaScript图表库,可使用简单的API构建交互式图表和可视化文件。

Apexcharts.js


Britecharts

基于D3.js v5的客户端可重用图表库,可轻松直观地使用可组合在一起的图表和组件,从而创建出色的可视化效果。

Britecharts


黄包车

用于创建交互式时间序列图的JavaScript工具包。这是一个简单的框架,用于在D3库的顶部构建网页上的时间序列数据图表。这些图表可以由静态历史数据集或实时不断更新的实时数据提供支持。

黄包车


音标

使用JavaScript和HTML canvas标签的时间序列的交互式可视化。

dy字


它是JavaScript库,具有一组预建的可视化组件,用于构建实时电视仪表板,监视UI和IoT Web界面。

宙


图表

xCharts是一个JavaScript库,用于使用D3.js为网络构建漂亮的和自定义的数据驱动的图表可视化。通过使用HTML,CSS和SVG,xCharts被设计为动态,流畅的,并且可以进行集成和自定义。

图表


dc.js

它利用d3引擎以css友好的svg格式呈现图表。使用dc.js渲染的图表自然是数据驱动的,并且具有反应性,因此可以为用户提供即时反馈’的互动。该项目的主要目的是提供一个简单而强大的javascript库,该库可用于在浏览器以及移动设备上执行数据可视化和分析。

dc.js


Dracula.js

用于显示和布置交互式图形的工具集,以及各种相关算法。

图德古拉


linkurious.js

一个Javascript工具包,可加快图形可视化和交互应用程序的开发。

linkurious.js


Chartbuilder

Chartbuilder是一个前端图表应用程序,可帮助轻松创建简单漂亮的图表。

Chartbuilder


包车

一种图表工具,可以从任何数据文件中生成自动的,可共享的图表。

包车


格拉菲孔

格拉菲孔是一个JQuery图表插件,使您可以通过完全自定义创建自己的独特图表。

 格拉菲孔


jQuery的 Graphs插件

不要浪费时间调整图表的宽度或条的宽度和高度。使用此图形插件,只需添加您列的数据,即可准备好图形!

 jQuery的 Graphs插件


绒毛

jQuery的的纯JavaScript绘图库,着重于简单用法,美观的外观和交互功能。

海军报


简易饼图

轻巧的插件可为单个值绘制简单的动画饼图。

简易饼图


披萨饼图

将饼图发送到任何带有Pizza的设备。 SVG将使您的馅饼蒸得沸腾,因此在视网膜设备和HiDPI设备上看起来不错。馅饼将适合您的盒子的宽度– um,容器的宽度–或可以指定为最大宽度或最大高度。

披萨饼图


jqplot

jqPlot是一个基于jQuery的绘图和制图插件。网格,轴,阴影等均由插件计算和渲染。它支持自定义事件处理程序,创建新的图类型,向图添加画布以及更多功能。

jqplot


TufteGraph

Tufte Graph允许开发人员使用jQuery创建美观的图表。使用Javascript和jQuery制作漂亮的图形。通过使用动态功能来完成配置,从而允许使用紧凑的API。此外,非核心布局是通过CSS而非代码实现的。

TufteGraph


特异性图

生成交互式折线图,以显示样式表中的特性。使用d3,css解析器和特异性。

特异性图


Chart.js

简单,干净且引人入胜的基于HTML5的JavaScript图表。 Chart.js是在您的网站上免费免费包含动画交互式图形的简便方法。

Chart.js


n3线图

n3线图是一个易于使用的JavaScript库,用于在AngularJS应用程序中创建漂亮的图表,它建立在D3.js之上。

n3线图


宪章派

宪章派是为非常特殊的需求而开发的:创建简单的响应图。尽管其他图表库在可视化数据方面做得很出色,但始终无法满足某些简单而苛刻的需求。

宪章派


Chartkick.js

用最少的代码创建漂亮的JavaScript图表。

Chartkick.js


Taucharts

基于D3的以数据为中心的javascript图表库。

Taucharts


VivaGraphJS

VivaGraphJS是一个免费的JavaScript图形绘制库。它被设计为可扩展的,并支持不同的渲染引擎和布局算法。目前,它支持使用WebGL,SVG或CSS格式呈现图形。

VivaGraphJS


InfoVis工具包

JavaScript InfoVis工具包提供了用于为Web创建交互式数据可视化的工具。

InfoVis工具包


3 Comments

  1. 哇,好多清单。这些库包含一些有趣且独特的功能。

    我和我的同事在ZingChart(http://www.zingchart.com),我们认为它是市场上最好的JavaScript图表库之一。亨利,我们’d如果您签出,将感到高兴! ðŸ™,

  2. 安德烈·哈恰图洛夫(Andrey Khachaturov)说:

    谢谢你的推荐!我几乎不熟悉您提到的某些库,所以现在是时候让我看看它们的真正含义了…我相信AnyChart JavaScript / HTML5图表框架以及用于图表,地图,股票图和甘特图的JS库也应引起您的注意,因为它是当今几种最佳,最全面的数据可视化解决方案之一: http://www.anychart.com.

  3. 查看JSCharting(//jscharting.com),我们在直观的API上付出了很多努力,因此开发人员只需编写更少的代码,就可以更快地完成工作,并获得惊人的结果。此外,所有图表类型都包括在内,因此无需单独购买地图,甘特图,股票等。当您需要使用新的类型时,JSC的150多种图表类型将为您服务!

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.