Какая библиотека JavaScript (бесплатная или коммерческая) может создавать схемы компьютерной сети или электрические схемы. Кроме того, это поддерживает анимацию между различными элементами на диаграммах и т.д.
Спасибо.
Библиотека Javascript для создания диаграмм?
Ответ 1
Проверьте эти три библиотеки и посмотрите, могут ли они помочь вам:
Raphaël - небольшая библиотека JavaScript что должно упростить вашу работу с помощью векторная графика в Интернете. если ты хотите создать свой собственный график или обрезать изображение и повернуть виджет, для Например, вы можете достичь этого просто и легко с этой библиотекой. Рафаель ['ræfeɪəl] использует SVG W3C Рекомендация и VML в качестве основы для создание графики. Это означает, что каждый созданный вами графический объект также является DOM, поэтому вы можете присоединить Обработчики событий JavaScript или изменение их позже. Цель Рафаэля - предоставить адаптер, который будет рисование векторного искусства совместимо кросс-браузер и легко.
Protovis составляет пользовательские представления данных с простыми знаками, такими как бары и точек. В отличие от графики низкого уровня библиотеки, которые быстро становятся утомительными для визуализации протовиз определяет оценивает динамические свойства, которые кодировать данные, позволяя наследование, шкалы и макеты для упрощения строительство. Протовис свободен и с открытым исходным кодом, предоставляемый по BSD Лицензия. Он использует JavaScript и SVG для веб-визуализации; нет требуется плагин (хотя вам понадобится современный веб-браузер)! Несмотря на то что опыт программирования полезен, Протовиты в основном декларативные и предназначенный для изучения на примере.
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);