@feugene/granularity-charts

Графики, нарисованные теми же токенами темы, что и весь интерфейс, в собственном SVG. Берут, когда график должен быть частью интерфейса, а не гостем из библиотеки графиков.

версия

0.11.0

Публичных подпутей

21

Компоненты

10

Runtime-зависимости

0

Как пакет описан в npm: Charts for the @feugene/granularity design system — own SVG, zero dependencies, drawn with theme tokens.

Установка

Команда ставит пакет и его обязательные peer-зависимости: библиотека их не приносит, потому что в приложении они уже есть.

Необязательные peer-зависимости

Объявлены необязательными: нужны только той части пакета, которая их использует. Менеджер пакетов о них не напомнит.

• @feugene/unplugin-granularity
• unplugin-vue-components
• @feugene/fint-i18n

Что внутри

21 точку входа объявляет манифест — по ним и импортируют, чтобы в бандл не попало лишнее.

Runtime-зависимостей нет: в приложение приезжает только код пакета.

Компоненты

• GrChartAreaБерут, когда целое и вклад частей в него во времени
• GrChartBarБерут, когда сколько у каждой категории
• GrChartBulletБерут, когда метрика с порогами, которые уже есть в данных
• GrChartFunnelБерут, когда последовательность ступеней, где каждая — подмножество предыдущей
• GrChartHeatmapБерут, когда матрица удержания по когортам
• GrChartLineБерут, когда как величина менялась
• GrChartPieБерут, когда из чего состоит одно целое
• GrChartRadarБерут, когда форма профиля по нескольким метрикам
• GrChartWaterfallБерут, когда движение от остатка к остатку
• GrSparklineБерут, когда тренд в ячейке таблицы

Документация пакета

Написана в репозитории библиотеки. Портал на неё ссылается, а не пересказывает.

• a11y.md
• components.md
• entry-sizes.md
• keyboard.md
• model.md
• ssr.md
• theming.md

Ссылки

Страница в npmИсходники в репозиторииЖурнал измененийЛицензия — одна на всё семейство