Беру заказы на сложную визуализацию данных на D3.js — там, где типовые чарт-библиотеки уже сдаются. Готовый график хорош, пока нужен обычный столбик или линия; как только задача выходит за рамки шаблона, начинаются костыли, обрезанные подписи и «почти так, как хотелось». Я захожу именно с этой точки: рисую то, чего в коробочных решениях нет, и довожу до состояния, когда картинка сразу отвечает на вопрос, ради которого её открыли.
Связываю D3 с реальными данными: тяну их из REST-эндпоинтов, потоковых каналов или готовых выгрузок и слежу, чтобы визуализация не врала, когда цифры обновляются. В арсенале — сетевые графы, которые сами раскладывают узлы и связи, карты с нужной проекцией и заливкой по показателю, вложенные иерархии в виде деревьев и колец, временные ряды с зумом от общего тренда до конкретного часа. Рисую адаптивным SVG, поэтому результат одинаково хорош на телефоне, в презентации и в PDF-отчёте.
По процессу всё прозрачно: разбираемся, какое решение должен подсказывать график, потом я показываю рабочий прототип, а не картинку в слайде, и правим на живом. В итоге отдаю аккуратный код, который ваши разработчики поддержат сами, и визуализацию, не тормозящую даже на десятках тысяч точек.
Связываю D3 с реальными данными: тяну их из REST-эндпоинтов, потоковых каналов или готовых выгрузок и слежу, чтобы визуализация не врала, когда цифры обновляются. В арсенале — сетевые графы, которые сами раскладывают узлы и связи, карты с нужной проекцией и заливкой по показателю, вложенные иерархии в виде деревьев и колец, временные ряды с зумом от общего тренда до конкретного часа. Рисую адаптивным SVG, поэтому результат одинаково хорош на телефоне, в презентации и в PDF-отчёте.
По процессу всё прозрачно: разбираемся, какое решение должен подсказывать график, потом я показываю рабочий прототип, а не картинку в слайде, и правим на живом. В итоге отдаю аккуратный код, который ваши разработчики поддержат сами, и визуализацию, не тормозящую даже на десятках тысяч точек.
