Comments 5
SVG + table \ database
Хочется создать динамическую связь SVG (app.dgrm.net, а лучше draw.io) с google Sheets или с Excel (или с БД). Чтобы как в связке с visio + excel: поменял данные в excel и они тут же изменились на схеме в visio (и наоборот).
И тут также: поменял данные в google Sheets \ Excel и они тут же изменились на схеме app.dgrm.net \ drawio. Есть такие интеграции?
Хороший пример интеграции draw.io с редактором VS Code:
Editing the Diagram and its XML Side by Side
Что-то подобное бы, но редактировать table \ database и видеть изменения в .svg \ .drawio. И наоборот.
GraphViz, Mermaid, PlantUML – это генераторы схем из скрипта. Для простых схем это работает, но сложные схемы как правило требуют ручной корректировки размещения «проблемных элементов». Кроме того, технология
1 Таблица
2 GraphViz, Mermaid, PlantUML и т.п.
3 Векторный рисунок
все равно требует переход «таблица - скрипт» (почему-то с переносами слов проблемы).
Связка google Sheets + Draw.io показана тут:
Карта процессов верхнего уровня компании и матрица RACI c помощью drawio и google sheets
Главное же, что нужно реализовать именно связку с «полной строкой данных», как это работает в visio+excel. Т.е. по клику на объект на схеме мы «проваливаемся» в объект таблицы (в общем случае, базы данных), где есть как видимые на схеме атрибуты (называние фигуры, например), так и не видимые на схеме (все поля строки).
Примерно, как на любой интерактивной карте местности: выбрали на схеме svg графический объект и активировали (отобразили) карточку объекта: что там размещено (какие магазины по этому адресу), какие события там были (в зависимости от тематики карты). В принципе и простенький гео – инструмент подошёл бы (саму гео-карту не использовать), но интересна задача привязывать информацию (в виде отдельных полей) к структурной схеме и схеме workflow.
В общем, чтобы получилось упрощенное подобие ARIS (BPM). Аналитическую часть (контроль уникальности имени экземпляра объекта и т.п.) – потом сделать можно путем анализа таблицы \ БД.
JavaScript редактор текста для SVG