Chart Compiler Gallery

ChartSpec data compiles into resolved scales, layer specs, glyph definitions, scene graph nodes, and a single SVG renderer.

Docs Dashboard

FD Best Decade

FlowingData-linked YouGov chart reproduced as respondent-age small multiples with source-row provenance.

FD Best Decade

FD Best Decade Pipeline pipeline

Data Sources

Fields

Scales

Layers

Glyphs

330

rect 80 / text 243 / line 7

Build Path

FD Best Decade Pipeline

This example is rebuilt from gallery data source raw-area-series by recipe stackedAreaGraph: raw table rows -> TabularSource -> pipeline drafts -> analyzeAuthoringDrafts() -> materialized ChartSpec -> compileChart() -> SceneGraph -> SVG. The graph below shows the authored pipeline stage.

Pipeline recipe graph

1 pipelines

33 nodes

34 edges

Data Flow Diagram

0/3933 nodes

0/7813 edges

3933 hidden

Select a glyph to highlight its complete source path.

Find nodes

Scope

Roles

source

transform

field

scale

layer

param

glyph

No matching flow nodes

Adjust search, scope, or role filters.

Available Data

5 tables

2 transforms

Imported table

source_gallery_stackedareagraph

raw

18 columns

feeds pipeline_respondent_panel_layout_transform

feeds pipeline_response_bar_layout_transform

