关键词：
做前端少不了画图，html5 的 canva 很强大，可是如果所有需求都自己画图，恐怕会被 leader 炒掉。记录一下我用过的几个 2D 和 3D 的js图形库，各种功能。我就不分 2D 和 3D 了，因为 WebGL前端数据可视化是一个很热门的方向，发展趋势，也是很多图形库的发展目标。
1.echarts：百度开源的功能很多的图形库。看一下下图的 demo 就知道它的功能了。http://echarts.baidu.com/examples.html 。可以满足基本的二维数据图表的绘制，简单方便。
2.echarts-gl:百度开源的功能很多的GL(3D)图形库。下图的 demo。http://echarts.baidu.com/examples.html 。可以满足基本的二维数据图表的绘制，简单方便。http://gallery.echartsjs.com/explore.html#tags=echarts-gl~sort=rank~timeframe=all~author=all 。画地球仪、3D 百度地图什么的，很好用。还可以结合 Web AudioContext ,结合音频数据，做出很炫酷的效果。
3.threejs :一个开源的web 3D 工具，还开源了 threejs editor ，是个简化版的建模工具。threejs 示例 https://threejs.org/ ，threejs editor 示例：http://mrdoob.com/ 。learining threejs ：http://learningthreejs.com/，中文教程：http://techbrood.com/threejs/docs/ 。 其他示例：http://alteredqualia.com/three/examples/materials_cubemap_escher.html ，https://floorplanner.com/pro ，http://exocortex.com/ ，WebGL 学习教程：https://webglfundamentals.org/webgl/lessons/zh_cn/webgl-fundamentals.html
还可以模拟分子模型，当然，你能想到的 3D 模型，threejs 几乎都能做到。但是 threejs 的交互功能并不是很完善。
4.D3.js：https://d3js.org/，更倾向于二位数据图表的绘制，是一个很强大的用户自定义结构的工具。学习D3：http://d3.decembercafe.org/index.html
5.mapbox.js,可以创建各种自定义地图，二维的世界地图、各省市地图都可以绘制成功。https://www.mapbox.com/maps/ 。它还有一个客户端绘制软件：https://tilemill-project.github.io/tilemill/
6.mapbox-gl.js，就是 3D 的地图绘制，数据和行为之间的交互做的很好，其实 echarts-gl 和.mapbox-gl 结合可以做出更炫酷的效果，详情见：.http://gallery.echartsjs.com/editor.html?c=xrJHCfsfE- 。
7. cytoscape.js http://js.cytoscape.org/ ，很适合绘制二维的社交节点关系图、神经网络节点关系图，反正涉及到节点的图表都可以试试这个图形库，当然这库还有其他的优点哈，比如图中各节点的动态交互就做的很棒棒。
8.amcharts，一个部分开源的工具，可以绘制二维的折线图、柱状图、饼图、地图、股票趋势图、仪表图等，当然还可以绘制三维的饼图、柱状图等。但是非开源，图标上方会有水印，工具好用。https://www.amcharts.com/demos/
9.highcharts，功能很多，满足基本的数据展示需求，国内用的很多。
10.GraphicsJS ： http://www.graphicsjs.org/ ，就不多说了，可以自己看官网了解。
11.阿里的G2可以让用户通过简单的语法搭建出无数种图表，并且集成了大量的统计工具，支持多种坐标系绘制，可以让用户自由得定制图表，是为大数据时代而准备的强大的可视化工具。也可以看看阿里的DataV数据可视化，貌似是付费的。
12.raphael.js ： https://dmitrybaranovskiy.github.io/raphael/
13.BabylonJS：微软加的 3D 图形引擎工具，不过是typescript 写的，很好用。建模效果很逼真。http://www.babylonjs.com/
14.Stardust，https://stardustjs.github.io/，基于CPU的可视化图形库。
15.其他库：okaycharts、fusioncharts、xCharts、Flotr、RGraph、ichartjs、ChartJS、rickshaw、jqplot、rgraph、digraphs、canvasxpress、graphael、 Awesome Chart JS ，大家可以看看这篇：http://blog.csdn.net/github_36111469/article/details/53345664 当然，这些其他库我还没用过。
16.其他3D 图形库：SceneJS、PhiloJS等。Google 的 webGL 示例库：https://experiments.withgoogle.com/
17.推荐几个思维导图软件：https://www.zhihu.com/question/19622223?sort=created，还有processOn
给开发者提供的35款javascript图形图表库
给开发者提供的35款JavaScript图形图表库图表是数据图形化的表示，也就是“通过形象的图表来展示数据，比如条形图，折线图，饼图”。几乎每个开发或者项目管理团队都需要图表或者图形来简化理解，可视化复杂的数据... 查看详情
有没有做气球树布局的javascript图形绘制库？
】有没有做气球树布局的javascript图形绘制库？【英文标题】：Isthereajavascriptgraphdrawinglibrarythatdoesballoontreelayouts?【发布时间】：2012-09-0722:28:48【问题描述】：***的条目说气球树布局是常见的类型之一，但我找不到任何似乎支持开... 查看详情
javascript2d图形库（正在进行中）(代码片段)
50k点的图形库？ PHP 或 Javascript
】50k点的图形库？PHP或Javascript【英文标题】：GraphingLibraryfor50kpoints?PHPorJavascript【发布时间】：2013-07-2211:48:09【问题描述】：在SO上进行大量搜索后，我找不到特定用例的答案。我一直在将jQplot用于PHP/Javascript页面，该页面绘制了... 查看详情
有哪些用javascript实现的图形库
JS图形、图标库推荐：1.JSChartsJSCharts是个基于JavaScript的图表生成器，不需要任何编码。JSCharts非常容易使用，只要用户使用客户端脚本（比如，在web浏览器中执行）。它不需要多余的插件和服务器模块，只需要下载JSCharts的脚本... 查看详情
Javascript图形布局引擎[关闭]
】Javascript图形布局引擎[关闭]【英文标题】：JavascriptGraphLayoutEngine[closed]【发布时间】：2012-08-2914:20:12【问题描述】：我正在寻找可以进行图形布局的Javascript库/引擎。（当我说布局时，我的意思是在逻辑上很好地定位顶点。）... 查看详情
Turtle 图形库的 Write() 函数不适用于 Transcrypt
...用Turtle图形库的write()函数，然后使用Transcrypt将其转换为javascript时，它什么也不显示。我的代码如下所 查看详情
canvas绘图优化之使用位图--基于createjs库
...按照后端传送的参数来绘制。用canvas绘制图形比较方便，javascript的api接口也比较简单。现在也有很多的jscanvas库，比如这个：createjs中的easeljs，对canvas进行了轻量的封装，支持链式操作，支持给图形添加事件，虽然它是专门用来... 查看详情
13个javascript图表（js图表）图形绘制插件转
现在网络上又有越来越多的免费的（JS图表）JavaScript图表图形绘制插件。我之前给一家网站做过复杂的图形，我们用的是highchart。在那段时间，没有很多可供选择的插件。但现在不同了，很容易就可以找到很多功能非常不错的图... 查看详情
13个javascript图表（js图表）图形绘制插件转
现在网络上又有越来越多的免费的（JS图表）JavaScript图表图形绘制插件。我之前给一家网站做过复杂的图形，我们用的是highchart。在那段时间，没有很多可供选择的插件。但现在不同了，很容易就可以找到很多功能非常不错的图... 查看详情
Android上的图形可视化
...可视化框架。我发现了很多图表框架，但没有一个可以像JavaScriptInfovis工具包那样允许图形可视化和操作。我正在寻找一个本机库，因为JavaScript库对于平板电脑来说性能不够。有什么想法吗？【问题讨论】：你可以 查看详情
推荐15款制作svg动画的javascript库
...网页设计。绘制SVG不是一个艰巨的任务，因为大量的 JavaScript 库可与 SVG 图像搭配使用。这些JS库帮助设计师和开发人员可以轻松地为他们的项目和Web应用程序创建创新和逼真的图形。1.Textures.jsTextures.js易于改进的... 查看详情
javascript图表库的新选择！lightningchartjs入门须知了解一下
...并不是很了解这个产品，这是由ArctionLtd公司最新推出的JavaScript图表库工具。LightningChartJS是Web上性能最高的图表库具有出色的执行性能-使用高数据速率同时监控数十个数据源。GPU加速和WebGL渲染确保您的设备的图形处理器得到有... 查看详情
我要做个这样的图表用jquery的啥插件能实现
13个JavaScript图表和图形绘制插件。少数是独立的框架，大多数支持条图、线图、饼图等基本图形，很多甚至支持更加复杂的图形，比如：维恩图、热图、进化树、二维散点图、二维散点气泡图、三维散点图等。相信你应当能在这... 查看详情
.NET 图形库？ [关闭]
】.NET图形库？[关闭]【英文标题】：.NETgraphlibraryaround?[closed]【发布时间】：2010-12-0709:38:42【问题描述】：我正在寻找.net的图形库。有出来吗？ps：我指的是GRAPH库，不是图形库，也不是图表库！编辑：我的意思是图，来自图论：... 查看详情
cairo图形库
简介提到cairo，估计很少知道这还是一个图形库的名字（http://cairographics.org），Linux的两大流行桌面环境KDE和Gnome，其对应的基础组件QT和GTK+，相对于框架性质的QT，GTK+依然保持着自由与开放的传统，从底层绘图到上层程序库都由... 查看详情
win10系列：javascript图形
...canvas元素会在页面上生成一个矩形的位图画布，可以使用JavaScript在画布上实时绘制图形图像。在绘制图形时，需要先调用画布的getContext函数获取与该画布相关的用于绘制图形（如2D图形、3D图形）的对象，然后使用这个对象调用... 查看详情
计算机图形学开源的库都有哪些，主要用于二维
...图引擎RRDtool，计算机视觉库OpenCV，图像处理类库CImg，2D图形库AGG，Google图形处理引擎skia，三维图形渲染引擎OGRE，开源图形库FreeImage，3移动设备上的OpenGLOpenGLES，高质量图形图表库MathGL，开源图形库CxImage，图像识别类库TesseractOC... 查看详情