Галерея NW NEW WAY 02 · Графики тарифов
Данные и сравнение

Тарифы
наглядно

Слева — анимированное сравнение четырёх видов доставки (бары нарисованы руками, без библиотек). Справа — пузырьковый квадрант «скорость vs цена» на Chart.js: где быстро-дорого, а где медленно-дёшево.

Цена, $/кг

Скорость vs цена

Бары — чистые div+CSS: высота --h анимируется transition при попадании в зону видимости (IntersectionObserver). Квадрант — type:'bubble' в Chart.js v4 (MIT) с собственным плагином подложки-квадрантов и тултипами. Размер пузыря ≈ типичный объём партии.