Галерея NW NEW WAY 02b · Графики (ECharts)
Данные и сравнение

Что вам
важнее?

Расставьте приоритеты — скорость, цена, объём партий — и мы подберём вид доставки под вашу логику. Радар перестраивается вживую, графики тарифов оживают при прокрутке. Всё на Apache ECharts.

Расставьте веса — увидите рекомендацию

50/100
50/100
50/100
Рекомендация для ваших приоритетов

Полупрозрачные области — все 4 вида по 5 осям. Рекомендованный подсвечивается, остальные приглушаются.

Три нативных <input type="range"> (доступны с клавиатуры) задают веса. Для каждого вида считаем score = w·norm(data) по скорости/цене/объёму (нормировка 0..1), берём максимум — это рекомендация. Радар ECharts перестраивается на каждый input: серии не-рекомендованных видов приглушаются. Заполнение слайдера — градиент по --pct. Бэкенда нет — это мокап.

Сколько стоит килограмм

Авиа $6.5/кг · 6–9 дн  ·  Авто $3.2 · 14–18 дн  ·  Ж/Д $2.4 · 18–25 дн  ·  Море $1.4 · 30–45 дн

Вертикальный синий градиент через new echarts.graphic.LinearGradient, скруглённые верхушки (borderRadius), ступенчатый animationDelay и подписи значений $X. Все графики инициализируются лениво через IntersectionObserver — рендер запускается, только когда блок попадает в зону видимости.