id	sourceRows	__rowLabel	periodindex	valuelabel	period	periodshort	series	seriesindex	value	insidelabel	outsidelabel	responselabel	tooltip	tooltipeyebrow	tooltiptitle	tooltipbody	tooltipaccentcolor
u-s-adult-citizens-0-to-9-years-old	gallery-stackedAreaGraph-row-1	u-s-adult-citizens-0-to-9-years-old U.S. adult citizens	0	5	U.S. adult citizens	U.S. adults	0 to 9 years old	0	5	null	5	0 to 9 years old	U.S. adult citizens: 5% selected 0 to 9 years old.	Visible YouGov PNG label	U.S. adult citizens -> 0 to 9 years old	5% of U.S. adult citizens said 0 to 9 years old represented or will represent the best years of their life.	#c9cfd8
u-s-adult-citizens-10-to-19-years-old	gallery-stackedAreaGraph-row-2	u-s-adult-citizens-10-to-19-years-old U.S. adult citizens	0	8	U.S. adult citizens	U.S. adults	10 to 19 years old	1	8	null	8	10 to 19 years old	U.S. adult citizens: 8% selected 10 to 19 years old.	Visible YouGov PNG label	U.S. adult citizens -> 10 to 19 years old	8% of U.S. adult citizens said 10 to 19 years old represented or will represent the best years of their life.	#c9cfd8
u-s-adult-citizens-20-to-29-years-old	gallery-stackedAreaGraph-row-3	u-s-adult-citizens-20-to-29-years-old U.S. adult citizens	0	22	U.S. adult citizens	U.S. adults	20 to 29 years old	2	22	22	null	20 to 29 years old	U.S. adult citizens: 22% selected 20 to 29 years old.	Visible YouGov PNG label	U.S. adult citizens -> 20 to 29 years old	22% of U.S. adult citizens said 20 to 29 years old represented or will represent the best years of their life.	#c9cfd8
u-s-adult-citizens-30-to-39-years-old	gallery-stackedAreaGraph-row-4	u-s-adult-citizens-30-to-39-years-old U.S. adult citizens	0	20	U.S. adult citizens	U.S. adults	30 to 39 years old	3	20	20	null	30 to 39 years old	U.S. adult citizens: 20% selected 30 to 39 years old.	Visible YouGov PNG label	U.S. adult citizens -> 30 to 39 years old	20% of U.S. adult citizens said 30 to 39 years old represented or will represent the best years of their life.	#c9cfd8
u-s-adult-citizens-40-to-49-years-old	gallery-stackedAreaGraph-row-5	u-s-adult-citizens-40-to-49-years-old U.S. adult citizens	0	12	U.S. adult citizens	U.S. adults	40 to 49 years old	4	12	12	null	40 to 49 years old	U.S. adult citizens: 12% selected 40 to 49 years old.	Visible YouGov PNG label	U.S. adult citizens -> 40 to 49 years old	12% of U.S. adult citizens said 40 to 49 years old represented or will represent the best years of their life.	#c9cfd8
u-s-adult-citizens-50-to-59-years-old	gallery-stackedAreaGraph-row-6	u-s-adult-citizens-50-to-59-years-old U.S. adult citizens	0	9	U.S. adult citizens	U.S. adults	50 to 59 years old	5	9	null	9	50 to 59 years old	U.S. adult citizens: 9% selected 50 to 59 years old.	Visible YouGov PNG label	U.S. adult citizens -> 50 to 59 years old	9% of U.S. adult citizens said 50 to 59 years old represented or will represent the best years of their life.	#c9cfd8
u-s-adult-citizens-60-to-69-years-old	gallery-stackedAreaGraph-row-7	u-s-adult-citizens-60-to-69-years-old U.S. adult citizens	0	7	U.S. adult citizens	U.S. adults	60 to 69 years old	6	7	null	7	60 to 69 years old	U.S. adult citizens: 7% selected 60 to 69 years old.	Visible YouGov PNG label	U.S. adult citizens -> 60 to 69 years old	7% of U.S. adult citizens said 60 to 69 years old represented or will represent the best years of their life.	#c9cfd8
u-s-adult-citizens-70-to-79-years-old	gallery-stackedAreaGraph-row-8	u-s-adult-citizens-70-to-79-years-old U.S. adult citizens	0	4	U.S. adult citizens	U.S. adults	70 to 79 years old	7	4	null	4	70 to 79 years old	U.S. adult citizens: 4% selected 70 to 79 years old.	Visible YouGov PNG label	U.S. adult citizens -> 70 to 79 years old	4% of U.S. adult citizens said 70 to 79 years old represented or will represent the best years of their life.	#c9cfd8
u-s-adult-citizens-80-to-89-years-old	gallery-stackedAreaGraph-row-9	u-s-adult-citizens-80-to-89-years-old U.S. adult citizens	0	1	U.S. adult citizens	U.S. adults	80 to 89 years old	8	1	null	1	80 to 89 years old	U.S. adult citizens: 1% selected 80 to 89 years old.	Visible YouGov PNG label	U.S. adult citizens -> 80 to 89 years old	1% of U.S. adult citizens said 80 to 89 years old represented or will represent the best years of their life.	#c9cfd8
u-s-adult-citizens-90-to-99-years-old	gallery-stackedAreaGraph-row-10	u-s-adult-citizens-90-to-99-years-old U.S. adult citizens	0	0	U.S. adult citizens	U.S. adults	90 to 99 years old	9	0	null	0	90 to 99 years old	U.S. adult citizens: 0% selected 90 to 99 years old.	Visible YouGov PNG label	U.S. adult citizens -> 90 to 99 years old	0% of U.S. adult citizens said 90 to 99 years old represented or will represent the best years of their life.	#c9cfd8
u-s-adult-citizens-100-or-older	gallery-stackedAreaGraph-row-11	u-s-adult-citizens-100-or-older U.S. adult citizens	0	0	U.S. adult citizens	U.S. adults	100 or older	10	0	null	0	100 or older	U.S. adult citizens: 0% selected 100 or older.	Visible YouGov PNG label	U.S. adult citizens -> 100 or older	0% of U.S. adult citizens said 100 or older represented or will represent the best years of their life.	#c9cfd8
20-to-29-year-olds-0-to-9-years-old	gallery-stackedAreaGraph-row-12	20-to-29-year-olds-0-to-9-years-old 20 to 29-year-olds	1	9	20 to 29-year-olds	20-29	0 to 9 years old	0	9	null	9	null	20 to 29-year-olds: 9% selected 0 to 9 years old.	Visible YouGov PNG label	20 to 29-year-olds -> 0 to 9 years old	9% of 20 to 29-year-olds said 0 to 9 years old represented or will represent the best years of their life.	#ef553b
20-to-29-year-olds-10-to-19-years-old	gallery-stackedAreaGraph-row-13	20-to-29-year-olds-10-to-19-years-old 20 to 29-year-olds	1	17	20 to 29-year-olds	20-29	10 to 19 years old	1	17	17	null	null	20 to 29-year-olds: 17% selected 10 to 19 years old.	Visible YouGov PNG label	20 to 29-year-olds -> 10 to 19 years old	17% of 20 to 29-year-olds said 10 to 19 years old represented or will represent the best years of their life.	#ef553b
20-to-29-year-olds-20-to-29-years-old	gallery-stackedAreaGraph-row-14	20-to-29-year-olds-20-to-29-years-old 20 to 29-year-olds	1	33	20 to 29-year-olds	20-29	20 to 29 years old	2	33	33	null	null	20 to 29-year-olds: 33% selected 20 to 29 years old.	Visible YouGov PNG label	20 to 29-year-olds -> 20 to 29 years old	33% of 20 to 29-year-olds said 20 to 29 years old represented or will represent the best years of their life.	#ef553b
20-to-29-year-olds-30-to-39-years-old	gallery-stackedAreaGraph-row-15	20-to-29-year-olds-30-to-39-years-old 20 to 29-year-olds	1	22	20 to 29-year-olds	20-29	30 to 39 years old	3	22	22	null	null	20 to 29-year-olds: 22% selected 30 to 39 years old.	Visible YouGov PNG label	20 to 29-year-olds -> 30 to 39 years old	22% of 20 to 29-year-olds said 30 to 39 years old represented or will represent the best years of their life.	#ef553b
20-to-29-year-olds-40-to-49-years-old	gallery-stackedAreaGraph-row-16	20-to-29-year-olds-40-to-49-years-old 20 to 29-year-olds	1	5	20 to 29-year-olds	20-29	40 to 49 years old	4	5	null	5	null	20 to 29-year-olds: 5% selected 40 to 49 years old.	Visible YouGov PNG label	20 to 29-year-olds -> 40 to 49 years old	5% of 20 to 29-year-olds said 40 to 49 years old represented or will represent the best years of their life.	#ef553b
20-to-29-year-olds-50-to-59-years-old	gallery-stackedAreaGraph-row-17	20-to-29-year-olds-50-to-59-years-old 20 to 29-year-olds	1	2	20 to 29-year-olds	20-29	50 to 59 years old	5	2	null	2	null	20 to 29-year-olds: 2% selected 50 to 59 years old.	Visible YouGov PNG label	20 to 29-year-olds -> 50 to 59 years old	2% of 20 to 29-year-olds said 50 to 59 years old represented or will represent the best years of their life.	#ef553b
20-to-29-year-olds-60-to-69-years-old	gallery-stackedAreaGraph-row-18	20-to-29-year-olds-60-to-69-years-old 20 to 29-year-olds	1	0	20 to 29-year-olds	20-29	60 to 69 years old	6	0	null	0	null	20 to 29-year-olds: 0% selected 60 to 69 years old.	Visible YouGov PNG label	20 to 29-year-olds -> 60 to 69 years old	0% of 20 to 29-year-olds said 60 to 69 years old represented or will represent the best years of their life.	#ef553b
20-to-29-year-olds-70-to-79-years-old	gallery-stackedAreaGraph-row-19	20-to-29-year-olds-70-to-79-years-old 20 to 29-year-olds	1	0	20 to 29-year-olds	20-29	70 to 79 years old	7	0	null	0	null	20 to 29-year-olds: 0% selected 70 to 79 years old.	Visible YouGov PNG label	20 to 29-year-olds -> 70 to 79 years old	0% of 20 to 29-year-olds said 70 to 79 years old represented or will represent the best years of their life.	#ef553b
20-to-29-year-olds-80-to-89-years-old	gallery-stackedAreaGraph-row-20	20-to-29-year-olds-80-to-89-years-old 20 to 29-year-olds	1	1	20 to 29-year-olds	20-29	80 to 89 years old	8	1	null	1	null	20 to 29-year-olds: 1% selected 80 to 89 years old.	Visible YouGov PNG label	20 to 29-year-olds -> 80 to 89 years old	1% of 20 to 29-year-olds said 80 to 89 years old represented or will represent the best years of their life.	#ef553b
20-to-29-year-olds-90-to-99-years-old	gallery-stackedAreaGraph-row-21	20-to-29-year-olds-90-to-99-years-old 20 to 29-year-olds	1	0	20 to 29-year-olds	20-29	90 to 99 years old	9	0	null	0	null	20 to 29-year-olds: 0% selected 90 to 99 years old.	Visible YouGov PNG label	20 to 29-year-olds -> 90 to 99 years old	0% of 20 to 29-year-olds said 90 to 99 years old represented or will represent the best years of their life.	#ef553b
20-to-29-year-olds-100-or-older	gallery-stackedAreaGraph-row-22	20-to-29-year-olds-100-or-older 20 to 29-year-olds	1	0	20 to 29-year-olds	20-29	100 or older	10	0	null	0	null	20 to 29-year-olds: 0% selected 100 or older.	Visible YouGov PNG label	20 to 29-year-olds -> 100 or older	0% of 20 to 29-year-olds said 100 or older represented or will represent the best years of their life.	#ef553b
30-to-39-year-olds-0-to-9-years-old	gallery-stackedAreaGraph-row-23	30-to-39-year-olds-0-to-9-years-old 30 to 39-year-olds	2	8	30 to 39-year-olds	30-39	0 to 9 years old	0	8	null	8	null	30 to 39-year-olds: 8% selected 0 to 9 years old.	Visible YouGov PNG label	30 to 39-year-olds -> 0 to 9 years old	8% of 30 to 39-year-olds said 0 to 9 years old represented or will represent the best years of their life.	#8a3ff0
30-to-39-year-olds-10-to-19-years-old	gallery-stackedAreaGraph-row-24	30-to-39-year-olds-10-to-19-years-old 30 to 39-year-olds	2	7	30 to 39-year-olds	30-39	10 to 19 years old	1	7	null	7	null	30 to 39-year-olds: 7% selected 10 to 19 years old.	Visible YouGov PNG label	30 to 39-year-olds -> 10 to 19 years old	7% of 30 to 39-year-olds said 10 to 19 years old represented or will represent the best years of their life.	#8a3ff0
30-to-39-year-olds-20-to-29-years-old	gallery-stackedAreaGraph-row-25	30-to-39-year-olds-20-to-29-years-old 30 to 39-year-olds	2	25	30 to 39-year-olds	30-39	20 to 29 years old	2	25	25	null	null	30 to 39-year-olds: 25% selected 20 to 29 years old.	Visible YouGov PNG label	30 to 39-year-olds -> 20 to 29 years old	25% of 30 to 39-year-olds said 20 to 29 years old represented or will represent the best years of their life.	#8a3ff0
30-to-39-year-olds-30-to-39-years-old	gallery-stackedAreaGraph-row-26	30-to-39-year-olds-30-to-39-years-old 30 to 39-year-olds	2	31	30 to 39-year-olds	30-39	30 to 39 years old	3	31	31	null	null	30 to 39-year-olds: 31% selected 30 to 39 years old.	Visible YouGov PNG label	30 to 39-year-olds -> 30 to 39 years old	31% of 30 to 39-year-olds said 30 to 39 years old represented or will represent the best years of their life.	#8a3ff0
30-to-39-year-olds-40-to-49-years-old	gallery-stackedAreaGraph-row-27	30-to-39-year-olds-40-to-49-years-old 30 to 39-year-olds	2	8	30 to 39-year-olds	30-39	40 to 49 years old	4	8	null	8	null	30 to 39-year-olds: 8% selected 40 to 49 years old.	Visible YouGov PNG label	30 to 39-year-olds -> 40 to 49 years old	8% of 30 to 39-year-olds said 40 to 49 years old represented or will represent the best years of their life.	#8a3ff0
30-to-39-year-olds-50-to-59-years-old	gallery-stackedAreaGraph-row-28	30-to-39-year-olds-50-to-59-years-old 30 to 39-year-olds	2	6	30 to 39-year-olds	30-39	50 to 59 years old	5	6	null	6	null	30 to 39-year-olds: 6% selected 50 to 59 years old.	Visible YouGov PNG label	30 to 39-year-olds -> 50 to 59 years old	6% of 30 to 39-year-olds said 50 to 59 years old represented or will represent the best years of their life.	#8a3ff0
30-to-39-year-olds-60-to-69-years-old	gallery-stackedAreaGraph-row-29	30-to-39-year-olds-60-to-69-years-old 30 to 39-year-olds	2	0	30 to 39-year-olds	30-39	60 to 69 years old	6	0	null	0	null	30 to 39-year-olds: 0% selected 60 to 69 years old.	Visible YouGov PNG label	30 to 39-year-olds -> 60 to 69 years old	0% of 30 to 39-year-olds said 60 to 69 years old represented or will represent the best years of their life.	#8a3ff0
30-to-39-year-olds-70-to-79-years-old	gallery-stackedAreaGraph-row-30	30-to-39-year-olds-70-to-79-years-old 30 to 39-year-olds	2	0	30 to 39-year-olds	30-39	70 to 79 years old	7	0	null	0	null	30 to 39-year-olds: 0% selected 70 to 79 years old.	Visible YouGov PNG label	30 to 39-year-olds -> 70 to 79 years old	0% of 30 to 39-year-olds said 70 to 79 years old represented or will represent the best years of their life.	#8a3ff0
30-to-39-year-olds-80-to-89-years-old	gallery-stackedAreaGraph-row-31	30-to-39-year-olds-80-to-89-years-old 30 to 39-year-olds	2	1	30 to 39-year-olds	30-39	80 to 89 years old	8	1	null	1	null	30 to 39-year-olds: 1% selected 80 to 89 years old.	Visible YouGov PNG label	30 to 39-year-olds -> 80 to 89 years old	1% of 30 to 39-year-olds said 80 to 89 years old represented or will represent the best years of their life.	#8a3ff0
30-to-39-year-olds-90-to-99-years-old	gallery-stackedAreaGraph-row-32	30-to-39-year-olds-90-to-99-years-old 30 to 39-year-olds	2	1	30 to 39-year-olds	30-39	90 to 99 years old	9	1	null	1	null	30 to 39-year-olds: 1% selected 90 to 99 years old.	Visible YouGov PNG label	30 to 39-year-olds -> 90 to 99 years old	1% of 30 to 39-year-olds said 90 to 99 years old represented or will represent the best years of their life.	#8a3ff0
30-to-39-year-olds-100-or-older	gallery-stackedAreaGraph-row-33	30-to-39-year-olds-100-or-older 30 to 39-year-olds	2	2	30 to 39-year-olds	30-39	100 or older	10	2	null	2	null	30 to 39-year-olds: 2% selected 100 or older.	Visible YouGov PNG label	30 to 39-year-olds -> 100 or older	2% of 30 to 39-year-olds said 100 or older represented or will represent the best years of their life.	#8a3ff0
40-to-49-year-olds-0-to-9-years-old	gallery-stackedAreaGraph-row-34	40-to-49-year-olds-0-to-9-years-old 40 to 49-year-olds	3	2	40 to 49-year-olds	40-49	0 to 9 years old	0	2	null	2	null	40 to 49-year-olds: 2% selected 0 to 9 years old.	Visible YouGov PNG label	40 to 49-year-olds -> 0 to 9 years old	2% of 40 to 49-year-olds said 0 to 9 years old represented or will represent the best years of their life.	#62c7b1
40-to-49-year-olds-10-to-19-years-old	gallery-stackedAreaGraph-row-35	40-to-49-year-olds-10-to-19-years-old 40 to 49-year-olds	3	4	40 to 49-year-olds	40-49	10 to 19 years old	1	4	null	4	null	40 to 49-year-olds: 4% selected 10 to 19 years old.	Visible YouGov PNG label	40 to 49-year-olds -> 10 to 19 years old	4% of 40 to 49-year-olds said 10 to 19 years old represented or will represent the best years of their life.	#62c7b1
40-to-49-year-olds-20-to-29-years-old	gallery-stackedAreaGraph-row-36	40-to-49-year-olds-20-to-29-years-old 40 to 49-year-olds	3	22	40 to 49-year-olds	40-49	20 to 29 years old	2	22	22	null	null	40 to 49-year-olds: 22% selected 20 to 29 years old.	Visible YouGov PNG label	40 to 49-year-olds -> 20 to 29 years old	22% of 40 to 49-year-olds said 20 to 29 years old represented or will represent the best years of their life.	#62c7b1
40-to-49-year-olds-30-to-39-years-old	gallery-stackedAreaGraph-row-37	40-to-49-year-olds-30-to-39-years-old 40 to 49-year-olds	3	20	40 to 49-year-olds	40-49	30 to 39 years old	3	20	20	null	null	40 to 49-year-olds: 20% selected 30 to 39 years old.	Visible YouGov PNG label	40 to 49-year-olds -> 30 to 39 years old	20% of 40 to 49-year-olds said 30 to 39 years old represented or will represent the best years of their life.	#62c7b1
40-to-49-year-olds-40-to-49-years-old	gallery-stackedAreaGraph-row-38	40-to-49-year-olds-40-to-49-years-old 40 to 49-year-olds	3	24	40 to 49-year-olds	40-49	40 to 49 years old	4	24	24	null	null	40 to 49-year-olds: 24% selected 40 to 49 years old.	Visible YouGov PNG label	40 to 49-year-olds -> 40 to 49 years old	24% of 40 to 49-year-olds said 40 to 49 years old represented or will represent the best years of their life.	#62c7b1
40-to-49-year-olds-50-to-59-years-old	gallery-stackedAreaGraph-row-39	40-to-49-year-olds-50-to-59-years-old 40 to 49-year-olds	3	15	40 to 49-year-olds	40-49	50 to 59 years old	5	15	15	null	null	40 to 49-year-olds: 15% selected 50 to 59 years old.	Visible YouGov PNG label	40 to 49-year-olds -> 50 to 59 years old	15% of 40 to 49-year-olds said 50 to 59 years old represented or will represent the best years of their life.	#62c7b1
40-to-49-year-olds-60-to-69-years-old	gallery-stackedAreaGraph-row-40	40-to-49-year-olds-60-to-69-years-old 40 to 49-year-olds	3	0	40 to 49-year-olds	40-49	60 to 69 years old	6	0	null	0	null	40 to 49-year-olds: 0% selected 60 to 69 years old.	Visible YouGov PNG label	40 to 49-year-olds -> 60 to 69 years old	0% of 40 to 49-year-olds said 60 to 69 years old represented or will represent the best years of their life.	#62c7b1
40-to-49-year-olds-70-to-79-years-old	gallery-stackedAreaGraph-row-41	40-to-49-year-olds-70-to-79-years-old 40 to 49-year-olds	3	0	40 to 49-year-olds	40-49	70 to 79 years old	7	0	null	0	null	40 to 49-year-olds: 0% selected 70 to 79 years old.	Visible YouGov PNG label	40 to 49-year-olds -> 70 to 79 years old	0% of 40 to 49-year-olds said 70 to 79 years old represented or will represent the best years of their life.	#62c7b1
40-to-49-year-olds-80-to-89-years-old	gallery-stackedAreaGraph-row-42	40-to-49-year-olds-80-to-89-years-old 40 to 49-year-olds	3	0	40 to 49-year-olds	40-49	80 to 89 years old	8	0	null	0	null	40 to 49-year-olds: 0% selected 80 to 89 years old.	Visible YouGov PNG label	40 to 49-year-olds -> 80 to 89 years old	0% of 40 to 49-year-olds said 80 to 89 years old represented or will represent the best years of their life.	#62c7b1
40-to-49-year-olds-90-to-99-years-old	gallery-stackedAreaGraph-row-43	40-to-49-year-olds-90-to-99-years-old 40 to 49-year-olds	3	0	40 to 49-year-olds	40-49	90 to 99 years old	9	0	null	0	null	40 to 49-year-olds: 0% selected 90 to 99 years old.	Visible YouGov PNG label	40 to 49-year-olds -> 90 to 99 years old	0% of 40 to 49-year-olds said 90 to 99 years old represented or will represent the best years of their life.	#62c7b1
40-to-49-year-olds-100-or-older	gallery-stackedAreaGraph-row-44	40-to-49-year-olds-100-or-older 40 to 49-year-olds	3	0	40 to 49-year-olds	40-49	100 or older	10	0	null	0	null	40 to 49-year-olds: 0% selected 100 or older.	Visible YouGov PNG label	40 to 49-year-olds -> 100 or older	0% of 40 to 49-year-olds said 100 or older represented or will represent the best years of their life.	#62c7b1
50-to-59-year-olds-0-to-9-years-old	gallery-stackedAreaGraph-row-45	50-to-59-year-olds-0-to-9-years-old 50 to 59-year-olds	4	4	50 to 59-year-olds	50-59	0 to 9 years old	0	4	null	4	null	50 to 59-year-olds: 4% selected 0 to 9 years old.	Visible YouGov PNG label	50 to 59-year-olds -> 0 to 9 years old	4% of 50 to 59-year-olds said 0 to 9 years old represented or will represent the best years of their life.	#46a8e7
50-to-59-year-olds-10-to-19-years-old	gallery-stackedAreaGraph-row-46	50-to-59-year-olds-10-to-19-years-old 50 to 59-year-olds	4	8	50 to 59-year-olds	50-59	10 to 19 years old	1	8	null	8	null	50 to 59-year-olds: 8% selected 10 to 19 years old.	Visible YouGov PNG label	50 to 59-year-olds -> 10 to 19 years old	8% of 50 to 59-year-olds said 10 to 19 years old represented or will represent the best years of their life.	#46a8e7
50-to-59-year-olds-20-to-29-years-old	gallery-stackedAreaGraph-row-47	50-to-59-year-olds-20-to-29-years-old 50 to 59-year-olds	4	21	50 to 59-year-olds	50-59	20 to 29 years old	2	21	21	null	null	50 to 59-year-olds: 21% selected 20 to 29 years old.	Visible YouGov PNG label	50 to 59-year-olds -> 20 to 29 years old	21% of 50 to 59-year-olds said 20 to 29 years old represented or will represent the best years of their life.	#46a8e7
50-to-59-year-olds-30-to-39-years-old	gallery-stackedAreaGraph-row-48	50-to-59-year-olds-30-to-39-years-old 50 to 59-year-olds	4	17	50 to 59-year-olds	50-59	30 to 39 years old	3	17	17	null	null	50 to 59-year-olds: 17% selected 30 to 39 years old.	Visible YouGov PNG label	50 to 59-year-olds -> 30 to 39 years old	17% of 50 to 59-year-olds said 30 to 39 years old represented or will represent the best years of their life.	#46a8e7
50-to-59-year-olds-40-to-49-years-old	gallery-stackedAreaGraph-row-49	50-to-59-year-olds-40-to-49-years-old 50 to 59-year-olds	4	11	50 to 59-year-olds	50-59	40 to 49 years old	4	11	null	11	null	50 to 59-year-olds: 11% selected 40 to 49 years old.	Visible YouGov PNG label	50 to 59-year-olds -> 40 to 49 years old	11% of 50 to 59-year-olds said 40 to 49 years old represented or will represent the best years of their life.	#46a8e7
50-to-59-year-olds-50-to-59-years-old	gallery-stackedAreaGraph-row-50	50-to-59-year-olds-50-to-59-years-old 50 to 59-year-olds	4	20	50 to 59-year-olds	50-59	50 to 59 years old	5	20	20	null	null	50 to 59-year-olds: 20% selected 50 to 59 years old.	Visible YouGov PNG label	50 to 59-year-olds -> 50 to 59 years old	20% of 50 to 59-year-olds said 50 to 59 years old represented or will represent the best years of their life.	#46a8e7
50-to-59-year-olds-60-to-69-years-old	gallery-stackedAreaGraph-row-51	50-to-59-year-olds-60-to-69-years-old 50 to 59-year-olds	4	9	50 to 59-year-olds	50-59	60 to 69 years old	6	9	null	9	null	50 to 59-year-olds: 9% selected 60 to 69 years old.	Visible YouGov PNG label	50 to 59-year-olds -> 60 to 69 years old	9% of 50 to 59-year-olds said 60 to 69 years old represented or will represent the best years of their life.	#46a8e7
50-to-59-year-olds-70-to-79-years-old	gallery-stackedAreaGraph-row-52	50-to-59-year-olds-70-to-79-years-old 50 to 59-year-olds	4	0	50 to 59-year-olds	50-59	70 to 79 years old	7	0	null	0	null	50 to 59-year-olds: 0% selected 70 to 79 years old.	Visible YouGov PNG label	50 to 59-year-olds -> 70 to 79 years old	0% of 50 to 59-year-olds said 70 to 79 years old represented or will represent the best years of their life.	#46a8e7
50-to-59-year-olds-80-to-89-years-old	gallery-stackedAreaGraph-row-53	50-to-59-year-olds-80-to-89-years-old 50 to 59-year-olds	4	0	50 to 59-year-olds	50-59	80 to 89 years old	8	0	null	0	null	50 to 59-year-olds: 0% selected 80 to 89 years old.	Visible YouGov PNG label	50 to 59-year-olds -> 80 to 89 years old	0% of 50 to 59-year-olds said 80 to 89 years old represented or will represent the best years of their life.	#46a8e7
50-to-59-year-olds-90-to-99-years-old	gallery-stackedAreaGraph-row-54	50-to-59-year-olds-90-to-99-years-old 50 to 59-year-olds	4	0	50 to 59-year-olds	50-59	90 to 99 years old	9	0	null	0	null	50 to 59-year-olds: 0% selected 90 to 99 years old.	Visible YouGov PNG label	50 to 59-year-olds -> 90 to 99 years old	0% of 50 to 59-year-olds said 90 to 99 years old represented or will represent the best years of their life.	#46a8e7
50-to-59-year-olds-100-or-older	gallery-stackedAreaGraph-row-55	50-to-59-year-olds-100-or-older 50 to 59-year-olds	4	0	50 to 59-year-olds	50-59	100 or older	10	0	null	0	null	50 to 59-year-olds: 0% selected 100 or older.	Visible YouGov PNG label	50 to 59-year-olds -> 100 or older	0% of 50 to 59-year-olds said 100 or older represented or will represent the best years of their life.	#46a8e7
60-to-69-year-olds-0-to-9-years-old	gallery-stackedAreaGraph-row-56	60-to-69-year-olds-0-to-9-years-old 60 to 69-year-olds	5	3	60 to 69-year-olds	60-69	0 to 9 years old	0	3	null	3	null	60 to 69-year-olds: 3% selected 0 to 9 years old.	Visible YouGov PNG label	60 to 69-year-olds -> 0 to 9 years old	3% of 60 to 69-year-olds said 0 to 9 years old represented or will represent the best years of their life.	#143f98
60-to-69-year-olds-10-to-19-years-old	gallery-stackedAreaGraph-row-57	60-to-69-year-olds-10-to-19-years-old 60 to 69-year-olds	5	9	60 to 69-year-olds	60-69	10 to 19 years old	1	9	null	9	null	60 to 69-year-olds: 9% selected 10 to 19 years old.	Visible YouGov PNG label	60 to 69-year-olds -> 10 to 19 years old	9% of 60 to 69-year-olds said 10 to 19 years old represented or will represent the best years of their life.	#143f98
60-to-69-year-olds-20-to-29-years-old	gallery-stackedAreaGraph-row-58	60-to-69-year-olds-20-to-29-years-old 60 to 69-year-olds	5	14	60 to 69-year-olds	60-69	20 to 29 years old	2	14	14	null	null	60 to 69-year-olds: 14% selected 20 to 29 years old.	Visible YouGov PNG label	60 to 69-year-olds -> 20 to 29 years old	14% of 60 to 69-year-olds said 20 to 29 years old represented or will represent the best years of their life.	#143f98
60-to-69-year-olds-30-to-39-years-old	gallery-stackedAreaGraph-row-59	60-to-69-year-olds-30-to-39-years-old 60 to 69-year-olds	5	20	60 to 69-year-olds	60-69	30 to 39 years old	3	20	20	null	null	60 to 69-year-olds: 20% selected 30 to 39 years old.	Visible YouGov PNG label	60 to 69-year-olds -> 30 to 39 years old	20% of 60 to 69-year-olds said 30 to 39 years old represented or will represent the best years of their life.	#143f98
60-to-69-year-olds-40-to-49-years-old	gallery-stackedAreaGraph-row-60	60-to-69-year-olds-40-to-49-years-old 60 to 69-year-olds	5	11	60 to 69-year-olds	60-69	40 to 49 years old	4	11	null	11	null	60 to 69-year-olds: 11% selected 40 to 49 years old.	Visible YouGov PNG label	60 to 69-year-olds -> 40 to 49 years old	11% of 60 to 69-year-olds said 40 to 49 years old represented or will represent the best years of their life.	#143f98
60-to-69-year-olds-50-to-59-years-old	gallery-stackedAreaGraph-row-61	60-to-69-year-olds-50-to-59-years-old 60 to 69-year-olds	5	5	60 to 69-year-olds	60-69	50 to 59 years old	5	5	null	5	null	60 to 69-year-olds: 5% selected 50 to 59 years old.	Visible YouGov PNG label	60 to 69-year-olds -> 50 to 59 years old	5% of 60 to 69-year-olds said 50 to 59 years old represented or will represent the best years of their life.	#143f98
60-to-69-year-olds-60-to-69-years-old	gallery-stackedAreaGraph-row-62	60-to-69-year-olds-60-to-69-years-old 60 to 69-year-olds	5	22	60 to 69-year-olds	60-69	60 to 69 years old	6	22	22	null	null	60 to 69-year-olds: 22% selected 60 to 69 years old.	Visible YouGov PNG label	60 to 69-year-olds -> 60 to 69 years old	22% of 60 to 69-year-olds said 60 to 69 years old represented or will represent the best years of their life.	#143f98
60-to-69-year-olds-70-to-79-years-old	gallery-stackedAreaGraph-row-63	60-to-69-year-olds-70-to-79-years-old 60 to 69-year-olds	5	3	60 to 69-year-olds	60-69	70 to 79 years old	7	3	null	3	null	60 to 69-year-olds: 3% selected 70 to 79 years old.	Visible YouGov PNG label	60 to 69-year-olds -> 70 to 79 years old	3% of 60 to 69-year-olds said 70 to 79 years old represented or will represent the best years of their life.	#143f98
60-to-69-year-olds-80-to-89-years-old	gallery-stackedAreaGraph-row-64	60-to-69-year-olds-80-to-89-years-old 60 to 69-year-olds	5	0	60 to 69-year-olds	60-69	80 to 89 years old	8	0	null	0	null	60 to 69-year-olds: 0% selected 80 to 89 years old.	Visible YouGov PNG label	60 to 69-year-olds -> 80 to 89 years old	0% of 60 to 69-year-olds said 80 to 89 years old represented or will represent the best years of their life.	#143f98
60-to-69-year-olds-90-to-99-years-old	gallery-stackedAreaGraph-row-65	60-to-69-year-olds-90-to-99-years-old 60 to 69-year-olds	5	0	60 to 69-year-olds	60-69	90 to 99 years old	9	0	null	0	null	60 to 69-year-olds: 0% selected 90 to 99 years old.	Visible YouGov PNG label	60 to 69-year-olds -> 90 to 99 years old	0% of 60 to 69-year-olds said 90 to 99 years old represented or will represent the best years of their life.	#143f98
60-to-69-year-olds-100-or-older	gallery-stackedAreaGraph-row-66	60-to-69-year-olds-100-or-older 60 to 69-year-olds	5	0	60 to 69-year-olds	60-69	100 or older	10	0	null	0	null	60 to 69-year-olds: 0% selected 100 or older.	Visible YouGov PNG label	60 to 69-year-olds -> 100 or older	0% of 60 to 69-year-olds said 100 or older represented or will represent the best years of their life.	#143f98
70-to-79-year-olds-0-to-9-years-old	gallery-stackedAreaGraph-row-67	70-to-79-year-olds-0-to-9-years-old 70 to 79-year-olds	6	1	70 to 79-year-olds	70-79	0 to 9 years old	0	1	null	1	null	70 to 79-year-olds: 1% selected 0 to 9 years old.	Visible YouGov PNG label	70 to 79-year-olds -> 0 to 9 years old	1% of 70 to 79-year-olds said 0 to 9 years old represented or will represent the best years of their life.	#ef553b
70-to-79-year-olds-10-to-19-years-old	gallery-stackedAreaGraph-row-68	70-to-79-year-olds-10-to-19-years-old 70 to 79-year-olds	6	1	70 to 79-year-olds	70-79	10 to 19 years old	1	1	null	1	null	70 to 79-year-olds: 1% selected 10 to 19 years old.	Visible YouGov PNG label	70 to 79-year-olds -> 10 to 19 years old	1% of 70 to 79-year-olds said 10 to 19 years old represented or will represent the best years of their life.	#ef553b
70-to-79-year-olds-20-to-29-years-old	gallery-stackedAreaGraph-row-69	70-to-79-year-olds-20-to-29-years-old 70 to 79-year-olds	6	9	70 to 79-year-olds	70-79	20 to 29 years old	2	9	null	9	null	70 to 79-year-olds: 9% selected 20 to 29 years old.	Visible YouGov PNG label	70 to 79-year-olds -> 20 to 29 years old	9% of 70 to 79-year-olds said 20 to 29 years old represented or will represent the best years of their life.	#ef553b
70-to-79-year-olds-30-to-39-years-old	gallery-stackedAreaGraph-row-70	70-to-79-year-olds-30-to-39-years-old 70 to 79-year-olds	6	15	70 to 79-year-olds	70-79	30 to 39 years old	3	15	15	null	null	70 to 79-year-olds: 15% selected 30 to 39 years old.	Visible YouGov PNG label	70 to 79-year-olds -> 30 to 39 years old	15% of 70 to 79-year-olds said 30 to 39 years old represented or will represent the best years of their life.	#ef553b
70-to-79-year-olds-40-to-49-years-old	gallery-stackedAreaGraph-row-71	70-to-79-year-olds-40-to-49-years-old 70 to 79-year-olds	6	18	70 to 79-year-olds	70-79	40 to 49 years old	4	18	18	null	null	70 to 79-year-olds: 18% selected 40 to 49 years old.	Visible YouGov PNG label	70 to 79-year-olds -> 40 to 49 years old	18% of 70 to 79-year-olds said 40 to 49 years old represented or will represent the best years of their life.	#ef553b
70-to-79-year-olds-50-to-59-years-old	gallery-stackedAreaGraph-row-72	70-to-79-year-olds-50-to-59-years-old 70 to 79-year-olds	6	12	70 to 79-year-olds	70-79	50 to 59 years old	5	12	12	null	null	70 to 79-year-olds: 12% selected 50 to 59 years old.	Visible YouGov PNG label	70 to 79-year-olds -> 50 to 59 years old	12% of 70 to 79-year-olds said 50 to 59 years old represented or will represent the best years of their life.	#ef553b
70-to-79-year-olds-60-to-69-years-old	gallery-stackedAreaGraph-row-73	70-to-79-year-olds-60-to-69-years-old 70 to 79-year-olds	6	4	70 to 79-year-olds	70-79	60 to 69 years old	6	4	null	4	null	70 to 79-year-olds: 4% selected 60 to 69 years old.	Visible YouGov PNG label	70 to 79-year-olds -> 60 to 69 years old	4% of 70 to 79-year-olds said 60 to 69 years old represented or will represent the best years of their life.	#ef553b
70-to-79-year-olds-70-to-79-years-old	gallery-stackedAreaGraph-row-74	70-to-79-year-olds-70-to-79-years-old 70 to 79-year-olds	6	30	70 to 79-year-olds	70-79	70 to 79 years old	7	30	30	null	null	70 to 79-year-olds: 30% selected 70 to 79 years old.	Visible YouGov PNG label	70 to 79-year-olds -> 70 to 79 years old	30% of 70 to 79-year-olds said 70 to 79 years old represented or will represent the best years of their life.	#ef553b
70-to-79-year-olds-80-to-89-years-old	gallery-stackedAreaGraph-row-75	70-to-79-year-olds-80-to-89-years-old 70 to 79-year-olds	6	1	70 to 79-year-olds	70-79	80 to 89 years old	8	1	null	1	null	70 to 79-year-olds: 1% selected 80 to 89 years old.	Visible YouGov PNG label	70 to 79-year-olds -> 80 to 89 years old	1% of 70 to 79-year-olds said 80 to 89 years old represented or will represent the best years of their life.	#ef553b
70-to-79-year-olds-90-to-99-years-old	gallery-stackedAreaGraph-row-76	70-to-79-year-olds-90-to-99-years-old 70 to 79-year-olds	6	0	70 to 79-year-olds	70-79	90 to 99 years old	9	0	null	0	null	70 to 79-year-olds: 0% selected 90 to 99 years old.	Visible YouGov PNG label	70 to 79-year-olds -> 90 to 99 years old	0% of 70 to 79-year-olds said 90 to 99 years old represented or will represent the best years of their life.	#ef553b
70-to-79-year-olds-100-or-older	gallery-stackedAreaGraph-row-77	70-to-79-year-olds-100-or-older 70 to 79-year-olds	6	0	70 to 79-year-olds	70-79	100 or older	10	0	null	0	null	70 to 79-year-olds: 0% selected 100 or older.	Visible YouGov PNG label	70 to 79-year-olds -> 100 or older	0% of 70 to 79-year-olds said 100 or older represented or will represent the best years of their life.	#ef553b

