Перейти к содержимому
Telegram

Визуализация данных

Flowchart — дашборд анализа данных

Megaputer Intelligence · Инженер-программист · май 2021 — ноябрь 2023

Дашборд для моделирования и анализа данных: схема обработки и графики по ней.

Контекст

Flowchart — дашборд для моделирования и анализа данных: аналитик собирает схему обработки данных и смотрит результат на графиках.

Задача

Добавить визуализации данных и разобраться с UI/UX: схемы обработки данных должно быть проще собирать и читать.

Что сделал

  • Реализовал визуализации: линейные, столбчатые и круговые диаграммы на d3 и canvas.
  • Участвовал в рефакторинге UI/UX: схемы обработки данных стало проще собирать и читать.
  • Держал модульную архитектуру на React, TypeScript и Context API вместе с покрытием тестами (Jasmine / Enzyme).

Стек

  • React
  • TypeScript
  • Context API
  • Webpack
  • d3
  • canvas
  • SCSS

Результат

Диаграммы появились в продукте, схемы стало проще собирать и читать, модульная архитектура и тесты держат код управляемым для команды.

Другие кейсы

Государственный портал

Онлайн Роспатент

Высоконагруженный портал для электронного взаимодействия с Роспатентом: подача заявок, статусы, документы.

Подробнее

Медицина

Платформа телемедицины

Видеоконсультации, медицинские записи, результаты анализов, интеграция с лабораториями.

Подробнее