<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 440" width="800" height="440" role="img" aria-labelledby="tt">
<title id="tt">Bar chart of approximate climbing on four Langhe routes.</title>
<rect width="800" height="440" fill="#FFFFFF" rx="14"/>
<g font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif">
<text x="32" y="44" font-size="21" font-weight="700" fill="#1E1A24">Climbing On Four Langhe Routes</text>
<text x="32" y="68" font-size="14" fill="#5A5266">Approximate metres of ascent, with route distance under each name.</text>

<rect x="32" y="86" width="13" height="13" fill="#4A2C50"/>
<text x="52" y="97" font-size="13" fill="#5A5266">Hill loops and climbs</text>
<rect x="212" y="86" width="13" height="13" fill="#8A5E12"/>
<text x="232" y="97" font-size="13" fill="#5A5266">Flat Tanaro valley run</text>

<g stroke="#D6CEE2" stroke-width="1">
<line x1="220" y1="118" x2="220" y2="350"/>
<line x1="309" y1="118" x2="309" y2="350"/>
<line x1="397" y1="118" x2="397" y2="350"/>
<line x1="485" y1="118" x2="485" y2="350"/>
<line x1="574" y1="118" x2="574" y2="350"/>
<line x1="662" y1="118" x2="662" y2="350"/>
</g>

<rect x="24" y="122" width="752" height="42" fill="#F6EBD2"/>
<rect x="24" y="246" width="752" height="42" fill="#F6EBD2"/>

<text x="210" y="142" font-size="15" fill="#1E1A24" text-anchor="end">Alba to Asti, Tanaro</text>
<text x="210" y="159" font-size="13" fill="#5A5266" text-anchor="end">31.0 km</text>
<rect x="220" y="128" width="4" height="30" fill="#8A5E12"/>
<text x="234" y="148" font-size="14" fill="#1E1A24">Effectively flat</text>

<text x="210" y="204" font-size="15" fill="#1E1A24" text-anchor="end">Barbaresco loop</text>
<text x="210" y="221" font-size="13" fill="#5A5266" text-anchor="end">35.6 km from Alba</text>
<rect x="220" y="190" width="202" height="30" fill="#4A2C50"/>
<text x="432" y="210" font-size="14" fill="#1E1A24">about 457 m</text>

<text x="210" y="266" font-size="15" fill="#1E1A24" text-anchor="end">Barolo villages loop</text>
<text x="210" y="283" font-size="13" fill="#5A5266" text-anchor="end">67.9 km from Alba</text>
<rect x="220" y="252" width="388" height="30" fill="#4A2C50"/>
<text x="618" y="272" font-size="14" fill="#1E1A24">about 877 m</text>

<text x="210" y="328" font-size="15" fill="#1E1A24" text-anchor="end">Alba to Mombarcaro</text>
<text x="210" y="345" font-size="13" fill="#5A5266" text-anchor="end">41.4 km, one way</text>
<rect x="220" y="314" width="460" height="30" fill="#4A2C50"/>
<text x="690" y="334" font-size="14" fill="#1E1A24">1,040 m</text>

<line x1="220" y1="350" x2="662" y2="350" stroke="#D6CEE2" stroke-width="1"/>
<text x="220" y="372" font-size="15" fill="#5A5266" text-anchor="middle">0</text>
<text x="309" y="372" font-size="15" fill="#5A5266" text-anchor="middle">200</text>
<text x="397" y="372" font-size="15" fill="#5A5266" text-anchor="middle">400</text>
<text x="485" y="372" font-size="15" fill="#5A5266" text-anchor="middle">600</text>
<text x="574" y="372" font-size="15" fill="#5A5266" text-anchor="middle">800</text>
<text x="662" y="372" font-size="15" fill="#5A5266" text-anchor="middle">1000</text>
<text x="700" y="372" font-size="13" fill="#5A5266">m of ascent</text>

<text x="32" y="406" font-size="13" fill="#5A5266">Figures come from routing real roads over OpenStreetMap with Copernicus elevation, so read them as approximations.</text>
</g>
</svg>
