Charts / Force graph

Force graph

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: Which service calls which (made up).

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.

`force_graph`

Force-directed graph of network data. — light `sha256:dc2688c0769c…`

Certified: 4 results

artifact_certify on force_graph, drawn in light: coverage certified, conformant true.

accessibility equivalence a11yEquivalence: pass
determinism determinism: pass
contrast contrast: pass
accuracy accuracy: pass

Findings

OODS-A11Y-R-14 (warn) Set portability.tableColumnOrder when rendering tables with more than two columns.

Contrast: Contrast was graded from the actual rendered ECharts carrier geometry and semantic assignment. certify grades actual carrier paints extracted from the normalized SVG rendered from the retained projected ECharts option against the requested CSS scope canvas. Scope: light/A.

Its narrative

Force-directed graph covers 6 data points totaling 12 Connections.

High Connections: Connections 4 (api)
Low Connections: Connections 1 (web)
Total Connections: 12

Its data table

Data table for Visualization
Id	Group	Degree
web	front end	1
api	back end	4
worker	back end	2
database	data	2
cache	data	1
queue	data	2

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 … }
}