AI coding workspace
Accessible data charts
A chart should explain the values it displays. WebVision Canvas helps you work on units, missing data and the accessible alternative to the visual view.
● ● ●WebVision Canvas●
A concrete starting point · Accessible data charts ×
const series = normalizePoints(input);
if (!series.length) return renderEmptyChart();
renderChart(series, { unit: 'ms' });
renderAccessibleTable(series);✳Keep the unit with the chart.
✓ ChangesReview before applying ↗
Illustrative workspace
| Review before applying | Compare actual behavior with the expected result. If a check fails, investigate it before applying more changes. |
|---|---|
| Connection | Base URL, credentials and a reachable server. |
| Project | Distinguish a missing point from a true zero and provide the same values in an accessible table. |
A concrete starting point
const series = normalizePoints(input);
if (!series.length) return renderEmptyChart();
renderChart(series, { unit: 'ms' });
renderAccessibleTable(series);