Charts that look finished the moment you add them

Описание и применение

Bezel Charts предоставляет готовые к использованию графики, которые можно вставлять в панели мониторинга или экспортировать как SVG для README, без сборки и зависимостей.

Задача

Dashboard charts often look unfinished and require setup.

Результат

Bezel Charts delivers ready‑to‑use, polished charts that can be embedded in dashboards or exported as SVG for READMEs, with a lightweight 12 kB gzipped bundle and built‑in accessibility.

Рабочий процесс

• Add a script tag with src="https://cdn.jsdelivr.net/gh/ShazMoghaddam/bezel-charts@1/dist/bezel-charts.min.js"
• Insert a bezel‑chart element (e.g., <bezel-bars>) with attributes for heading, values, labels, and stat
• The component renders an animated, themed chart that adapts to light/dark mode

Доказательства

Add one script, write one tag, and you get a labelled, animated chart that follows the viewer's light or dark mode.

Источник

Every Bezel chart exports as a clean, self‑contained SVG, so you can commit stars.svg and show a real chart in your README.

Источник

The whole thing is about 12 kB gzipped, with a size budget, unit tests and a browser test that clicks through every Studio control in CI.

Источник