Прототипирование

Charts.css

CSS-фреймворк для отображения данных в виде диаграмм. Позволяет оформить таблицу как график и управлять подписями, осями, цветами и промежутками через стили.

Открыть Charts.css ↗

Для каких задач

построить CSS-диаграмму
оформить данные
настроить график без JS

Тарифы, доступность и условия использования уточняйте на сайте ресурса.

Ещё для этой задачи

Framer

Визуальная платформа для создания и публикации сайтов с CMS и AI-помощником. Подходит для лендинга или портфолио, которое дизайнер собирает на редактируемом холсте.

Прототипирование

www.framer.comНа сайт ↗

Adobe XD

Редактор интерфейсов и интерактивных прототипов Adobe. Продукт находится в режиме поддержки: имеет смысл прежде всего для работы с уже существующими XD-файлами.

Прототипирование

helpx.adobe.comНа сайт ↗

Anima

AI-инструмент, который превращает Figma-макет, ссылку или текстовое описание в веб-приложение и код. Помогает перейти от визуального проекта к рабочей реализации.

Прототипирование

www.animaapp.comНа сайт ↗

Axure

Инструмент для сложных UX-прототипов с условиями, состояниями и логикой взаимодействия. Позволяет показать поведение продукта и подготовить спецификации до разработки.

Прототипирование

www.axure.comНа сайт ↗

Balsamiq

Редактор простых каркасов интерфейса с намеренно схематичным видом. Помогает обсуждать расположение элементов и сценарий, не отвлекаясь на цвет и финальное оформление.

Прототипирование

balsamiq.comНа сайт ↗

Bloo

Набор низкодетализированных компонентов и мобильных экранов для вайрфреймов. Поддержка тёмной темы помогает быстро собрать каркас приложения в двух вариантах.

Прототипирование

bloouikit.comНа сайт ↗