ChartSpec

{
  "id": "gallery.stackedAreaGraph",
  "data": [
    {
      "id": "source_gallery_stackedareagraph",
      "rows": 77
    },
    {
      "id": "pipeline_source_metadata_source",
      "rows": 1
    },
    {
      "id": "pipeline_title_and_source_notes_source",
      "rows": 5
    },
    {
      "id": "source_respondent_panels",
      "rows": 7
    },
    {
      "id": "source_response_bars",
      "rows": 77
    }
  ],
  "transforms": [
    {
      "id": "pipeline_respondent_panel_layout_transform",
      "type": "layout",
      "input": "source_gallery_stackedareagraph",
      "output": "source_respondent_panels",
      "options": {
        "columnGap": 18,
        "columns": 7,
        "errorMethod": "standardError",
        "field": "period",
        "fit": "contain",
        "geometryField": "period",
        "groupBy": [
          "period"
        ],
        "idField": "period",
        "includeMax": false,
        "labelField": "period",
        "layout": "pipeline_plot_layout",
        "layoutKind": "facetPanels",
        "layoutMode": "proportionalAngle",
        "mode": "normal",
        "order": [
          "U.S. adult citizens",
          "20 to 29-year-olds",
          "30 to 39-year-olds",
          "40 to 49-year-olds",
          "50 to 59-year-olds",
          "60 to 69-year-olds",
          "70 to 79-year-olds"
        ],
        "orderField": "period",
        "panelHeaderHeight": 38,
        "sourceField": "period",
        "value": "period"
      }
    },
    {
      "id": "pipeline_response_bar_layout_transform",
      "type": "layout",
      "input": "source_gallery_stackedareagraph",
      "output": "source_response_bars",
      "options": {
        "columnGap": 18,
        "columns": 7,
        "endField": "seriesindex",
        "errorMethod": "standardError",
        "field": "period",
        "fit": "contain",
        "geometryField": "period",
        "groupBy": [
          "period"
        ],
        "idField": "period",
        "includeMax": false,
        "labelField": "period",
        "layout": "pipeline_plot_layout",
        "layoutKind": "facetPoints",
        "layoutMode": "proportionalAngle",
        "mode": "normal",
        "order": [
          "U.S. adult citizens",
          "20 to 29-year-olds",
          "30 to 39-year-olds",
          "40 to 49-year-olds",
          "50 to 59-year-olds",
          "60 to 69-year-olds",
          "70 to 79-year-olds"
        ],
        "orderField": "period",
        "panelHeaderHeight": 38,
        "parentField": "value",
        "seriesBy": "value",
        "sourceField": "period",
        "startField": "value",
        "targetField": "value",
        "value": "seriesindex",
        "xEnd": 35,
        "xField": "value",
        "xPadding": 0,
        "xStart": 0,
        "yEnd": 0,
        "yField": "seriesindex",
        "yPadding": 13,
        "yStart": 10
      }
    }
  ],
  "axes": [],
  "grids": [],
  "legends": [],
  "fields": [
    "__rowLabel",
    "periodindex",
    "valuelabel",
    "id",
    "period",
    "periodshort",
    "series",
    "seriesindex",
    "value",
    "insidelabel",
    "outsidelabel",
    "responselabel",
    "tooltip",
    "tooltipeyebrow",
    "tooltiptitle",
    "tooltipbody",
    "tooltipaccentcolor",
    "articleUrl",
    "extractedOn",
    "imageUrl",
    "sourceDataset",
    "surveyPdfUrl",
    "youGovArticleUrl",
    "fill",
    "fontSize",
    "fontWeight",
    "text",
    "x",
    "y",
    "averageLabel",
    "averageY",
    "centerX",
    "height",
    "labelX",
    "labelY",
    "panelX0",
    "panelX1",
    "panelY0",
    "panelY1",
    "plotY0",
    "plotY1",
    "width"
  ],
  "scales": [
    {
      "id": "pipeline_color_color_scale",
      "type": "ordinal",
      "domain": {
        "source": "values",
        "values": [
          "U.S. adult citizens",
          "20 to 29-year-olds",
          "30 to 39-year-olds",
          "40 to 49-year-olds",
          "50 to 59-year-olds",
          "60 to 69-year-olds",
          "70 to 79-year-olds"
        ],
        "includeZero": false,
        "order": "input",
        "reverse": false,
        "symmetric": false
      }
    }
  ],
  "layers": [
    {
      "id": "create_chart_surface",
      "mark": "rect",
      "role": "context"
    },
    {
      "id": "pipeline_view_layout_surface",
      "mark": "rect",
      "role": "context"
    },
    {
      "id": "pipeline_plot_layout_surface",
      "mark": "rect",
      "role": "context"
    },
    {
      "id": "pipeline_chart_title_layer",
      "mark": "text",
      "role": "guide"
    },
    {
      "id": "pipeline_panel_baselines_layer",
      "mark": "line",
      "role": "guide"
    },
    {
      "id": "pipeline_panel_labels_layer",
      "mark": "text",
      "role": "guide"
    },
    {
      "id": "pipeline_response_row_labels_layer",
      "mark": "text",
      "role": "guide"
    },
    {
      "id": "pipeline_best_decade_bars_layer",
      "mark": "rect",
      "role": "data"
    },
    {
      "id": "pipeline_inside_value_labels_layer",
      "mark": "text",
      "role": "guide"
    },
    {
      "id": "pipeline_outside_value_labels_layer",
      "mark": "text",
      "role": "guide"
    }
  ]
}

