React Sankey

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

Так выглядит диаграмма:

Как следует из названия статьи - это react компонент, который я опубликовал в виде npm пакета. Инструкция по установке и доступным опциям прилагается. По сути данная диаграмма является деревом и пока имеет пару ограничений - корневой узел может быть только один и узлы не могут иметь связей, которые пересекаются.

Добавить комментарий