<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 460" width="800" height="460" role="img" aria-labelledby="tt">
<title id="tt">Bar chart comparing ascent on five Piedmont cycling routes.</title>
<rect width="800" height="460" fill="#FFFFFF" rx="14"/>
<text x="32" y="44" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="21" font-weight="700" fill="#1E1A24">Ascent On Five Piedmont Cycling Routes</text>
<text x="32" y="68" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#5A5266">Metres of height gained, computed from real route profiles. Route distance sits under each name.</text>
<text x="32" y="92" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#5A5266">No named Langhe climb has a verified gradient, so this chart reports height gained, never percentages.</text>

<line x1="250" y1="112" x2="250" y2="404" stroke="#D6CEE2" stroke-width="1"/>
<line x1="352.3" y1="112" x2="352.3" y2="404" stroke="#D6CEE2" stroke-width="1"/>
<line x1="454.5" y1="112" x2="454.5" y2="404" stroke="#D6CEE2" stroke-width="1"/>
<line x1="556.8" y1="112" x2="556.8" y2="404" stroke="#D6CEE2" stroke-width="1"/>
<line x1="659.1" y1="112" x2="659.1" y2="404" stroke="#D6CEE2" stroke-width="1"/>

<text x="238" y="140" text-anchor="end" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="15" fill="#1E1A24">Alba to Mombarcaro</text>
<text x="238" y="158" text-anchor="end" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="13" fill="#5A5266">41.4 km, one way</text>
<rect x="250" y="132" width="425.5" height="24" fill="#4A2C50"/>
<text x="683" y="149" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">1,040 m</text>

<text x="238" y="196" text-anchor="end" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="15" fill="#1E1A24">Barolo villages loop</text>
<text x="238" y="214" text-anchor="end" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="13" fill="#5A5266">67.9 km from Alba</text>
<rect x="250" y="188" width="358.8" height="24" fill="#4A2C50"/>
<text x="617" y="205" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">877 m</text>

<text x="238" y="252" text-anchor="end" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="15" fill="#1E1A24">Barbaresco loop</text>
<text x="238" y="270" text-anchor="end" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="13" fill="#5A5266">35.6 km from Alba</text>
<rect x="250" y="244" width="186.9" height="24" fill="#4A2C50"/>
<text x="445" y="261" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">457 m</text>

<text x="238" y="308" text-anchor="end" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="15" fill="#1E1A24">Alba to La Morra</text>
<text x="238" y="326" text-anchor="end" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="13" fill="#5A5266">15.8 km, one way</text>
<rect x="250" y="300" width="134.6" height="24" fill="#4A2C50"/>
<text x="393" y="317" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">329 m</text>

<text x="238" y="364" text-anchor="end" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="15" fill="#1E1A24">Tanaro valley to Asti</text>
<text x="238" y="382" text-anchor="end" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="13" fill="#5A5266">31.0 km from Alba</text>
<rect x="250" y="356" width="4.5" height="24" fill="#4A2C50"/>
<text x="262" y="373" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">11 m</text>

<text x="250" y="422" text-anchor="middle" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="13" fill="#5A5266">0</text>
<text x="352.3" y="422" text-anchor="middle" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="13" fill="#5A5266">250</text>
<text x="454.5" y="422" text-anchor="middle" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="13" fill="#5A5266">500</text>
<text x="556.8" y="422" text-anchor="middle" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="13" fill="#5A5266">750</text>
<text x="659.1" y="422" text-anchor="middle" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="13" fill="#5A5266">1,000</text>
<text x="700" y="422" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="13" fill="#5A5266">m of ascent</text>

<text x="32" y="446" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="13" fill="#5A5266">Loops start and finish at Alba, which sits at 179 m. Every figure on this chart is stated in the guide.</text>
</svg>