Resolved SceneGraph

{
  "scene": "gallery.stackedAreaGraph.scene",
  "scales": [
    {
      "id": "pipeline_color_color_scale",
      "type": "ordinal",
      "domain": [
        "U.S. adult citizens",
        "20 to 29-year-olds",
        "30 to 39-year-olds",
        "40 to 49-year-olds",
        "50 to 59-year-olds",
        "60 to 69-year-olds",
        "70 to 79-year-olds"
      ],
      "range": [
        "#c9cfd8",
        "#ef553b",
        "#8a3ff0",
        "#62c7b1",
        "#46a8e7",
        "#143f98",
        "#ef553b"
      ]
    }
  ],
  "layers": [
    {
      "id": "create_chart_surface",
      "role": "context",
      "zIndex": -10,
      "glyphs": 1
    },
    {
      "id": "pipeline_view_layout_surface",
      "role": "context",
      "zIndex": 0,
      "glyphs": 1
    },
    {
      "id": "pipeline_plot_layout_surface",
      "role": "context",
      "zIndex": 0,
      "glyphs": 1
    },
    {
      "id": "pipeline_chart_title_layer",
      "role": "guide",
      "zIndex": 0,
      "glyphs": 5
    },
    {
      "id": "pipeline_panel_baselines_layer",
      "role": "guide",
      "zIndex": 2,
      "glyphs": 7
    },
    {
      "id": "pipeline_panel_labels_layer",
      "role": "guide",
      "zIndex": 5,
      "glyphs": 7
    },
    {
      "id": "pipeline_response_row_labels_layer",
      "role": "guide",
      "zIndex": 8,
      "glyphs": 77
    },
    {
      "id": "pipeline_best_decade_bars_layer",
      "role": "data",
      "zIndex": 10,
      "glyphs": 77
    },
    {
      "id": "pipeline_inside_value_labels_layer",
      "role": "guide",
      "zIndex": 15,
      "glyphs": 77
    },
    {
      "id": "pipeline_outside_value_labels_layer",
      "role": "guide",
      "zIndex": 15,
      "glyphs": 77
    }
  ]
}

Glyph Data Tree

10 layers

Full parameter lineage for the active compiler surface.

create_chart_surface

pipeline_view_layout_surface

pipeline_plot_layout_surface

pipeline_chart_title_layer

pipeline_panel_baselines_layer

pipeline_panel_labels_layer

pipeline_response_row_labels_layer

pipeline_best_decade_bars_layer

pipeline_inside_value_labels_layer

pipeline_outside_value_labels_layer

Glyph Inspector

none

Select a glyph in the chart to inspect resolved params and lineage.