用于图表创建的Javascript库？

Question

哪个JavaScript库(免费或商业)可以构建计算机网络图或电气图.此外,它支持图表中不同项目之间的动画等.

谢谢.

Answer 1

答案绝对是JointJS

Answer 2

尝试免费的在线应用程序绘制图表,draw.io.它使用mxGraph库来绘制图表.

免责声明:

我是与JGraph相关的软件开发人员.

Answer 3

查看这三个库,看看它们是否可以帮助您:

拉斐尔

Raphaël是一个小型JavaScript库,可以简化您在Web上使用矢量图形的工作.例如,如果要创建自己的特定图表或图像裁剪和旋转小部件,则可以使用此库轻松实现.Raphaël['ræfeɪəl]使用SVG W3C Recommendation和VML作为创建图形的基础.这意味着您创建的每个图形对象也是一个DOM对象,因此您可以附加JavaScript事件处理程序或稍后修改它们.Raphaël的目标是提供一个适配器,使绘图矢量艺术兼容跨浏览器和简单.

Protovis

Protovis使用简单的标记(如条形和点)组成数据的自定义视图.与低级图形库不同,后者很快就变得乏味可视化,Protovis通过动态属性定义标记,这些动态属性对数据进行编码,允许继承,缩放和布局以简化构造.Protovis是免费的开源软件,根据BSD许可证提供.它使用JavaScript和SVG进行Web原生可视化; 不需要插件(虽然你需要一个现代的网络浏览器)!尽管编程经验很有帮助,但Protovis主要是声明性的,旨在通过实例学习.

Processingjs

Processing.js是流行的Processing可视化编程语言的姐妹项目,专为Web设计.Processing.js使您的数据可视化,数字艺术,交互式动画,教育图,视频游戏等使用Web标准并且无需任何插件.您使用Processing语言编写代码,将其包含在您的网页中,Processing.js完成剩下的工作.这不是魔术,而是差不多.

Processing最初由Ben Fry和Casey Reas开发,最初是一种基于Java的开源编程语言,帮助电子艺术和视觉设计社区在视觉环境中学习计算机编程的基础知识.Processing.js将此提升到了一个新的水平,允许处理代码由任何兼容HTML5的浏览器运行,包括当前版本的Firefox,Safari,Chrome,Opera和Internet Explorer.Processing.js为处理和Web开发人员带来了最好的可视化编程.

Answer 4

....最后但并非最不重要的Draw2D.

它是一个易于创建图表的JS库.API更像是Java/C#语法.抽象和管理层位于着名的RaphaelJS lib之上.

代码示例:

      var canvas = new draw2d.Canvas("gfx_holder");

      // Create two standard nodes for "start" and "end" and link
      // this figures with a standard Connector
      //
      var start  = new draw2d.shape.node.Start();
      var end    = new draw2d.shape.node.End();

      canvas.addFigure(start, 80,180);
      canvas.addFigure(end, 450,250);

      // Add a connection via API calls between Start and Stop
      //
      var connection = new draw2d.Connection();
      connection.setSource(start.getOutputPort(0));
      connection.setTarget(end.getInputPort(0));
      canvas.addFigure(connection);