Loading
Preparing the page
Public context is loading before any interactive tool code.
Preparing the page
Public context is loading before any interactive tool code.
Validate an explicit category-and-value brief, preview a zero-baseline bar or line chart, and download accessible SVG without uploading data or inventing insights.
Your checked result will appear here.
Category/value pairs pass through title, axis, chart-type and scale checks before becoming an SVG. An unsupported value stops instead of being silently dropped.
The local subset accepts one series. Every visible label, point and scale value can be traced back to the JSON or the documented baseline rule.
Use a specific title and axis labels that state the measured quantity and category dimension.
Use bars for category comparisons; use a line only when the category order represents a meaningful sequence.
Labels must be unique and values finite, non-negative and inside the documented range.
The same SVG string powers the visible preview, copy action and downloadable file.
The tested fixture declares four support-ticket counts. The generator creates four bars, five scale levels, complete point text and a zero baseline.
{
"chart": "bar",
"title": "Resolved support tickets",
"x_label": "Week",
"y_label": "Tickets",
"points": [
{ "label": "Week 1", "value": 18 },
{ "label": "Week 2", "value": 27 },
{ "label": "Week 3", "value": 23 },
{ "label": "Week 4", "value": 31 }
]
}<svg role="img" aria-labelledby="chart-title chart-description">
<title id="chart-title">Resolved support tickets</title>
<desc id="chart-description">
Bar chart. Week by Tickets. Zero baseline.
Week 1: 18; Week 2: 27; Week 3: 23; Week 4: 31
</desc>
<!-- five scale ticks, four labelled bars and named axes -->
</svg>Observed: Bar · 4 points · min 18 · max 31 · zero baseline
{ "label": "Week 5", "value": -4 }Negative values are outside this chart subset, so no preview or SVG is produced.
An accessible chart needs more than an image label. The generated SVG names the chart and includes the chart type, axes, baseline and full point list in its description.
The title and axis labels stay inside the exported SVG so the chart retains its basic meaning when moved.
The root SVG is an image labelled by its direct title and desc elements.
Each bar or line point has a child title, while the complete ordered values also appear in the root description.
The workbench exposes the exact SVG source beneath the preview instead of hiding the generated structure.
The vertical scale begins at zero for both supported chart types. That rule is visible in the description and prevents a narrow axis from exaggerating small differences.
Check the displayed minimum and maximum against the brief before interpreting the relative marks.
A line connects points in the supplied order; it cannot determine whether that sequence is meaningful.
Keep the measurement definition, time period, missing-value policy and collection scope beside the graphic.
Any claim about trend, cause or action needs evidence beyond the generated marks.
The output is a faithful visual encoding of the brief. It does not explain the data or decide what matters.