<?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">Chart of climbing and distance on the main Barolo bike 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">Climbing And Distance On The Main Barolo 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 ascent and kilometres of route length, computed from the road network.</text>

<rect x="32" y="85" width="12" height="12" fill="#4A2C50"/>
<text x="50" y="96" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#5A5266">Ascent, m (upper bar)</text>
<rect x="210" y="85" width="12" height="12" fill="#8A5E12"/>
<text x="228" y="96" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#5A5266">Distance, km (lower bar)</text>
<text x="420" y="96" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="13" fill="#5A5266">The two series use separate scales.</text>

<line x1="220" y1="112" x2="220" y2="412" stroke="#D6CEE2" stroke-width="1"/>

<text x="210" y="143" 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>
<rect x="220" y="120" width="453.8" height="16" fill="#4A2C50"/>
<text x="682" y="133" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">1,040 m</text>
<rect x="220" y="140" width="283.9" height="16" fill="#8A5E12"/>
<text x="512" y="153" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">41.4 km</text>

<text x="210" y="201" 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>
<rect x="220" y="178" width="382.7" height="16" fill="#4A2C50"/>
<text x="611" y="191" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">877 m</text>
<rect x="220" y="198" width="466.3" height="16" fill="#8A5E12"/>
<text x="694" y="211" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">68 km</text>

<text x="210" y="259" text-anchor="end" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="15" fill="#1E1A24">Barbaresco loop</text>
<rect x="220" y="236" width="199.4" height="16" fill="#4A2C50"/>
<text x="427" y="249" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">457 m</text>
<rect x="220" y="256" width="246.9" height="16" fill="#8A5E12"/>
<text x="475" y="269" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">36 km</text>

<text x="210" y="317" 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>
<rect x="220" y="294" width="143.6" height="16" fill="#4A2C50"/>
<text x="372" y="307" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">329 m</text>
<rect x="220" y="314" width="108.3" height="16" fill="#8A5E12"/>
<text x="336" y="327" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">15.8 km</text>

<text x="210" y="375" 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>
<rect x="220" y="352" width="4.8" height="16" fill="#4A2C50"/>
<text x="233" y="365" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">11 m</text>
<rect x="220" y="372" width="212.6" height="16" fill="#8A5E12"/>
<text x="441" y="385" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="14" fill="#1E1A24">31 km</text>

<text x="32" y="436" font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="13" fill="#5A5266">Loops start and finish at Alba. Mombarcaro and La Morra are one way. Every figure is stated in this guide.</text>
</svg>
