169 похожих чатов

Здравствуйте, чувствую что я немного уперся в своих силах. Есть задача:

нужно нарисовать блок схему, которая будет состоять только из блоков действий, вопросов, и (возможно) ограничителей. Структура диаграммы имеет конечную структуру вида: вопрос -> действия на выбор -> вопрос.
Схема будет использоваться в браузере, и печататься в пдф.
В браузере она должна быть кликабельна (по клику раскрасить блок или вопрос, например).

Я очень удивился что решений существует в целом не очень много, и пошёл копать дальше.
Вот те решения которые мне не подошли по причине цены или своей необъятной огромности или наоборот ориентирование на другие типы диаграмм, или они просто не поддерживаются: Rappid, GoJS, jsUML2, diagram-js, state.js, draw2d, cryptoscape.js, react diagram, js-diagram-chart, graphiviz (хотя выглядит интересно, и вообще там репа в гитлабе), yFiles

Решения которые просто мемные, хотя в них есть потенциал: flowchart.js, mermaid.js, nomnoml.

И оставшиеся:
- mxGraph: документация очень грустная, редактор draw.io на базе этой библиотеки впечатляет, но они даже у себя в блоге пишут что они прошли через ад и сопли делая эту историю, плюс очень непонятно по лицензии.
- d3 / raphael: означает реализацию с нуля, возможно использование каких нибудь layout алгоритмов, например elk или dagre или вообще dagre-d3
- брать любую канвас библиотеку на подобии p5.js, fabric.js

Все из оставшихся решений выглядят как то очень грустно, не сказать что я очень ограничен во времени, но я даже примерно не смогу рассчитать сколько мне понадобиться на это всё с учётом что за свою жизнь я как-то не потрогал ни канвас, ни большую генерацию свг

Может кто работал с подобным, куда дальше идти, или на что обратить внимание можно?

4 ответов

22 просмотра

https://github.com/ssthouse/vue-tree-chart Что-то такое может подойти

А чем к примеру мермайд не подошёл? Стилизуется как угодно, программно рушится как угодно

Никита-Чайковский Автор вопроса
Jack Drengr
https://github.com/ssthouse/vue-tree-chart Что-то ...

Выглядит интересно, спасибо!

Никита-Чайковский Автор вопроса
Jack Drengr
https://github.com/ssthouse/vue-tree-chart Что-то ...

Попробовал, по итогу не подходит структура данных (там дерево, а у нас список деревьев которые идут друг за другом, соответственно связи должны отображаться так же), нет разделения для вопросов (ответы на вопрос "да" или "нет", ну и вью2... Но выглядело очень многообещающе

Похожие вопросы

Обсуждают сегодня

30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
13
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
в JclConsole объявлено так: function CtrlHandler(CtrlType: DWORD): BOOL; stdcall; - где ваше объявление с stdcall? у вас на картинке нет stdcall
Karagy
8
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
~ 2m21s  nix shell github:nixos/nixpkgs#stack ~  stack ghc -- --version error: … while calling the 'derivationStrict' builtin at /builtin/derivation.nix:...
Rebuild your mind.
6
Карта сайта