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.

来源