help.html

<p>
    Unless otherwise stated, the following key applies to the visualisations:
</p>
<div id="plotsKey" style="font-size: 0.75em; font-weight: bold; margin-top: -1.5em;">
    <span style="whitespace: nowrap; margin-right: 1em; display: inline-block;">
        <span class="plotColourTrafford" style="font-size: 1.75em; margin-right: 0.1em;" aria-hidden="true">&mdash;</span>
        <span aria-label="Data for Trafford are represented in dark blue">Trafford</span>
    </span>
    <span style="whitespace: nowrap; margin-right: 1em; display: inline-block;">
        <span class="plotColourSimilarAuthorities" style="font-size: 1.75em; margin-right: 0.1em;" aria-hidden="true">&mdash;</span>
        <span aria-label="Data for similar authorities are represented in light blue">Similar Authorities</span>
    </span>
    <span style="whitespace: nowrap; display: inline-block;">
        <span class="plotColourEngland" style="font-size: 1.75em; margin-right: 0.1em;" aria-hidden="true">&mdash;</span>
        <span style="margin-right: 0.5em;" aria-label="Data for England are represented in yellow">England</span>
    </span>
</div>