Диаграммы Санки

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

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

Диаграммы Санки также могут использоваться для демонстрации процесса создания и переработки материалов. Однако важным принципом, который иногда затрудняет их использование в подобных видах визуализации данных, является то, что D3.js требует, чтобы поток, входящий в каждую часть процесса, был равен потоку, выходящему из этого процесса. Высота каждого узла также должна быть равна сумме толщин потоков (другими словами, линий), входящих и выходящих из него. Можно обойти эти ограничения и создавать диаграммы Санки с контурами обратной связи, но для этого требуется собственное программирование или доработка стандартной библиотеки Sankey в D3.js.

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

Стоимость визуализации данных Sankey, созданной с помощью D3.js, в значительной степени зависит от того, насколько она нуждается в индивидуальном кодировании. Дополнительные модули, такие как всплывающие подсказки, пользовательская анимация и т.д., немного увеличивают стоимость, но значительно повышают удобство работы. Страница Цены даст вам общее представление. Тем не менее, свяжитесь с нами для бесплатного обсуждения с разработчиком, чтобы понять, что для вас лучше.