using VegaLite, DataFrames
df = DataFrame(category=1:6, value=[4,6,10,3,7,8])
df |> @vlplot(:arc, theta=:value, color="category:n", view={stroke=nothing})
"><g class="mark-group role-frame root" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h200v200h-200Z"/><g><g class="mark-arc role-mark marks" role="graphics-object" aria-roledescription="arc mark container"><path aria-label="value: 4; category: 1" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M61.421,-78.914A100,100,0,0,0,0,-100L0,0Z" fill="%234c78a8"/><path aria-label="value: 6; category: 2" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M99.658,8.258A100,100,0,0,0,61.421,-78.914L0,0Z" fill="%23f58518"/><path aria-label="value: 10; category: 3" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M-16.459,98.636A100,100,0,0,0,99.658,8.258L0,0Z" fill="%23e45756"/><path aria-label="value: 3; category: 4" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M-61.421,78.914A100,100,0,0,0,-16.459,98.636L0,0Z" fill="%2372b7b2"/><path aria-label="value: 7; category: 5" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M-96.94,-24.549A100,100,0,0,0,-61.421,78.914L0,0Z" fill="%2354a24b"/><path aria-label="value: 8; category: 6" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M0,-100A100,100,0,0,0,-96.94,-24.549L0,0Z" fill="%23eeca3b"/></g><g class="mark-group role-legend" role="graphics-symbol" aria-roledescription="legend" aria-label="Symbol legend titled %27category%27 for fill color with 6 values: 1, 2, 3, 4, 5, 6"><g transform="translate(218,0)"><path class="background" aria-hidden="true" d="M0,0h55v92h-55Z" pointer-events="none"/><g><g class="mark-group role-legend-entry"><g transform="translate(0,16)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-group role-scope" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h22.3623046875v11h-22.3623046875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%234c78a8" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">1</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,13)"><path class="background" aria-hidden="true" d="M0,0h22.3623046875v11h-22.3623046875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%23f58518" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">2</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,26)"><path class="background" aria-hidden="true" d="M0,0h22.3623046875v11h-22.3623046875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%23e45756" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">3</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,39)"><path class="background" aria-hidden="true" d="M0,0h22.3623046875v11h-22.3623046875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%2372b7b2" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">4</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,52)"><path class="background" aria-hidden="true" d="M0,0h22.3623046875v11h-22.3623046875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%2354a24b" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">5</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,65)"><path class="background" aria-hidden="true" d="M0,0h22.3623046875v11h-22.3623046875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%23eeca3b" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">6</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-text role-legend-title" pointer-events="none"><text text-anchor="start" transform="translate(0,9)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="%23000" opacity="1">category</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g></g></svg>)
using VegaLite, DataFrames
df = DataFrame(category=1:6, value=[4,6,10,3,7,8])
df |> @vlplot(mark={:arc, innerRadius=50}, theta=:value, color="category:n", view={stroke=nothing})
"><g class="mark-group role-frame root" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h200v200h-200Z"/><g><g class="mark-arc role-mark marks" role="graphics-object" aria-roledescription="arc mark container"><path aria-label="value: 4; category: 1" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M61.421,-78.914A100,100,0,0,0,0,-100L0,-50A50,50,0,0,1,30.711,-39.457Z" fill="%234c78a8"/><path aria-label="value: 6; category: 2" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M99.658,8.258A100,100,0,0,0,61.421,-78.914L30.711,-39.457A50,50,0,0,1,49.829,4.129Z" fill="%23f58518"/><path aria-label="value: 10; category: 3" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M-16.459,98.636A100,100,0,0,0,99.658,8.258L49.829,4.129A50,50,0,0,1,-8.23,49.318Z" fill="%23e45756"/><path aria-label="value: 3; category: 4" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M-61.421,78.914A100,100,0,0,0,-16.459,98.636L-8.23,49.318A50,50,0,0,1,-30.711,39.457Z" fill="%2372b7b2"/><path aria-label="value: 7; category: 5" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M-96.94,-24.549A100,100,0,0,0,-61.421,78.914L-30.711,39.457A50,50,0,0,1,-48.47,-12.274Z" fill="%2354a24b"/><path aria-label="value: 8; category: 6" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M0,-100A100,100,0,0,0,-96.94,-24.549L-48.47,-12.274A50,50,0,0,1,0,-50Z" fill="%23eeca3b"/></g><g class="mark-group role-legend" role="graphics-symbol" aria-roledescription="legend" aria-label="Symbol legend titled %27category%27 for fill color with 6 values: 1, 2, 3, 4, 5, 6"><g transform="translate(218,0)"><path class="background" aria-hidden="true" d="M0,0h55v92h-55Z" pointer-events="none"/><g><g class="mark-group role-legend-entry"><g transform="translate(0,16)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-group role-scope" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h22.3623046875v11h-22.3623046875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%234c78a8" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">1</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,13)"><path class="background" aria-hidden="true" d="M0,0h22.3623046875v11h-22.3623046875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%23f58518" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">2</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,26)"><path class="background" aria-hidden="true" d="M0,0h22.3623046875v11h-22.3623046875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%23e45756" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">3</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,39)"><path class="background" aria-hidden="true" d="M0,0h22.3623046875v11h-22.3623046875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%2372b7b2" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">4</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,52)"><path class="background" aria-hidden="true" d="M0,0h22.3623046875v11h-22.3623046875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%2354a24b" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">5</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,65)"><path class="background" aria-hidden="true" d="M0,0h22.3623046875v11h-22.3623046875Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%23eeca3b" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">6</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g><g class="mark-text role-legend-title" pointer-events="none"><text text-anchor="start" transform="translate(0,9)" font-family="sans-serif" font-size="11px" font-weight="bold" fill="%23000" opacity="1">category</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g></g></svg>)
using VegaLite, DataFrames
df = DataFrame(category=1:6, value=[4,6,10,3,7,8])
df |>
@vlplot(
theta={:value, stack=true},
color={"category:n", legend=nothing},
view={stroke=nothing}) +
@vlplot(mark={:arc, outerRadius=80}) +
@vlplot(mark={:text, radius=90}, text="category:n")
"><g class="mark-group role-frame root" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h200v200h-200Z"/><g><g class="mark-arc role-mark layer_0_marks" role="graphics-object" aria-roledescription="arc mark container"><path aria-label="value: 4; category: 1" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M49.137,-63.131A80,80,0,0,0,0,-80L0,0Z" fill="%234c78a8"/><path aria-label="value: 6; category: 2" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M79.727,6.606A80,80,0,0,0,49.137,-63.131L0,0Z" fill="%23f58518"/><path aria-label="value: 10; category: 3" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M-13.168,78.909A80,80,0,0,0,79.727,6.606L0,0Z" fill="%23e45756"/><path aria-label="value: 3; category: 4" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M-49.137,63.131A80,80,0,0,0,-13.168,78.909L0,0Z" fill="%2372b7b2"/><path aria-label="value: 7; category: 5" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M-77.552,-19.639A80,80,0,0,0,-49.137,63.131L0,0Z" fill="%2354a24b"/><path aria-label="value: 8; category: 6" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M0,-80A80,80,0,0,0,-77.552,-19.639L0,0Z" fill="%23eeca3b"/></g><g class="mark-text role-mark layer_1_marks" role="graphics-object" aria-roledescription="text mark container"><text aria-label="value: 4; category: 1" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(129.22295222842152,17.876448246942886)" font-family="sans-serif" font-size="11px" fill="%234c78a8">1</text><text aria-label="value: 6; category: 2" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(182.41959939895517,66.84741178123275)" font-family="sans-serif" font-size="11px" fill="%23f58518">2</text><text aria-label="value: 10; category: 3" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(155.27914414207012,174.0226458456754)" font-family="sans-serif" font-size="11px" fill="%23e45756">3</text><text aria-label="value: 3; category: 4" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(63.847411781232765,185.41959939895517)" font-family="sans-serif" font-size="11px" fill="%2372b7b2">4</text><text aria-label="value: 7; category: 5" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(14.876448246942886,132.22295222842152)" font-family="sans-serif" font-size="11px" fill="%2354a24b">5</text><text aria-label="value: 8; category: 6" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(44.72085585792988,31.977354154324587)" font-family="sans-serif" font-size="11px" fill="%23eeca3b">6</text></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g></g></svg>)
using VegaLite
@vlplot(
data={values=[12, 23, 47, 6, 52, 19]},
theta={:data, stack=true},
radius={:data, scale={type=:sqrt, zero=true, range=[20,100]}},
color={"data:n", legend=nothing},
view={stroke=nothing}
) +
@vlplot(mark={:arc, innerRadius=20, stroke="#fff"}) +
@vlplot(mark={:text, radiusOffset=10}, text=:data)
"><g class="mark-group role-frame root" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h200v200h-200Z"/><g><g class="mark-arc role-mark layer_0_marks" role="graphics-object" aria-roledescription="arc mark container"><path aria-label="data: 12" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M50.603,-29.215A58.431,58.431,0,0,1,50.603,29.215L17.321,10A20,20,0,0,0,17.321,-10Z" fill="%23f58518" stroke="%23fff"/><path aria-label="data: 23" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M0,73.205A73.205,73.205,0,0,1,-63.397,36.602L-17.321,10A20,20,0,0,0,0,20Z" fill="%2372b7b2" stroke="%23fff"/><path aria-label="data: 47" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M-83.188,48.028A96.057,96.057,0,0,1,-83.188,-48.028L-17.321,-10A20,20,0,0,0,-17.321,10Z" fill="%2354a24b" stroke="%23fff"/><path aria-label="data: 6" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M0,-47.175A47.175,47.175,0,0,1,40.854,-23.587L17.321,-10A20,20,0,0,0,0,-20Z" fill="%234c78a8" stroke="%23fff"/><path aria-label="data: 52" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M-86.603,-50A100,100,0,0,1,0,-100L0,-20A20,20,0,0,0,-17.321,-10Z" fill="%23eeca3b" stroke="%23fff"/><path aria-label="data: 19" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M59.199,34.179A68.358,68.358,0,0,1,0,68.358L0,20A20,20,0,0,0,17.321,10Z" fill="%23e45756" stroke="%23fff"/></g><g class="mark-text role-mark layer_1_marks" role="graphics-object" aria-roledescription="text mark container"><text aria-label="data: 12" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(168.43075691322093,103)" font-family="sans-serif" font-size="11px" fill="%23f58518">12</text><text aria-label="data: 23" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(58.397513129552976,175.05762098083142)" font-family="sans-serif" font-size="11px" fill="%2372b7b2">23</text><text aria-label="data: 47" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(-6.056659041897078,103.00000000000001)" font-family="sans-serif" font-size="11px" fill="%2354a24b">47</text><text aria-label="data: 6" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(128.58732440973515,53.485301669884755)" font-family="sans-serif" font-size="11px" fill="%234c78a8">6</text><text aria-label="data: 52" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(44.99999999999995,7.73720558371177)" font-family="sans-serif" font-size="11px" fill="%23eeca3b">52</text><text aria-label="data: 19" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(139.17882099307957,170.8597085406599)" font-family="sans-serif" font-size="11px" fill="%23e45756">19</text></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g></g></svg>)
using VegaLite, DataFrames
df = DataFrame(
category=["Sky", "Shady side of a pyramid", "Sunny side of a pyramid"],
value=[75, 10, 15],
order=[3,1,2]
)
df |> @vlplot(
mark={:arc, outerRadius=80},
theta={:value, scale={range=[2.35619449, 8.639379797]}, stack=true},
color={
:category,
scale={
domain=["Sky", "Shady side of a pyramid", "Sunny side of a pyramid"],
range=["#416D9D", "#674028", "#DEAC58"]
},
legend={orient=:none, title=nothing, columns=1, legendX=200, legendY=80}
},
order=:order,
view={stroke=nothing}
)
"><g class="mark-group role-frame root" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h200v200h-200Z"/><g><g class="mark-arc role-mark marks" role="graphics-object" aria-roledescription="arc mark container"><path aria-label="value: 75; category: Sky; order: 3" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M56.569,56.569A80,80,0,1,0,-56.569,56.569L0,0Z" fill="%23416D9D"/><path aria-label="value: 10; category: Shady side of a pyramid; order: 1" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M12.515,79.015A80,80,0,0,0,56.569,56.569L0,0Z" fill="%23674028"/><path aria-label="value: 15; category: Sunny side of a pyramid; order: 2" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(100,100)" d="M-56.569,56.569A80,80,0,0,0,12.515,79.015L0,0Z" fill="%23DEAC58"/></g><g class="mark-group role-legend" role="graphics-symbol" aria-roledescription="legend" aria-label="Symbol legend for fill color with 3 values: Sky, Shady side of a pyramid, Sunny side of a pyramid"><g transform="translate(200,80)"><path class="background" aria-hidden="true" d="M0,0h138v37h-138Z" pointer-events="none"/><g><g class="mark-group role-legend-entry"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-group role-scope" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h137.62109375v11h-137.62109375Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%23416D9D" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">Sky</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,13)"><path class="background" aria-hidden="true" d="M0,0h137.62109375v11h-137.62109375Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%23674028" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">Shady side of a pyramid</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g><g transform="translate(0,26)"><path class="background" aria-hidden="true" d="M0,0h137.62109375v11h-137.62109375Z" pointer-events="none" opacity="1"/><g><g class="mark-symbol role-legend-symbol" pointer-events="none"><path transform="translate(6,6)" d="M5,0A5,5,0,1,1,-5,0A5,5,0,1,1,5,0" fill="%23DEAC58" stroke-width="1.5" opacity="1"/></g><g class="mark-text role-legend-label" pointer-events="none"><text text-anchor="start" transform="translate(16,9)" font-family="sans-serif" font-size="10px" fill="%23000" opacity="1">Sunny side of a pyramid</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g></g></svg>)