Об этом проекте
Tremor NPM представляет собой коллекцию из более чем 20 open-source компонентов React, предназначенных для создания графиков и аналитических дашбордов. Библиотека построена на базе Tailwind CSS и создана дата-сайентистами и программными инженерами с акцентом на дизайн. В npm она опубликована под именем @tremor/react.
Что она предоставляет
- Компоненты для визуализации и графиков, такие как AreaChart, которые отрисовывают серии из типизированного массива данных, используя поле индекса и список ключей категорий, с настраиваемыми цветами и параметрами осей.
- Блоки для построения макета и отображения, такие как Card, а также классы стилизации текста (например, text-tremor-default, text-tremor-metric, text-tremor-content и их аналоги для темной темы), которые обеспечивают единообразие аналитических интерфейсов.
- Стилизация, учитывающая как светлые, так и темные цветовые схемы, что продемонстрировано на скриншотах и логотипах проекта.
Пример в README показывает клиентский React-компонент, который определяет массив chartdata с записями по датам, а затем отрисовывает Card, содержащую метку, значение метрики и AreaChart с двумя категориями, сопоставленными с цветами indigo и rose.
Требования и настройка
Библиотека опирается на Tailwind CSS, поэтому в проекте, использующем данную библиотеку, помимо установки самого пакета, требуется настройка Tailwind CSS. Проект направляет пользователей к руководству по установке на npm.tremor.so для ознакомления с полными шагами настройки. Ссылки на документацию и веб-сайт расположены в верхней части репозитория.
Сообщество и вклад
Разработчики заявляют, что приветствуют новые идеи и улучшения, и приглашают присылать pull requests по любым дополнениям или найденным ошибкам. На сайте проекта упоминается соглашение о лицензировании контрибьюторов, также существует Slack-сообщество и аккаунт в X (@tremorlabs) для получения обновлений.
Лицензия
Проект выпущен под лицензией Apache License 2.0. В README содержится уведомление об авторских правах Tremor Labs, Inc.
Кому это может подойти
Разработчикам, создающим ориентированные на данные веб-приложения на React, которым нужны готовые компоненты графиков и карточек вместо сборки слоя визуализации с нуля, особенно командам, уже использующим Tailwind CSS для стилизации. Обратите внимание, что детали интеграции, перечень компонентов и их поведение следует уточнять в актуальной документации перед внедрением.
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.