Charts that look finished the moment you add them

Description and use

Bezel Charts offers ready‑to‑use charts that render polished SVGs with a single script tag, no build step, and no dependencies, suitable for dashboards and README files.

Problem

Dashboard charts often look unfinished and require setup.

Outcome

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.

Workflow

• 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

Evidence

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

Source

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

Source

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.

Source