Chart Compiler Gallery
ChartSpec data compiles into resolved scales, layer specs, glyph definitions, scene graph nodes, and a single SVG renderer.
Divorce Rate by Job Category
Occupation rows are faceted by category, packed as small beeswarms, and annotated with group-average rate lines.
Data Sources
5
Fields
36
Scales
1
Layers
4
Glyphs
599
line 23 / point 530 / text 46
Data Flow Diagram
Select a glyph to highlight its complete source path.
Scope
Roles
No matching flow nodes
Adjust search, scope, or role filters.
Available Data
Source metadata
ChartSpec
{
"id": "flowingdata.divorce-occupation.by-category",
"data": [
{
"id": "source-metadata",
"rows": 1
},
{
"id": "occupation-groups",
"rows": 23
},
{
"id": "occupations",
"rows": 530
},
{
"id": "category-panels",
"rows": 23
},
{
"id": "category-beeswarm",
"rows": 530
}
],
"transforms": [
{
"id": "category-panel-layout",
"type": "layout",
"input": "occupation-groups",
"output": "category-panels",
"options": {
"layout": "plot",
"groupBy": [
"groupCode"
],
"order": [
"HCA",
"TRN",
"CLN",
"OFC",
"FAR",
"PRD",
"FOD",
"EXT",
"PSC",
"SAL",
"PRS",
"CON",
"MGT",
"EDU",
"BUS",
"HLS",
"SOC",
"HLT",
"ART",
"LEG",
"SCI",
"ENG",
"CMP"
],
"columns": 5,
"columnGap": 18,
"rowGap": 28,
"panelHeaderHeight": 24,
"start": 0.1,
"end": 0.5,
"layoutKind": "beeswarmPanels",
"value": "averageEverDivorcedRate"
}
},
{
"id": "category-beeswarm-layout",
"type": "layout",
"input": "occupations",
"output": "category-beeswarm",
"options": {
"layout": "plot",
"groupBy": [
"groupCode"
],
"order": [
"HCA",
"TRN",
"CLN",
"OFC",
"FAR",
"PRD",
"FOD",
"EXT",
"PSC",
"SAL",
"PRS",
"CON",
"MGT",
"EDU",
"BUS",
"HLS",
"SOC",
"HLT",
"ART",
"LEG",
"SCI",
"ENG",
"CMP"
],
"columns": 5,
"columnGap": 18,
"rowGap": 28,
"panelHeaderHeight": 24,
"start": 0.1,
"end": 0.5,
"layoutKind": "beeswarm",
"value": "everDivorcedProxyRate",
"radiusField": "totalEmployed",
"radiusDivisor": 60,
"minRadius": 1.5,
"nodePadding": 0.5,
"iterations": 130,
"jitter": 5,
"xStrength": 0.08
}
}
],
"fields": [
"groupCode",
"groupShortTitle",
"averageEverDivorcedRate",
"occupation",
"totalEmployed",
"everDivorcedProxyRate",
"tooltip",
"tooltipEyebrow",
"tooltipTitle",
"tooltipBody",
"tooltipAccentColor",
"panelX0",
"panelX1",
"averageY",
"averageLabel",
"cx",
"cy",
"targetY",
"r",
"articleUrl",
"embedUrl",
"sourceDataset",
"extractedOn",
"groupTitle",
"groupColor",
"groupOrder",
"averageDivorcedSeparatedRate",
"occCode",
"divorcedSeparatedRate",
"panelY0",
"panelY1",
"plotY0",
"plotY1",
"centerX",
"labelX",
"labelY"
],
"scales": [
{
"id": "divorceColor",
"type": "sequential",
"domain": {
"source": "values",
"values": [
0.25,
0.35,
0.45
]
}
}
],
"layers": [
{
"id": "category-labels",
"mark": "text",
"role": "guide"
},
{
"id": "category-average-lines",
"mark": "line",
"role": "guide"
},
{
"id": "category-average-labels",
"mark": "text",
"role": "guide"
},
{
"id": "category-occupation-points",
"mark": "point",
"role": "data"
}
]
}Resolved SceneGraph
{
"scene": "flowingdata.divorce-occupation.by-category.scene",
"scales": [
{
"id": "divorceColor",
"type": "sequential",
"domain": [
0.25,
0.45
],
"range": [
"#44bbb1",
"#cccccc",
"#ea8b24"
],
"ticks": [
0.25,
0.3,
0.35,
0.4,
0.45
]
}
],
"layers": [
{
"id": "category-average-lines",
"role": "guide",
"zIndex": 8,
"glyphs": 23
},
{
"id": "category-occupation-points",
"role": "data",
"zIndex": 20,
"glyphs": 530
},
{
"id": "category-labels",
"role": "guide",
"zIndex": 30,
"glyphs": 23
},
{
"id": "category-average-labels",
"role": "guide",
"zIndex": 32,
"glyphs": 23
}
]
}Glyph Data Tree
Full parameter lineage for the active compiler surface.
category-average-lines
category-occupation-points
category-labels
category-average-labels
Glyph Inspector
Select a glyph in the chart to inspect resolved params and lineage.