Можно ли создать узлы d3 с несколькими граничными портами? - PullRequest
0 голосов
/ 08 ноября 2018

Я бы хотел добиться чего-то похожего на эту диаграмму, используя d3:

https://gojs.net/latest/samples/records.html

Я пытался найти его в Интернете, но я не нашел каких-либо ресурсов, с которых можно было бы начать.

Я довольно новичок в d3, поэтому я не знаю, как решить эту задачу, любая помощь или руководство будут оценены!

1 Ответ

0 голосов
/ 17 ноября 2018

Это еще один из тех вопросов, когда людям необходимо реализовать сложную визуализацию диаграмм, и они думают, что, поскольку D3 - это много о визуализации, он подойдет.

ИМХО это не .

D3 может быть частью решения, но оно, конечно, не может быть единственным решением: это почти как вопрос, можно ли использовать JavaScript для создания диаграмм такого типа. Конечно может! D3 - это просто очень тонкий (но очень полезный) слой поверх DOM + JavaScript, который может помочь вам с обработкой чисел, работой с цветами, системами координат, созданием элементов DOM и упрощением работы с DOM. Думайте об этом как о JQuery для DOM и данных плюс много очень хороших демонстраций. Но очень часто ценность заключается в демонстрациях, а не в самом D3: вам нужно реализовать много вещей, чтобы перейти от простого отображения данных к элементам dom к сложной визуализации диаграмм, такой как вы имеют в виду.

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

Посмотрите на этот вопрос , чтобы увидеть список программ для визуализации графиков и диаграмм. Согласен, D3 также есть в этом списке (по той же причине, по которой вы задаете этот вопрос), но в этом списке есть и гораздо более полезные инструменты, на которые вы должны обратить внимание, моя рекомендация - либо та, которую вы уже нашли. или предпочтительно этот , если ваши требования более сложные.

...