齿轮箱，第二个开口。图表和仪表工具。

(更新)

基于web的信息显示，例如仪表板，已经成为显示复杂数据摘要的一种流行方式。在本期的Gearhead工具箱中，我有两个用于创建和编辑图表的杀手级JavaScript库，以及另一个用于创建仪表显示的同样出色的库。享受……

马克·吉布斯

美津

美津标榜自己是:

GoJS是一个功能丰富的JavaScript库，用于跨现代web浏览器和平台实现自定义交互关系图和复杂的可视化。GoJS使用可定制的模板和布局使构建复杂节点、链接和组的JavaScript关系图变得容易。[它包括]拖放、复制粘贴、文本就地编辑、工具提示、上下文菜单、自动布局、模板、数据绑定和模型、事务状态和撤消管理、调色板、概述、事件处理程序、命令，以及可扩展的自定义操作工具系统。

美是一种开源专有源代码*纯JavaScript库完全运行在浏览器渲染的HTML5画布上，因此没有服务器端需求，没有涉及到服务器的往返开销，也没有插件。作者指出，“它应该与任何HTML或JavaScript框架一起工作，或者根本不需要任何框架。”

GoJS网站提供了数量惊人的例子演示一切，从简单的流程图到甘特图和欧拉图，看板，和强制导向的布局。价格为每个开发人员1350美元用于内部使用，每个开发人员2995美元用于OEM，这不是一个便宜的工具，但对于任何构建复杂的图形表示的人来说，这是目前可用的最强大的库之一。

马克·吉布斯

MXGRAPH

mxgraph是另一个开源的、纯JavaScript的客户端库，用于创建呈现为SVG和HTML的交互式图表，而且是免费的!作者解释:

mxGraph支持IE 11, Chrome 32+， Firefox 38+， Safari 7.1。8.0 x。9.1 x。10.0 x和。x, Opera 20+，原生Android浏览器5.1。x+，当前和以前主要iOS版本(如10)的默认浏览器。x和9。x)和边23+。/ mxGraph不使用第三方软件，它不需要插件，几乎可以集成到任何框架中。还提供了Java和。net中用于持久性(打开和保存)的服务器端功能，以及服务器端映像生成。

这是一个比GoJS和例子是可用的。特别是，结账图形编辑器一个功能全面的图表编辑和绘图应用程序的基础上mxgraph。它将图形保存为本地XML文件和它的姊妹应用程序，draw.io，可以保存到谷歌驱动器，GutHub, DropBox, OneDrive，或本地，并支持广泛的图形类型。

马克·吉布斯

帆布仪表

有时候，在web页面上显示数据的最佳方式不是打印一个数字，而是模仿一个量规，这一点也不奇怪，因为这正是免费的、开源的帆布Guages提供:

Canvas压力表对极简代码设计非常友好，因此当您需要在桌面、移动设备或有限资源的物联网设备上使用这些压力表时，您可以放心，它将为您提供最佳的选择，从而为您的解决方案获得最小数量的代码。

帆布量规提供线性和径向的量规和例子覆盖零配置仪表，罗盘仪表，和各种定制版本的来源和文件是优秀的。这是一个非常好的工具集，用于构建光滑的基于web的仪表板，以一种视觉上吸引人且易于理解的方式交付数据。

*向Sebastian Muller致敬，因为他指出GoJS实际上是封闭的私有资源;他们的Github回购只包含演示软件源代码。

评论?想法吗?写信给我那就跟着我推特和脸谱网。报名参加我的新通讯!