Strider
Little Delving #0004 as a full slide, using belladonna's exact specs: 1440x1080 canvas, a space-between column (header top / chart / footer bottom-right via align-self), Merriweather title, oklch bar palette.
Result
Source examples/strider.svgn
<diagram width="1440" height="1080" padding="70">
<!-- Little Delving #0004 as a full slide, using belladonna's exact specs:
1440x1080 canvas, a space-between column (header top / chart / footer
bottom-right via align-self), Merriweather title, oklch bar palette. -->
<style>
svg { --sv-bg: #f6f6f6; --sv-font: "Noto Sans", "Helvetica Neue", Arial, sans-serif;
--sv-text: #000; --sv-edge: #000; --sv-muted: #000; }
.sv-grid { stroke: none; }
</style>
<column justify="space-between" align="center">
<column align="center" gap="6">
<text font-family="Merriweather, Georgia, serif" color="#336699" font-size="64"
label="Mentions of ‘Strider’ vs ‘Aragorn’"/>
<text font-family="Merriweather, Georgia, serif" color="#336699" font-size="40" font-style="italic"
label="by book of Lord of the Rings"/>
</column>
<plot data="mentions" width="1125" height="500" y-max="300">
<bars x="book" y="Strider Aragorn" colors="oklch(70% 0.1 30), oklch(80% 0.1 150)"/>
</plot>
<column align-self="end" align="end" gap="4">
<text color="#777788" font-size="30" font-family="Menlo, monospace" label="Little Delving #0004"/>
<text color="#777788" font-size="30" font-family="Menlo, monospace" label="digitaltolkien.com"/>
</column>
</column>
<data name="mentions">
<record book="Book 1" Strider="172" Aragorn="5"/>
<record book="Book 2" Strider="28" Aragorn="195"/>
<record book="Book 3" Strider="13" Aragorn="272"/>
<record book="Book 4" Strider="0" Aragorn="14"/>
<record book="Book 5" Strider="8" Aragorn="170"/>
<record book="Book 6" Strider="7" Aragorn="50"/>
</data>
</diagram>