Библиотека Javascript для создания диаграмм?

Какая библиотека JavaScript (бесплатная или коммерческая) может создавать схемы компьютерной сети или электрические схемы. Кроме того, это поддерживает анимацию между различными элементами на диаграммах и т.д.

Спасибо.

Ответы

Ответ 1

Проверьте эти три библиотеки и посмотрите, могут ли они помочь вам:

Raphael

Raphaël - небольшая библиотека JavaScript что должно упростить вашу работу с помощью векторная графика в Интернете. если ты хотите создать свой собственный график или обрезать изображение и повернуть виджет, для Например, вы можете достичь этого просто и легко с этой библиотекой. Рафаель ['ræfeɪəl] использует SVG W3C Рекомендация и VML в качестве основы для создание графики. Это означает, что каждый созданный вами графический объект также является DOM, поэтому вы можете присоединить Обработчики событий JavaScript или изменение их позже. Цель Рафаэля - предоставить адаптер, который будет рисование векторного искусства совместимо кросс-браузер и легко.

Protovis

Protovis составляет пользовательские представления данных с простыми знаками, такими как бары и точек. В отличие от графики низкого уровня библиотеки, которые быстро становятся утомительными для визуализации протовиз определяет оценивает динамические свойства, которые кодировать данные, позволяя наследование, шкалы и макеты для упрощения строительство. Протовис свободен и с открытым исходным кодом, предоставляемый по BSD Лицензия. Он использует JavaScript и SVG для веб-визуализации; нет требуется плагин (хотя вам понадобится современный веб-браузер)! Несмотря на то что опыт программирования полезен, Протовиты в основном декларативные и предназначенный для изучения на примере.

Processingjs

Processing.js - это сестра проекта популярной визуализации обработки язык программирования, предназначенный для веб. Processing.js делает ваши данные визуализации, цифровое искусство, интерактивные анимации, образовательные графики, видеоигры и т.д., используя веб-стандартов и без каких-либо плагинов. Вы пишете код, используя Обработать язык, включить его в вашей веб-страницы и Processing.js отдых. Это не волшебство, а почти.

Первоначально разработанный Бен Фрай и Кейси Рейс, обработка началась как язык программирования с открытым исходным кодом на Java, чтобы помочь электронным искусствам и сообщества визуального дизайна учатся основы компьютерного программирования в визуальный контекст. Обработка. это на следующий уровень, позволяя Обработка кода, который будет выполняться любым HTML5 совместимый браузер, включая текущий версии Firefox, Safari, Chrome, Opera и Internet Explorer. Processing.js обеспечивает лучшее из визуальное программирование в Интернете, оба для обработки и веб-разработчиков.

Ответ 2

Ответ абсолютно JointJS

Ответ 3

Попробуйте бесплатное онлайн-приложение для рисования диаграмм, draw.io. Он использует mxGraph для рисования диаграмм.

Отказ от ответственности:

Я разработчик программного обеспечения, связанный с JGraph.

Ответ 4

.... последнее, но не менее важное Draw2D.

это JS lib для простого создания диаграмм. API больше похож на синтаксис Java/С#. Абстракция и уровень управления над знаменитой библиотекой RaphaelJS.

Пример кода:

      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);