Live <slc-chart> Demo

The <slc-chart> element parses its light-DOM as a visualization IR, picks an inner display element (bar-chart, scatter-chart, histogram-chart, or data-table) from slc-mark, binds to a runtime source by source-id or channel, and forwards data events to the inner chart. No JavaScript needed.

1. Bar chart, public vitals container

2. Histogram of values

3. Data table