What
Artifacts that include a <script type="application/json" data-chart-runtime> chart spec now receive an injected Chart.js runtime at publish time, enabling bar and donut charts in addition to SVG line charts.
Details
- The publish pipeline detects the
data-chart-runtimeattribute and injects a bundled Chart.js into the artifact HTML between<!-- chart-runtime -->/<!-- /chart-runtime -->sentinel comments. - Safety checks reject bundles containing
</script, HTML comment injection risks, or the sentinel strings themselves. - The runtime reads the spec from the
data-chart-runtimeelement and renders into#primary-chartvia Chart.js, fully replacing the SVG fallback. - Theme support: resolves CSS custom properties from
getComputedStyleat render time and re-renders on system dark-mode changes ordata-themeflips — same data, same pixels per theme. - Multi-series line/bar charts include a legend; donut charts accept per-slice color overrides.
- The SVG fallback remains for environments without the runtime, covering the standard time-series line case.
Evidence
Sentinel string (search for "bundle contains the chart-runtime sentinel"); runtime injection (search for "chart-runtime -->"); Chart.js integration (search for "new Chart(canvas")
Strings lifted out of the shipped bundle, so the claim above can be checked against them.