Чем темнее клетка, тем выше балл по этому показателю.
МеньшеБольше
Последняя проверка Источники и титрыМедиа-кредитыМетодология
Короткие ответы
Когда выбирать «Истории потока Санки»?
Когда история такая: распределение бюджета, пути конверсии, материальные или энергетические потоки.
Когда избегать?
В случаях вроде: аудитории нужен только каскад начала и конца.
Кто изобрёл или распространил?
Мэтью Генри Финеас Риалл Сэнки (1898); современные макеты d3-sankey
Что кодирует?
ширина ссылки пропорциональна потоку между узлами
Можно в рекламе?
Да, если тезис виден сразу в Meta, Google и печать; иначе ссылка на полный рисунок.
Примет учитель?
Да для лабораторные и стенды, если есть оси, единицы и строка источника.
Истории потока Санки кодирует значения как ширина ссылки пропорциональна потоку между узлами. Мэтью Генри Финеас Риалл Сэнки (1898); современные макеты d3-sankey.
В отчётах, рекламе и заданиях: распределение бюджета, пути конверсии, материальные или энергетические потоки. Избегайте, если аудитории нужен только каскад начала и конца.
ПО
- d3-sankey — Алгоритм компоновки диаграмм Санки — пункт BSD-3. · BSD-3-Clause · github.com/d3/d3-sankey
- ECharts sankey — Серия Sankey для приборных панелей с аккумуляторами. · Apache-2.0 · github.com/apache/echarts
- Plotly.js — Включает трассировки Sankey для приложений анализа. · MIT · github.com/plotly/plotly.js
- Mermaid flowchart — Альтернативный текст, когда взаимодействие не требуется. · MIT · github.com/mermaid-js/mermaid
- Funnel twin — Упрощенная ширина сцены, когда Санки излишен. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Экспорт
- Экспорт 1 — SVG
- Экспорт 2 — PDF
- Экспорт 3 — EMF/SVG в слайды (без скриншотов)
- Экспорт 4 — SVG для веба, PDF для печати
Доступность
- Доступность 1 — Никогда не цвет один. Сложите узор, подпись и положение.
- Доступность 2 — 4,5:1 для текста, 3:1 для крупных марок.
- Доступность 3 — Короткий alt у графика; числа также HTML-таблицей.
- Доступность 4 — Движение только как акцент. Уважайте prefers-reduced-motion.
«Истории потока Санки»: чтите ширина ссылки пропорциональна потоку между узлами и меняйте, если аудитории нужен только каскад начала и конца.