Charts / Choropleth
Choropleth
Rendered by viz_render in OODS Foundry 0.10.1, in each theme, from sample data this site supplies.
Generated from @oods/foundry 0.10.1
No named pattern draws this type, so this site supplies the data: Orders by region, in four made-up square regions.
Each chart is drawn live in your browser from the spec viz_render returned with it, so you can point at its marks. The SVG viz_render returned is the record: its hash is under each chart, and it shows where a live drawing would differ from it.
choropleth
sha256:b2402d89691a… drawn live from its spec sha256:ad6cccd25c80… drawn live from its spec sha256:aa8f31481d11… drawn live from its spec Certified: 4 results
artifact_certify on choropleth, drawn in light: coverage certified, conformant
true.
- accessibility equivalence
a11yEquivalence -
pass - determinism
determinism -
pass - contrast
contrast -
exempt - accuracy
accuracy -
pass
Findings
-
OODS-A11Y-R-14(warn) Set portability.tableColumnOrder when rendering tables with more than two columns.
Contrast: Geo carrier paints were read from the rendered ECharts SVG, but geo color remains exempt from categorical contrast grading under the standing gradient-essential ruling. certify reads actual carrier paints from the normalized SVG rendered from the retained projected ECharts option. Geo categorical contrast remains exempt, so no canvas ratio is graded. Scope: light/A.
Its narrative
Choropleth map covers 4 data points totaling 100 orders.
- High orders: orders 42 (Northwest)
- Low orders: orders 9 (Southeast)
- Total orders: 100
Its data table
| Feature | Region | Orders |
|---|---|---|
| Northwest | Northwest | 42 |
| Northeast | Northeast | 18 |
| Southwest | Southwest | 31 |
| Southeast | Southeast | 9 |
Certification covers charts only: it measures the chart's specification. A pass means no offered rule found a problem, not a general promise. An ECharts type certifies only when its data is supplied.
The call
{
"brand": "A",
"theme": "light",
"spec": { … the normalized spec viz_render returned … },
"data": { … the same data it drew … }
}