Закончила проект для вдохновляющего сообщества Цветы и цифры.
Нужно было визуализировать данные о каждом его участнике: навыки в данных, датавизе, рисовании и рукоделии.
Получились вот такие Data Driven Cats. Рисовала их в векторе, а затем с помощью формата SVG и манипуляций над ним в React'е раскрасила котов в разные цвета, соответствующие уровню навыка.
Полностью посмотреть можно здесь. По клику на кота можно увидеть детальную информацию и легенду.
В CodeSandbox можно поиграть с упрощенным Javascript кодом: подставить разные данные, поменять палитру или попробовать другие SVG изображения.
Post #1315
607