美文网首页程序员
Web工程师最常用的8款数据可视化工具

Web工程师最常用的8款数据可视化工具

作者: 8a300e122508 | 来源:发表于2020-04-24 16:50 被阅读0次

    1、灯果数据可视化

    灯果数据可视化BI软件是新一代人工智能数据可视化大屏软件,内置丰富的大屏模板,可视化编辑操作,无需任何经验就可以创建属于你自己的大屏,被广泛应用于商业、经济、医疗等领域的中。

    软件支持支持全国地图、省级地图、世界地图和3D地球,支持呼吸点、飞线、柱状图、区域色块和地点标记等特效,支持地图下钻和图表联动。支持局域网分享和网络公开分享,支持云服务器托管,支持软件内置查看和Web查看两种方式,可以完美嵌入第三方系统中。支持自定义GeoJSON上传,支持第三方三维模型导入,支持自定义组件,用户可以在线开发深度定制的可视化组件及特效。

    官网下载地址:http://www.dengguobi.com/?type=download

    适合人群:追求快速美观同时又不需要写一堆杂乱代码的开发者

    2. Google Charts

    文档和帮助信息丰富的 Google Charts 对于刚刚入门 JavaScript 绘图的人来说是极佳的选择。它的文档里到处都是带注释的代码和逐步的讲解,可以直接用来把 HTML5 / SVG 图标嵌入到你的网页中。

    适合人群:追求灵活性和良好文档的严肃开发者。

    3. MetricsGraphics

    MetricsGraphics 是一个在 D3.js 的基础上专为可视化时间序列数据而开发的绘图库。虽然它只支持线图、散点图、柱状图、直方图和数据表格,但它在这几类图表上的表现非常强。

    跟 Google Charts 一样(MetricsGraphics 是 Mozilla 的产品),丰富的文档和例子使得它很容易上手。比如这个非常有趣的关于 UFO 目击事件的交互式例子。

    同时它也是一个非常简易和轻量级的选择。

    适合人群:追求快速美观同时又不需要写一堆杂乱代码的开发者。

    4. FusionCharts

    FusionCharts 支持 vanilla JavaScript、jQuery、Angular 等一系列高人气的库和框架。它内置 90 多种图表和超过 1000 种地图,相比 Google Charts 和 MetricsGraphics 要完整得多。你可以在这里查看它所支持的全部图表类型。

    考虑到应用或是网站的拓展性,如果你选择了一个功能不完整的绘图库,这就有可能在将来发展成一个问题。而像 Microsoft、Google 和 IBM 这样的公司都在使用 FusionCharts,这说明它是一个能满足企业级拓展性需求的工具。

    适合人群:需要各种不同种类的易自定义图表的开发者。

    5. Epoch

    Epoch 是一个基于 d3.js 开发的工具,它使得开发者可以方便地在他们的应用或是网站上部署实时图表。它的文档整洁,完全免费并且开源,这使得它对于不想花钱购买重量级解决方案的人来说是一个很好的选择。

    对普通数据和实时数据,Epoch 都支持 5 种图表类型。这个数量并不能与 FusionCharts 或是 Highcharts 这种特性完整的产品对抗,但它所专长的是以简单和友好的方式呈现实时数据。

    适合人群:需要简单灵活的实时数据呈现方案的开发者。

    6. ECharts

    百度的 ECharts 是一个很棒的工具,它支持在绘制完数据后再对其进行操作。这个被称为 Drag-Recalculate 的特性使得用户可以在图表之间拖动一部分的数据并得到实时的反馈。同时,ECharts 是专为绘制大量数据设计的。它可以瞬间在二维平面上绘制出 20 万个点,并用专为 ECharts 开发的轻量级 Canvas 库 ZRender 使数据动起来。

    你可以在这里对上图进行操作,来体验 ECharts 所提供的特性。

    适合人群:想尽量避免写代码并有实时数据操作需求的开发者。

    7. D3.js

    虽然并不是对用户最友好的工具,但 d3.js 在 JavaScript 绘图界的重要性是不可小觑的。许多其他的库都是基于它所开发,因为它提供了你所能想到的所有功能。它支持 HTML、SVG 和 CSS,并且有着海量的用户贡献内容来弥补它缺乏自定义内容的劣势。

    适合人群:不怕写代码的硬核绘图专家。

    8. Sigma

    跟上面已经提到过的工具相比,Sigma 有着自己独特的定位,那就是图模型的绘制。它基于 Canvas 和 WebGL 开发并提供了公开的 API。所以你可以在 GitHub 上找到社区贡献的许多插件。举例来说,你可以用 Sigma.js 画出这样的图:

    Sigma 同时也是响应式的,并支持触屏。开发者很容易添加新的功能以及精细地控制边和顶点的规格。

    适合人群:需要专为绘制图模型设计的强大工具的开发者。

    相关文章

      网友评论

        本文标题:Web工程师最常用的8款数据可视化工具

        本文链接:https://www.haomeiwen.com/subject/rcnfwhtx.html