diff --git a/2023-DFES/data/graphs/graph-annual-carbon-emissions-planning-scenario.html b/2023-DFES/data/graphs/graph-annual-carbon-emissions-planning-scenario.html
new file mode 100644
index 0000000..6a13fad
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-annual-carbon-emissions-planning-scenario.html
@@ -0,0 +1,10 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="natural-gas"><td style="background-color:#B8BFF9;color:black"><span>Natural gas</span></td><td>8.228017237</td><td>3.341506343</td><td>0.017288933</td></tr>
+<tr data-scenario="hydrogen"><td style="background-color:#0279FA;color:white"><span>Hydrogen</span></td><td>0.00396029</td><td>0.026808637</td><td>0.057656781</td></tr>
+<tr data-scenario="bioenergy"><td style="background-color:#019303;color:white"><span>Bioenergy</span></td><td>0.0340782</td><td>0.015086136</td><td>0.009472338</td></tr>
+<tr data-scenario="petrol"><td style="background-color:#FFC300;color:black"><span>Petrol</span></td><td>9.972336309</td><td>1.34977123</td><td>0.03010756</td></tr>
+<tr data-scenario="solid-fuel"><td style="background-color:#505050;color:white"><span>Solid fuel</span></td><td>0.140994923</td><td>0.03617493</td><td>0.003040882</td></tr>
+<tr data-scenario="electricity"><td style="background-color:#cc0935;color:white"><span>Electricity</span></td><td>1.985257621</td><td>0.440217351</td><td>0.105338071</td></tr>
+<tr data-scenario="total-emissions"><td style="background-color:#cc0935;color:white"><span>Total Emissions</span></td><td>11.99563242</td><td>1.831883355</td><td>0.20257475</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-annual-carbon-emissions-planning-scenario.svg b/2023-DFES/data/graphs/graph-annual-carbon-emissions-planning-scenario.svg
new file mode 100644
index 0000000..d00d9d6
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-annual-carbon-emissions-planning-scenario.svg
@@ -0,0 +1,251 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="50" y1="270" x2="630" y2="270" data-left="50"></line>
+	<text x="50" y="270" text-anchor="end">0</text>
+	<text x="50" y="214.775969357202" text-anchor="end">5</text>
+	<text x="50" y="159.551938714403" text-anchor="end">10</text>
+	<text x="50" y="104.327908071605" text-anchor="end">15</text>
+	<text x="50" y="49.1038774288061" text-anchor="end">20</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Annual emissions (MtCO2)</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="210" y1="270" x2="210" y2="275"></line>
+	<text x="210" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="410" y1="270" x2="410" y2="275"></line>
+	<text x="410" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="610" y1="270" x2="610" y2="275"></line>
+	<text x="610" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="natural-gas" class="data-series">	<path d="M 50.00,150.12L 70.00,151.94L 90.00,153.83L 110.00,156.47L 130.00,159.69L 150.00,163.55L 170.00,168.60L 190.00,173.79L 210.00,179.12L 230.00,183.41L 250.00,187.98L 270.00,193.18L 290.00,199.12L 310.00,205.08L 330.00,210.73L 350.00,216.16L 370.00,221.63L 390.00,227.26L 410.00,233.09L 430.00,239.29L 450.00,244.84L 470.00,249.74L 490.00,254.45L 510.00,258.47L 530.00,262.11L 550.00,265.67L 570.00,268.50L 590.00,269.21L 610.00,269.81" id="Natural gas" class="line" stroke="#B8BFF9" stroke-width="3" stroke-linecap="round"><title>Natural gas</title></path>
+	<circle cx="50.00" cy="150.12" data-y="10.85397264" data-x="2022" r="4" fill="#B8BFF9"><title>2022: 10.85397264</title></circle>
+	<circle cx="70.00" cy="151.94" data-y="10.68954822" data-x="2023" r="4" fill="#B8BFF9"><title>2023: 10.68954822</title></circle>
+	<circle cx="90.00" cy="153.83" data-y="10.51816669" data-x="2024" r="4" fill="#B8BFF9"><title>2024: 10.51816669</title></circle>
+	<circle cx="110.00" cy="156.47" data-y="10.27914022" data-x="2025" r="4" fill="#B8BFF9"><title>2025: 10.27914022</title></circle>
+	<circle cx="130.00" cy="159.69" data-y="9.987222661" data-x="2026" r="4" fill="#B8BFF9"><title>2026: 9.987222661</title></circle>
+	<circle cx="150.00" cy="163.55" data-y="9.638279831" data-x="2027" r="4" fill="#B8BFF9"><title>2027: 9.638279831</title></circle>
+	<circle cx="170.00" cy="168.60" data-y="9.180839788" data-x="2028" r="4" fill="#B8BFF9"><title>2028: 9.180839788</title></circle>
+	<circle cx="190.00" cy="173.79" data-y="8.711221512" data-x="2029" r="4" fill="#B8BFF9"><title>2029: 8.711221512</title></circle>
+	<circle cx="210.00" cy="179.12" data-y="8.228017237" data-x="2030" r="4" fill="#B8BFF9"><title>2030: 8.228017237</title></circle>
+	<circle cx="230.00" cy="183.41" data-y="7.840272845" data-x="2031" r="4" fill="#B8BFF9"><title>2031: 7.840272845</title></circle>
+	<circle cx="250.00" cy="187.98" data-y="7.426203883" data-x="2032" r="4" fill="#B8BFF9"><title>2032: 7.426203883</title></circle>
+	<circle cx="270.00" cy="193.18" data-y="6.954973183" data-x="2033" r="4" fill="#B8BFF9"><title>2033: 6.954973183</title></circle>
+	<circle cx="290.00" cy="199.12" data-y="6.417655877" data-x="2034" r="4" fill="#B8BFF9"><title>2034: 6.417655877</title></circle>
+	<circle cx="310.00" cy="205.08" data-y="5.878277222" data-x="2035" r="4" fill="#B8BFF9"><title>2035: 5.878277222</title></circle>
+	<circle cx="330.00" cy="210.73" data-y="5.365993826" data-x="2036" r="4" fill="#B8BFF9"><title>2036: 5.365993826</title></circle>
+	<circle cx="350.00" cy="216.16" data-y="4.874509011" data-x="2037" r="4" fill="#B8BFF9"><title>2037: 4.874509011</title></circle>
+	<circle cx="370.00" cy="221.63" data-y="4.379344942" data-x="2038" r="4" fill="#B8BFF9"><title>2038: 4.379344942</title></circle>
+	<circle cx="390.00" cy="227.26" data-y="3.869390655" data-x="2039" r="4" fill="#B8BFF9"><title>2039: 3.869390655</title></circle>
+	<circle cx="410.00" cy="233.09" data-y="3.341506343" data-x="2040" r="4" fill="#B8BFF9"><title>2040: 3.341506343</title></circle>
+	<circle cx="430.00" cy="239.29" data-y="2.780851678" data-x="2041" r="4" fill="#B8BFF9"><title>2041: 2.780851678</title></circle>
+	<circle cx="450.00" cy="244.84" data-y="2.27767496" data-x="2042" r="4" fill="#B8BFF9"><title>2042: 2.27767496</title></circle>
+	<circle cx="470.00" cy="249.74" data-y="1.833995422" data-x="2043" r="4" fill="#B8BFF9"><title>2043: 1.833995422</title></circle>
+	<circle cx="490.00" cy="254.45" data-y="1.407795449" data-x="2044" r="4" fill="#B8BFF9"><title>2044: 1.407795449</title></circle>
+	<circle cx="510.00" cy="258.47" data-y="1.043625132" data-x="2045" r="4" fill="#B8BFF9"><title>2045: 1.043625132</title></circle>
+	<circle cx="530.00" cy="262.11" data-y="0.71414925" data-x="2046" r="4" fill="#B8BFF9"><title>2046: 0.71414925</title></circle>
+	<circle cx="550.00" cy="265.67" data-y="0.391588661" data-x="2047" r="4" fill="#B8BFF9"><title>2047: 0.391588661</title></circle>
+	<circle cx="570.00" cy="268.50" data-y="0.135898101" data-x="2048" r="4" fill="#B8BFF9"><title>2048: 0.135898101</title></circle>
+	<circle cx="590.00" cy="269.21" data-y="0.071346339" data-x="2049" r="4" fill="#B8BFF9"><title>2049: 0.071346339</title></circle>
+	<circle cx="610.00" cy="269.81" data-y="0.017288933" data-x="2050" r="4" fill="#B8BFF9"><title>2050: 0.017288933</title></circle>
+</g>
+<g data-scenario="hydrogen" class="data-series">	<path d="M 50.00,269.99L 70.00,269.99L 90.00,269.99L 110.00,269.99L 130.00,269.99L 150.00,269.99L 170.00,269.99L 190.00,269.99L 210.00,269.96L 230.00,269.93L 250.00,269.92L 270.00,269.90L 290.00,269.87L 310.00,269.84L 330.00,269.81L 350.00,269.79L 370.00,269.76L 390.00,269.74L 410.00,269.70L 430.00,269.62L 450.00,269.55L 470.00,269.50L 490.00,269.45L 510.00,269.41L 530.00,269.39L 550.00,269.38L 570.00,269.37L 590.00,269.36L 610.00,269.36" id="Hydrogen" class="line" stroke="#0279FA" stroke-width="3" stroke-linecap="round"><title>Hydrogen</title></path>
+	<circle cx="50.00" cy="269.99" data-y="0.000683658" data-x="2022" r="4" fill="#0279FA"><title>2022: 0.000683658</title></circle>
+	<circle cx="70.00" cy="269.99" data-y="0.000727077" data-x="2023" r="4" fill="#0279FA"><title>2023: 0.000727077</title></circle>
+	<circle cx="90.00" cy="269.99" data-y="0.000717157" data-x="2024" r="4" fill="#0279FA"><title>2024: 0.000717157</title></circle>
+	<circle cx="110.00" cy="269.99" data-y="0.000776772" data-x="2025" r="4" fill="#0279FA"><title>2025: 0.000776772</title></circle>
+	<circle cx="130.00" cy="269.99" data-y="0.00064973" data-x="2026" r="4" fill="#0279FA"><title>2026: 0.00064973</title></circle>
+	<circle cx="150.00" cy="269.99" data-y="0.00063455" data-x="2027" r="4" fill="#0279FA"><title>2027: 0.00063455</title></circle>
+	<circle cx="170.00" cy="269.99" data-y="0.000941494" data-x="2028" r="4" fill="#0279FA"><title>2028: 0.000941494</title></circle>
+	<circle cx="190.00" cy="269.99" data-y="0.000960663" data-x="2029" r="4" fill="#0279FA"><title>2029: 0.000960663</title></circle>
+	<circle cx="210.00" cy="269.96" data-y="0.00396029" data-x="2030" r="4" fill="#0279FA"><title>2030: 0.00396029</title></circle>
+	<circle cx="230.00" cy="269.93" data-y="0.005950366" data-x="2031" r="4" fill="#0279FA"><title>2031: 0.005950366</title></circle>
+	<circle cx="250.00" cy="269.92" data-y="0.007395202" data-x="2032" r="4" fill="#0279FA"><title>2032: 0.007395202</title></circle>
+	<circle cx="270.00" cy="269.90" data-y="0.009297332" data-x="2033" r="4" fill="#0279FA"><title>2033: 0.009297332</title></circle>
+	<circle cx="290.00" cy="269.87" data-y="0.011900579" data-x="2034" r="4" fill="#0279FA"><title>2034: 0.011900579</title></circle>
+	<circle cx="310.00" cy="269.84" data-y="0.014207714" data-x="2035" r="4" fill="#0279FA"><title>2035: 0.014207714</title></circle>
+	<circle cx="330.00" cy="269.81" data-y="0.017002627" data-x="2036" r="4" fill="#0279FA"><title>2036: 0.017002627</title></circle>
+	<circle cx="350.00" cy="269.79" data-y="0.019108613" data-x="2037" r="4" fill="#0279FA"><title>2037: 0.019108613</title></circle>
+	<circle cx="370.00" cy="269.76" data-y="0.021453974" data-x="2038" r="4" fill="#0279FA"><title>2038: 0.021453974</title></circle>
+	<circle cx="390.00" cy="269.74" data-y="0.023705699" data-x="2039" r="4" fill="#0279FA"><title>2039: 0.023705699</title></circle>
+	<circle cx="410.00" cy="269.70" data-y="0.026808637" data-x="2040" r="4" fill="#0279FA"><title>2040: 0.026808637</title></circle>
+	<circle cx="430.00" cy="269.62" data-y="0.034564279" data-x="2041" r="4" fill="#0279FA"><title>2041: 0.034564279</title></circle>
+	<circle cx="450.00" cy="269.55" data-y="0.040794632" data-x="2042" r="4" fill="#0279FA"><title>2042: 0.040794632</title></circle>
+	<circle cx="470.00" cy="269.50" data-y="0.045413954" data-x="2043" r="4" fill="#0279FA"><title>2043: 0.045413954</title></circle>
+	<circle cx="490.00" cy="269.45" data-y="0.049873348" data-x="2044" r="4" fill="#0279FA"><title>2044: 0.049873348</title></circle>
+	<circle cx="510.00" cy="269.41" data-y="0.053049526" data-x="2045" r="4" fill="#0279FA"><title>2045: 0.053049526</title></circle>
+	<circle cx="530.00" cy="269.39" data-y="0.05507445" data-x="2046" r="4" fill="#0279FA"><title>2046: 0.05507445</title></circle>
+	<circle cx="550.00" cy="269.38" data-y="0.056199573" data-x="2047" r="4" fill="#0279FA"><title>2047: 0.056199573</title></circle>
+	<circle cx="570.00" cy="269.37" data-y="0.057451587" data-x="2048" r="4" fill="#0279FA"><title>2048: 0.057451587</title></circle>
+	<circle cx="590.00" cy="269.36" data-y="0.05820506" data-x="2049" r="4" fill="#0279FA"><title>2049: 0.05820506</title></circle>
+	<circle cx="610.00" cy="269.36" data-y="0.057656781" data-x="2050" r="4" fill="#0279FA"><title>2050: 0.057656781</title></circle>
+</g>
+<g data-scenario="bioenergy" class="data-series">	<path d="M 50.00,269.39L 70.00,269.42L 90.00,269.44L 110.00,269.46L 130.00,269.49L 150.00,269.53L 170.00,269.57L 190.00,269.60L 210.00,269.62L 230.00,269.65L 250.00,269.67L 270.00,269.69L 290.00,269.71L 310.00,269.74L 330.00,269.76L 350.00,269.78L 370.00,269.80L 390.00,269.81L 410.00,269.83L 430.00,269.85L 450.00,269.87L 470.00,269.89L 490.00,269.89L 510.00,269.89L 530.00,269.89L 550.00,269.89L 570.00,269.89L 590.00,269.90L 610.00,269.90" id="Bioenergy" class="line" stroke="#019303" stroke-width="3" stroke-linecap="round"><title>Bioenergy</title></path>
+	<circle cx="50.00" cy="269.39" data-y="0.054906417" data-x="2022" r="4" fill="#019303"><title>2022: 0.054906417</title></circle>
+	<circle cx="70.00" cy="269.42" data-y="0.052795306" data-x="2023" r="4" fill="#019303"><title>2023: 0.052795306</title></circle>
+	<circle cx="90.00" cy="269.44" data-y="0.050624745" data-x="2024" r="4" fill="#019303"><title>2024: 0.050624745</title></circle>
+	<circle cx="110.00" cy="269.46" data-y="0.0485716" data-x="2025" r="4" fill="#019303"><title>2025: 0.0485716</title></circle>
+	<circle cx="130.00" cy="269.49" data-y="0.045784318" data-x="2026" r="4" fill="#019303"><title>2026: 0.045784318</title></circle>
+	<circle cx="150.00" cy="269.53" data-y="0.042564357" data-x="2027" r="4" fill="#019303"><title>2027: 0.042564357</title></circle>
+	<circle cx="170.00" cy="269.57" data-y="0.039093718" data-x="2028" r="4" fill="#019303"><title>2028: 0.039093718</title></circle>
+	<circle cx="190.00" cy="269.60" data-y="0.036562872" data-x="2029" r="4" fill="#019303"><title>2029: 0.036562872</title></circle>
+	<circle cx="210.00" cy="269.62" data-y="0.0340782" data-x="2030" r="4" fill="#019303"><title>2030: 0.0340782</title></circle>
+	<circle cx="230.00" cy="269.65" data-y="0.032123357" data-x="2031" r="4" fill="#019303"><title>2031: 0.032123357</title></circle>
+	<circle cx="250.00" cy="269.67" data-y="0.030184196" data-x="2032" r="4" fill="#019303"><title>2032: 0.030184196</title></circle>
+	<circle cx="270.00" cy="269.69" data-y="0.028349881" data-x="2033" r="4" fill="#019303"><title>2033: 0.028349881</title></circle>
+	<circle cx="290.00" cy="269.71" data-y="0.026298588" data-x="2034" r="4" fill="#019303"><title>2034: 0.026298588</title></circle>
+	<circle cx="310.00" cy="269.74" data-y="0.023529809" data-x="2035" r="4" fill="#019303"><title>2035: 0.023529809</title></circle>
+	<circle cx="330.00" cy="269.76" data-y="0.021869721" data-x="2036" r="4" fill="#019303"><title>2036: 0.021869721</title></circle>
+	<circle cx="350.00" cy="269.78" data-y="0.020201936" data-x="2037" r="4" fill="#019303"><title>2037: 0.020201936</title></circle>
+	<circle cx="370.00" cy="269.80" data-y="0.018541212" data-x="2038" r="4" fill="#019303"><title>2038: 0.018541212</title></circle>
+	<circle cx="390.00" cy="269.81" data-y="0.016810988" data-x="2039" r="4" fill="#019303"><title>2039: 0.016810988</title></circle>
+	<circle cx="410.00" cy="269.83" data-y="0.015086136" data-x="2040" r="4" fill="#019303"><title>2040: 0.015086136</title></circle>
+	<circle cx="430.00" cy="269.85" data-y="0.013360946" data-x="2041" r="4" fill="#019303"><title>2041: 0.013360946</title></circle>
+	<circle cx="450.00" cy="269.87" data-y="0.011635514" data-x="2042" r="4" fill="#019303"><title>2042: 0.011635514</title></circle>
+	<circle cx="470.00" cy="269.89" data-y="0.009997172" data-x="2043" r="4" fill="#019303"><title>2043: 0.009997172</title></circle>
+	<circle cx="490.00" cy="269.89" data-y="0.009759544" data-x="2044" r="4" fill="#019303"><title>2044: 0.009759544</title></circle>
+	<circle cx="510.00" cy="269.89" data-y="0.009645494" data-x="2045" r="4" fill="#019303"><title>2045: 0.009645494</title></circle>
+	<circle cx="530.00" cy="269.89" data-y="0.009605859" data-x="2046" r="4" fill="#019303"><title>2046: 0.009605859</title></circle>
+	<circle cx="550.00" cy="269.89" data-y="0.009566645" data-x="2047" r="4" fill="#019303"><title>2047: 0.009566645</title></circle>
+	<circle cx="570.00" cy="269.89" data-y="0.009534629" data-x="2048" r="4" fill="#019303"><title>2048: 0.009534629</title></circle>
+	<circle cx="590.00" cy="269.90" data-y="0.009503468" data-x="2049" r="4" fill="#019303"><title>2049: 0.009503468</title></circle>
+	<circle cx="610.00" cy="269.90" data-y="0.009472338" data-x="2050" r="4" fill="#019303"><title>2050: 0.009472338</title></circle>
+</g>
+<g data-scenario="petrol" class="data-series">	<path d="M 50.00,69.53L 70.00,76.39L 90.00,84.03L 110.00,93.74L 130.00,106.50L 150.00,119.49L 170.00,133.10L 190.00,146.73L 210.00,159.86L 230.00,172.84L 250.00,186.66L 270.00,199.36L 290.00,210.86L 310.00,221.16L 330.00,229.80L 350.00,237.44L 370.00,244.15L 390.00,250.02L 410.00,255.09L 430.00,259.25L 450.00,262.63L 470.00,265.34L 490.00,267.02L 510.00,268.14L 530.00,268.76L 550.00,269.22L 570.00,269.43L 590.00,269.57L 610.00,269.67" id="Petrol" class="line" stroke="#FFC300" stroke-width="3" stroke-linecap="round"><title>Petrol</title></path>
+	<circle cx="50.00" cy="69.53" data-y="18.15053935" data-x="2022" r="4" fill="#FFC300"><title>2022: 18.15053935</title></circle>
+	<circle cx="70.00" cy="76.39" data-y="17.52993135" data-x="2023" r="4" fill="#FFC300"><title>2023: 17.52993135</title></circle>
+	<circle cx="90.00" cy="84.03" data-y="16.83781335" data-x="2024" r="4" fill="#FFC300"><title>2024: 16.83781335</title></circle>
+	<circle cx="110.00" cy="93.74" data-y="15.95845405" data-x="2025" r="4" fill="#FFC300"><title>2025: 15.95845405</title></circle>
+	<circle cx="130.00" cy="106.50" data-y="14.80362403" data-x="2026" r="4" fill="#FFC300"><title>2026: 14.80362403</title></circle>
+	<circle cx="150.00" cy="119.49" data-y="13.62691998" data-x="2027" r="4" fill="#FFC300"><title>2027: 13.62691998</title></circle>
+	<circle cx="170.00" cy="133.10" data-y="12.39501143" data-x="2028" r="4" fill="#FFC300"><title>2028: 12.39501143</title></circle>
+	<circle cx="190.00" cy="146.73" data-y="11.16067651" data-x="2029" r="4" fill="#FFC300"><title>2029: 11.16067651</title></circle>
+	<circle cx="210.00" cy="159.86" data-y="9.972336309" data-x="2030" r="4" fill="#FFC300"><title>2030: 9.972336309</title></circle>
+	<circle cx="230.00" cy="172.84" data-y="8.797047098" data-x="2031" r="4" fill="#FFC300"><title>2031: 8.797047098</title></circle>
+	<circle cx="250.00" cy="186.66" data-y="7.545288197" data-x="2032" r="4" fill="#FFC300"><title>2032: 7.545288197</title></circle>
+	<circle cx="270.00" cy="199.36" data-y="6.395609484" data-x="2033" r="4" fill="#FFC300"><title>2033: 6.395609484</title></circle>
+	<circle cx="290.00" cy="210.86" data-y="5.35452095" data-x="2034" r="4" fill="#FFC300"><title>2034: 5.35452095</title></circle>
+	<circle cx="310.00" cy="221.16" data-y="4.422152055" data-x="2035" r="4" fill="#FFC300"><title>2035: 4.422152055</title></circle>
+	<circle cx="330.00" cy="229.80" data-y="3.639418923" data-x="2036" r="4" fill="#FFC300"><title>2036: 3.639418923</title></circle>
+	<circle cx="350.00" cy="237.44" data-y="2.948135804" data-x="2037" r="4" fill="#FFC300"><title>2037: 2.948135804</title></circle>
+	<circle cx="370.00" cy="244.15" data-y="2.34051249" data-x="2038" r="4" fill="#FFC300"><title>2038: 2.34051249</title></circle>
+	<circle cx="390.00" cy="250.02" data-y="1.809247099" data-x="2039" r="4" fill="#FFC300"><title>2039: 1.809247099</title></circle>
+	<circle cx="410.00" cy="255.09" data-y="1.34977123" data-x="2040" r="4" fill="#FFC300"><title>2040: 1.34977123</title></circle>
+	<circle cx="430.00" cy="259.25" data-y="0.973495032" data-x="2041" r="4" fill="#FFC300"><title>2041: 0.973495032</title></circle>
+	<circle cx="450.00" cy="262.63" data-y="0.667412015" data-x="2042" r="4" fill="#FFC300"><title>2042: 0.667412015</title></circle>
+	<circle cx="470.00" cy="265.34" data-y="0.422194504" data-x="2043" r="4" fill="#FFC300"><title>2043: 0.422194504</title></circle>
+	<circle cx="490.00" cy="267.02" data-y="0.269737232" data-x="2044" r="4" fill="#FFC300"><title>2044: 0.269737232</title></circle>
+	<circle cx="510.00" cy="268.14" data-y="0.168717709" data-x="2045" r="4" fill="#FFC300"><title>2045: 0.168717709</title></circle>
+	<circle cx="530.00" cy="268.76" data-y="0.112201859" data-x="2046" r="4" fill="#FFC300"><title>2046: 0.112201859</title></circle>
+	<circle cx="550.00" cy="269.22" data-y="0.070691091" data-x="2047" r="4" fill="#FFC300"><title>2047: 0.070691091</title></circle>
+	<circle cx="570.00" cy="269.43" data-y="0.051806448" data-x="2048" r="4" fill="#FFC300"><title>2048: 0.051806448</title></circle>
+	<circle cx="590.00" cy="269.57" data-y="0.038983533" data-x="2049" r="4" fill="#FFC300"><title>2049: 0.038983533</title></circle>
+	<circle cx="610.00" cy="269.67" data-y="0.03010756" data-x="2050" r="4" fill="#FFC300"><title>2050: 0.03010756</title></circle>
+</g>
+<g data-scenario="solid-fuel" class="data-series">	<path d="M 50.00,267.07L 70.00,267.23L 90.00,267.38L 110.00,267.52L 130.00,267.70L 150.00,267.92L 170.00,268.15L 190.00,268.30L 210.00,268.44L 230.00,268.57L 250.00,268.70L 270.00,268.81L 290.00,268.93L 310.00,269.05L 330.00,269.15L 350.00,269.26L 370.00,269.37L 390.00,269.49L 410.00,269.60L 430.00,269.71L 450.00,269.83L 470.00,269.94L 490.00,269.95L 510.00,269.95L 530.00,269.95L 550.00,269.96L 570.00,269.96L 590.00,269.96L 610.00,269.97" id="Solid fuel" class="line" stroke="#505050" stroke-width="3" stroke-linecap="round"><title>Solid fuel</title></path>
+	<circle cx="50.00" cy="267.07" data-y="0.264836707" data-x="2022" r="4" fill="#505050"><title>2022: 0.264836707</title></circle>
+	<circle cx="70.00" cy="267.23" data-y="0.251007922" data-x="2023" r="4" fill="#505050"><title>2023: 0.251007922</title></circle>
+	<circle cx="90.00" cy="267.38" data-y="0.236966918" data-x="2024" r="4" fill="#505050"><title>2024: 0.236966918</title></circle>
+	<circle cx="110.00" cy="267.52" data-y="0.22461675" data-x="2025" r="4" fill="#505050"><title>2025: 0.22461675</title></circle>
+	<circle cx="130.00" cy="267.70" data-y="0.208382505" data-x="2026" r="4" fill="#505050"><title>2026: 0.208382505</title></circle>
+	<circle cx="150.00" cy="267.92" data-y="0.188701242" data-x="2027" r="4" fill="#505050"><title>2027: 0.188701242</title></circle>
+	<circle cx="170.00" cy="268.15" data-y="0.167395804" data-x="2028" r="4" fill="#505050"><title>2028: 0.167395804</title></circle>
+	<circle cx="190.00" cy="268.30" data-y="0.154046927" data-x="2029" r="4" fill="#505050"><title>2029: 0.154046927</title></circle>
+	<circle cx="210.00" cy="268.44" data-y="0.140994923" data-x="2030" r="4" fill="#505050"><title>2030: 0.140994923</title></circle>
+	<circle cx="230.00" cy="268.57" data-y="0.129514446" data-x="2031" r="4" fill="#505050"><title>2031: 0.129514446</title></circle>
+	<circle cx="250.00" cy="268.70" data-y="0.118130671" data-x="2032" r="4" fill="#505050"><title>2032: 0.118130671</title></circle>
+	<circle cx="270.00" cy="268.81" data-y="0.107336084" data-x="2033" r="4" fill="#505050"><title>2033: 0.107336084</title></circle>
+	<circle cx="290.00" cy="268.93" data-y="0.096630557" data-x="2034" r="4" fill="#505050"><title>2034: 0.096630557</title></circle>
+	<circle cx="310.00" cy="269.05" data-y="0.086424594" data-x="2035" r="4" fill="#505050"><title>2035: 0.086424594</title></circle>
+	<circle cx="330.00" cy="269.15" data-y="0.076524733" data-x="2036" r="4" fill="#505050"><title>2036: 0.076524733</title></circle>
+	<circle cx="350.00" cy="269.26" data-y="0.066596892" data-x="2037" r="4" fill="#505050"><title>2037: 0.066596892</title></circle>
+	<circle cx="370.00" cy="269.37" data-y="0.056699072" data-x="2038" r="4" fill="#505050"><title>2038: 0.056699072</title></circle>
+	<circle cx="390.00" cy="269.49" data-y="0.046440719" data-x="2039" r="4" fill="#505050"><title>2039: 0.046440719</title></circle>
+	<circle cx="410.00" cy="269.60" data-y="0.03617493" data-x="2040" r="4" fill="#505050"><title>2040: 0.03617493</title></circle>
+	<circle cx="430.00" cy="269.71" data-y="0.02588364" data-x="2041" r="4" fill="#505050"><title>2041: 0.02588364</title></circle>
+	<circle cx="450.00" cy="269.83" data-y="0.015621381" data-x="2042" r="4" fill="#505050"><title>2042: 0.015621381</title></circle>
+	<circle cx="470.00" cy="269.94" data-y="0.005832849" data-x="2043" r="4" fill="#505050"><title>2043: 0.005832849</title></circle>
+	<circle cx="490.00" cy="269.95" data-y="0.00489016" data-x="2044" r="4" fill="#505050"><title>2044: 0.00489016</title></circle>
+	<circle cx="510.00" cy="269.95" data-y="0.004490291" data-x="2045" r="4" fill="#505050"><title>2045: 0.004490291</title></circle>
+	<circle cx="530.00" cy="269.95" data-y="0.004111161" data-x="2046" r="4" fill="#505050"><title>2046: 0.004111161</title></circle>
+	<circle cx="550.00" cy="269.96" data-y="0.003738591" data-x="2047" r="4" fill="#505050"><title>2047: 0.003738591</title></circle>
+	<circle cx="570.00" cy="269.96" data-y="0.003408833" data-x="2048" r="4" fill="#505050"><title>2048: 0.003408833</title></circle>
+	<circle cx="590.00" cy="269.96" data-y="0.003215632" data-x="2049" r="4" fill="#505050"><title>2049: 0.003215632</title></circle>
+	<circle cx="610.00" cy="269.97" data-y="0.003040882" data-x="2050" r="4" fill="#505050"><title>2050: 0.003040882</title></circle>
+</g>
+<g data-scenario="electricity" class="data-series">	<path d="M 50.00,211.08L 70.00,216.45L 90.00,215.72L 110.00,219.17L 130.00,231.40L 150.00,238.23L 170.00,241.67L 190.00,243.60L 210.00,248.07L 230.00,251.65L 250.00,256.33L 270.00,259.36L 290.00,261.74L 310.00,263.88L 330.00,264.06L 350.00,264.42L 370.00,264.54L 390.00,264.78L 410.00,265.14L 430.00,266.62L 450.00,266.89L 470.00,267.05L 490.00,267.15L 510.00,268.09L 530.00,268.25L 550.00,268.60L 570.00,268.61L 590.00,268.82L 610.00,268.84" id="Electricity" class="line" stroke="#cc0935" stroke-width="3" stroke-linecap="round"><title>Electricity</title></path>
+	<circle cx="50.00" cy="211.08" data-y="5.334347153" data-x="2022" r="4" fill="#cc0935"><title>2022: 5.334347153</title></circle>
+	<circle cx="70.00" cy="216.45" data-y="4.848137534" data-x="2023" r="4" fill="#cc0935"><title>2023: 4.848137534</title></circle>
+	<circle cx="90.00" cy="215.72" data-y="4.914598454" data-x="2024" r="4" fill="#cc0935"><title>2024: 4.914598454</title></circle>
+	<circle cx="110.00" cy="219.17" data-y="4.601739131" data-x="2025" r="4" fill="#cc0935"><title>2025: 4.601739131</title></circle>
+	<circle cx="130.00" cy="231.40" data-y="3.494864333" data-x="2026" r="4" fill="#cc0935"><title>2026: 3.494864333</title></circle>
+	<circle cx="150.00" cy="238.23" data-y="2.876274052" data-x="2027" r="4" fill="#cc0935"><title>2027: 2.876274052</title></circle>
+	<circle cx="170.00" cy="241.67" data-y="2.564870682" data-x="2028" r="4" fill="#cc0935"><title>2028: 2.564870682</title></circle>
+	<circle cx="190.00" cy="243.60" data-y="2.389998047" data-x="2029" r="4" fill="#cc0935"><title>2029: 2.389998047</title></circle>
+	<circle cx="210.00" cy="248.07" data-y="1.985257621" data-x="2030" r="4" fill="#cc0935"><title>2030: 1.985257621</title></circle>
+	<circle cx="230.00" cy="251.65" data-y="1.661592418" data-x="2031" r="4" fill="#cc0935"><title>2031: 1.661592418</title></circle>
+	<circle cx="250.00" cy="256.33" data-y="1.237325455" data-x="2032" r="4" fill="#cc0935"><title>2032: 1.237325455</title></circle>
+	<circle cx="270.00" cy="259.36" data-y="0.963342404" data-x="2033" r="4" fill="#cc0935"><title>2033: 0.963342404</title></circle>
+	<circle cx="290.00" cy="261.74" data-y="0.747949022" data-x="2034" r="4" fill="#cc0935"><title>2034: 0.747949022</title></circle>
+	<circle cx="310.00" cy="263.88" data-y="0.554479806" data-x="2035" r="4" fill="#cc0935"><title>2035: 0.554479806</title></circle>
+	<circle cx="330.00" cy="264.06" data-y="0.537786999" data-x="2036" r="4" fill="#cc0935"><title>2036: 0.537786999</title></circle>
+	<circle cx="350.00" cy="264.42" data-y="0.505656989" data-x="2037" r="4" fill="#cc0935"><title>2037: 0.505656989</title></circle>
+	<circle cx="370.00" cy="264.54" data-y="0.494633554" data-x="2038" r="4" fill="#cc0935"><title>2038: 0.494633554</title></circle>
+	<circle cx="390.00" cy="264.78" data-y="0.472254317" data-x="2039" r="4" fill="#cc0935"><title>2039: 0.472254317</title></circle>
+	<circle cx="410.00" cy="265.14" data-y="0.440217351" data-x="2040" r="4" fill="#cc0935"><title>2040: 0.440217351</title></circle>
+	<circle cx="430.00" cy="266.62" data-y="0.305838433" data-x="2041" r="4" fill="#cc0935"><title>2041: 0.305838433</title></circle>
+	<circle cx="450.00" cy="266.89" data-y="0.281818872" data-x="2042" r="4" fill="#cc0935"><title>2042: 0.281818872</title></circle>
+	<circle cx="470.00" cy="267.05" data-y="0.267417716" data-x="2043" r="4" fill="#cc0935"><title>2043: 0.267417716</title></circle>
+	<circle cx="490.00" cy="267.15" data-y="0.257858059" data-x="2044" r="4" fill="#cc0935"><title>2044: 0.257858059</title></circle>
+	<circle cx="510.00" cy="268.09" data-y="0.173019581" data-x="2045" r="4" fill="#cc0935"><title>2045: 0.173019581</title></circle>
+	<circle cx="530.00" cy="268.25" data-y="0.158014742" data-x="2046" r="4" fill="#cc0935"><title>2046: 0.158014742</title></circle>
+	<circle cx="550.00" cy="268.60" data-y="0.126483519" data-x="2047" r="4" fill="#cc0935"><title>2047: 0.126483519</title></circle>
+	<circle cx="570.00" cy="268.61" data-y="0.12604585" data-x="2048" r="4" fill="#cc0935"><title>2048: 0.12604585</title></circle>
+	<circle cx="590.00" cy="268.82" data-y="0.107089365" data-x="2049" r="4" fill="#cc0935"><title>2049: 0.107089365</title></circle>
+	<circle cx="610.00" cy="268.84" data-y="0.105338071" data-x="2050" r="4" fill="#cc0935"><title>2050: 0.105338071</title></circle>
+</g>
+<g data-scenario="total-emissions" class="data-series">	<path d="M 50.00,10.00L 70.00,22.25L 90.00,29.18L 110.00,42.37L 130.00,67.38L 150.00,87.25L 170.00,104.33L 190.00,119.92L 210.00,137.51L 230.00,154.07L 250.00,172.58L 270.00,188.31L 290.00,202.18L 310.00,214.62L 330.00,223.43L 350.00,231.42L 370.00,238.24L 390.00,244.35L 410.00,249.77L 430.00,255.34L 450.00,258.94L 470.00,261.77L 490.00,263.51L 510.00,265.53L 530.00,266.30L 550.00,267.10L 570.00,267.30L 590.00,267.64L 610.00,267.76" id="Total Emissions" class="line" stroke="#cc0935" stroke-width="3" stroke-linecap="round"><title>Total Emissions</title></path>
+	<circle cx="50.00" cy="10.00" data-y="23.54047658" data-x="2022" r="4" fill="#cc0935"><title>2022: 23.54047658</title></circle>
+	<circle cx="70.00" cy="22.25" data-y="22.43159127" data-x="2023" r="4" fill="#cc0935"><title>2023: 22.43159127</title></circle>
+	<circle cx="90.00" cy="29.18" data-y="21.80375371" data-x="2024" r="4" fill="#cc0935"><title>2024: 21.80375371</title></circle>
+	<circle cx="110.00" cy="42.37" data-y="20.60954156" data-x="2025" r="4" fill="#cc0935"><title>2025: 20.60954156</title></circle>
+	<circle cx="130.00" cy="67.38" data-y="18.34492241" data-x="2026" r="4" fill="#cc0935"><title>2026: 18.34492241</title></circle>
+	<circle cx="150.00" cy="87.25" data-y="16.54639294" data-x="2027" r="4" fill="#cc0935"><title>2027: 16.54639294</title></circle>
+	<circle cx="170.00" cy="104.33" data-y="14.99991733" data-x="2028" r="4" fill="#cc0935"><title>2028: 14.99991733</title></circle>
+	<circle cx="190.00" cy="119.92" data-y="13.5881981" data-x="2029" r="4" fill="#cc0935"><title>2029: 13.5881981</title></circle>
+	<circle cx="210.00" cy="137.51" data-y="11.99563242" data-x="2030" r="4" fill="#cc0935"><title>2030: 11.99563242</title></circle>
+	<circle cx="230.00" cy="154.07" data-y="10.49671324" data-x="2031" r="4" fill="#cc0935"><title>2031: 10.49671324</title></circle>
+	<circle cx="250.00" cy="172.58" data-y="8.820193051" data-x="2032" r="4" fill="#cc0935"><title>2032: 8.820193051</title></circle>
+	<circle cx="270.00" cy="188.31" data-y="7.3965991" data-x="2033" r="4" fill="#cc0935"><title>2033: 7.3965991</title></circle>
+	<circle cx="290.00" cy="202.18" data-y="6.140669139" data-x="2034" r="4" fill="#cc0935"><title>2034: 6.140669139</title></circle>
+	<circle cx="310.00" cy="214.62" data-y="5.014369383" data-x="2035" r="4" fill="#cc0935"><title>2035: 5.014369383</title></circle>
+	<circle cx="330.00" cy="223.43" data-y="4.21607827" data-x="2036" r="4" fill="#cc0935"><title>2036: 4.21607827</title></circle>
+	<circle cx="350.00" cy="231.42" data-y="3.493103341" data-x="2037" r="4" fill="#cc0935"><title>2037: 3.493103341</title></circle>
+	<circle cx="370.00" cy="238.24" data-y="2.875141229" data-x="2038" r="4" fill="#cc0935"><title>2038: 2.875141229</title></circle>
+	<circle cx="390.00" cy="244.35" data-y="2.322018103" data-x="2039" r="4" fill="#cc0935"><title>2039: 2.322018103</title></circle>
+	<circle cx="410.00" cy="249.77" data-y="1.831883355" data-x="2040" r="4" fill="#cc0935"><title>2040: 1.831883355</title></circle>
+	<circle cx="430.00" cy="255.34" data-y="1.327258689" data-x="2041" r="4" fill="#cc0935"><title>2041: 1.327258689</title></circle>
+	<circle cx="450.00" cy="258.94" data-y="1.001661033" data-x="2042" r="4" fill="#cc0935"><title>2042: 1.001661033</title></circle>
+	<circle cx="470.00" cy="261.77" data-y="0.745023347" data-x="2043" r="4" fill="#cc0935"><title>2043: 0.745023347</title></circle>
+	<circle cx="490.00" cy="263.51" data-y="0.587228183" data-x="2044" r="4" fill="#cc0935"><title>2044: 0.587228183</title></circle>
+	<circle cx="510.00" cy="265.53" data-y="0.404432309" data-x="2045" r="4" fill="#cc0935"><title>2045: 0.404432309</title></circle>
+	<circle cx="530.00" cy="266.30" data-y="0.33489691" data-x="2046" r="4" fill="#cc0935"><title>2046: 0.33489691</title></circle>
+	<circle cx="550.00" cy="267.10" data-y="0.262940828" data-x="2047" r="4" fill="#cc0935"><title>2047: 0.262940828</title></circle>
+	<circle cx="570.00" cy="267.30" data-y="0.244838514" data-x="2048" r="4" fill="#cc0935"><title>2048: 0.244838514</title></circle>
+	<circle cx="590.00" cy="267.64" data-y="0.213781427" data-x="2049" r="4" fill="#cc0935"><title>2049: 0.213781427</title></circle>
+	<circle cx="610.00" cy="267.76" data-y="0.20257475" data-x="2050" r="4" fill="#cc0935"><title>2050: 0.20257475</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-annual-co2-emissions.html b/2023-DFES/data/graphs/graph-annual-co2-emissions.html
new file mode 100644
index 0000000..041fedc
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-annual-co2-emissions.html
@@ -0,0 +1,4 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="npg-planning-scenario"><td style="background-color:#cc0935;color:white"><span>NPg Planning scenario</span></td><td>20.22364966</td><td>5.173389698</td><td>0.219863684</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-annual-co2-emissions.svg b/2023-DFES/data/graphs/graph-annual-co2-emissions.svg
new file mode 100644
index 0000000..d1ea06c
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-annual-co2-emissions.svg
@@ -0,0 +1,64 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="50" y1="270" x2="630" y2="270" data-left="50"></line>
+	<text x="50" y="270" text-anchor="end">0</text>
+	<text x="50" y="194.406406877767" text-anchor="end">10</text>
+	<text x="50" y="118.812813755533" text-anchor="end">20</text>
+	<text x="50" y="43.2192206332996" text-anchor="end">30</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Mt CO2(e)</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="210" y1="270" x2="210" y2="275"></line>
+	<text x="210" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="410" y1="270" x2="410" y2="275"></line>
+	<text x="410" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="610" y1="270" x2="610" y2="275"></line>
+	<text x="610" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="npg-planning-scenario" class="data-series">	<path d="M 50.00,10.00L 70.00,19.63L 90.00,25.67L 110.00,36.50L 130.00,55.83L 150.00,72.06L 170.00,87.21L 190.00,101.43L 210.00,117.12L 230.00,131.38L 250.00,147.19L 270.00,161.51L 290.00,175.07L 310.00,187.66L 330.00,197.57L 350.00,206.75L 370.00,215.16L 390.00,223.20L 410.00,230.89L 430.00,238.95L 450.00,245.21L 470.00,250.50L 490.00,254.92L 510.00,259.05L 530.00,262.07L 550.00,265.05L 570.00,267.12L 590.00,267.84L 610.00,268.34" id="NPg Planning scenario" class="line" stroke="#cc0935" stroke-width="3" stroke-linecap="round"><title>NPg Planning scenario</title></path>
+	<circle cx="50.00" cy="10.00" data-y="34.39444922" data-x="2022" r="4" fill="#cc0935"><title>2022: 34.39444922</title></circle>
+	<circle cx="70.00" cy="19.63" data-y="33.12113949" data-x="2023" r="4" fill="#cc0935"><title>2023: 33.12113949</title></circle>
+	<circle cx="90.00" cy="25.67" data-y="32.3219204" data-x="2024" r="4" fill="#cc0935"><title>2024: 32.3219204</title></circle>
+	<circle cx="110.00" cy="36.50" data-y="30.88868177" data-x="2025" r="4" fill="#cc0935"><title>2025: 30.88868177</title></circle>
+	<circle cx="130.00" cy="55.83" data-y="28.33214507" data-x="2026" r="4" fill="#cc0935"><title>2026: 28.33214507</title></circle>
+	<circle cx="150.00" cy="72.06" data-y="26.18467277" data-x="2027" r="4" fill="#cc0935"><title>2027: 26.18467277</title></circle>
+	<circle cx="170.00" cy="87.21" data-y="24.18075712" data-x="2028" r="4" fill="#cc0935"><title>2028: 24.18075712</title></circle>
+	<circle cx="190.00" cy="101.43" data-y="22.29941961" data-x="2029" r="4" fill="#cc0935"><title>2029: 22.29941961</title></circle>
+	<circle cx="210.00" cy="117.12" data-y="20.22364966" data-x="2030" r="4" fill="#cc0935"><title>2030: 20.22364966</title></circle>
+	<circle cx="230.00" cy="131.38" data-y="18.33698608" data-x="2031" r="4" fill="#cc0935"><title>2031: 18.33698608</title></circle>
+	<circle cx="250.00" cy="147.19" data-y="16.24639693" data-x="2032" r="4" fill="#cc0935"><title>2032: 16.24639693</title></circle>
+	<circle cx="270.00" cy="161.51" data-y="14.35157228" data-x="2033" r="4" fill="#cc0935"><title>2033: 14.35157228</title></circle>
+	<circle cx="290.00" cy="175.07" data-y="12.55832502" data-x="2034" r="4" fill="#cc0935"><title>2034: 12.55832502</title></circle>
+	<circle cx="310.00" cy="187.66" data-y="10.89264661" data-x="2035" r="4" fill="#cc0935"><title>2035: 10.89264661</title></circle>
+	<circle cx="330.00" cy="197.57" data-y="9.582072095" data-x="2036" r="4" fill="#cc0935"><title>2036: 9.582072095</title></circle>
+	<circle cx="350.00" cy="206.75" data-y="8.367612352" data-x="2037" r="4" fill="#cc0935"><title>2037: 8.367612352</title></circle>
+	<circle cx="370.00" cy="215.16" data-y="7.254486171" data-x="2038" r="4" fill="#cc0935"><title>2038: 7.254486171</title></circle>
+	<circle cx="390.00" cy="223.20" data-y="6.191408758" data-x="2039" r="4" fill="#cc0935"><title>2039: 6.191408758</title></circle>
+	<circle cx="410.00" cy="230.89" data-y="5.173389698" data-x="2040" r="4" fill="#cc0935"><title>2040: 5.173389698</title></circle>
+	<circle cx="430.00" cy="238.95" data-y="4.108110367" data-x="2041" r="4" fill="#cc0935"><title>2041: 4.108110367</title></circle>
+	<circle cx="450.00" cy="245.21" data-y="3.279335993" data-x="2042" r="4" fill="#cc0935"><title>2042: 3.279335993</title></circle>
+	<circle cx="470.00" cy="250.50" data-y="2.579018768" data-x="2043" r="4" fill="#cc0935"><title>2043: 2.579018768</title></circle>
+	<circle cx="490.00" cy="254.92" data-y="1.995023632" data-x="2044" r="4" fill="#cc0935"><title>2044: 1.995023632</title></circle>
+	<circle cx="510.00" cy="259.05" data-y="1.448057442" data-x="2045" r="4" fill="#cc0935"><title>2045: 1.448057442</title></circle>
+	<circle cx="530.00" cy="262.07" data-y="1.049046159" data-x="2046" r="4" fill="#cc0935"><title>2046: 1.049046159</title></circle>
+	<circle cx="550.00" cy="265.05" data-y="0.654529489" data-x="2047" r="4" fill="#cc0935"><title>2047: 0.654529489</title></circle>
+	<circle cx="570.00" cy="267.12" data-y="0.380736615" data-x="2048" r="4" fill="#cc0935"><title>2048: 0.380736615</title></circle>
+	<circle cx="590.00" cy="267.84" data-y="0.285127765" data-x="2049" r="4" fill="#cc0935"><title>2049: 0.285127765</title></circle>
+	<circle cx="610.00" cy="268.34" data-y="0.219863684" data-x="2050" r="4" fill="#cc0935"><title>2050: 0.219863684</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-annual-energy-consumption.html b/2023-DFES/data/graphs/graph-annual-energy-consumption.html
new file mode 100644
index 0000000..456390f
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-annual-energy-consumption.html
@@ -0,0 +1,8 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="consumer-transformation"><td class="consumer-transformation"><span>Consumer Transformation</span></td><td>41.09462038</td><td>55.69397836</td><td>66.30597254</td></tr>
+<tr data-scenario="system-transformation"><td class="system-transformation"><span>System Transformation</span></td><td>40.82910956</td><td>52.62835204</td><td>62.40102192</td></tr>
+<tr data-scenario="leading-the-way"><td class="leading-the-way"><span>Leading The Way</span></td><td>41.71402577</td><td>60.16724762</td><td>64.39168111</td></tr>
+<tr data-scenario="planning-scenario"><td class="planning-scenario"><span>NPg Best View</span></td><td>41.30833228</td><td>55.1256804</td><td>64.97268753</td></tr>
+<tr data-scenario="falling-short"><td class="falling-short"><span>Falling Short</span></td><td>39.39159298</td><td>47.71339334</td><td>51.55291089</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-annual-energy-consumption.svg b/2023-DFES/data/graphs/graph-annual-energy-consumption.svg
new file mode 100644
index 0000000..fc118d7
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-annual-energy-consumption.svg
@@ -0,0 +1,188 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="70" y1="270" x2="630" y2="270" data-left="70"></line>
+	<text x="70" y="270" text-anchor="end">0</text>
+	<text x="70" y="191.575692191785" text-anchor="end">20</text>
+	<text x="70" y="113.15138438357" text-anchor="end">40</text>
+	<text x="70" y="34.7270765753555" text-anchor="end">60</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Energy consumption (TWh)</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="224.48275862069" y1="270" x2="224.48275862069" y2="275"></line>
+	<text x="224.48275862069" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="417.586206896552" y1="270" x2="417.586206896552" y2="275"></line>
+	<text x="417.586206896552" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="610.689655172414" y1="270" x2="610.689655172414" y2="275"></line>
+	<text x="610.689655172414" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="consumer-transformation" class="data-series">	<path d="M 70.00,135.32L 89.31,133.36L 108.62,130.50L 127.93,127.40L 147.24,123.87L 166.55,119.94L 185.86,116.70L 205.17,113.26L 224.48,108.86L 243.79,104.34L 263.10,100.05L 282.41,95.84L 301.72,91.70L 321.03,85.49L 340.34,77.88L 359.66,70.55L 378.97,63.64L 398.28,57.22L 417.59,51.61L 436.90,46.80L 456.21,42.61L 475.52,37.87L 494.83,33.30L 514.14,28.95L 533.45,24.85L 552.76,20.86L 572.07,16.94L 591.38,13.07L 610.69,10.00" id="Consumer Transformation" class="line" stroke="#FFBF22" stroke-width="3" stroke-linecap="round"><title>Consumer Transformation</title></path>
+	<circle cx="70.00" cy="135.32" data-y="34.34733833" data-x="2022" r="4" fill="#FFBF22"><title>2022: 34.34733833</title></circle>
+	<circle cx="89.31" cy="133.36" data-y="34.84644563" data-x="2023" r="4" fill="#FFBF22"><title>2023: 34.84644563</title></circle>
+	<circle cx="108.62" cy="130.50" data-y="35.57535039" data-x="2024" r="4" fill="#FFBF22"><title>2024: 35.57535039</title></circle>
+	<circle cx="127.93" cy="127.40" data-y="36.36646229" data-x="2025" r="4" fill="#FFBF22"><title>2025: 36.36646229</title></circle>
+	<circle cx="147.24" cy="123.87" data-y="37.26678678" data-x="2026" r="4" fill="#FFBF22"><title>2026: 37.26678678</title></circle>
+	<circle cx="166.55" cy="119.94" data-y="38.26813766" data-x="2027" r="4" fill="#FFBF22"><title>2027: 38.26813766</title></circle>
+	<circle cx="185.86" cy="116.70" data-y="39.09619909" data-x="2028" r="4" fill="#FFBF22"><title>2028: 39.09619909</title></circle>
+	<circle cx="205.17" cy="113.26" data-y="39.97125507" data-x="2029" r="4" fill="#FFBF22"><title>2029: 39.97125507</title></circle>
+	<circle cx="224.48" cy="108.86" data-y="41.09462038" data-x="2030" r="4" fill="#FFBF22"><title>2030: 41.09462038</title></circle>
+	<circle cx="243.79" cy="104.34" data-y="42.24653865" data-x="2031" r="4" fill="#FFBF22"><title>2031: 42.24653865</title></circle>
+	<circle cx="263.10" cy="100.05" data-y="43.34051017" data-x="2032" r="4" fill="#FFBF22"><title>2032: 43.34051017</title></circle>
+	<circle cx="282.41" cy="95.84" data-y="44.41529415" data-x="2033" r="4" fill="#FFBF22"><title>2033: 44.41529415</title></circle>
+	<circle cx="301.72" cy="91.70" data-y="45.47076288" data-x="2034" r="4" fill="#FFBF22"><title>2034: 45.47076288</title></circle>
+	<circle cx="321.03" cy="85.49" data-y="47.05510879" data-x="2035" r="4" fill="#FFBF22"><title>2035: 47.05510879</title></circle>
+	<circle cx="340.34" cy="77.88" data-y="48.99541342" data-x="2036" r="4" fill="#FFBF22"><title>2036: 48.99541342</title></circle>
+	<circle cx="359.66" cy="70.55" data-y="50.86550499" data-x="2037" r="4" fill="#FFBF22"><title>2037: 50.86550499</title></circle>
+	<circle cx="378.97" cy="63.64" data-y="52.62764054" data-x="2038" r="4" fill="#FFBF22"><title>2038: 52.62764054</title></circle>
+	<circle cx="398.28" cy="57.22" data-y="54.26455526" data-x="2039" r="4" fill="#FFBF22"><title>2039: 54.26455526</title></circle>
+	<circle cx="417.59" cy="51.61" data-y="55.69397836" data-x="2040" r="4" fill="#FFBF22"><title>2040: 55.69397836</title></circle>
+	<circle cx="436.90" cy="46.80" data-y="56.92199515" data-x="2041" r="4" fill="#FFBF22"><title>2041: 56.92199515</title></circle>
+	<circle cx="456.21" cy="42.61" data-y="57.98938131" data-x="2042" r="4" fill="#FFBF22"><title>2042: 57.98938131</title></circle>
+	<circle cx="475.52" cy="37.87" data-y="59.19923197" data-x="2043" r="4" fill="#FFBF22"><title>2043: 59.19923197</title></circle>
+	<circle cx="494.83" cy="33.30" data-y="60.36496903" data-x="2044" r="4" fill="#FFBF22"><title>2044: 60.36496903</title></circle>
+	<circle cx="514.14" cy="28.95" data-y="61.47432731" data-x="2045" r="4" fill="#FFBF22"><title>2045: 61.47432731</title></circle>
+	<circle cx="533.45" cy="24.85" data-y="62.51932812" data-x="2046" r="4" fill="#FFBF22"><title>2046: 62.51932812</title></circle>
+	<circle cx="552.76" cy="20.86" data-y="63.5364826" data-x="2047" r="4" fill="#FFBF22"><title>2047: 63.5364826</title></circle>
+	<circle cx="572.07" cy="16.94" data-y="64.53570829" data-x="2048" r="4" fill="#FFBF22"><title>2048: 64.53570829</title></circle>
+	<circle cx="591.38" cy="13.07" data-y="65.5218708" data-x="2049" r="4" fill="#FFBF22"><title>2049: 65.5218708</title></circle>
+	<circle cx="610.69" cy="10.00" data-y="66.30597254" data-x="2050" r="4" fill="#FFBF22"><title>2050: 66.30597254</title></circle>
+</g>
+<g data-scenario="system-transformation" class="data-series">	<path d="M 70.00,135.34L 89.31,133.19L 108.62,130.05L 127.93,127.09L 147.24,124.15L 166.55,121.03L 185.86,117.69L 205.17,114.04L 224.48,109.90L 243.79,105.70L 263.10,101.55L 282.41,97.41L 301.72,93.29L 321.03,86.92L 340.34,81.86L 359.66,76.97L 378.97,72.30L 398.28,67.83L 417.59,63.63L 436.90,59.79L 456.21,56.12L 475.52,52.54L 494.83,48.95L 514.14,45.25L 533.45,41.50L 552.76,37.61L 572.07,33.60L 591.38,29.44L 610.69,25.31" id="System Transformation" class="line" stroke="#5BCBF5" stroke-width="3" stroke-linecap="round"><title>System Transformation</title></path>
+	<circle cx="70.00" cy="135.34" data-y="34.34089559" data-x="2022" r="4" fill="#5BCBF5"><title>2022: 34.34089559</title></circle>
+	<circle cx="89.31" cy="133.19" data-y="34.89065703" data-x="2023" r="4" fill="#5BCBF5"><title>2023: 34.89065703</title></circle>
+	<circle cx="108.62" cy="130.05" data-y="35.68922515" data-x="2024" r="4" fill="#5BCBF5"><title>2024: 35.68922515</title></circle>
+	<circle cx="127.93" cy="127.09" data-y="36.44470566" data-x="2025" r="4" fill="#5BCBF5"><title>2025: 36.44470566</title></circle>
+	<circle cx="147.24" cy="124.15" data-y="37.19447935" data-x="2026" r="4" fill="#5BCBF5"><title>2026: 37.19447935</title></circle>
+	<circle cx="166.55" cy="121.03" data-y="37.99047184" data-x="2027" r="4" fill="#5BCBF5"><title>2027: 37.99047184</title></circle>
+	<circle cx="185.86" cy="117.69" data-y="38.84225877" data-x="2028" r="4" fill="#5BCBF5"><title>2028: 38.84225877</title></circle>
+	<circle cx="205.17" cy="114.04" data-y="39.7739094" data-x="2029" r="4" fill="#5BCBF5"><title>2029: 39.7739094</title></circle>
+	<circle cx="224.48" cy="109.90" data-y="40.82910956" data-x="2030" r="4" fill="#5BCBF5"><title>2030: 40.82910956</title></circle>
+	<circle cx="243.79" cy="105.70" data-y="41.90113566" data-x="2031" r="4" fill="#5BCBF5"><title>2031: 41.90113566</title></circle>
+	<circle cx="263.10" cy="101.55" data-y="42.9578764" data-x="2032" r="4" fill="#5BCBF5"><title>2032: 42.9578764</title></circle>
+	<circle cx="282.41" cy="97.41" data-y="44.01452554" data-x="2033" r="4" fill="#5BCBF5"><title>2033: 44.01452554</title></circle>
+	<circle cx="301.72" cy="93.29" data-y="45.06608829" data-x="2034" r="4" fill="#5BCBF5"><title>2034: 45.06608829</title></circle>
+	<circle cx="321.03" cy="86.92" data-y="46.68838288" data-x="2035" r="4" fill="#5BCBF5"><title>2035: 46.68838288</title></circle>
+	<circle cx="340.34" cy="81.86" data-y="47.98068283" data-x="2036" r="4" fill="#5BCBF5"><title>2036: 47.98068283</title></circle>
+	<circle cx="359.66" cy="76.97" data-y="49.22708236" data-x="2037" r="4" fill="#5BCBF5"><title>2037: 49.22708236</title></circle>
+	<circle cx="378.97" cy="72.30" data-y="50.41909971" data-x="2038" r="4" fill="#5BCBF5"><title>2038: 50.41909971</title></circle>
+	<circle cx="398.28" cy="67.83" data-y="51.55851418" data-x="2039" r="4" fill="#5BCBF5"><title>2039: 51.55851418</title></circle>
+	<circle cx="417.59" cy="63.63" data-y="52.62835204" data-x="2040" r="4" fill="#5BCBF5"><title>2040: 52.62835204</title></circle>
+	<circle cx="436.90" cy="59.79" data-y="53.60880521" data-x="2041" r="4" fill="#5BCBF5"><title>2041: 53.60880521</title></circle>
+	<circle cx="456.21" cy="56.12" data-y="54.54316016" data-x="2042" r="4" fill="#5BCBF5"><title>2042: 54.54316016</title></circle>
+	<circle cx="475.52" cy="52.54" data-y="55.45681479" data-x="2043" r="4" fill="#5BCBF5"><title>2043: 55.45681479</title></circle>
+	<circle cx="494.83" cy="48.95" data-y="56.37379682" data-x="2044" r="4" fill="#5BCBF5"><title>2044: 56.37379682</title></circle>
+	<circle cx="514.14" cy="45.25" data-y="57.31606815" data-x="2045" r="4" fill="#5BCBF5"><title>2045: 57.31606815</title></circle>
+	<circle cx="533.45" cy="41.50" data-y="58.2736318" data-x="2046" r="4" fill="#5BCBF5"><title>2046: 58.2736318</title></circle>
+	<circle cx="552.76" cy="37.61" data-y="59.26559362" data-x="2047" r="4" fill="#5BCBF5"><title>2047: 59.26559362</title></circle>
+	<circle cx="572.07" cy="33.60" data-y="60.2874321" data-x="2048" r="4" fill="#5BCBF5"><title>2048: 60.2874321</title></circle>
+	<circle cx="591.38" cy="29.44" data-y="61.34948532" data-x="2049" r="4" fill="#5BCBF5"><title>2049: 61.34948532</title></circle>
+	<circle cx="610.69" cy="25.31" data-y="62.40102192" data-x="2050" r="4" fill="#5BCBF5"><title>2050: 62.40102192</title></circle>
+</g>
+<g data-scenario="leading-the-way" class="data-series">	<path d="M 70.00,135.32L 89.31,133.35L 108.62,130.47L 127.93,127.18L 147.24,123.29L 166.55,118.97L 185.86,115.52L 205.17,111.86L 224.48,106.43L 243.79,97.45L 263.10,88.78L 282.41,80.37L 301.72,72.35L 321.03,63.27L 340.34,56.32L 359.66,49.83L 378.97,43.87L 398.28,38.49L 417.59,34.07L 436.90,30.37L 456.21,27.16L 475.52,23.24L 494.83,19.36L 514.14,16.36L 533.45,16.57L 552.76,16.80L 572.07,17.04L 591.38,17.28L 610.69,17.51" id="Leading The Way" class="line" stroke="#C2CD23" stroke-width="3" stroke-linecap="round"><title>Leading The Way</title></path>
+	<circle cx="70.00" cy="135.32" data-y="34.34733833" data-x="2022" r="4" fill="#C2CD23"><title>2022: 34.34733833</title></circle>
+	<circle cx="89.31" cy="133.35" data-y="34.84853798" data-x="2023" r="4" fill="#C2CD23"><title>2023: 34.84853798</title></circle>
+	<circle cx="108.62" cy="130.47" data-y="35.58450099" data-x="2024" r="4" fill="#C2CD23"><title>2024: 35.58450099</title></circle>
+	<circle cx="127.93" cy="127.18" data-y="36.42313189" data-x="2025" r="4" fill="#C2CD23"><title>2025: 36.42313189</title></circle>
+	<circle cx="147.24" cy="123.29" data-y="37.41521839" data-x="2026" r="4" fill="#C2CD23"><title>2026: 37.41521839</title></circle>
+	<circle cx="166.55" cy="118.97" data-y="38.51635273" data-x="2027" r="4" fill="#C2CD23"><title>2027: 38.51635273</title></circle>
+	<circle cx="185.86" cy="115.52" data-y="39.39681423" data-x="2028" r="4" fill="#C2CD23"><title>2028: 39.39681423</title></circle>
+	<circle cx="205.17" cy="111.86" data-y="40.32918881" data-x="2029" r="4" fill="#C2CD23"><title>2029: 40.32918881</title></circle>
+	<circle cx="224.48" cy="106.43" data-y="41.71402577" data-x="2030" r="4" fill="#C2CD23"><title>2030: 41.71402577</title></circle>
+	<circle cx="243.79" cy="97.45" data-y="44.00487293" data-x="2031" r="4" fill="#C2CD23"><title>2031: 44.00487293</title></circle>
+	<circle cx="263.10" cy="88.78" data-y="46.21638573" data-x="2032" r="4" fill="#C2CD23"><title>2032: 46.21638573</title></circle>
+	<circle cx="282.41" cy="80.37" data-y="48.36114363" data-x="2033" r="4" fill="#C2CD23"><title>2033: 48.36114363</title></circle>
+	<circle cx="301.72" cy="72.35" data-y="50.40425045" data-x="2034" r="4" fill="#C2CD23"><title>2034: 50.40425045</title></circle>
+	<circle cx="321.03" cy="63.27" data-y="52.72096066" data-x="2035" r="4" fill="#C2CD23"><title>2035: 52.72096066</title></circle>
+	<circle cx="340.34" cy="56.32" data-y="54.49348439" data-x="2036" r="4" fill="#C2CD23"><title>2036: 54.49348439</title></circle>
+	<circle cx="359.66" cy="49.83" data-y="56.14948697" data-x="2037" r="4" fill="#C2CD23"><title>2037: 56.14948697</title></circle>
+	<circle cx="378.97" cy="43.87" data-y="57.66938832" data-x="2038" r="4" fill="#C2CD23"><title>2038: 57.66938832</title></circle>
+	<circle cx="398.28" cy="38.49" data-y="59.04034782" data-x="2039" r="4" fill="#C2CD23"><title>2039: 59.04034782</title></circle>
+	<circle cx="417.59" cy="34.07" data-y="60.16724762" data-x="2040" r="4" fill="#C2CD23"><title>2040: 60.16724762</title></circle>
+	<circle cx="436.90" cy="30.37" data-y="61.11076444" data-x="2041" r="4" fill="#C2CD23"><title>2041: 61.11076444</title></circle>
+	<circle cx="456.21" cy="27.16" data-y="61.93003008" data-x="2042" r="4" fill="#C2CD23"><title>2042: 61.93003008</title></circle>
+	<circle cx="475.52" cy="23.24" data-y="62.92941196" data-x="2043" r="4" fill="#C2CD23"><title>2043: 62.92941196</title></circle>
+	<circle cx="494.83" cy="19.36" data-y="63.91987368" data-x="2044" r="4" fill="#C2CD23"><title>2044: 63.91987368</title></circle>
+	<circle cx="514.14" cy="16.36" data-y="64.68402108" data-x="2045" r="4" fill="#C2CD23"><title>2045: 64.68402108</title></circle>
+	<circle cx="533.45" cy="16.57" data-y="64.63113091" data-x="2046" r="4" fill="#C2CD23"><title>2046: 64.63113091</title></circle>
+	<circle cx="552.76" cy="16.80" data-y="64.57068784" data-x="2047" r="4" fill="#C2CD23"><title>2047: 64.57068784</title></circle>
+	<circle cx="572.07" cy="17.04" data-y="64.51008705" data-x="2048" r="4" fill="#C2CD23"><title>2048: 64.51008705</title></circle>
+	<circle cx="591.38" cy="17.28" data-y="64.44890212" data-x="2049" r="4" fill="#C2CD23"><title>2049: 64.44890212</title></circle>
+	<circle cx="610.69" cy="17.51" data-y="64.39168111" data-x="2050" r="4" fill="#C2CD23"><title>2050: 64.39168111</title></circle>
+</g>
+<g data-scenario="planning-scenario" class="data-series">	<path d="M 70.00,135.32L 89.31,133.36L 108.62,130.52L 127.93,127.44L 147.24,123.81L 166.55,119.71L 185.86,116.32L 205.17,112.64L 224.48,108.02L 243.79,103.30L 263.10,98.81L 282.41,94.46L 301.72,90.39L 321.03,84.46L 340.34,77.34L 359.66,70.63L 378.97,64.42L 398.28,58.73L 417.59,53.84L 436.90,49.64L 456.21,46.00L 475.52,41.71L 494.83,37.51L 514.14,33.46L 533.45,29.55L 552.76,25.73L 572.07,21.94L 591.38,18.19L 610.69,15.23" id="NPg Best View" class="line" stroke="#ab1236" stroke-width="3" stroke-linecap="round"><title>NPg Best View</title></path>
+	<circle cx="70.00" cy="135.32" data-y="34.34733833" data-x="2022" r="4" fill="#ab1236"><title>2022: 34.34733833</title></circle>
+	<circle cx="89.31" cy="133.36" data-y="34.846731" data-x="2023" r="4" fill="#ab1236"><title>2023: 34.846731</title></circle>
+	<circle cx="108.62" cy="130.52" data-y="35.57171164" data-x="2024" r="4" fill="#ab1236"><title>2024: 35.57171164</title></circle>
+	<circle cx="127.93" cy="127.44" data-y="36.35623007" data-x="2025" r="4" fill="#ab1236"><title>2025: 36.35623007</title></circle>
+	<circle cx="147.24" cy="123.81" data-y="37.28059518" data-x="2026" r="4" fill="#ab1236"><title>2026: 37.28059518</title></circle>
+	<circle cx="166.55" cy="119.71" data-y="38.32649679" data-x="2027" r="4" fill="#ab1236"><title>2027: 38.32649679</title></circle>
+	<circle cx="185.86" cy="116.32" data-y="39.19078451" data-x="2028" r="4" fill="#ab1236"><title>2028: 39.19078451</title></circle>
+	<circle cx="205.17" cy="112.64" data-y="40.13020927" data-x="2029" r="4" fill="#ab1236"><title>2029: 40.13020927</title></circle>
+	<circle cx="224.48" cy="108.02" data-y="41.30833228" data-x="2030" r="4" fill="#ab1236"><title>2030: 41.30833228</title></circle>
+	<circle cx="243.79" cy="103.30" data-y="42.51130136" data-x="2031" r="4" fill="#ab1236"><title>2031: 42.51130136</title></circle>
+	<circle cx="263.10" cy="98.81" data-y="43.65830463" data-x="2032" r="4" fill="#ab1236"><title>2032: 43.65830463</title></circle>
+	<circle cx="282.41" cy="94.46" data-y="44.76653018" data-x="2033" r="4" fill="#ab1236"><title>2033: 44.76653018</title></circle>
+	<circle cx="301.72" cy="90.39" data-y="45.80497595" data-x="2034" r="4" fill="#ab1236"><title>2034: 45.80497595</title></circle>
+	<circle cx="321.03" cy="84.46" data-y="47.31629541" data-x="2035" r="4" fill="#ab1236"><title>2035: 47.31629541</title></circle>
+	<circle cx="340.34" cy="77.34" data-y="49.1321137" data-x="2036" r="4" fill="#ab1236"><title>2036: 49.1321137</title></circle>
+	<circle cx="359.66" cy="70.63" data-y="50.84420537" data-x="2037" r="4" fill="#ab1236"><title>2037: 50.84420537</title></circle>
+	<circle cx="378.97" cy="64.42" data-y="52.42808037" data-x="2038" r="4" fill="#ab1236"><title>2038: 52.42808037</title></circle>
+	<circle cx="398.28" cy="58.73" data-y="53.87874693" data-x="2039" r="4" fill="#ab1236"><title>2039: 53.87874693</title></circle>
+	<circle cx="417.59" cy="53.84" data-y="55.1256804" data-x="2040" r="4" fill="#ab1236"><title>2040: 55.1256804</title></circle>
+	<circle cx="436.90" cy="49.64" data-y="56.19611411" data-x="2041" r="4" fill="#ab1236"><title>2041: 56.19611411</title></circle>
+	<circle cx="456.21" cy="46.00" data-y="57.12528905" data-x="2042" r="4" fill="#ab1236"><title>2042: 57.12528905</title></circle>
+	<circle cx="475.52" cy="41.71" data-y="58.2190922" data-x="2043" r="4" fill="#ab1236"><title>2043: 58.2190922</title></circle>
+	<circle cx="494.83" cy="37.51" data-y="59.2891259" data-x="2044" r="4" fill="#ab1236"><title>2044: 59.2891259</title></circle>
+	<circle cx="514.14" cy="33.46" data-y="60.32396695" data-x="2045" r="4" fill="#ab1236"><title>2045: 60.32396695</title></circle>
+	<circle cx="533.45" cy="29.55" data-y="61.31911793" data-x="2046" r="4" fill="#ab1236"><title>2046: 61.31911793</title></circle>
+	<circle cx="552.76" cy="25.73" data-y="62.29550939" data-x="2047" r="4" fill="#ab1236"><title>2047: 62.29550939</title></circle>
+	<circle cx="572.07" cy="21.94" data-y="63.26125879" data-x="2048" r="4" fill="#ab1236"><title>2048: 63.26125879</title></circle>
+	<circle cx="591.38" cy="18.19" data-y="64.21646727" data-x="2049" r="4" fill="#ab1236"><title>2049: 64.21646727</title></circle>
+	<circle cx="610.69" cy="15.23" data-y="64.97268753" data-x="2050" r="4" fill="#ab1236"><title>2050: 64.97268753</title></circle>
+</g>
+<g data-scenario="falling-short" class="data-series">	<path d="M 70.00,135.36L 89.31,133.10L 108.62,130.80L 127.93,128.72L 147.24,126.92L 166.55,124.77L 185.86,122.10L 205.17,118.91L 224.48,115.54L 243.79,112.20L 263.10,108.94L 282.41,105.71L 301.72,102.56L 321.03,97.77L 340.34,94.70L 359.66,91.59L 378.97,88.60L 398.28,85.67L 417.59,82.91L 436.90,80.38L 456.21,78.10L 475.52,76.08L 494.83,74.32L 514.14,72.80L 533.45,71.54L 552.76,70.44L 572.07,69.47L 591.38,68.59L 610.69,67.85" id="Falling Short" class="line" stroke="#827B7A" stroke-width="3" stroke-linecap="round"><title>Falling Short</title></path>
+	<circle cx="70.00" cy="135.36" data-y="34.33694283" data-x="2022" r="4" fill="#827B7A"><title>2022: 34.33694283</title></circle>
+	<circle cx="89.31" cy="133.10" data-y="34.91137952" data-x="2023" r="4" fill="#827B7A"><title>2023: 34.91137952</title></circle>
+	<circle cx="108.62" cy="130.80" data-y="35.49981841" data-x="2024" r="4" fill="#827B7A"><title>2024: 35.49981841</title></circle>
+	<circle cx="127.93" cy="128.72" data-y="36.02972018" data-x="2025" r="4" fill="#827B7A"><title>2025: 36.02972018</title></circle>
+	<circle cx="147.24" cy="126.92" data-y="36.48804128" data-x="2026" r="4" fill="#827B7A"><title>2026: 36.48804128</title></circle>
+	<circle cx="166.55" cy="124.77" data-y="37.03631811" data-x="2027" r="4" fill="#827B7A"><title>2027: 37.03631811</title></circle>
+	<circle cx="185.86" cy="122.10" data-y="37.71725471" data-x="2028" r="4" fill="#827B7A"><title>2028: 37.71725471</title></circle>
+	<circle cx="205.17" cy="118.91" data-y="38.53038315" data-x="2029" r="4" fill="#827B7A"><title>2029: 38.53038315</title></circle>
+	<circle cx="224.48" cy="115.54" data-y="39.39159298" data-x="2030" r="4" fill="#827B7A"><title>2030: 39.39159298</title></circle>
+	<circle cx="243.79" cy="112.20" data-y="40.24212151" data-x="2031" r="4" fill="#827B7A"><title>2031: 40.24212151</title></circle>
+	<circle cx="263.10" cy="108.94" data-y="41.07349427" data-x="2032" r="4" fill="#827B7A"><title>2032: 41.07349427</title></circle>
+	<circle cx="282.41" cy="105.71" data-y="41.8980074" data-x="2033" r="4" fill="#827B7A"><title>2033: 41.8980074</title></circle>
+	<circle cx="301.72" cy="102.56" data-y="42.70080437" data-x="2034" r="4" fill="#827B7A"><title>2034: 42.70080437</title></circle>
+	<circle cx="321.03" cy="97.77" data-y="43.92334517" data-x="2035" r="4" fill="#827B7A"><title>2035: 43.92334517</title></circle>
+	<circle cx="340.34" cy="94.70" data-y="44.70642048" data-x="2036" r="4" fill="#827B7A"><title>2036: 44.70642048</title></circle>
+	<circle cx="359.66" cy="91.59" data-y="45.49812631" data-x="2037" r="4" fill="#827B7A"><title>2037: 45.49812631</title></circle>
+	<circle cx="378.97" cy="88.60" data-y="46.26136389" data-x="2038" r="4" fill="#827B7A"><title>2038: 46.26136389</title></circle>
+	<circle cx="398.28" cy="85.67" data-y="47.00748026" data-x="2039" r="4" fill="#827B7A"><title>2039: 47.00748026</title></circle>
+	<circle cx="417.59" cy="82.91" data-y="47.71339334" data-x="2040" r="4" fill="#827B7A"><title>2040: 47.71339334</title></circle>
+	<circle cx="436.90" cy="80.38" data-y="48.35734901" data-x="2041" r="4" fill="#827B7A"><title>2041: 48.35734901</title></circle>
+	<circle cx="456.21" cy="78.10" data-y="48.94005584" data-x="2042" r="4" fill="#827B7A"><title>2042: 48.94005584</title></circle>
+	<circle cx="475.52" cy="76.08" data-y="49.45386502" data-x="2043" r="4" fill="#827B7A"><title>2043: 49.45386502</title></circle>
+	<circle cx="494.83" cy="74.32" data-y="49.9026201" data-x="2044" r="4" fill="#827B7A"><title>2044: 49.9026201</title></circle>
+	<circle cx="514.14" cy="72.80" data-y="50.29023907" data-x="2045" r="4" fill="#827B7A"><title>2045: 50.29023907</title></circle>
+	<circle cx="533.45" cy="71.54" data-y="50.61170226" data-x="2046" r="4" fill="#827B7A"><title>2046: 50.61170226</title></circle>
+	<circle cx="552.76" cy="70.44" data-y="50.89159581" data-x="2047" r="4" fill="#827B7A"><title>2047: 50.89159581</title></circle>
+	<circle cx="572.07" cy="69.47" data-y="51.14055646" data-x="2048" r="4" fill="#827B7A"><title>2048: 51.14055646</title></circle>
+	<circle cx="591.38" cy="68.59" data-y="51.36465869" data-x="2049" r="4" fill="#827B7A"><title>2049: 51.36465869</title></circle>
+	<circle cx="610.69" cy="67.85" data-y="51.55291089" data-x="2050" r="4" fill="#827B7A"><title>2050: 51.55291089</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-annual-peak-demand-breakdown.html b/2023-DFES/data/graphs/graph-annual-peak-demand-breakdown.html
new file mode 100644
index 0000000..daf126c
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-annual-peak-demand-breakdown.html
@@ -0,0 +1,9 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="consumer-transformation"><td class="consumer-transformation"><span>Consumer Transformation</span></td><td>7650.910626</td><td>10482.25698</td><td>13024.31081</td></tr>
+<tr data-scenario="system-transformation"><td class="system-transformation"><span>System Transformation</span></td><td>7650.820764</td><td>10044.95934</td><td>13175.17392</td></tr>
+<tr data-scenario="leading-the-way"><td class="leading-the-way"><span>Leading The Way</span></td><td>7742.013068</td><td>11675.73164</td><td>12673.99236</td></tr>
+<tr data-scenario="npg-best-view-no-customer-flexibility-customer-flexibility"><td style="background-color:#cc0935;color:white"><span>NPg Best View no customer flexibility&nbsp;-&nbsp;-&nbsp;-</span></td><td>7641.576486</td><td>10353.40721</td><td>12811.94753</td></tr>
+<tr data-scenario="falling-short"><td class="falling-short"><span>Falling Short</span></td><td>7376.352363</td><td>8786.803046</td><td>9370.306132</td></tr>
+<tr data-scenario="planning-scenario"><td class="planning-scenario"><span>NPg Best View</span></td><td>7448.612809</td><td>9994.440387</td><td>12433.63611</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-annual-peak-demand-breakdown.svg b/2023-DFES/data/graphs/graph-annual-peak-demand-breakdown.svg
new file mode 100644
index 0000000..5f7912c
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-annual-peak-demand-breakdown.svg
@@ -0,0 +1,218 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="50" y1="270" x2="630" y2="270" data-left="50"></line>
+	<text x="50" y="270" text-anchor="end">0</text>
+	<text x="50" y="171.329575769274" text-anchor="end">5,000</text>
+	<text x="50" y="72.6591515385476" text-anchor="end">10,000</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Annual gross peak demand (GW)</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="210" y1="270" x2="210" y2="275"></line>
+	<text x="210" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="410" y1="270" x2="410" y2="275"></line>
+	<text x="410" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="610" y1="270" x2="610" y2="275"></line>
+	<text x="610" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="consumer-transformation" class="data-series">	<path d="M 50.00,151.68L 70.00,147.02L 90.00,141.74L 110.00,137.55L 130.00,134.00L 150.00,129.29L 170.00,125.75L 190.00,122.95L 210.00,119.02L 230.00,115.46L 250.00,112.20L 270.00,109.11L 290.00,106.16L 310.00,97.88L 330.00,90.21L 350.00,82.78L 370.00,75.70L 390.00,69.03L 410.00,63.14L 430.00,57.98L 450.00,53.38L 470.00,47.86L 490.00,42.40L 510.00,37.08L 530.00,31.95L 550.00,26.89L 570.00,21.90L 590.00,16.94L 610.00,12.98" id="Consumer Transformation" class="line" stroke="#FFBF22" stroke-width="3" stroke-linecap="round"><title>Consumer Transformation</title></path>
+	<circle cx="50.00" cy="151.68" data-y="5995.712559" data-x="2022" r="4" fill="#FFBF22"><title>2022: 5995.712559</title></circle>
+	<circle cx="70.00" cy="147.02" data-y="6231.897847" data-x="2023" r="4" fill="#FFBF22"><title>2023: 6231.897847</title></circle>
+	<circle cx="90.00" cy="141.74" data-y="6499.512521" data-x="2024" r="4" fill="#FFBF22"><title>2024: 6499.512521</title></circle>
+	<circle cx="110.00" cy="137.55" data-y="6711.526093" data-x="2025" r="4" fill="#FFBF22"><title>2025: 6711.526093</title></circle>
+	<circle cx="130.00" cy="134.00" data-y="6891.562474" data-x="2026" r="4" fill="#FFBF22"><title>2026: 6891.562474</title></circle>
+	<circle cx="150.00" cy="129.29" data-y="7130.193904" data-x="2027" r="4" fill="#FFBF22"><title>2027: 7130.193904</title></circle>
+	<circle cx="170.00" cy="125.75" data-y="7309.759074" data-x="2028" r="4" fill="#FFBF22"><title>2028: 7309.759074</title></circle>
+	<circle cx="190.00" cy="122.95" data-y="7451.406292" data-x="2029" r="4" fill="#FFBF22"><title>2029: 7451.406292</title></circle>
+	<circle cx="210.00" cy="119.02" data-y="7650.910626" data-x="2030" r="4" fill="#FFBF22"><title>2030: 7650.910626</title></circle>
+	<circle cx="230.00" cy="115.46" data-y="7831.09897" data-x="2031" r="4" fill="#FFBF22"><title>2031: 7831.09897</title></circle>
+	<circle cx="250.00" cy="112.20" data-y="7996.184655" data-x="2032" r="4" fill="#FFBF22"><title>2032: 7996.184655</title></circle>
+	<circle cx="270.00" cy="109.11" data-y="8153.15143" data-x="2033" r="4" fill="#FFBF22"><title>2033: 8153.15143</title></circle>
+	<circle cx="290.00" cy="106.16" data-y="8302.381687" data-x="2034" r="4" fill="#FFBF22"><title>2034: 8302.381687</title></circle>
+	<circle cx="310.00" cy="97.88" data-y="8722.192824" data-x="2035" r="4" fill="#FFBF22"><title>2035: 8722.192824</title></circle>
+	<circle cx="330.00" cy="90.21" data-y="9110.719048" data-x="2036" r="4" fill="#FFBF22"><title>2036: 9110.719048</title></circle>
+	<circle cx="350.00" cy="82.78" data-y="9487.388771" data-x="2037" r="4" fill="#FFBF22"><title>2037: 9487.388771</title></circle>
+	<circle cx="370.00" cy="75.70" data-y="9845.89915" data-x="2038" r="4" fill="#FFBF22"><title>2038: 9845.89915</title></circle>
+	<circle cx="390.00" cy="69.03" data-y="10183.8288" data-x="2039" r="4" fill="#FFBF22"><title>2039: 10183.8288</title></circle>
+	<circle cx="410.00" cy="63.14" data-y="10482.25698" data-x="2040" r="4" fill="#FFBF22"><title>2040: 10482.25698</title></circle>
+	<circle cx="430.00" cy="57.98" data-y="10744.06309" data-x="2041" r="4" fill="#FFBF22"><title>2041: 10744.06309</title></circle>
+	<circle cx="450.00" cy="53.38" data-y="10977.08038" data-x="2042" r="4" fill="#FFBF22"><title>2042: 10977.08038</title></circle>
+	<circle cx="470.00" cy="47.86" data-y="11256.77734" data-x="2043" r="4" fill="#FFBF22"><title>2043: 11256.77734</title></circle>
+	<circle cx="490.00" cy="42.40" data-y="11533.48964" data-x="2044" r="4" fill="#FFBF22"><title>2044: 11533.48964</title></circle>
+	<circle cx="510.00" cy="37.08" data-y="11803.1248" data-x="2045" r="4" fill="#FFBF22"><title>2045: 11803.1248</title></circle>
+	<circle cx="530.00" cy="31.95" data-y="12063.01837" data-x="2046" r="4" fill="#FFBF22"><title>2046: 12063.01837</title></circle>
+	<circle cx="550.00" cy="26.89" data-y="12319.05521" data-x="2047" r="4" fill="#FFBF22"><title>2047: 12319.05521</title></circle>
+	<circle cx="570.00" cy="21.90" data-y="12572.39372" data-x="2048" r="4" fill="#FFBF22"><title>2048: 12572.39372</title></circle>
+	<circle cx="590.00" cy="16.94" data-y="12823.54179" data-x="2049" r="4" fill="#FFBF22"><title>2049: 12823.54179</title></circle>
+	<circle cx="610.00" cy="12.98" data-y="13024.31081" data-x="2050" r="4" fill="#FFBF22"><title>2050: 13024.31081</title></circle>
+</g>
+<g data-scenario="system-transformation" class="data-series">	<path d="M 50.00,151.17L 70.00,146.29L 90.00,140.64L 110.00,136.58L 130.00,133.64L 150.00,129.81L 170.00,126.07L 190.00,122.93L 210.00,119.02L 230.00,115.55L 250.00,112.21L 270.00,108.96L 290.00,105.78L 310.00,96.48L 330.00,91.42L 350.00,86.49L 370.00,81.59L 390.00,76.66L 410.00,71.77L 430.00,67.03L 450.00,62.18L 470.00,57.03L 490.00,51.50L 510.00,45.48L 530.00,39.02L 550.00,32.18L 570.00,25.02L 590.00,17.48L 610.00,10.00" id="System Transformation" class="line" stroke="#5BCBF5" stroke-width="3" stroke-linecap="round"><title>System Transformation</title></path>
+	<circle cx="50.00" cy="151.17" data-y="6021.497055" data-x="2022" r="4" fill="#5BCBF5"><title>2022: 6021.497055</title></circle>
+	<circle cx="70.00" cy="146.29" data-y="6268.849153" data-x="2023" r="4" fill="#5BCBF5"><title>2023: 6268.849153</title></circle>
+	<circle cx="90.00" cy="140.64" data-y="6555.100224" data-x="2024" r="4" fill="#5BCBF5"><title>2024: 6555.100224</title></circle>
+	<circle cx="110.00" cy="136.58" data-y="6760.646909" data-x="2025" r="4" fill="#5BCBF5"><title>2025: 6760.646909</title></circle>
+	<circle cx="130.00" cy="133.64" data-y="6909.930106" data-x="2026" r="4" fill="#5BCBF5"><title>2026: 6909.930106</title></circle>
+	<circle cx="150.00" cy="129.81" data-y="7103.895986" data-x="2027" r="4" fill="#5BCBF5"><title>2027: 7103.895986</title></circle>
+	<circle cx="170.00" cy="126.07" data-y="7293.259839" data-x="2028" r="4" fill="#5BCBF5"><title>2028: 7293.259839</title></circle>
+	<circle cx="190.00" cy="122.93" data-y="7452.669477" data-x="2029" r="4" fill="#5BCBF5"><title>2029: 7452.669477</title></circle>
+	<circle cx="210.00" cy="119.02" data-y="7650.820764" data-x="2030" r="4" fill="#5BCBF5"><title>2030: 7650.820764</title></circle>
+	<circle cx="230.00" cy="115.55" data-y="7826.761395" data-x="2031" r="4" fill="#5BCBF5"><title>2031: 7826.761395</title></circle>
+	<circle cx="250.00" cy="112.21" data-y="7995.787189" data-x="2032" r="4" fill="#5BCBF5"><title>2032: 7995.787189</title></circle>
+	<circle cx="270.00" cy="108.96" data-y="8160.513242" data-x="2033" r="4" fill="#5BCBF5"><title>2033: 8160.513242</title></circle>
+	<circle cx="290.00" cy="105.78" data-y="8321.669756" data-x="2034" r="4" fill="#5BCBF5"><title>2034: 8321.669756</title></circle>
+	<circle cx="310.00" cy="96.48" data-y="8792.788657" data-x="2035" r="4" fill="#5BCBF5"><title>2035: 8792.788657</title></circle>
+	<circle cx="330.00" cy="91.42" data-y="9049.113617" data-x="2036" r="4" fill="#5BCBF5"><title>2036: 9049.113617</title></circle>
+	<circle cx="350.00" cy="86.49" data-y="9299.074447" data-x="2037" r="4" fill="#5BCBF5"><title>2037: 9299.074447</title></circle>
+	<circle cx="370.00" cy="81.59" data-y="9547.625773" data-x="2038" r="4" fill="#5BCBF5"><title>2038: 9547.625773</title></circle>
+	<circle cx="390.00" cy="76.66" data-y="9797.27353" data-x="2039" r="4" fill="#5BCBF5"><title>2039: 9797.27353</title></circle>
+	<circle cx="410.00" cy="71.77" data-y="10044.95934" data-x="2040" r="4" fill="#5BCBF5"><title>2040: 10044.95934</title></circle>
+	<circle cx="430.00" cy="67.03" data-y="10285.23721" data-x="2041" r="4" fill="#5BCBF5"><title>2041: 10285.23721</title></circle>
+	<circle cx="450.00" cy="62.18" data-y="10531.18934" data-x="2042" r="4" fill="#5BCBF5"><title>2042: 10531.18934</title></circle>
+	<circle cx="470.00" cy="57.03" data-y="10791.74396" data-x="2043" r="4" fill="#5BCBF5"><title>2043: 10791.74396</title></circle>
+	<circle cx="490.00" cy="51.50" data-y="11072.05218" data-x="2044" r="4" fill="#5BCBF5"><title>2044: 11072.05218</title></circle>
+	<circle cx="510.00" cy="45.48" data-y="11377.46327" data-x="2045" r="4" fill="#5BCBF5"><title>2045: 11377.46327</title></circle>
+	<circle cx="530.00" cy="39.02" data-y="11704.49413" data-x="2046" r="4" fill="#5BCBF5"><title>2046: 11704.49413</title></circle>
+	<circle cx="550.00" cy="32.18" data-y="12051.0731" data-x="2047" r="4" fill="#5BCBF5"><title>2047: 12051.0731</title></circle>
+	<circle cx="570.00" cy="25.02" data-y="12414.03982" data-x="2048" r="4" fill="#5BCBF5"><title>2048: 12414.03982</title></circle>
+	<circle cx="590.00" cy="17.48" data-y="12796.33046" data-x="2049" r="4" fill="#5BCBF5"><title>2049: 12796.33046</title></circle>
+	<circle cx="610.00" cy="10.00" data-y="13175.17392" data-x="2050" r="4" fill="#5BCBF5"><title>2050: 13175.17392</title></circle>
+</g>
+<g data-scenario="leading-the-way" class="data-series">	<path d="M 50.00,151.68L 70.00,147.04L 90.00,141.75L 110.00,137.38L 130.00,133.50L 150.00,128.51L 170.00,124.92L 190.00,122.14L 210.00,117.22L 230.00,108.13L 250.00,99.43L 270.00,91.04L 290.00,83.03L 310.00,70.78L 330.00,63.63L 350.00,56.82L 370.00,50.42L 390.00,44.52L 410.00,39.59L 430.00,35.35L 450.00,31.55L 470.00,26.72L 490.00,21.86L 510.00,18.05L 530.00,18.43L 550.00,18.82L 570.00,19.19L 590.00,19.55L 610.00,19.89" id="Leading The Way" class="line" stroke="#C2CD23" stroke-width="3" stroke-linecap="round"><title>Leading The Way</title></path>
+	<circle cx="50.00" cy="151.68" data-y="5995.712559" data-x="2022" r="4" fill="#C2CD23"><title>2022: 5995.712559</title></circle>
+	<circle cx="70.00" cy="147.04" data-y="6231.096783" data-x="2023" r="4" fill="#C2CD23"><title>2023: 6231.096783</title></circle>
+	<circle cx="90.00" cy="141.75" data-y="6498.81177" data-x="2024" r="4" fill="#C2CD23"><title>2024: 6498.81177</title></circle>
+	<circle cx="110.00" cy="137.38" data-y="6720.34205" data-x="2025" r="4" fill="#C2CD23"><title>2025: 6720.34205</title></circle>
+	<circle cx="130.00" cy="133.50" data-y="6916.798092" data-x="2026" r="4" fill="#C2CD23"><title>2026: 6916.798092</title></circle>
+	<circle cx="150.00" cy="128.51" data-y="7169.978353" data-x="2027" r="4" fill="#C2CD23"><title>2027: 7169.978353</title></circle>
+	<circle cx="170.00" cy="124.92" data-y="7351.555524" data-x="2028" r="4" fill="#C2CD23"><title>2028: 7351.555524</title></circle>
+	<circle cx="190.00" cy="122.14" data-y="7492.840604" data-x="2029" r="4" fill="#C2CD23"><title>2029: 7492.840604</title></circle>
+	<circle cx="210.00" cy="117.22" data-y="7742.013068" data-x="2030" r="4" fill="#C2CD23"><title>2030: 7742.013068</title></circle>
+	<circle cx="230.00" cy="108.13" data-y="8202.527517" data-x="2031" r="4" fill="#C2CD23"><title>2031: 8202.527517</title></circle>
+	<circle cx="250.00" cy="99.43" data-y="8643.329692" data-x="2032" r="4" fill="#C2CD23"><title>2032: 8643.329692</title></circle>
+	<circle cx="270.00" cy="91.04" data-y="9068.461146" data-x="2033" r="4" fill="#C2CD23"><title>2033: 9068.461146</title></circle>
+	<circle cx="290.00" cy="83.03" data-y="9474.334362" data-x="2034" r="4" fill="#C2CD23"><title>2034: 9474.334362</title></circle>
+	<circle cx="310.00" cy="70.78" data-y="10095.41165" data-x="2035" r="4" fill="#C2CD23"><title>2035: 10095.41165</title></circle>
+	<circle cx="330.00" cy="63.63" data-y="10457.55682" data-x="2036" r="4" fill="#C2CD23"><title>2036: 10457.55682</title></circle>
+	<circle cx="350.00" cy="56.82" data-y="10802.83569" data-x="2037" r="4" fill="#C2CD23"><title>2037: 10802.83569</title></circle>
+	<circle cx="370.00" cy="50.42" data-y="11126.72912" data-x="2038" r="4" fill="#C2CD23"><title>2038: 11126.72912</title></circle>
+	<circle cx="390.00" cy="44.52" data-y="11425.72523" data-x="2039" r="4" fill="#C2CD23"><title>2039: 11425.72523</title></circle>
+	<circle cx="410.00" cy="39.59" data-y="11675.73164" data-x="2040" r="4" fill="#C2CD23"><title>2040: 11675.73164</title></circle>
+	<circle cx="430.00" cy="35.35" data-y="11890.77339" data-x="2041" r="4" fill="#C2CD23"><title>2041: 11890.77339</title></circle>
+	<circle cx="450.00" cy="31.55" data-y="12083.31242" data-x="2042" r="4" fill="#C2CD23"><title>2042: 12083.31242</title></circle>
+	<circle cx="470.00" cy="26.72" data-y="12327.86568" data-x="2043" r="4" fill="#C2CD23"><title>2043: 12327.86568</title></circle>
+	<circle cx="490.00" cy="21.86" data-y="12574.18742" data-x="2044" r="4" fill="#C2CD23"><title>2044: 12574.18742</title></circle>
+	<circle cx="510.00" cy="18.05" data-y="12767.05758" data-x="2045" r="4" fill="#C2CD23"><title>2045: 12767.05758</title></circle>
+	<circle cx="530.00" cy="18.43" data-y="12747.90383" data-x="2046" r="4" fill="#C2CD23"><title>2046: 12747.90383</title></circle>
+	<circle cx="550.00" cy="18.82" data-y="12728.43257" data-x="2047" r="4" fill="#C2CD23"><title>2047: 12728.43257</title></circle>
+	<circle cx="570.00" cy="19.19" data-y="12709.65617" data-x="2048" r="4" fill="#C2CD23"><title>2048: 12709.65617</title></circle>
+	<circle cx="590.00" cy="19.55" data-y="12691.29411" data-x="2049" r="4" fill="#C2CD23"><title>2049: 12691.29411</title></circle>
+	<circle cx="610.00" cy="19.89" data-y="12673.99236" data-x="2050" r="4" fill="#C2CD23"><title>2050: 12673.99236</title></circle>
+</g>
+<g data-scenario="npg-best-view-no-customer-flexibility-customer-flexibility" class="data-series">	<path d="M 50.00,151.68L 70.00,147.05L 90.00,141.82L 110.00,137.71L 130.00,134.16L 150.00,129.41L 170.00,125.90L 190.00,123.08L 210.00,119.20L 230.00,115.74L 250.00,112.54L 270.00,109.51L 290.00,106.71L 310.00,98.66L 330.00,91.30L 350.00,84.21L 370.00,77.50L 390.00,71.21L 410.00,65.68L 430.00,60.82L 450.00,56.50L 470.00,51.21L 490.00,45.96L 510.00,40.80L 530.00,35.79L 550.00,30.83L 570.00,25.92L 590.00,21.05L 610.00,17.17" id="NPg Best View no customer flexibility" class="line dotted" stroke="#cc0935" stroke-width="3" stroke-linecap="round"><title>NPg Best View no customer flexibility</title></path>
+	<circle cx="50.00" cy="151.68" data-y="5995.712559" data-x="2022" r="4" fill="#cc0935"><title>2022: 5995.712559</title></circle>
+	<circle cx="70.00" cy="147.05" data-y="6230.403368" data-x="2023" r="4" fill="#cc0935"><title>2023: 6230.403368</title></circle>
+	<circle cx="90.00" cy="141.82" data-y="6495.350229" data-x="2024" r="4" fill="#cc0935"><title>2024: 6495.350229</title></circle>
+	<circle cx="110.00" cy="137.71" data-y="6703.510658" data-x="2025" r="4" fill="#cc0935"><title>2025: 6703.510658</title></circle>
+	<circle cx="130.00" cy="134.16" data-y="6883.662883" data-x="2026" r="4" fill="#cc0935"><title>2026: 6883.662883</title></circle>
+	<circle cx="150.00" cy="129.41" data-y="7124.200686" data-x="2027" r="4" fill="#cc0935"><title>2027: 7124.200686</title></circle>
+	<circle cx="170.00" cy="125.90" data-y="7302.134749" data-x="2028" r="4" fill="#cc0935"><title>2028: 7302.134749</title></circle>
+	<circle cx="190.00" cy="123.08" data-y="7444.882573" data-x="2029" r="4" fill="#cc0935"><title>2029: 7444.882573</title></circle>
+	<circle cx="210.00" cy="119.20" data-y="7641.576486" data-x="2030" r="4" fill="#cc0935"><title>2030: 7641.576486</title></circle>
+	<circle cx="230.00" cy="115.74" data-y="7817.181574" data-x="2031" r="4" fill="#cc0935"><title>2031: 7817.181574</title></circle>
+	<circle cx="250.00" cy="112.54" data-y="7979.144442" data-x="2032" r="4" fill="#cc0935"><title>2032: 7979.144442</title></circle>
+	<circle cx="270.00" cy="109.51" data-y="8132.433734" data-x="2033" r="4" fill="#cc0935"><title>2033: 8132.433734</title></circle>
+	<circle cx="290.00" cy="106.71" data-y="8274.36738" data-x="2034" r="4" fill="#cc0935"><title>2034: 8274.36738</title></circle>
+	<circle cx="310.00" cy="98.66" data-y="8682.406232" data-x="2035" r="4" fill="#cc0935"><title>2035: 8682.406232</title></circle>
+	<circle cx="330.00" cy="91.30" data-y="9055.534501" data-x="2036" r="4" fill="#cc0935"><title>2036: 9055.534501</title></circle>
+	<circle cx="350.00" cy="84.21" data-y="9414.896822" data-x="2037" r="4" fill="#cc0935"><title>2037: 9414.896822</title></circle>
+	<circle cx="370.00" cy="77.50" data-y="9754.757657" data-x="2038" r="4" fill="#cc0935"><title>2038: 9754.757657</title></circle>
+	<circle cx="390.00" cy="71.21" data-y="10073.51204" data-x="2039" r="4" fill="#cc0935"><title>2039: 10073.51204</title></circle>
+	<circle cx="410.00" cy="65.68" data-y="10353.40721" data-x="2040" r="4" fill="#cc0935"><title>2040: 10353.40721</title></circle>
+	<circle cx="430.00" cy="60.82" data-y="10599.83546" data-x="2041" r="4" fill="#cc0935"><title>2041: 10599.83546</title></circle>
+	<circle cx="450.00" cy="56.50" data-y="10819.07917" data-x="2042" r="4" fill="#cc0935"><title>2042: 10819.07917</title></circle>
+	<circle cx="470.00" cy="51.21" data-y="11086.85799" data-x="2043" r="4" fill="#cc0935"><title>2043: 11086.85799</title></circle>
+	<circle cx="490.00" cy="45.96" data-y="11353.13069" data-x="2044" r="4" fill="#cc0935"><title>2044: 11353.13069</title></circle>
+	<circle cx="510.00" cy="40.80" data-y="11614.21599" data-x="2045" r="4" fill="#cc0935"><title>2045: 11614.21599</title></circle>
+	<circle cx="530.00" cy="35.79" data-y="11868.50096" data-x="2046" r="4" fill="#cc0935"><title>2046: 11868.50096</title></circle>
+	<circle cx="550.00" cy="30.83" data-y="12119.52803" data-x="2047" r="4" fill="#cc0935"><title>2047: 12119.52803</title></circle>
+	<circle cx="570.00" cy="25.92" data-y="12368.50272" data-x="2048" r="4" fill="#cc0935"><title>2048: 12368.50272</title></circle>
+	<circle cx="590.00" cy="21.05" data-y="12615.28609" data-x="2049" r="4" fill="#cc0935"><title>2049: 12615.28609</title></circle>
+	<circle cx="610.00" cy="17.17" data-y="12811.94753" data-x="2050" r="4" fill="#cc0935"><title>2050: 12811.94753</title></circle>
+</g>
+<g data-scenario="falling-short" class="data-series">	<path d="M 50.00,151.17L 70.00,146.20L 90.00,141.46L 110.00,138.27L 130.00,136.42L 150.00,133.57L 170.00,130.42L 190.00,127.66L 210.00,124.43L 230.00,121.72L 250.00,119.13L 270.00,116.62L 290.00,114.23L 310.00,107.07L 330.00,104.75L 350.00,102.46L 370.00,100.42L 390.00,98.45L 410.00,96.60L 430.00,94.91L 450.00,93.34L 470.00,91.92L 490.00,90.64L 510.00,89.47L 530.00,88.45L 550.00,87.50L 570.00,86.60L 590.00,85.76L 610.00,85.09" id="Falling Short" class="line" stroke="#827B7A" stroke-width="3" stroke-linecap="round"><title>Falling Short</title></path>
+	<circle cx="50.00" cy="151.17" data-y="6021.389369" data-x="2022" r="4" fill="#827B7A"><title>2022: 6021.389369</title></circle>
+	<circle cx="70.00" cy="146.20" data-y="6273.484491" data-x="2023" r="4" fill="#827B7A"><title>2023: 6273.484491</title></circle>
+	<circle cx="90.00" cy="141.46" data-y="6513.526702" data-x="2024" r="4" fill="#827B7A"><title>2024: 6513.526702</title></circle>
+	<circle cx="110.00" cy="138.27" data-y="6675.287739" data-x="2025" r="4" fill="#827B7A"><title>2025: 6675.287739</title></circle>
+	<circle cx="130.00" cy="136.42" data-y="6768.777811" data-x="2026" r="4" fill="#827B7A"><title>2026: 6768.777811</title></circle>
+	<circle cx="150.00" cy="133.57" data-y="6913.64966" data-x="2027" r="4" fill="#827B7A"><title>2027: 6913.64966</title></circle>
+	<circle cx="170.00" cy="130.42" data-y="7073.196722" data-x="2028" r="4" fill="#827B7A"><title>2028: 7073.196722</title></circle>
+	<circle cx="190.00" cy="127.66" data-y="7213.073379" data-x="2029" r="4" fill="#827B7A"><title>2029: 7213.073379</title></circle>
+	<circle cx="210.00" cy="124.43" data-y="7376.352363" data-x="2030" r="4" fill="#827B7A"><title>2030: 7376.352363</title></circle>
+	<circle cx="230.00" cy="121.72" data-y="7514.08702" data-x="2031" r="4" fill="#827B7A"><title>2031: 7514.08702</title></circle>
+	<circle cx="250.00" cy="119.13" data-y="7645.146006" data-x="2032" r="4" fill="#827B7A"><title>2032: 7645.146006</title></circle>
+	<circle cx="270.00" cy="116.62" data-y="7772.551206" data-x="2033" r="4" fill="#827B7A"><title>2033: 7772.551206</title></circle>
+	<circle cx="290.00" cy="114.23" data-y="7893.282672" data-x="2034" r="4" fill="#827B7A"><title>2034: 7893.282672</title></circle>
+	<circle cx="310.00" cy="107.07" data-y="8256.141417" data-x="2035" r="4" fill="#827B7A"><title>2035: 8256.141417</title></circle>
+	<circle cx="330.00" cy="104.75" data-y="8373.665246" data-x="2036" r="4" fill="#827B7A"><title>2036: 8373.665246</title></circle>
+	<circle cx="350.00" cy="102.46" data-y="8489.700199" data-x="2037" r="4" fill="#827B7A"><title>2037: 8489.700199</title></circle>
+	<circle cx="370.00" cy="100.42" data-y="8593.375873" data-x="2038" r="4" fill="#827B7A"><title>2038: 8593.375873</title></circle>
+	<circle cx="390.00" cy="98.45" data-y="8692.856329" data-x="2039" r="4" fill="#827B7A"><title>2039: 8692.856329</title></circle>
+	<circle cx="410.00" cy="96.60" data-y="8786.803046" data-x="2040" r="4" fill="#827B7A"><title>2040: 8786.803046</title></circle>
+	<circle cx="430.00" cy="94.91" data-y="8872.715631" data-x="2041" r="4" fill="#827B7A"><title>2041: 8872.715631</title></circle>
+	<circle cx="450.00" cy="93.34" data-y="8952.076715" data-x="2042" r="4" fill="#827B7A"><title>2042: 8952.076715</title></circle>
+	<circle cx="470.00" cy="91.92" data-y="9023.896906" data-x="2043" r="4" fill="#827B7A"><title>2043: 9023.896906</title></circle>
+	<circle cx="490.00" cy="90.64" data-y="9089.046096" data-x="2044" r="4" fill="#827B7A"><title>2044: 9089.046096</title></circle>
+	<circle cx="510.00" cy="89.47" data-y="9148.114761" data-x="2045" r="4" fill="#827B7A"><title>2045: 9148.114761</title></circle>
+	<circle cx="530.00" cy="88.45" data-y="9200.033328" data-x="2046" r="4" fill="#827B7A"><title>2046: 9200.033328</title></circle>
+	<circle cx="550.00" cy="87.50" data-y="9248.178769" data-x="2047" r="4" fill="#827B7A"><title>2047: 9248.178769</title></circle>
+	<circle cx="570.00" cy="86.60" data-y="9293.668968" data-x="2048" r="4" fill="#827B7A"><title>2048: 9293.668968</title></circle>
+	<circle cx="590.00" cy="85.76" data-y="9336.142927" data-x="2049" r="4" fill="#827B7A"><title>2049: 9336.142927</title></circle>
+	<circle cx="610.00" cy="85.09" data-y="9370.306132" data-x="2050" r="4" fill="#827B7A"><title>2050: 9370.306132</title></circle>
+</g>
+<g data-scenario="planning-scenario" class="data-series">	<path d="M 50.00,151.87L 70.00,147.51L 90.00,142.66L 110.00,139.04L 130.00,136.00L 150.00,131.81L 170.00,128.74L 190.00,126.38L 210.00,123.01L 230.00,120.05L 250.00,117.37L 270.00,114.82L 290.00,112.44L 310.00,104.72L 330.00,97.64L 350.00,90.78L 370.00,84.28L 390.00,78.16L 410.00,72.77L 430.00,68.01L 450.00,63.76L 470.00,58.53L 490.00,53.32L 510.00,48.20L 530.00,43.19L 550.00,38.25L 570.00,33.35L 590.00,28.50L 610.00,24.63" id="NPg Best View" class="line" stroke="#ab1236" stroke-width="3" stroke-linecap="round"><title>NPg Best View</title></path>
+	<circle cx="50.00" cy="151.87" data-y="5986.164637" data-x="2022" r="4" fill="#ab1236"><title>2022: 5986.164637</title></circle>
+	<circle cx="70.00" cy="147.51" data-y="6206.841958" data-x="2023" r="4" fill="#ab1236"><title>2023: 6206.841958</title></circle>
+	<circle cx="90.00" cy="142.66" data-y="6452.951423" data-x="2024" r="4" fill="#ab1236"><title>2024: 6452.951423</title></circle>
+	<circle cx="110.00" cy="139.04" data-y="6636.263825" data-x="2025" r="4" fill="#ab1236"><title>2025: 6636.263825</title></circle>
+	<circle cx="130.00" cy="136.00" data-y="6790.132732" data-x="2026" r="4" fill="#ab1236"><title>2026: 6790.132732</title></circle>
+	<circle cx="150.00" cy="131.81" data-y="7002.638896" data-x="2027" r="4" fill="#ab1236"><title>2027: 7002.638896</title></circle>
+	<circle cx="170.00" cy="128.74" data-y="7157.985186" data-x="2028" r="4" fill="#ab1236"><title>2028: 7157.985186</title></circle>
+	<circle cx="190.00" cy="126.38" data-y="7277.915904" data-x="2029" r="4" fill="#ab1236"><title>2029: 7277.915904</title></circle>
+	<circle cx="210.00" cy="123.01" data-y="7448.612809" data-x="2030" r="4" fill="#ab1236"><title>2030: 7448.612809</title></circle>
+	<circle cx="230.00" cy="120.05" data-y="7598.457178" data-x="2031" r="4" fill="#ab1236"><title>2031: 7598.457178</title></circle>
+	<circle cx="250.00" cy="117.37" data-y="7734.11356" data-x="2032" r="4" fill="#ab1236"><title>2032: 7734.11356</title></circle>
+	<circle cx="270.00" cy="114.82" data-y="7863.489208" data-x="2033" r="4" fill="#ab1236"><title>2033: 7863.489208</title></circle>
+	<circle cx="290.00" cy="112.44" data-y="7984.231654" data-x="2034" r="4" fill="#ab1236"><title>2034: 7984.231654</title></circle>
+	<circle cx="310.00" cy="104.72" data-y="8375.205427" data-x="2035" r="4" fill="#ab1236"><title>2035: 8375.205427</title></circle>
+	<circle cx="330.00" cy="97.64" data-y="8734.315833" data-x="2036" r="4" fill="#ab1236"><title>2036: 8734.315833</title></circle>
+	<circle cx="350.00" cy="90.78" data-y="9081.68122" data-x="2037" r="4" fill="#ab1236"><title>2037: 9081.68122</title></circle>
+	<circle cx="370.00" cy="84.28" data-y="9411.37057" data-x="2038" r="4" fill="#ab1236"><title>2038: 9411.37057</title></circle>
+	<circle cx="390.00" cy="78.16" data-y="9721.472159" data-x="2039" r="4" fill="#ab1236"><title>2039: 9721.472159</title></circle>
+	<circle cx="410.00" cy="72.77" data-y="9994.440387" data-x="2040" r="4" fill="#ab1236"><title>2040: 9994.440387</title></circle>
+	<circle cx="430.00" cy="68.01" data-y="10235.59242" data-x="2041" r="4" fill="#ab1236"><title>2041: 10235.59242</title></circle>
+	<circle cx="450.00" cy="63.76" data-y="10450.83327" data-x="2042" r="4" fill="#ab1236"><title>2042: 10450.83327</title></circle>
+	<circle cx="470.00" cy="58.53" data-y="10715.73875" data-x="2043" r="4" fill="#ab1236"><title>2043: 10715.73875</title></circle>
+	<circle cx="490.00" cy="53.32" data-y="10980.03499" data-x="2044" r="4" fill="#ab1236"><title>2044: 10980.03499</title></circle>
+	<circle cx="510.00" cy="48.20" data-y="11239.68112" data-x="2045" r="4" fill="#ab1236"><title>2045: 11239.68112</title></circle>
+	<circle cx="530.00" cy="43.19" data-y="11493.23124" data-x="2046" r="4" fill="#ab1236"><title>2046: 11493.23124</title></circle>
+	<circle cx="550.00" cy="38.25" data-y="11743.62515" data-x="2047" r="4" fill="#ab1236"><title>2047: 11743.62515</title></circle>
+	<circle cx="570.00" cy="33.35" data-y="11991.85622" data-x="2048" r="4" fill="#ab1236"><title>2048: 11991.85622</title></circle>
+	<circle cx="590.00" cy="28.50" data-y="12237.85302" data-x="2049" r="4" fill="#ab1236"><title>2049: 12237.85302</title></circle>
+	<circle cx="610.00" cy="24.63" data-y="12433.63611" data-x="2050" r="4" fill="#ab1236"><title>2050: 12433.63611</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-annual-peak-demand.html b/2023-DFES/data/graphs/graph-annual-peak-demand.html
new file mode 100644
index 0000000..daf126c
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-annual-peak-demand.html
@@ -0,0 +1,9 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="consumer-transformation"><td class="consumer-transformation"><span>Consumer Transformation</span></td><td>7650.910626</td><td>10482.25698</td><td>13024.31081</td></tr>
+<tr data-scenario="system-transformation"><td class="system-transformation"><span>System Transformation</span></td><td>7650.820764</td><td>10044.95934</td><td>13175.17392</td></tr>
+<tr data-scenario="leading-the-way"><td class="leading-the-way"><span>Leading The Way</span></td><td>7742.013068</td><td>11675.73164</td><td>12673.99236</td></tr>
+<tr data-scenario="npg-best-view-no-customer-flexibility-customer-flexibility"><td style="background-color:#cc0935;color:white"><span>NPg Best View no customer flexibility&nbsp;-&nbsp;-&nbsp;-</span></td><td>7641.576486</td><td>10353.40721</td><td>12811.94753</td></tr>
+<tr data-scenario="falling-short"><td class="falling-short"><span>Falling Short</span></td><td>7376.352363</td><td>8786.803046</td><td>9370.306132</td></tr>
+<tr data-scenario="planning-scenario"><td class="planning-scenario"><span>NPg Best View</span></td><td>7448.612809</td><td>9994.440387</td><td>12433.63611</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-annual-peak-demand.svg b/2023-DFES/data/graphs/graph-annual-peak-demand.svg
new file mode 100644
index 0000000..ffc977d
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-annual-peak-demand.svg
@@ -0,0 +1,218 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="100" y1="270" x2="630" y2="270" data-left="100"></line>
+	<text x="100" y="270" text-anchor="end">0</text>
+	<text x="100" y="171.329575769274" text-anchor="end">5,000</text>
+	<text x="100" y="72.6591515385476" text-anchor="end">10,000</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Annual peak demand (GW)</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="246.206896551724" y1="270" x2="246.206896551724" y2="275"></line>
+	<text x="246.206896551724" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="428.965517241379" y1="270" x2="428.965517241379" y2="275"></line>
+	<text x="428.965517241379" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="611.724137931034" y1="270" x2="611.724137931034" y2="275"></line>
+	<text x="611.724137931034" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="consumer-transformation" class="data-series">	<path d="M 100.00,151.68L 118.28,147.02L 136.55,141.74L 154.83,137.55L 173.10,134.00L 191.38,129.29L 209.66,125.75L 227.93,122.95L 246.21,119.02L 264.48,115.46L 282.76,112.20L 301.03,109.11L 319.31,106.16L 337.59,97.88L 355.86,90.21L 374.14,82.78L 392.41,75.70L 410.69,69.03L 428.97,63.14L 447.24,57.98L 465.52,53.38L 483.79,47.86L 502.07,42.40L 520.34,37.08L 538.62,31.95L 556.90,26.89L 575.17,21.90L 593.45,16.94L 611.72,12.98" id="Consumer Transformation" class="line" stroke="#FFBF22" stroke-width="3" stroke-linecap="round"><title>Consumer Transformation</title></path>
+	<circle cx="100.00" cy="151.68" data-y="5995.712559" data-x="2022" r="4" fill="#FFBF22"><title>2022: 5995.712559</title></circle>
+	<circle cx="118.28" cy="147.02" data-y="6231.897847" data-x="2023" r="4" fill="#FFBF22"><title>2023: 6231.897847</title></circle>
+	<circle cx="136.55" cy="141.74" data-y="6499.512521" data-x="2024" r="4" fill="#FFBF22"><title>2024: 6499.512521</title></circle>
+	<circle cx="154.83" cy="137.55" data-y="6711.526093" data-x="2025" r="4" fill="#FFBF22"><title>2025: 6711.526093</title></circle>
+	<circle cx="173.10" cy="134.00" data-y="6891.562474" data-x="2026" r="4" fill="#FFBF22"><title>2026: 6891.562474</title></circle>
+	<circle cx="191.38" cy="129.29" data-y="7130.193904" data-x="2027" r="4" fill="#FFBF22"><title>2027: 7130.193904</title></circle>
+	<circle cx="209.66" cy="125.75" data-y="7309.759074" data-x="2028" r="4" fill="#FFBF22"><title>2028: 7309.759074</title></circle>
+	<circle cx="227.93" cy="122.95" data-y="7451.406292" data-x="2029" r="4" fill="#FFBF22"><title>2029: 7451.406292</title></circle>
+	<circle cx="246.21" cy="119.02" data-y="7650.910626" data-x="2030" r="4" fill="#FFBF22"><title>2030: 7650.910626</title></circle>
+	<circle cx="264.48" cy="115.46" data-y="7831.09897" data-x="2031" r="4" fill="#FFBF22"><title>2031: 7831.09897</title></circle>
+	<circle cx="282.76" cy="112.20" data-y="7996.184655" data-x="2032" r="4" fill="#FFBF22"><title>2032: 7996.184655</title></circle>
+	<circle cx="301.03" cy="109.11" data-y="8153.15143" data-x="2033" r="4" fill="#FFBF22"><title>2033: 8153.15143</title></circle>
+	<circle cx="319.31" cy="106.16" data-y="8302.381687" data-x="2034" r="4" fill="#FFBF22"><title>2034: 8302.381687</title></circle>
+	<circle cx="337.59" cy="97.88" data-y="8722.192824" data-x="2035" r="4" fill="#FFBF22"><title>2035: 8722.192824</title></circle>
+	<circle cx="355.86" cy="90.21" data-y="9110.719048" data-x="2036" r="4" fill="#FFBF22"><title>2036: 9110.719048</title></circle>
+	<circle cx="374.14" cy="82.78" data-y="9487.388771" data-x="2037" r="4" fill="#FFBF22"><title>2037: 9487.388771</title></circle>
+	<circle cx="392.41" cy="75.70" data-y="9845.89915" data-x="2038" r="4" fill="#FFBF22"><title>2038: 9845.89915</title></circle>
+	<circle cx="410.69" cy="69.03" data-y="10183.8288" data-x="2039" r="4" fill="#FFBF22"><title>2039: 10183.8288</title></circle>
+	<circle cx="428.97" cy="63.14" data-y="10482.25698" data-x="2040" r="4" fill="#FFBF22"><title>2040: 10482.25698</title></circle>
+	<circle cx="447.24" cy="57.98" data-y="10744.06309" data-x="2041" r="4" fill="#FFBF22"><title>2041: 10744.06309</title></circle>
+	<circle cx="465.52" cy="53.38" data-y="10977.08038" data-x="2042" r="4" fill="#FFBF22"><title>2042: 10977.08038</title></circle>
+	<circle cx="483.79" cy="47.86" data-y="11256.77734" data-x="2043" r="4" fill="#FFBF22"><title>2043: 11256.77734</title></circle>
+	<circle cx="502.07" cy="42.40" data-y="11533.48964" data-x="2044" r="4" fill="#FFBF22"><title>2044: 11533.48964</title></circle>
+	<circle cx="520.34" cy="37.08" data-y="11803.1248" data-x="2045" r="4" fill="#FFBF22"><title>2045: 11803.1248</title></circle>
+	<circle cx="538.62" cy="31.95" data-y="12063.01837" data-x="2046" r="4" fill="#FFBF22"><title>2046: 12063.01837</title></circle>
+	<circle cx="556.90" cy="26.89" data-y="12319.05521" data-x="2047" r="4" fill="#FFBF22"><title>2047: 12319.05521</title></circle>
+	<circle cx="575.17" cy="21.90" data-y="12572.39372" data-x="2048" r="4" fill="#FFBF22"><title>2048: 12572.39372</title></circle>
+	<circle cx="593.45" cy="16.94" data-y="12823.54179" data-x="2049" r="4" fill="#FFBF22"><title>2049: 12823.54179</title></circle>
+	<circle cx="611.72" cy="12.98" data-y="13024.31081" data-x="2050" r="4" fill="#FFBF22"><title>2050: 13024.31081</title></circle>
+</g>
+<g data-scenario="system-transformation" class="data-series">	<path d="M 100.00,151.17L 118.28,146.29L 136.55,140.64L 154.83,136.58L 173.10,133.64L 191.38,129.81L 209.66,126.07L 227.93,122.93L 246.21,119.02L 264.48,115.55L 282.76,112.21L 301.03,108.96L 319.31,105.78L 337.59,96.48L 355.86,91.42L 374.14,86.49L 392.41,81.59L 410.69,76.66L 428.97,71.77L 447.24,67.03L 465.52,62.18L 483.79,57.03L 502.07,51.50L 520.34,45.48L 538.62,39.02L 556.90,32.18L 575.17,25.02L 593.45,17.48L 611.72,10.00" id="System Transformation" class="line" stroke="#5BCBF5" stroke-width="3" stroke-linecap="round"><title>System Transformation</title></path>
+	<circle cx="100.00" cy="151.17" data-y="6021.497055" data-x="2022" r="4" fill="#5BCBF5"><title>2022: 6021.497055</title></circle>
+	<circle cx="118.28" cy="146.29" data-y="6268.849153" data-x="2023" r="4" fill="#5BCBF5"><title>2023: 6268.849153</title></circle>
+	<circle cx="136.55" cy="140.64" data-y="6555.100224" data-x="2024" r="4" fill="#5BCBF5"><title>2024: 6555.100224</title></circle>
+	<circle cx="154.83" cy="136.58" data-y="6760.646909" data-x="2025" r="4" fill="#5BCBF5"><title>2025: 6760.646909</title></circle>
+	<circle cx="173.10" cy="133.64" data-y="6909.930106" data-x="2026" r="4" fill="#5BCBF5"><title>2026: 6909.930106</title></circle>
+	<circle cx="191.38" cy="129.81" data-y="7103.895986" data-x="2027" r="4" fill="#5BCBF5"><title>2027: 7103.895986</title></circle>
+	<circle cx="209.66" cy="126.07" data-y="7293.259839" data-x="2028" r="4" fill="#5BCBF5"><title>2028: 7293.259839</title></circle>
+	<circle cx="227.93" cy="122.93" data-y="7452.669477" data-x="2029" r="4" fill="#5BCBF5"><title>2029: 7452.669477</title></circle>
+	<circle cx="246.21" cy="119.02" data-y="7650.820764" data-x="2030" r="4" fill="#5BCBF5"><title>2030: 7650.820764</title></circle>
+	<circle cx="264.48" cy="115.55" data-y="7826.761395" data-x="2031" r="4" fill="#5BCBF5"><title>2031: 7826.761395</title></circle>
+	<circle cx="282.76" cy="112.21" data-y="7995.787189" data-x="2032" r="4" fill="#5BCBF5"><title>2032: 7995.787189</title></circle>
+	<circle cx="301.03" cy="108.96" data-y="8160.513242" data-x="2033" r="4" fill="#5BCBF5"><title>2033: 8160.513242</title></circle>
+	<circle cx="319.31" cy="105.78" data-y="8321.669756" data-x="2034" r="4" fill="#5BCBF5"><title>2034: 8321.669756</title></circle>
+	<circle cx="337.59" cy="96.48" data-y="8792.788657" data-x="2035" r="4" fill="#5BCBF5"><title>2035: 8792.788657</title></circle>
+	<circle cx="355.86" cy="91.42" data-y="9049.113617" data-x="2036" r="4" fill="#5BCBF5"><title>2036: 9049.113617</title></circle>
+	<circle cx="374.14" cy="86.49" data-y="9299.074447" data-x="2037" r="4" fill="#5BCBF5"><title>2037: 9299.074447</title></circle>
+	<circle cx="392.41" cy="81.59" data-y="9547.625773" data-x="2038" r="4" fill="#5BCBF5"><title>2038: 9547.625773</title></circle>
+	<circle cx="410.69" cy="76.66" data-y="9797.27353" data-x="2039" r="4" fill="#5BCBF5"><title>2039: 9797.27353</title></circle>
+	<circle cx="428.97" cy="71.77" data-y="10044.95934" data-x="2040" r="4" fill="#5BCBF5"><title>2040: 10044.95934</title></circle>
+	<circle cx="447.24" cy="67.03" data-y="10285.23721" data-x="2041" r="4" fill="#5BCBF5"><title>2041: 10285.23721</title></circle>
+	<circle cx="465.52" cy="62.18" data-y="10531.18934" data-x="2042" r="4" fill="#5BCBF5"><title>2042: 10531.18934</title></circle>
+	<circle cx="483.79" cy="57.03" data-y="10791.74396" data-x="2043" r="4" fill="#5BCBF5"><title>2043: 10791.74396</title></circle>
+	<circle cx="502.07" cy="51.50" data-y="11072.05218" data-x="2044" r="4" fill="#5BCBF5"><title>2044: 11072.05218</title></circle>
+	<circle cx="520.34" cy="45.48" data-y="11377.46327" data-x="2045" r="4" fill="#5BCBF5"><title>2045: 11377.46327</title></circle>
+	<circle cx="538.62" cy="39.02" data-y="11704.49413" data-x="2046" r="4" fill="#5BCBF5"><title>2046: 11704.49413</title></circle>
+	<circle cx="556.90" cy="32.18" data-y="12051.0731" data-x="2047" r="4" fill="#5BCBF5"><title>2047: 12051.0731</title></circle>
+	<circle cx="575.17" cy="25.02" data-y="12414.03982" data-x="2048" r="4" fill="#5BCBF5"><title>2048: 12414.03982</title></circle>
+	<circle cx="593.45" cy="17.48" data-y="12796.33046" data-x="2049" r="4" fill="#5BCBF5"><title>2049: 12796.33046</title></circle>
+	<circle cx="611.72" cy="10.00" data-y="13175.17392" data-x="2050" r="4" fill="#5BCBF5"><title>2050: 13175.17392</title></circle>
+</g>
+<g data-scenario="leading-the-way" class="data-series">	<path d="M 100.00,151.68L 118.28,147.04L 136.55,141.75L 154.83,137.38L 173.10,133.50L 191.38,128.51L 209.66,124.92L 227.93,122.14L 246.21,117.22L 264.48,108.13L 282.76,99.43L 301.03,91.04L 319.31,83.03L 337.59,70.78L 355.86,63.63L 374.14,56.82L 392.41,50.42L 410.69,44.52L 428.97,39.59L 447.24,35.35L 465.52,31.55L 483.79,26.72L 502.07,21.86L 520.34,18.05L 538.62,18.43L 556.90,18.82L 575.17,19.19L 593.45,19.55L 611.72,19.89" id="Leading The Way" class="line" stroke="#C2CD23" stroke-width="3" stroke-linecap="round"><title>Leading The Way</title></path>
+	<circle cx="100.00" cy="151.68" data-y="5995.712559" data-x="2022" r="4" fill="#C2CD23"><title>2022: 5995.712559</title></circle>
+	<circle cx="118.28" cy="147.04" data-y="6231.096783" data-x="2023" r="4" fill="#C2CD23"><title>2023: 6231.096783</title></circle>
+	<circle cx="136.55" cy="141.75" data-y="6498.81177" data-x="2024" r="4" fill="#C2CD23"><title>2024: 6498.81177</title></circle>
+	<circle cx="154.83" cy="137.38" data-y="6720.34205" data-x="2025" r="4" fill="#C2CD23"><title>2025: 6720.34205</title></circle>
+	<circle cx="173.10" cy="133.50" data-y="6916.798092" data-x="2026" r="4" fill="#C2CD23"><title>2026: 6916.798092</title></circle>
+	<circle cx="191.38" cy="128.51" data-y="7169.978353" data-x="2027" r="4" fill="#C2CD23"><title>2027: 7169.978353</title></circle>
+	<circle cx="209.66" cy="124.92" data-y="7351.555524" data-x="2028" r="4" fill="#C2CD23"><title>2028: 7351.555524</title></circle>
+	<circle cx="227.93" cy="122.14" data-y="7492.840604" data-x="2029" r="4" fill="#C2CD23"><title>2029: 7492.840604</title></circle>
+	<circle cx="246.21" cy="117.22" data-y="7742.013068" data-x="2030" r="4" fill="#C2CD23"><title>2030: 7742.013068</title></circle>
+	<circle cx="264.48" cy="108.13" data-y="8202.527517" data-x="2031" r="4" fill="#C2CD23"><title>2031: 8202.527517</title></circle>
+	<circle cx="282.76" cy="99.43" data-y="8643.329692" data-x="2032" r="4" fill="#C2CD23"><title>2032: 8643.329692</title></circle>
+	<circle cx="301.03" cy="91.04" data-y="9068.461146" data-x="2033" r="4" fill="#C2CD23"><title>2033: 9068.461146</title></circle>
+	<circle cx="319.31" cy="83.03" data-y="9474.334362" data-x="2034" r="4" fill="#C2CD23"><title>2034: 9474.334362</title></circle>
+	<circle cx="337.59" cy="70.78" data-y="10095.41165" data-x="2035" r="4" fill="#C2CD23"><title>2035: 10095.41165</title></circle>
+	<circle cx="355.86" cy="63.63" data-y="10457.55682" data-x="2036" r="4" fill="#C2CD23"><title>2036: 10457.55682</title></circle>
+	<circle cx="374.14" cy="56.82" data-y="10802.83569" data-x="2037" r="4" fill="#C2CD23"><title>2037: 10802.83569</title></circle>
+	<circle cx="392.41" cy="50.42" data-y="11126.72912" data-x="2038" r="4" fill="#C2CD23"><title>2038: 11126.72912</title></circle>
+	<circle cx="410.69" cy="44.52" data-y="11425.72523" data-x="2039" r="4" fill="#C2CD23"><title>2039: 11425.72523</title></circle>
+	<circle cx="428.97" cy="39.59" data-y="11675.73164" data-x="2040" r="4" fill="#C2CD23"><title>2040: 11675.73164</title></circle>
+	<circle cx="447.24" cy="35.35" data-y="11890.77339" data-x="2041" r="4" fill="#C2CD23"><title>2041: 11890.77339</title></circle>
+	<circle cx="465.52" cy="31.55" data-y="12083.31242" data-x="2042" r="4" fill="#C2CD23"><title>2042: 12083.31242</title></circle>
+	<circle cx="483.79" cy="26.72" data-y="12327.86568" data-x="2043" r="4" fill="#C2CD23"><title>2043: 12327.86568</title></circle>
+	<circle cx="502.07" cy="21.86" data-y="12574.18742" data-x="2044" r="4" fill="#C2CD23"><title>2044: 12574.18742</title></circle>
+	<circle cx="520.34" cy="18.05" data-y="12767.05758" data-x="2045" r="4" fill="#C2CD23"><title>2045: 12767.05758</title></circle>
+	<circle cx="538.62" cy="18.43" data-y="12747.90383" data-x="2046" r="4" fill="#C2CD23"><title>2046: 12747.90383</title></circle>
+	<circle cx="556.90" cy="18.82" data-y="12728.43257" data-x="2047" r="4" fill="#C2CD23"><title>2047: 12728.43257</title></circle>
+	<circle cx="575.17" cy="19.19" data-y="12709.65617" data-x="2048" r="4" fill="#C2CD23"><title>2048: 12709.65617</title></circle>
+	<circle cx="593.45" cy="19.55" data-y="12691.29411" data-x="2049" r="4" fill="#C2CD23"><title>2049: 12691.29411</title></circle>
+	<circle cx="611.72" cy="19.89" data-y="12673.99236" data-x="2050" r="4" fill="#C2CD23"><title>2050: 12673.99236</title></circle>
+</g>
+<g data-scenario="npg-best-view-no-customer-flexibility-customer-flexibility" class="data-series">	<path d="M 100.00,151.68L 118.28,147.05L 136.55,141.82L 154.83,137.71L 173.10,134.16L 191.38,129.41L 209.66,125.90L 227.93,123.08L 246.21,119.20L 264.48,115.74L 282.76,112.54L 301.03,109.51L 319.31,106.71L 337.59,98.66L 355.86,91.30L 374.14,84.21L 392.41,77.50L 410.69,71.21L 428.97,65.68L 447.24,60.82L 465.52,56.50L 483.79,51.21L 502.07,45.96L 520.34,40.80L 538.62,35.79L 556.90,30.83L 575.17,25.92L 593.45,21.05L 611.72,17.17" id="NPg Best View no customer flexibility" class="line dotted" stroke="#cc0935" stroke-width="3" stroke-linecap="round"><title>NPg Best View no customer flexibility</title></path>
+	<circle cx="100.00" cy="151.68" data-y="5995.712559" data-x="2022" r="4" fill="#cc0935"><title>2022: 5995.712559</title></circle>
+	<circle cx="118.28" cy="147.05" data-y="6230.403368" data-x="2023" r="4" fill="#cc0935"><title>2023: 6230.403368</title></circle>
+	<circle cx="136.55" cy="141.82" data-y="6495.350229" data-x="2024" r="4" fill="#cc0935"><title>2024: 6495.350229</title></circle>
+	<circle cx="154.83" cy="137.71" data-y="6703.510658" data-x="2025" r="4" fill="#cc0935"><title>2025: 6703.510658</title></circle>
+	<circle cx="173.10" cy="134.16" data-y="6883.662883" data-x="2026" r="4" fill="#cc0935"><title>2026: 6883.662883</title></circle>
+	<circle cx="191.38" cy="129.41" data-y="7124.200686" data-x="2027" r="4" fill="#cc0935"><title>2027: 7124.200686</title></circle>
+	<circle cx="209.66" cy="125.90" data-y="7302.134749" data-x="2028" r="4" fill="#cc0935"><title>2028: 7302.134749</title></circle>
+	<circle cx="227.93" cy="123.08" data-y="7444.882573" data-x="2029" r="4" fill="#cc0935"><title>2029: 7444.882573</title></circle>
+	<circle cx="246.21" cy="119.20" data-y="7641.576486" data-x="2030" r="4" fill="#cc0935"><title>2030: 7641.576486</title></circle>
+	<circle cx="264.48" cy="115.74" data-y="7817.181574" data-x="2031" r="4" fill="#cc0935"><title>2031: 7817.181574</title></circle>
+	<circle cx="282.76" cy="112.54" data-y="7979.144442" data-x="2032" r="4" fill="#cc0935"><title>2032: 7979.144442</title></circle>
+	<circle cx="301.03" cy="109.51" data-y="8132.433734" data-x="2033" r="4" fill="#cc0935"><title>2033: 8132.433734</title></circle>
+	<circle cx="319.31" cy="106.71" data-y="8274.36738" data-x="2034" r="4" fill="#cc0935"><title>2034: 8274.36738</title></circle>
+	<circle cx="337.59" cy="98.66" data-y="8682.406232" data-x="2035" r="4" fill="#cc0935"><title>2035: 8682.406232</title></circle>
+	<circle cx="355.86" cy="91.30" data-y="9055.534501" data-x="2036" r="4" fill="#cc0935"><title>2036: 9055.534501</title></circle>
+	<circle cx="374.14" cy="84.21" data-y="9414.896822" data-x="2037" r="4" fill="#cc0935"><title>2037: 9414.896822</title></circle>
+	<circle cx="392.41" cy="77.50" data-y="9754.757657" data-x="2038" r="4" fill="#cc0935"><title>2038: 9754.757657</title></circle>
+	<circle cx="410.69" cy="71.21" data-y="10073.51204" data-x="2039" r="4" fill="#cc0935"><title>2039: 10073.51204</title></circle>
+	<circle cx="428.97" cy="65.68" data-y="10353.40721" data-x="2040" r="4" fill="#cc0935"><title>2040: 10353.40721</title></circle>
+	<circle cx="447.24" cy="60.82" data-y="10599.83546" data-x="2041" r="4" fill="#cc0935"><title>2041: 10599.83546</title></circle>
+	<circle cx="465.52" cy="56.50" data-y="10819.07917" data-x="2042" r="4" fill="#cc0935"><title>2042: 10819.07917</title></circle>
+	<circle cx="483.79" cy="51.21" data-y="11086.85799" data-x="2043" r="4" fill="#cc0935"><title>2043: 11086.85799</title></circle>
+	<circle cx="502.07" cy="45.96" data-y="11353.13069" data-x="2044" r="4" fill="#cc0935"><title>2044: 11353.13069</title></circle>
+	<circle cx="520.34" cy="40.80" data-y="11614.21599" data-x="2045" r="4" fill="#cc0935"><title>2045: 11614.21599</title></circle>
+	<circle cx="538.62" cy="35.79" data-y="11868.50096" data-x="2046" r="4" fill="#cc0935"><title>2046: 11868.50096</title></circle>
+	<circle cx="556.90" cy="30.83" data-y="12119.52803" data-x="2047" r="4" fill="#cc0935"><title>2047: 12119.52803</title></circle>
+	<circle cx="575.17" cy="25.92" data-y="12368.50272" data-x="2048" r="4" fill="#cc0935"><title>2048: 12368.50272</title></circle>
+	<circle cx="593.45" cy="21.05" data-y="12615.28609" data-x="2049" r="4" fill="#cc0935"><title>2049: 12615.28609</title></circle>
+	<circle cx="611.72" cy="17.17" data-y="12811.94753" data-x="2050" r="4" fill="#cc0935"><title>2050: 12811.94753</title></circle>
+</g>
+<g data-scenario="falling-short" class="data-series">	<path d="M 100.00,151.17L 118.28,146.20L 136.55,141.46L 154.83,138.27L 173.10,136.42L 191.38,133.57L 209.66,130.42L 227.93,127.66L 246.21,124.43L 264.48,121.72L 282.76,119.13L 301.03,116.62L 319.31,114.23L 337.59,107.07L 355.86,104.75L 374.14,102.46L 392.41,100.42L 410.69,98.45L 428.97,96.60L 447.24,94.91L 465.52,93.34L 483.79,91.92L 502.07,90.64L 520.34,89.47L 538.62,88.45L 556.90,87.50L 575.17,86.60L 593.45,85.76L 611.72,85.09" id="Falling Short" class="line" stroke="#827B7A" stroke-width="3" stroke-linecap="round"><title>Falling Short</title></path>
+	<circle cx="100.00" cy="151.17" data-y="6021.389369" data-x="2022" r="4" fill="#827B7A"><title>2022: 6021.389369</title></circle>
+	<circle cx="118.28" cy="146.20" data-y="6273.484491" data-x="2023" r="4" fill="#827B7A"><title>2023: 6273.484491</title></circle>
+	<circle cx="136.55" cy="141.46" data-y="6513.526702" data-x="2024" r="4" fill="#827B7A"><title>2024: 6513.526702</title></circle>
+	<circle cx="154.83" cy="138.27" data-y="6675.287739" data-x="2025" r="4" fill="#827B7A"><title>2025: 6675.287739</title></circle>
+	<circle cx="173.10" cy="136.42" data-y="6768.777811" data-x="2026" r="4" fill="#827B7A"><title>2026: 6768.777811</title></circle>
+	<circle cx="191.38" cy="133.57" data-y="6913.64966" data-x="2027" r="4" fill="#827B7A"><title>2027: 6913.64966</title></circle>
+	<circle cx="209.66" cy="130.42" data-y="7073.196722" data-x="2028" r="4" fill="#827B7A"><title>2028: 7073.196722</title></circle>
+	<circle cx="227.93" cy="127.66" data-y="7213.073379" data-x="2029" r="4" fill="#827B7A"><title>2029: 7213.073379</title></circle>
+	<circle cx="246.21" cy="124.43" data-y="7376.352363" data-x="2030" r="4" fill="#827B7A"><title>2030: 7376.352363</title></circle>
+	<circle cx="264.48" cy="121.72" data-y="7514.08702" data-x="2031" r="4" fill="#827B7A"><title>2031: 7514.08702</title></circle>
+	<circle cx="282.76" cy="119.13" data-y="7645.146006" data-x="2032" r="4" fill="#827B7A"><title>2032: 7645.146006</title></circle>
+	<circle cx="301.03" cy="116.62" data-y="7772.551206" data-x="2033" r="4" fill="#827B7A"><title>2033: 7772.551206</title></circle>
+	<circle cx="319.31" cy="114.23" data-y="7893.282672" data-x="2034" r="4" fill="#827B7A"><title>2034: 7893.282672</title></circle>
+	<circle cx="337.59" cy="107.07" data-y="8256.141417" data-x="2035" r="4" fill="#827B7A"><title>2035: 8256.141417</title></circle>
+	<circle cx="355.86" cy="104.75" data-y="8373.665246" data-x="2036" r="4" fill="#827B7A"><title>2036: 8373.665246</title></circle>
+	<circle cx="374.14" cy="102.46" data-y="8489.700199" data-x="2037" r="4" fill="#827B7A"><title>2037: 8489.700199</title></circle>
+	<circle cx="392.41" cy="100.42" data-y="8593.375873" data-x="2038" r="4" fill="#827B7A"><title>2038: 8593.375873</title></circle>
+	<circle cx="410.69" cy="98.45" data-y="8692.856329" data-x="2039" r="4" fill="#827B7A"><title>2039: 8692.856329</title></circle>
+	<circle cx="428.97" cy="96.60" data-y="8786.803046" data-x="2040" r="4" fill="#827B7A"><title>2040: 8786.803046</title></circle>
+	<circle cx="447.24" cy="94.91" data-y="8872.715631" data-x="2041" r="4" fill="#827B7A"><title>2041: 8872.715631</title></circle>
+	<circle cx="465.52" cy="93.34" data-y="8952.076715" data-x="2042" r="4" fill="#827B7A"><title>2042: 8952.076715</title></circle>
+	<circle cx="483.79" cy="91.92" data-y="9023.896906" data-x="2043" r="4" fill="#827B7A"><title>2043: 9023.896906</title></circle>
+	<circle cx="502.07" cy="90.64" data-y="9089.046096" data-x="2044" r="4" fill="#827B7A"><title>2044: 9089.046096</title></circle>
+	<circle cx="520.34" cy="89.47" data-y="9148.114761" data-x="2045" r="4" fill="#827B7A"><title>2045: 9148.114761</title></circle>
+	<circle cx="538.62" cy="88.45" data-y="9200.033328" data-x="2046" r="4" fill="#827B7A"><title>2046: 9200.033328</title></circle>
+	<circle cx="556.90" cy="87.50" data-y="9248.178769" data-x="2047" r="4" fill="#827B7A"><title>2047: 9248.178769</title></circle>
+	<circle cx="575.17" cy="86.60" data-y="9293.668968" data-x="2048" r="4" fill="#827B7A"><title>2048: 9293.668968</title></circle>
+	<circle cx="593.45" cy="85.76" data-y="9336.142927" data-x="2049" r="4" fill="#827B7A"><title>2049: 9336.142927</title></circle>
+	<circle cx="611.72" cy="85.09" data-y="9370.306132" data-x="2050" r="4" fill="#827B7A"><title>2050: 9370.306132</title></circle>
+</g>
+<g data-scenario="planning-scenario" class="data-series">	<path d="M 100.00,151.87L 118.28,147.51L 136.55,142.66L 154.83,139.04L 173.10,136.00L 191.38,131.81L 209.66,128.74L 227.93,126.38L 246.21,123.01L 264.48,120.05L 282.76,117.37L 301.03,114.82L 319.31,112.44L 337.59,104.72L 355.86,97.64L 374.14,90.78L 392.41,84.28L 410.69,78.16L 428.97,72.77L 447.24,68.01L 465.52,63.76L 483.79,58.53L 502.07,53.32L 520.34,48.20L 538.62,43.19L 556.90,38.25L 575.17,33.35L 593.45,28.50L 611.72,24.63" id="NPg Best View" class="line" stroke="#ab1236" stroke-width="3" stroke-linecap="round"><title>NPg Best View</title></path>
+	<circle cx="100.00" cy="151.87" data-y="5986.164637" data-x="2022" r="4" fill="#ab1236"><title>2022: 5986.164637</title></circle>
+	<circle cx="118.28" cy="147.51" data-y="6206.841958" data-x="2023" r="4" fill="#ab1236"><title>2023: 6206.841958</title></circle>
+	<circle cx="136.55" cy="142.66" data-y="6452.951423" data-x="2024" r="4" fill="#ab1236"><title>2024: 6452.951423</title></circle>
+	<circle cx="154.83" cy="139.04" data-y="6636.263825" data-x="2025" r="4" fill="#ab1236"><title>2025: 6636.263825</title></circle>
+	<circle cx="173.10" cy="136.00" data-y="6790.132732" data-x="2026" r="4" fill="#ab1236"><title>2026: 6790.132732</title></circle>
+	<circle cx="191.38" cy="131.81" data-y="7002.638896" data-x="2027" r="4" fill="#ab1236"><title>2027: 7002.638896</title></circle>
+	<circle cx="209.66" cy="128.74" data-y="7157.985186" data-x="2028" r="4" fill="#ab1236"><title>2028: 7157.985186</title></circle>
+	<circle cx="227.93" cy="126.38" data-y="7277.915904" data-x="2029" r="4" fill="#ab1236"><title>2029: 7277.915904</title></circle>
+	<circle cx="246.21" cy="123.01" data-y="7448.612809" data-x="2030" r="4" fill="#ab1236"><title>2030: 7448.612809</title></circle>
+	<circle cx="264.48" cy="120.05" data-y="7598.457178" data-x="2031" r="4" fill="#ab1236"><title>2031: 7598.457178</title></circle>
+	<circle cx="282.76" cy="117.37" data-y="7734.11356" data-x="2032" r="4" fill="#ab1236"><title>2032: 7734.11356</title></circle>
+	<circle cx="301.03" cy="114.82" data-y="7863.489208" data-x="2033" r="4" fill="#ab1236"><title>2033: 7863.489208</title></circle>
+	<circle cx="319.31" cy="112.44" data-y="7984.231654" data-x="2034" r="4" fill="#ab1236"><title>2034: 7984.231654</title></circle>
+	<circle cx="337.59" cy="104.72" data-y="8375.205427" data-x="2035" r="4" fill="#ab1236"><title>2035: 8375.205427</title></circle>
+	<circle cx="355.86" cy="97.64" data-y="8734.315833" data-x="2036" r="4" fill="#ab1236"><title>2036: 8734.315833</title></circle>
+	<circle cx="374.14" cy="90.78" data-y="9081.68122" data-x="2037" r="4" fill="#ab1236"><title>2037: 9081.68122</title></circle>
+	<circle cx="392.41" cy="84.28" data-y="9411.37057" data-x="2038" r="4" fill="#ab1236"><title>2038: 9411.37057</title></circle>
+	<circle cx="410.69" cy="78.16" data-y="9721.472159" data-x="2039" r="4" fill="#ab1236"><title>2039: 9721.472159</title></circle>
+	<circle cx="428.97" cy="72.77" data-y="9994.440387" data-x="2040" r="4" fill="#ab1236"><title>2040: 9994.440387</title></circle>
+	<circle cx="447.24" cy="68.01" data-y="10235.59242" data-x="2041" r="4" fill="#ab1236"><title>2041: 10235.59242</title></circle>
+	<circle cx="465.52" cy="63.76" data-y="10450.83327" data-x="2042" r="4" fill="#ab1236"><title>2042: 10450.83327</title></circle>
+	<circle cx="483.79" cy="58.53" data-y="10715.73875" data-x="2043" r="4" fill="#ab1236"><title>2043: 10715.73875</title></circle>
+	<circle cx="502.07" cy="53.32" data-y="10980.03499" data-x="2044" r="4" fill="#ab1236"><title>2044: 10980.03499</title></circle>
+	<circle cx="520.34" cy="48.20" data-y="11239.68112" data-x="2045" r="4" fill="#ab1236"><title>2045: 11239.68112</title></circle>
+	<circle cx="538.62" cy="43.19" data-y="11493.23124" data-x="2046" r="4" fill="#ab1236"><title>2046: 11493.23124</title></circle>
+	<circle cx="556.90" cy="38.25" data-y="11743.62515" data-x="2047" r="4" fill="#ab1236"><title>2047: 11743.62515</title></circle>
+	<circle cx="575.17" cy="33.35" data-y="11991.85622" data-x="2048" r="4" fill="#ab1236"><title>2048: 11991.85622</title></circle>
+	<circle cx="593.45" cy="28.50" data-y="12237.85302" data-x="2049" r="4" fill="#ab1236"><title>2049: 12237.85302</title></circle>
+	<circle cx="611.72" cy="24.63" data-y="12433.63611" data-x="2050" r="4" fill="#ab1236"><title>2050: 12433.63611</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-battery-storage.html b/2023-DFES/data/graphs/graph-battery-storage.html
new file mode 100644
index 0000000..c1f9384
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-battery-storage.html
@@ -0,0 +1,8 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="consumer-transformation"><td class="consumer-transformation"><span>Consumer Transformation</span></td><td>1.056679177</td><td>1.653250783</td><td>2.398813678</td></tr>
+<tr data-scenario="system-transformation"><td class="system-transformation"><span>System Transformation</span></td><td>0.826631752</td><td>1.115016562</td><td>1.431120217</td></tr>
+<tr data-scenario="leading-the-way"><td class="leading-the-way"><span>Leading The Way</span></td><td>0.777435934</td><td>1.410117878</td><td>2.2321042</td></tr>
+<tr data-scenario="planning-scenario"><td class="planning-scenario"><span>NPg Best View</span></td><td>1.333171009</td><td>2.054812906</td><td>2.830887288</td></tr>
+<tr data-scenario="falling-short"><td class="falling-short"><span>Falling Short</span></td><td>0.546405473</td><td>0.674434447</td><td>0.981049895</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-battery-storage.svg b/2023-DFES/data/graphs/graph-battery-storage.svg
new file mode 100644
index 0000000..596a399
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-battery-storage.svg
@@ -0,0 +1,187 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="50" y1="270" x2="630" y2="270" data-left="50"></line>
+	<text x="50" y="270" text-anchor="end">0</text>
+	<text x="50" y="178.156004266886" text-anchor="end">1</text>
+	<text x="50" y="86.312008533771" text-anchor="end">2</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Installed capacity (GW)</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="210" y1="270" x2="210" y2="275"></line>
+	<text x="210" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="410" y1="270" x2="410" y2="275"></line>
+	<text x="410" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="610" y1="270" x2="610" y2="275"></line>
+	<text x="610" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="consumer-transformation" class="data-series">	<path d="M 50.00,251.46L 70.00,229.74L 90.00,208.77L 110.00,187.68L 130.00,186.22L 150.00,184.72L 170.00,182.84L 190.00,181.18L 210.00,172.95L 230.00,170.71L 250.00,167.99L 270.00,163.78L 290.00,160.18L 310.00,153.44L 330.00,148.29L 350.00,142.22L 370.00,133.54L 390.00,126.02L 410.00,118.16L 430.00,111.44L 450.00,104.12L 470.00,98.88L 490.00,92.69L 510.00,87.17L 530.00,77.61L 550.00,71.51L 570.00,65.11L 590.00,56.76L 610.00,49.68" id="Consumer Transformation" class="line" stroke="#FFBF22" stroke-width="3" stroke-linecap="round"><title>Consumer Transformation</title></path>
+	<circle cx="50.00" cy="251.46" data-y="0.201818949" data-x="2022" r="4" fill="#FFBF22"><title>2022: 0.201818949</title></circle>
+	<circle cx="70.00" cy="229.74" data-y="0.438388362" data-x="2023" r="4" fill="#FFBF22"><title>2023: 0.438388362</title></circle>
+	<circle cx="90.00" cy="208.77" data-y="0.666669323" data-x="2024" r="4" fill="#FFBF22"><title>2024: 0.666669323</title></circle>
+	<circle cx="110.00" cy="187.68" data-y="0.89629022" data-x="2025" r="4" fill="#FFBF22"><title>2025: 0.89629022</title></circle>
+	<circle cx="130.00" cy="186.22" data-y="0.91223424" data-x="2026" r="4" fill="#FFBF22"><title>2026: 0.91223424</title></circle>
+	<circle cx="150.00" cy="184.72" data-y="0.928571206" data-x="2027" r="4" fill="#FFBF22"><title>2027: 0.928571206</title></circle>
+	<circle cx="170.00" cy="182.84" data-y="0.949045553" data-x="2028" r="4" fill="#FFBF22"><title>2028: 0.949045553</title></circle>
+	<circle cx="190.00" cy="181.18" data-y="0.967047565" data-x="2029" r="4" fill="#FFBF22"><title>2029: 0.967047565</title></circle>
+	<circle cx="210.00" cy="172.95" data-y="1.056679177" data-x="2030" r="4" fill="#FFBF22"><title>2030: 1.056679177</title></circle>
+	<circle cx="230.00" cy="170.71" data-y="1.081080323" data-x="2031" r="4" fill="#FFBF22"><title>2031: 1.081080323</title></circle>
+	<circle cx="250.00" cy="167.99" data-y="1.110653707" data-x="2032" r="4" fill="#FFBF22"><title>2032: 1.110653707</title></circle>
+	<circle cx="270.00" cy="163.78" data-y="1.156505912" data-x="2033" r="4" fill="#FFBF22"><title>2033: 1.156505912</title></circle>
+	<circle cx="290.00" cy="160.18" data-y="1.195753429" data-x="2034" r="4" fill="#FFBF22"><title>2034: 1.195753429</title></circle>
+	<circle cx="310.00" cy="153.44" data-y="1.269108927" data-x="2035" r="4" fill="#FFBF22"><title>2035: 1.269108927</title></circle>
+	<circle cx="330.00" cy="148.29" data-y="1.32521968" data-x="2036" r="4" fill="#FFBF22"><title>2036: 1.32521968</title></circle>
+	<circle cx="350.00" cy="142.22" data-y="1.391256652" data-x="2037" r="4" fill="#FFBF22"><title>2037: 1.391256652</title></circle>
+	<circle cx="370.00" cy="133.54" data-y="1.485740598" data-x="2038" r="4" fill="#FFBF22"><title>2038: 1.485740598</title></circle>
+	<circle cx="390.00" cy="126.02" data-y="1.567652381" data-x="2039" r="4" fill="#FFBF22"><title>2039: 1.567652381</title></circle>
+	<circle cx="410.00" cy="118.16" data-y="1.653250783" data-x="2040" r="4" fill="#FFBF22"><title>2040: 1.653250783</title></circle>
+	<circle cx="430.00" cy="111.44" data-y="1.726365321" data-x="2041" r="4" fill="#FFBF22"><title>2041: 1.726365321</title></circle>
+	<circle cx="450.00" cy="104.12" data-y="1.806131982" data-x="2042" r="4" fill="#FFBF22"><title>2042: 1.806131982</title></circle>
+	<circle cx="470.00" cy="98.88" data-y="1.863164478" data-x="2043" r="4" fill="#FFBF22"><title>2043: 1.863164478</title></circle>
+	<circle cx="490.00" cy="92.69" data-y="1.930511181" data-x="2044" r="4" fill="#FFBF22"><title>2044: 1.930511181</title></circle>
+	<circle cx="510.00" cy="87.17" data-y="1.990665403" data-x="2045" r="4" fill="#FFBF22"><title>2045: 1.990665403</title></circle>
+	<circle cx="530.00" cy="77.61" data-y="2.094709519" data-x="2046" r="4" fill="#FFBF22"><title>2046: 2.094709519</title></circle>
+	<circle cx="550.00" cy="71.51" data-y="2.161202124" data-x="2047" r="4" fill="#FFBF22"><title>2047: 2.161202124</title></circle>
+	<circle cx="570.00" cy="65.11" data-y="2.230872059" data-x="2048" r="4" fill="#FFBF22"><title>2048: 2.230872059</title></circle>
+	<circle cx="590.00" cy="56.76" data-y="2.321739615" data-x="2049" r="4" fill="#FFBF22"><title>2049: 2.321739615</title></circle>
+	<circle cx="610.00" cy="49.68" data-y="2.398813678" data-x="2050" r="4" fill="#FFBF22"><title>2050: 2.398813678</title></circle>
+</g>
+<g data-scenario="system-transformation" class="data-series">	<path d="M 50.00,251.92L 70.00,233.36L 90.00,215.05L 110.00,196.69L 130.00,196.22L 150.00,195.76L 170.00,195.18L 190.00,194.68L 210.00,194.08L 230.00,193.46L 250.00,192.48L 270.00,190.45L 290.00,183.69L 310.00,182.76L 330.00,172.70L 350.00,171.24L 370.00,169.97L 390.00,168.78L 410.00,167.59L 430.00,160.28L 450.00,153.75L 470.00,152.39L 490.00,148.05L 510.00,146.64L 530.00,145.14L 550.00,143.61L 570.00,142.00L 590.00,140.32L 610.00,138.56" id="System Transformation" class="line" stroke="#5BCBF5" stroke-width="3" stroke-linecap="round"><title>System Transformation</title></path>
+	<circle cx="50.00" cy="251.92" data-y="0.196857903" data-x="2022" r="4" fill="#5BCBF5"><title>2022: 0.196857903</title></circle>
+	<circle cx="70.00" cy="233.36" data-y="0.398944205" data-x="2023" r="4" fill="#5BCBF5"><title>2023: 0.398944205</title></circle>
+	<circle cx="90.00" cy="215.05" data-y="0.598310071" data-x="2024" r="4" fill="#5BCBF5"><title>2024: 0.598310071</title></circle>
+	<circle cx="110.00" cy="196.69" data-y="0.798156265" data-x="2025" r="4" fill="#5BCBF5"><title>2025: 0.798156265</title></circle>
+	<circle cx="130.00" cy="196.22" data-y="0.80331097" data-x="2026" r="4" fill="#5BCBF5"><title>2026: 0.80331097</title></circle>
+	<circle cx="150.00" cy="195.76" data-y="0.808343452" data-x="2027" r="4" fill="#5BCBF5"><title>2027: 0.808343452</title></circle>
+	<circle cx="170.00" cy="195.18" data-y="0.814658454" data-x="2028" r="4" fill="#5BCBF5"><title>2028: 0.814658454</title></circle>
+	<circle cx="190.00" cy="194.68" data-y="0.820067979" data-x="2029" r="4" fill="#5BCBF5"><title>2029: 0.820067979</title></circle>
+	<circle cx="210.00" cy="194.08" data-y="0.826631752" data-x="2030" r="4" fill="#5BCBF5"><title>2030: 0.826631752</title></circle>
+	<circle cx="230.00" cy="193.46" data-y="0.833393535" data-x="2031" r="4" fill="#5BCBF5"><title>2031: 0.833393535</title></circle>
+	<circle cx="250.00" cy="192.48" data-y="0.844040494" data-x="2032" r="4" fill="#5BCBF5"><title>2032: 0.844040494</title></circle>
+	<circle cx="270.00" cy="190.45" data-y="0.866145157" data-x="2033" r="4" fill="#5BCBF5"><title>2033: 0.866145157</title></circle>
+	<circle cx="290.00" cy="183.69" data-y="0.939716664" data-x="2034" r="4" fill="#5BCBF5"><title>2034: 0.939716664</title></circle>
+	<circle cx="310.00" cy="182.76" data-y="0.949890597" data-x="2035" r="4" fill="#5BCBF5"><title>2035: 0.949890597</title></circle>
+	<circle cx="330.00" cy="172.70" data-y="1.05944531" data-x="2036" r="4" fill="#5BCBF5"><title>2036: 1.05944531</title></circle>
+	<circle cx="350.00" cy="171.24" data-y="1.075319544" data-x="2037" r="4" fill="#5BCBF5"><title>2037: 1.075319544</title></circle>
+	<circle cx="370.00" cy="169.97" data-y="1.089085755" data-x="2038" r="4" fill="#5BCBF5"><title>2038: 1.089085755</title></circle>
+	<circle cx="390.00" cy="168.78" data-y="1.102036117" data-x="2039" r="4" fill="#5BCBF5"><title>2039: 1.102036117</title></circle>
+	<circle cx="410.00" cy="167.59" data-y="1.115016562" data-x="2040" r="4" fill="#5BCBF5"><title>2040: 1.115016562</title></circle>
+	<circle cx="430.00" cy="160.28" data-y="1.194687244" data-x="2041" r="4" fill="#5BCBF5"><title>2041: 1.194687244</title></circle>
+	<circle cx="450.00" cy="153.75" data-y="1.265754034" data-x="2042" r="4" fill="#5BCBF5"><title>2042: 1.265754034</title></circle>
+	<circle cx="470.00" cy="152.39" data-y="1.280514791" data-x="2043" r="4" fill="#5BCBF5"><title>2043: 1.280514791</title></circle>
+	<circle cx="490.00" cy="148.05" data-y="1.327775535" data-x="2044" r="4" fill="#5BCBF5"><title>2044: 1.327775535</title></circle>
+	<circle cx="510.00" cy="146.64" data-y="1.343170636" data-x="2045" r="4" fill="#5BCBF5"><title>2045: 1.343170636</title></circle>
+	<circle cx="530.00" cy="145.14" data-y="1.359459697" data-x="2046" r="4" fill="#5BCBF5"><title>2046: 1.359459697</title></circle>
+	<circle cx="550.00" cy="143.61" data-y="1.376100121" data-x="2047" r="4" fill="#5BCBF5"><title>2047: 1.376100121</title></circle>
+	<circle cx="570.00" cy="142.00" data-y="1.393693552" data-x="2048" r="4" fill="#5BCBF5"><title>2048: 1.393693552</title></circle>
+	<circle cx="590.00" cy="140.32" data-y="1.412001492" data-x="2049" r="4" fill="#5BCBF5"><title>2049: 1.412001492</title></circle>
+	<circle cx="610.00" cy="138.56" data-y="1.431120217" data-x="2050" r="4" fill="#5BCBF5"><title>2050: 1.431120217</title></circle>
+</g>
+<g data-scenario="leading-the-way" class="data-series">	<path d="M 50.00,251.54L 70.00,238.24L 90.00,225.66L 110.00,212.95L 130.00,211.42L 150.00,205.90L 170.00,203.91L 190.00,201.27L 210.00,198.60L 230.00,195.74L 250.00,192.80L 270.00,187.58L 290.00,177.65L 310.00,170.09L 330.00,164.06L 350.00,159.32L 370.00,154.15L 390.00,145.70L 410.00,140.49L 430.00,134.75L 450.00,127.26L 470.00,121.23L 490.00,115.00L 510.00,106.96L 530.00,97.56L 550.00,90.43L 570.00,82.97L 590.00,73.27L 610.00,64.99" id="Leading The Way" class="line" stroke="#C2CD23" stroke-width="3" stroke-linecap="round"><title>Leading The Way</title></path>
+	<circle cx="50.00" cy="251.54" data-y="0.200970897" data-x="2022" r="4" fill="#C2CD23"><title>2022: 0.200970897</title></circle>
+	<circle cx="70.00" cy="238.24" data-y="0.345845614" data-x="2023" r="4" fill="#C2CD23"><title>2023: 0.345845614</title></circle>
+	<circle cx="90.00" cy="225.66" data-y="0.48281428" data-x="2024" r="4" fill="#C2CD23"><title>2024: 0.48281428</title></circle>
+	<circle cx="110.00" cy="212.95" data-y="0.621196077" data-x="2025" r="4" fill="#C2CD23"><title>2025: 0.621196077</title></circle>
+	<circle cx="130.00" cy="211.42" data-y="0.637809953" data-x="2026" r="4" fill="#C2CD23"><title>2026: 0.637809953</title></circle>
+	<circle cx="150.00" cy="205.90" data-y="0.697887893" data-x="2027" r="4" fill="#C2CD23"><title>2027: 0.697887893</title></circle>
+	<circle cx="170.00" cy="203.91" data-y="0.719618751" data-x="2028" r="4" fill="#C2CD23"><title>2028: 0.719618751</title></circle>
+	<circle cx="190.00" cy="201.27" data-y="0.74829695" data-x="2029" r="4" fill="#C2CD23"><title>2029: 0.74829695</title></circle>
+	<circle cx="210.00" cy="198.60" data-y="0.777435934" data-x="2030" r="4" fill="#C2CD23"><title>2030: 0.777435934</title></circle>
+	<circle cx="230.00" cy="195.74" data-y="0.808538489" data-x="2031" r="4" fill="#C2CD23"><title>2031: 0.808538489</title></circle>
+	<circle cx="250.00" cy="192.80" data-y="0.840512813" data-x="2032" r="4" fill="#C2CD23"><title>2032: 0.840512813</title></circle>
+	<circle cx="270.00" cy="187.58" data-y="0.897429032" data-x="2033" r="4" fill="#C2CD23"><title>2033: 0.897429032</title></circle>
+	<circle cx="290.00" cy="177.65" data-y="1.005539062" data-x="2034" r="4" fill="#C2CD23"><title>2034: 1.005539062</title></circle>
+	<circle cx="310.00" cy="170.09" data-y="1.087840965" data-x="2035" r="4" fill="#C2CD23"><title>2035: 1.087840965</title></circle>
+	<circle cx="330.00" cy="164.06" data-y="1.153487038" data-x="2036" r="4" fill="#C2CD23"><title>2036: 1.153487038</title></circle>
+	<circle cx="350.00" cy="159.32" data-y="1.205115804" data-x="2037" r="4" fill="#C2CD23"><title>2037: 1.205115804</title></circle>
+	<circle cx="370.00" cy="154.15" data-y="1.261324043" data-x="2038" r="4" fill="#C2CD23"><title>2038: 1.261324043</title></circle>
+	<circle cx="390.00" cy="145.70" data-y="1.353378963" data-x="2039" r="4" fill="#C2CD23"><title>2039: 1.353378963</title></circle>
+	<circle cx="410.00" cy="140.49" data-y="1.410117878" data-x="2040" r="4" fill="#C2CD23"><title>2040: 1.410117878</title></circle>
+	<circle cx="430.00" cy="134.75" data-y="1.472600453" data-x="2041" r="4" fill="#C2CD23"><title>2041: 1.472600453</title></circle>
+	<circle cx="450.00" cy="127.26" data-y="1.554162853" data-x="2042" r="4" fill="#C2CD23"><title>2042: 1.554162853</title></circle>
+	<circle cx="470.00" cy="121.23" data-y="1.619826844" data-x="2043" r="4" fill="#C2CD23"><title>2043: 1.619826844</title></circle>
+	<circle cx="490.00" cy="115.00" data-y="1.687676348" data-x="2044" r="4" fill="#C2CD23"><title>2044: 1.687676348</title></circle>
+	<circle cx="510.00" cy="106.96" data-y="1.775198146" data-x="2045" r="4" fill="#C2CD23"><title>2045: 1.775198146</title></circle>
+	<circle cx="530.00" cy="97.56" data-y="1.877521724" data-x="2046" r="4" fill="#C2CD23"><title>2046: 1.877521724</title></circle>
+	<circle cx="550.00" cy="90.43" data-y="1.955183765" data-x="2047" r="4" fill="#C2CD23"><title>2047: 1.955183765</title></circle>
+	<circle cx="570.00" cy="82.97" data-y="2.036429835" data-x="2048" r="4" fill="#C2CD23"><title>2048: 2.036429835</title></circle>
+	<circle cx="590.00" cy="73.27" data-y="2.142054176" data-x="2049" r="4" fill="#C2CD23"><title>2049: 2.142054176</title></circle>
+	<circle cx="610.00" cy="64.99" data-y="2.2321042" data-x="2050" r="4" fill="#C2CD23"><title>2050: 2.2321042</title></circle>
+</g>
+<g data-scenario="planning-scenario" class="data-series">	<path d="M 50.00,251.46L 70.00,225.81L 90.00,198.82L 110.00,171.15L 130.00,167.40L 150.00,163.76L 170.00,160.45L 190.00,158.00L 210.00,147.56L 230.00,145.42L 250.00,142.54L 270.00,137.65L 290.00,134.34L 310.00,125.71L 330.00,120.46L 350.00,112.92L 370.00,102.13L 390.00,91.61L 410.00,81.28L 430.00,73.67L 450.00,64.47L 470.00,58.07L 490.00,51.87L 510.00,47.10L 530.00,36.87L 550.00,31.33L 570.00,25.41L 590.00,16.82L 610.00,10.00" id="NPg Best View" class="line" stroke="#ab1236" stroke-width="3" stroke-linecap="round"><title>NPg Best View</title></path>
+	<circle cx="50.00" cy="251.46" data-y="0.201818949" data-x="2022" r="4" fill="#ab1236"><title>2022: 0.201818949</title></circle>
+	<circle cx="70.00" cy="225.81" data-y="0.481125692" data-x="2023" r="4" fill="#ab1236"><title>2023: 0.481125692</title></circle>
+	<circle cx="90.00" cy="198.82" data-y="0.77503719" data-x="2024" r="4" fill="#ab1236"><title>2024: 0.77503719</title></circle>
+	<circle cx="110.00" cy="171.15" data-y="1.076262415" data-x="2025" r="4" fill="#ab1236"><title>2025: 1.076262415</title></circle>
+	<circle cx="130.00" cy="167.40" data-y="1.117138722" data-x="2026" r="4" fill="#ab1236"><title>2026: 1.117138722</title></circle>
+	<circle cx="150.00" cy="163.76" data-y="1.156770093" data-x="2027" r="4" fill="#ab1236"><title>2027: 1.156770093</title></circle>
+	<circle cx="170.00" cy="160.45" data-y="1.192756647" data-x="2028" r="4" fill="#ab1236"><title>2028: 1.192756647</title></circle>
+	<circle cx="190.00" cy="158.00" data-y="1.219481647" data-x="2029" r="4" fill="#ab1236"><title>2029: 1.219481647</title></circle>
+	<circle cx="210.00" cy="147.56" data-y="1.333171009" data-x="2030" r="4" fill="#ab1236"><title>2030: 1.333171009</title></circle>
+	<circle cx="230.00" cy="145.42" data-y="1.356384332" data-x="2031" r="4" fill="#ab1236"><title>2031: 1.356384332</title></circle>
+	<circle cx="250.00" cy="142.54" data-y="1.387796703" data-x="2032" r="4" fill="#ab1236"><title>2032: 1.387796703</title></circle>
+	<circle cx="270.00" cy="137.65" data-y="1.441012417" data-x="2033" r="4" fill="#ab1236"><title>2033: 1.441012417</title></circle>
+	<circle cx="290.00" cy="134.34" data-y="1.477104464" data-x="2034" r="4" fill="#ab1236"><title>2034: 1.477104464</title></circle>
+	<circle cx="310.00" cy="125.71" data-y="1.571058993" data-x="2035" r="4" fill="#ab1236"><title>2035: 1.571058993</title></circle>
+	<circle cx="330.00" cy="120.46" data-y="1.628148886" data-x="2036" r="4" fill="#ab1236"><title>2036: 1.628148886</title></circle>
+	<circle cx="350.00" cy="112.92" data-y="1.710261518" data-x="2037" r="4" fill="#ab1236"><title>2037: 1.710261518</title></circle>
+	<circle cx="370.00" cy="102.13" data-y="1.827780051" data-x="2038" r="4" fill="#ab1236"><title>2038: 1.827780051</title></circle>
+	<circle cx="390.00" cy="91.61" data-y="1.942295735" data-x="2039" r="4" fill="#ab1236"><title>2039: 1.942295735</title></circle>
+	<circle cx="410.00" cy="81.28" data-y="2.054812906" data-x="2040" r="4" fill="#ab1236"><title>2040: 2.054812906</title></circle>
+	<circle cx="430.00" cy="73.67" data-y="2.137612431" data-x="2041" r="4" fill="#ab1236"><title>2041: 2.137612431</title></circle>
+	<circle cx="450.00" cy="64.47" data-y="2.237854253" data-x="2042" r="4" fill="#ab1236"><title>2042: 2.237854253</title></circle>
+	<circle cx="470.00" cy="58.07" data-y="2.307484516" data-x="2043" r="4" fill="#ab1236"><title>2043: 2.307484516</title></circle>
+	<circle cx="490.00" cy="51.87" data-y="2.37498958" data-x="2044" r="4" fill="#ab1236"><title>2044: 2.37498958</title></circle>
+	<circle cx="510.00" cy="47.10" data-y="2.426959145" data-x="2045" r="4" fill="#ab1236"><title>2045: 2.426959145</title></circle>
+	<circle cx="530.00" cy="36.87" data-y="2.538360079" data-x="2046" r="4" fill="#ab1236"><title>2046: 2.538360079</title></circle>
+	<circle cx="550.00" cy="31.33" data-y="2.598632944" data-x="2047" r="4" fill="#ab1236"><title>2047: 2.598632944</title></circle>
+	<circle cx="570.00" cy="25.41" data-y="2.663119779" data-x="2048" r="4" fill="#ab1236"><title>2048: 2.663119779</title></circle>
+	<circle cx="590.00" cy="16.82" data-y="2.756597179" data-x="2049" r="4" fill="#ab1236"><title>2049: 2.756597179</title></circle>
+	<circle cx="610.00" cy="10.00" data-y="2.830887288" data-x="2050" r="4" fill="#ab1236"><title>2050: 2.830887288</title></circle>
+</g>
+<g data-scenario="falling-short" class="data-series">	<path d="M 50.00,251.79L 70.00,247.16L 90.00,242.84L 110.00,238.50L 130.00,224.29L 150.00,223.80L 170.00,223.22L 190.00,222.86L 210.00,219.82L 230.00,219.36L 250.00,218.91L 270.00,218.21L 290.00,216.50L 310.00,215.80L 330.00,214.97L 350.00,214.06L 370.00,213.01L 390.00,212.22L 410.00,208.06L 430.00,207.23L 450.00,206.58L 470.00,205.85L 490.00,205.15L 510.00,199.30L 530.00,195.13L 550.00,194.32L 570.00,184.49L 590.00,181.07L 610.00,179.90" id="Falling Short" class="line" stroke="#827B7A" stroke-width="3" stroke-linecap="round"><title>Falling Short</title></path>
+	<circle cx="50.00" cy="251.79" data-y="0.198251652" data-x="2022" r="4" fill="#827B7A"><title>2022: 0.198251652</title></circle>
+	<circle cx="70.00" cy="247.16" data-y="0.248654254" data-x="2023" r="4" fill="#827B7A"><title>2023: 0.248654254</title></circle>
+	<circle cx="90.00" cy="242.84" data-y="0.295679436" data-x="2024" r="4" fill="#827B7A"><title>2024: 0.295679436</title></circle>
+	<circle cx="110.00" cy="238.50" data-y="0.342993514" data-x="2025" r="4" fill="#827B7A"><title>2025: 0.342993514</title></circle>
+	<circle cx="130.00" cy="224.29" data-y="0.497656482" data-x="2026" r="4" fill="#827B7A"><title>2026: 0.497656482</title></circle>
+	<circle cx="150.00" cy="223.80" data-y="0.503013622" data-x="2027" r="4" fill="#827B7A"><title>2027: 0.503013622</title></circle>
+	<circle cx="170.00" cy="223.22" data-y="0.509388209" data-x="2028" r="4" fill="#827B7A"><title>2028: 0.509388209</title></circle>
+	<circle cx="190.00" cy="222.86" data-y="0.513254393" data-x="2029" r="4" fill="#827B7A"><title>2029: 0.513254393</title></circle>
+	<circle cx="210.00" cy="219.82" data-y="0.546405473" data-x="2030" r="4" fill="#827B7A"><title>2030: 0.546405473</title></circle>
+	<circle cx="230.00" cy="219.36" data-y="0.551350254" data-x="2031" r="4" fill="#827B7A"><title>2031: 0.551350254</title></circle>
+	<circle cx="250.00" cy="218.91" data-y="0.556287501" data-x="2032" r="4" fill="#827B7A"><title>2032: 0.556287501</title></circle>
+	<circle cx="270.00" cy="218.21" data-y="0.563842157" data-x="2033" r="4" fill="#827B7A"><title>2033: 0.563842157</title></circle>
+	<circle cx="290.00" cy="216.50" data-y="0.582551315" data-x="2034" r="4" fill="#827B7A"><title>2034: 0.582551315</title></circle>
+	<circle cx="310.00" cy="215.80" data-y="0.590133637" data-x="2035" r="4" fill="#827B7A"><title>2035: 0.590133637</title></circle>
+	<circle cx="330.00" cy="214.97" data-y="0.599178068" data-x="2036" r="4" fill="#827B7A"><title>2036: 0.599178068</title></circle>
+	<circle cx="350.00" cy="214.06" data-y="0.609120004" data-x="2037" r="4" fill="#827B7A"><title>2037: 0.609120004</title></circle>
+	<circle cx="370.00" cy="213.01" data-y="0.620490317" data-x="2038" r="4" fill="#827B7A"><title>2038: 0.620490317</title></circle>
+	<circle cx="390.00" cy="212.22" data-y="0.62906328" data-x="2039" r="4" fill="#827B7A"><title>2039: 0.62906328</title></circle>
+	<circle cx="410.00" cy="208.06" data-y="0.674434447" data-x="2040" r="4" fill="#827B7A"><title>2040: 0.674434447</title></circle>
+	<circle cx="430.00" cy="207.23" data-y="0.683444198" data-x="2041" r="4" fill="#827B7A"><title>2041: 0.683444198</title></circle>
+	<circle cx="450.00" cy="206.58" data-y="0.690508642" data-x="2042" r="4" fill="#827B7A"><title>2042: 0.690508642</title></circle>
+	<circle cx="470.00" cy="205.85" data-y="0.698414591" data-x="2043" r="4" fill="#827B7A"><title>2043: 0.698414591</title></circle>
+	<circle cx="490.00" cy="205.15" data-y="0.706130703" data-x="2044" r="4" fill="#827B7A"><title>2044: 0.706130703</title></circle>
+	<circle cx="510.00" cy="199.30" data-y="0.769734926" data-x="2045" r="4" fill="#827B7A"><title>2045: 0.769734926</title></circle>
+	<circle cx="530.00" cy="195.13" data-y="0.815164309" data-x="2046" r="4" fill="#827B7A"><title>2046: 0.815164309</title></circle>
+	<circle cx="550.00" cy="194.32" data-y="0.824057528" data-x="2047" r="4" fill="#827B7A"><title>2047: 0.824057528</title></circle>
+	<circle cx="570.00" cy="184.49" data-y="0.931069991" data-x="2048" r="4" fill="#827B7A"><title>2048: 0.931069991</title></circle>
+	<circle cx="590.00" cy="181.07" data-y="0.968229917" data-x="2049" r="4" fill="#827B7A"><title>2049: 0.968229917</title></circle>
+	<circle cx="610.00" cy="179.90" data-y="0.981049895" data-x="2050" r="4" fill="#827B7A"><title>2050: 0.981049895</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-cumulative-carbon-emissions.html b/2023-DFES/data/graphs/graph-cumulative-carbon-emissions.html
new file mode 100644
index 0000000..8d02b57
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-cumulative-carbon-emissions.html
@@ -0,0 +1,4 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="npg-planning-scenario"><td style="background-color:#cc0935;color:white"><span>NPg Planning Scenario</span></td><td>322.012292</td><td>430.967188</td><td>446.9660379</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-cumulative-carbon-emissions.svg b/2023-DFES/data/graphs/graph-cumulative-carbon-emissions.svg
new file mode 100644
index 0000000..60a0552
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-cumulative-carbon-emissions.svg
@@ -0,0 +1,65 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="70" y1="270" x2="630" y2="270" data-left="70"></line>
+	<text x="70" y="270" text-anchor="end">0</text>
+	<text x="70" y="211.830032272347" text-anchor="end">100</text>
+	<text x="70" y="153.660064544694" text-anchor="end">200</text>
+	<text x="70" y="95.4900968170405" text-anchor="end">300</text>
+	<text x="70" y="37.3201290893874" text-anchor="end">400</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Cumulative emissions (MtCO2)</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="224.48275862069" y1="270" x2="224.48275862069" y2="275"></line>
+	<text x="224.48275862069" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="417.586206896552" y1="270" x2="417.586206896552" y2="275"></line>
+	<text x="417.586206896552" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="610.689655172414" y1="270" x2="610.689655172414" y2="275"></line>
+	<text x="610.689655172414" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="npg-planning-scenario" class="data-series">	<path d="M 70.00,209.24L 89.31,189.97L 108.62,171.17L 127.93,153.20L 147.24,136.72L 166.55,121.49L 185.86,107.42L 205.17,94.45L 224.48,82.69L 243.79,72.02L 263.10,62.57L 282.41,54.22L 301.72,46.91L 321.03,40.58L 340.34,35.00L 359.66,30.14L 378.97,25.92L 398.28,22.32L 417.59,19.31L 436.90,16.92L 456.21,15.01L 475.52,13.51L 494.83,12.35L 514.14,11.51L 533.45,10.90L 552.76,10.52L 572.07,10.29L 591.38,10.13L 610.69,10.00" id="NPg Planning Scenario" class="line" stroke="#cc0935" stroke-width="3" stroke-linecap="round"><title>NPg Planning Scenario</title></path>
+	<circle cx="70.00" cy="209.24" data-y="104.4599061" data-x="2022" r="4" fill="#cc0935"><title>2022: 104.4599061</title></circle>
+	<circle cx="89.31" cy="189.97" data-y="137.5810456" data-x="2023" r="4" fill="#cc0935"><title>2023: 137.5810456</title></circle>
+	<circle cx="108.62" cy="171.17" data-y="169.902966" data-x="2024" r="4" fill="#cc0935"><title>2024: 169.902966</title></circle>
+	<circle cx="127.93" cy="153.20" data-y="200.7916478" data-x="2025" r="4" fill="#cc0935"><title>2025: 200.7916478</title></circle>
+	<circle cx="147.24" cy="136.72" data-y="229.1237929" data-x="2026" r="4" fill="#cc0935"><title>2026: 229.1237929</title></circle>
+	<circle cx="166.55" cy="121.49" data-y="255.3084656" data-x="2027" r="4" fill="#cc0935"><title>2027: 255.3084656</title></circle>
+	<circle cx="185.86" cy="107.42" data-y="279.4892228" data-x="2028" r="4" fill="#cc0935"><title>2028: 279.4892228</title></circle>
+	<circle cx="205.17" cy="94.45" data-y="301.7886424" data-x="2029" r="4" fill="#cc0935"><title>2029: 301.7886424</title></circle>
+	<circle cx="224.48" cy="82.69" data-y="322.012292" data-x="2030" r="4" fill="#cc0935"><title>2030: 322.012292</title></circle>
+	<circle cx="243.79" cy="72.02" data-y="340.3492781" data-x="2031" r="4" fill="#cc0935"><title>2031: 340.3492781</title></circle>
+	<circle cx="263.10" cy="62.57" data-y="356.595675" data-x="2032" r="4" fill="#cc0935"><title>2032: 356.595675</title></circle>
+	<circle cx="282.41" cy="54.22" data-y="370.9472473" data-x="2033" r="4" fill="#cc0935"><title>2033: 370.9472473</title></circle>
+	<circle cx="301.72" cy="46.91" data-y="383.5055723" data-x="2034" r="4" fill="#cc0935"><title>2034: 383.5055723</title></circle>
+	<circle cx="321.03" cy="40.58" data-y="394.3982189" data-x="2035" r="4" fill="#cc0935"><title>2035: 394.3982189</title></circle>
+	<circle cx="340.34" cy="35.00" data-y="403.980291" data-x="2036" r="4" fill="#cc0935"><title>2036: 403.980291</title></circle>
+	<circle cx="359.66" cy="30.14" data-y="412.3479034" data-x="2037" r="4" fill="#cc0935"><title>2037: 412.3479034</title></circle>
+	<circle cx="378.97" cy="25.92" data-y="419.6023896" data-x="2038" r="4" fill="#cc0935"><title>2038: 419.6023896</title></circle>
+	<circle cx="398.28" cy="22.32" data-y="425.7937983" data-x="2039" r="4" fill="#cc0935"><title>2039: 425.7937983</title></circle>
+	<circle cx="417.59" cy="19.31" data-y="430.967188" data-x="2040" r="4" fill="#cc0935"><title>2040: 430.967188</title></circle>
+	<circle cx="436.90" cy="16.92" data-y="435.0752984" data-x="2041" r="4" fill="#cc0935"><title>2041: 435.0752984</title></circle>
+	<circle cx="456.21" cy="15.01" data-y="438.3546344" data-x="2042" r="4" fill="#cc0935"><title>2042: 438.3546344</title></circle>
+	<circle cx="475.52" cy="13.51" data-y="440.9336532" data-x="2043" r="4" fill="#cc0935"><title>2043: 440.9336532</title></circle>
+	<circle cx="494.83" cy="12.35" data-y="442.9286768" data-x="2044" r="4" fill="#cc0935"><title>2044: 442.9286768</title></circle>
+	<circle cx="514.14" cy="11.51" data-y="444.3767342" data-x="2045" r="4" fill="#cc0935"><title>2045: 444.3767342</title></circle>
+	<circle cx="533.45" cy="10.90" data-y="445.4257804" data-x="2046" r="4" fill="#cc0935"><title>2046: 445.4257804</title></circle>
+	<circle cx="552.76" cy="10.52" data-y="446.0803099" data-x="2047" r="4" fill="#cc0935"><title>2047: 446.0803099</title></circle>
+	<circle cx="572.07" cy="10.29" data-y="446.4610465" data-x="2048" r="4" fill="#cc0935"><title>2048: 446.4610465</title></circle>
+	<circle cx="591.38" cy="10.13" data-y="446.7461743" data-x="2049" r="4" fill="#cc0935"><title>2049: 446.7461743</title></circle>
+	<circle cx="610.69" cy="10.00" data-y="446.9660379" data-x="2050" r="4" fill="#cc0935"><title>2050: 446.9660379</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-ebus-ehgv.html b/2023-DFES/data/graphs/graph-ebus-ehgv.html
new file mode 100644
index 0000000..59d7db2
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-ebus-ehgv.html
@@ -0,0 +1,8 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="consumer-transformation"><td class="consumer-transformation"><span>Consumer Transformation</span></td><td>16537</td><td>70861</td><td>86438</td></tr>
+<tr data-scenario="system-transformation"><td class="system-transformation"><span>System Transformation</span></td><td>16264</td><td>67685</td><td>82044</td></tr>
+<tr data-scenario="leading-the-way"><td class="leading-the-way"><span>Leading The Way</span></td><td>20913</td><td>74156</td><td>84316</td></tr>
+<tr data-scenario="planning-scenario"><td class="planning-scenario"><span>NPg Best View</span></td><td>20913</td><td>74156</td><td>84316</td></tr>
+<tr data-scenario="falling-short"><td class="falling-short"><span>Falling Short</span></td><td>13561</td><td>62214</td><td>84004</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-ebus-ehgv.svg b/2023-DFES/data/graphs/graph-ebus-ehgv.svg
new file mode 100644
index 0000000..6bff270
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-ebus-ehgv.svg
@@ -0,0 +1,189 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="90" y1="270" x2="630" y2="270" data-left="90"></line>
+	<text x="90" y="270" text-anchor="end">0</text>
+	<text x="90" y="209.841273513964" text-anchor="end">20,000</text>
+	<text x="90" y="149.682547027928" text-anchor="end">40,000</text>
+	<text x="90" y="89.5238205418913" text-anchor="end">60,000</text>
+	<text x="90" y="29.3650940558551" text-anchor="end">80,000</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Number</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="238.965517241379" y1="270" x2="238.965517241379" y2="275"></line>
+	<text x="238.965517241379" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="425.172413793103" y1="270" x2="425.172413793103" y2="275"></line>
+	<text x="425.172413793103" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="611.379310344828" y1="270" x2="611.379310344828" y2="275"></line>
+	<text x="611.379310344828" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="consumer-transformation" class="data-series">	<path d="M 90.00,267.97L 108.62,266.69L 127.24,264.42L 145.86,261.20L 164.48,256.66L 183.10,250.50L 201.72,242.44L 220.34,232.34L 238.97,220.26L 257.59,206.42L 276.21,191.09L 294.83,174.46L 313.45,156.81L 332.07,138.54L 350.69,120.19L 369.31,102.37L 387.93,85.63L 406.55,70.36L 425.17,56.85L 443.79,45.27L 462.41,35.68L 481.03,28.06L 499.66,22.26L 518.28,18.03L 536.90,15.04L 555.52,12.99L 574.14,11.59L 592.76,10.65L 611.38,10.00" id="Consumer Transformation" class="line" stroke="#FFBF22" stroke-width="3" stroke-linecap="round"><title>Consumer Transformation</title></path>
+	<circle cx="90.00" cy="267.97" data-y="674" data-x="2022" r="4" fill="#FFBF22"><title>2022: 674</title></circle>
+	<circle cx="108.62" cy="266.69" data-y="1102" data-x="2023" r="4" fill="#FFBF22"><title>2023: 1102</title></circle>
+	<circle cx="127.24" cy="264.42" data-y="1854" data-x="2024" r="4" fill="#FFBF22"><title>2024: 1854</title></circle>
+	<circle cx="145.86" cy="261.20" data-y="2927" data-x="2025" r="4" fill="#FFBF22"><title>2025: 2927</title></circle>
+	<circle cx="164.48" cy="256.66" data-y="4434" data-x="2026" r="4" fill="#FFBF22"><title>2026: 4434</title></circle>
+	<circle cx="183.10" cy="250.50" data-y="6482" data-x="2027" r="4" fill="#FFBF22"><title>2027: 6482</title></circle>
+	<circle cx="201.72" cy="242.44" data-y="9161" data-x="2028" r="4" fill="#FFBF22"><title>2028: 9161</title></circle>
+	<circle cx="220.34" cy="232.34" data-y="12519" data-x="2029" r="4" fill="#FFBF22"><title>2029: 12519</title></circle>
+	<circle cx="238.97" cy="220.26" data-y="16537" data-x="2030" r="4" fill="#FFBF22"><title>2030: 16537</title></circle>
+	<circle cx="257.59" cy="206.42" data-y="21136" data-x="2031" r="4" fill="#FFBF22"><title>2031: 21136</title></circle>
+	<circle cx="276.21" cy="191.09" data-y="26235" data-x="2032" r="4" fill="#FFBF22"><title>2032: 26235</title></circle>
+	<circle cx="294.83" cy="174.46" data-y="31762" data-x="2033" r="4" fill="#FFBF22"><title>2033: 31762</title></circle>
+	<circle cx="313.45" cy="156.81" data-y="37630" data-x="2034" r="4" fill="#FFBF22"><title>2034: 37630</title></circle>
+	<circle cx="332.07" cy="138.54" data-y="43706" data-x="2035" r="4" fill="#FFBF22"><title>2035: 43706</title></circle>
+	<circle cx="350.69" cy="120.19" data-y="49806" data-x="2036" r="4" fill="#FFBF22"><title>2036: 49806</title></circle>
+	<circle cx="369.31" cy="102.37" data-y="55729" data-x="2037" r="4" fill="#FFBF22"><title>2037: 55729</title></circle>
+	<circle cx="387.93" cy="85.63" data-y="61296" data-x="2038" r="4" fill="#FFBF22"><title>2038: 61296</title></circle>
+	<circle cx="406.55" cy="70.36" data-y="66371" data-x="2039" r="4" fill="#FFBF22"><title>2039: 66371</title></circle>
+	<circle cx="425.17" cy="56.85" data-y="70861" data-x="2040" r="4" fill="#FFBF22"><title>2040: 70861</title></circle>
+	<circle cx="443.79" cy="45.27" data-y="74713" data-x="2041" r="4" fill="#FFBF22"><title>2041: 74713</title></circle>
+	<circle cx="462.41" cy="35.68" data-y="77900" data-x="2042" r="4" fill="#FFBF22"><title>2042: 77900</title></circle>
+	<circle cx="481.03" cy="28.06" data-y="80433" data-x="2043" r="4" fill="#FFBF22"><title>2043: 80433</title></circle>
+	<circle cx="499.66" cy="22.26" data-y="82361" data-x="2044" r="4" fill="#FFBF22"><title>2044: 82361</title></circle>
+	<circle cx="518.28" cy="18.03" data-y="83769" data-x="2045" r="4" fill="#FFBF22"><title>2045: 83769</title></circle>
+	<circle cx="536.90" cy="15.04" data-y="84761" data-x="2046" r="4" fill="#FFBF22"><title>2046: 84761</title></circle>
+	<circle cx="555.52" cy="12.99" data-y="85444" data-x="2047" r="4" fill="#FFBF22"><title>2047: 85444</title></circle>
+	<circle cx="574.14" cy="11.59" data-y="85908" data-x="2048" r="4" fill="#FFBF22"><title>2048: 85908</title></circle>
+	<circle cx="592.76" cy="10.65" data-y="86222" data-x="2049" r="4" fill="#FFBF22"><title>2049: 86222</title></circle>
+	<circle cx="611.38" cy="10.00" data-y="86438" data-x="2050" r="4" fill="#FFBF22"><title>2050: 86438</title></circle>
+</g>
+<g data-scenario="system-transformation" class="data-series">	<path d="M 90.00,267.97L 108.62,266.69L 127.24,264.44L 145.86,261.25L 164.48,256.78L 183.10,250.73L 201.72,242.83L 220.34,232.92L 238.97,221.08L 257.59,207.56L 276.21,192.71L 294.83,176.72L 313.45,159.89L 332.07,142.60L 350.69,125.36L 369.31,108.70L 387.93,93.10L 406.55,78.93L 425.17,66.41L 443.79,55.68L 462.41,46.80L 481.03,39.75L 499.66,34.38L 518.28,30.46L 536.90,27.71L 555.52,25.84L 574.14,24.59L 592.76,23.76L 611.38,23.22" id="System Transformation" class="line" stroke="#5BCBF5" stroke-width="3" stroke-linecap="round"><title>System Transformation</title></path>
+	<circle cx="90.00" cy="267.97" data-y="674" data-x="2022" r="4" fill="#5BCBF5"><title>2022: 674</title></circle>
+	<circle cx="108.62" cy="266.69" data-y="1102" data-x="2023" r="4" fill="#5BCBF5"><title>2023: 1102</title></circle>
+	<circle cx="127.24" cy="264.44" data-y="1849" data-x="2024" r="4" fill="#5BCBF5"><title>2024: 1849</title></circle>
+	<circle cx="145.86" cy="261.25" data-y="2910" data-x="2025" r="4" fill="#5BCBF5"><title>2025: 2910</title></circle>
+	<circle cx="164.48" cy="256.78" data-y="4394" data-x="2026" r="4" fill="#5BCBF5"><title>2026: 4394</title></circle>
+	<circle cx="183.10" cy="250.73" data-y="6407" data-x="2027" r="4" fill="#5BCBF5"><title>2027: 6407</title></circle>
+	<circle cx="201.72" cy="242.83" data-y="9032" data-x="2028" r="4" fill="#5BCBF5"><title>2028: 9032</title></circle>
+	<circle cx="220.34" cy="232.92" data-y="12327" data-x="2029" r="4" fill="#5BCBF5"><title>2029: 12327</title></circle>
+	<circle cx="238.97" cy="221.08" data-y="16264" data-x="2030" r="4" fill="#5BCBF5"><title>2030: 16264</title></circle>
+	<circle cx="257.59" cy="207.56" data-y="20757" data-x="2031" r="4" fill="#5BCBF5"><title>2031: 20757</title></circle>
+	<circle cx="276.21" cy="192.71" data-y="25697" data-x="2032" r="4" fill="#5BCBF5"><title>2032: 25697</title></circle>
+	<circle cx="294.83" cy="176.72" data-y="31011" data-x="2033" r="4" fill="#5BCBF5"><title>2033: 31011</title></circle>
+	<circle cx="313.45" cy="159.89" data-y="36606" data-x="2034" r="4" fill="#5BCBF5"><title>2034: 36606</title></circle>
+	<circle cx="332.07" cy="142.60" data-y="42354" data-x="2035" r="4" fill="#5BCBF5"><title>2035: 42354</title></circle>
+	<circle cx="350.69" cy="125.36" data-y="48086" data-x="2036" r="4" fill="#5BCBF5"><title>2036: 48086</title></circle>
+	<circle cx="369.31" cy="108.70" data-y="53624" data-x="2037" r="4" fill="#5BCBF5"><title>2037: 53624</title></circle>
+	<circle cx="387.93" cy="93.10" data-y="58810" data-x="2038" r="4" fill="#5BCBF5"><title>2038: 58810</title></circle>
+	<circle cx="406.55" cy="78.93" data-y="63523" data-x="2039" r="4" fill="#5BCBF5"><title>2039: 63523</title></circle>
+	<circle cx="425.17" cy="66.41" data-y="67685" data-x="2040" r="4" fill="#5BCBF5"><title>2040: 67685</title></circle>
+	<circle cx="443.79" cy="55.68" data-y="71252" data-x="2041" r="4" fill="#5BCBF5"><title>2041: 71252</title></circle>
+	<circle cx="462.41" cy="46.80" data-y="74204" data-x="2042" r="4" fill="#5BCBF5"><title>2042: 74204</title></circle>
+	<circle cx="481.03" cy="39.75" data-y="76549" data-x="2043" r="4" fill="#5BCBF5"><title>2043: 76549</title></circle>
+	<circle cx="499.66" cy="34.38" data-y="78334" data-x="2044" r="4" fill="#5BCBF5"><title>2044: 78334</title></circle>
+	<circle cx="518.28" cy="30.46" data-y="79635" data-x="2045" r="4" fill="#5BCBF5"><title>2045: 79635</title></circle>
+	<circle cx="536.90" cy="27.71" data-y="80549" data-x="2046" r="4" fill="#5BCBF5"><title>2046: 80549</title></circle>
+	<circle cx="555.52" cy="25.84" data-y="81171" data-x="2047" r="4" fill="#5BCBF5"><title>2047: 81171</title></circle>
+	<circle cx="574.14" cy="24.59" data-y="81587" data-x="2048" r="4" fill="#5BCBF5"><title>2048: 81587</title></circle>
+	<circle cx="592.76" cy="23.76" data-y="81862" data-x="2049" r="4" fill="#5BCBF5"><title>2049: 81862</title></circle>
+	<circle cx="611.38" cy="23.22" data-y="82044" data-x="2050" r="4" fill="#5BCBF5"><title>2050: 82044</title></circle>
+</g>
+<g data-scenario="leading-the-way" class="data-series">	<path d="M 90.00,267.97L 108.62,266.19L 127.24,263.25L 145.86,259.06L 164.48,253.17L 183.10,245.22L 201.72,234.94L 220.34,222.18L 238.97,207.10L 257.59,190.11L 276.21,171.82L 294.83,152.86L 313.45,133.92L 332.07,115.62L 350.69,98.47L 369.31,82.80L 387.93,68.90L 406.55,56.94L 425.17,46.94L 443.79,38.82L 462.41,32.41L 481.03,27.51L 499.66,23.87L 518.28,21.26L 536.90,19.44L 555.52,18.19L 574.14,17.35L 592.76,16.78L 611.38,16.38" id="Leading The Way" class="line" stroke="#C2CD23" stroke-width="3" stroke-linecap="round"><title>Leading The Way</title></path>
+	<circle cx="90.00" cy="267.97" data-y="674" data-x="2022" r="4" fill="#C2CD23"><title>2022: 674</title></circle>
+	<circle cx="108.62" cy="266.19" data-y="1266" data-x="2023" r="4" fill="#C2CD23"><title>2023: 1266</title></circle>
+	<circle cx="127.24" cy="263.25" data-y="2245" data-x="2024" r="4" fill="#C2CD23"><title>2024: 2245</title></circle>
+	<circle cx="145.86" cy="259.06" data-y="3636" data-x="2025" r="4" fill="#C2CD23"><title>2025: 3636</title></circle>
+	<circle cx="164.48" cy="253.17" data-y="5594" data-x="2026" r="4" fill="#C2CD23"><title>2026: 5594</title></circle>
+	<circle cx="183.10" cy="245.22" data-y="8238" data-x="2027" r="4" fill="#C2CD23"><title>2027: 8238</title></circle>
+	<circle cx="201.72" cy="234.94" data-y="11657" data-x="2028" r="4" fill="#C2CD23"><title>2028: 11657</title></circle>
+	<circle cx="220.34" cy="222.18" data-y="15898" data-x="2029" r="4" fill="#C2CD23"><title>2029: 15898</title></circle>
+	<circle cx="238.97" cy="207.10" data-y="20913" data-x="2030" r="4" fill="#C2CD23"><title>2030: 20913</title></circle>
+	<circle cx="257.59" cy="190.11" data-y="26561" data-x="2031" r="4" fill="#C2CD23"><title>2031: 26561</title></circle>
+	<circle cx="276.21" cy="171.82" data-y="32640" data-x="2032" r="4" fill="#C2CD23"><title>2032: 32640</title></circle>
+	<circle cx="294.83" cy="152.86" data-y="38945" data-x="2033" r="4" fill="#C2CD23"><title>2033: 38945</title></circle>
+	<circle cx="313.45" cy="133.92" data-y="45241" data-x="2034" r="4" fill="#C2CD23"><title>2034: 45241</title></circle>
+	<circle cx="332.07" cy="115.62" data-y="51323" data-x="2035" r="4" fill="#C2CD23"><title>2035: 51323</title></circle>
+	<circle cx="350.69" cy="98.47" data-y="57027" data-x="2036" r="4" fill="#C2CD23"><title>2036: 57027</title></circle>
+	<circle cx="369.31" cy="82.80" data-y="62235" data-x="2037" r="4" fill="#C2CD23"><title>2037: 62235</title></circle>
+	<circle cx="387.93" cy="68.90" data-y="66855" data-x="2038" r="4" fill="#C2CD23"><title>2038: 66855</title></circle>
+	<circle cx="406.55" cy="56.94" data-y="70833" data-x="2039" r="4" fill="#C2CD23"><title>2039: 70833</title></circle>
+	<circle cx="425.17" cy="46.94" data-y="74156" data-x="2040" r="4" fill="#C2CD23"><title>2040: 74156</title></circle>
+	<circle cx="443.79" cy="38.82" data-y="76856" data-x="2041" r="4" fill="#C2CD23"><title>2041: 76856</title></circle>
+	<circle cx="462.41" cy="32.41" data-y="78988" data-x="2042" r="4" fill="#C2CD23"><title>2042: 78988</title></circle>
+	<circle cx="481.03" cy="27.51" data-y="80618" data-x="2043" r="4" fill="#C2CD23"><title>2043: 80618</title></circle>
+	<circle cx="499.66" cy="23.87" data-y="81826" data-x="2044" r="4" fill="#C2CD23"><title>2044: 81826</title></circle>
+	<circle cx="518.28" cy="21.26" data-y="82694" data-x="2045" r="4" fill="#C2CD23"><title>2045: 82694</title></circle>
+	<circle cx="536.90" cy="19.44" data-y="83300" data-x="2046" r="4" fill="#C2CD23"><title>2046: 83300</title></circle>
+	<circle cx="555.52" cy="18.19" data-y="83714" data-x="2047" r="4" fill="#C2CD23"><title>2047: 83714</title></circle>
+	<circle cx="574.14" cy="17.35" data-y="83994" data-x="2048" r="4" fill="#C2CD23"><title>2048: 83994</title></circle>
+	<circle cx="592.76" cy="16.78" data-y="84184" data-x="2049" r="4" fill="#C2CD23"><title>2049: 84184</title></circle>
+	<circle cx="611.38" cy="16.38" data-y="84316" data-x="2050" r="4" fill="#C2CD23"><title>2050: 84316</title></circle>
+</g>
+<g data-scenario="planning-scenario" class="data-series">	<path d="M 90.00,267.97L 108.62,266.19L 127.24,263.25L 145.86,259.06L 164.48,253.17L 183.10,245.22L 201.72,234.94L 220.34,222.18L 238.97,207.10L 257.59,190.11L 276.21,171.82L 294.83,152.86L 313.45,133.92L 332.07,115.62L 350.69,98.47L 369.31,82.80L 387.93,68.90L 406.55,56.94L 425.17,46.94L 443.79,38.82L 462.41,32.41L 481.03,27.51L 499.66,23.87L 518.28,21.26L 536.90,19.44L 555.52,18.19L 574.14,17.35L 592.76,16.78L 611.38,16.38" id="NPg Best View" class="line" stroke="#ab1236" stroke-width="3" stroke-linecap="round"><title>NPg Best View</title></path>
+	<circle cx="90.00" cy="267.97" data-y="674" data-x="2022" r="4" fill="#ab1236"><title>2022: 674</title></circle>
+	<circle cx="108.62" cy="266.19" data-y="1266" data-x="2023" r="4" fill="#ab1236"><title>2023: 1266</title></circle>
+	<circle cx="127.24" cy="263.25" data-y="2245" data-x="2024" r="4" fill="#ab1236"><title>2024: 2245</title></circle>
+	<circle cx="145.86" cy="259.06" data-y="3636" data-x="2025" r="4" fill="#ab1236"><title>2025: 3636</title></circle>
+	<circle cx="164.48" cy="253.17" data-y="5594" data-x="2026" r="4" fill="#ab1236"><title>2026: 5594</title></circle>
+	<circle cx="183.10" cy="245.22" data-y="8238" data-x="2027" r="4" fill="#ab1236"><title>2027: 8238</title></circle>
+	<circle cx="201.72" cy="234.94" data-y="11657" data-x="2028" r="4" fill="#ab1236"><title>2028: 11657</title></circle>
+	<circle cx="220.34" cy="222.18" data-y="15898" data-x="2029" r="4" fill="#ab1236"><title>2029: 15898</title></circle>
+	<circle cx="238.97" cy="207.10" data-y="20913" data-x="2030" r="4" fill="#ab1236"><title>2030: 20913</title></circle>
+	<circle cx="257.59" cy="190.11" data-y="26561" data-x="2031" r="4" fill="#ab1236"><title>2031: 26561</title></circle>
+	<circle cx="276.21" cy="171.82" data-y="32640" data-x="2032" r="4" fill="#ab1236"><title>2032: 32640</title></circle>
+	<circle cx="294.83" cy="152.86" data-y="38945" data-x="2033" r="4" fill="#ab1236"><title>2033: 38945</title></circle>
+	<circle cx="313.45" cy="133.92" data-y="45241" data-x="2034" r="4" fill="#ab1236"><title>2034: 45241</title></circle>
+	<circle cx="332.07" cy="115.62" data-y="51323" data-x="2035" r="4" fill="#ab1236"><title>2035: 51323</title></circle>
+	<circle cx="350.69" cy="98.47" data-y="57027" data-x="2036" r="4" fill="#ab1236"><title>2036: 57027</title></circle>
+	<circle cx="369.31" cy="82.80" data-y="62235" data-x="2037" r="4" fill="#ab1236"><title>2037: 62235</title></circle>
+	<circle cx="387.93" cy="68.90" data-y="66855" data-x="2038" r="4" fill="#ab1236"><title>2038: 66855</title></circle>
+	<circle cx="406.55" cy="56.94" data-y="70833" data-x="2039" r="4" fill="#ab1236"><title>2039: 70833</title></circle>
+	<circle cx="425.17" cy="46.94" data-y="74156" data-x="2040" r="4" fill="#ab1236"><title>2040: 74156</title></circle>
+	<circle cx="443.79" cy="38.82" data-y="76856" data-x="2041" r="4" fill="#ab1236"><title>2041: 76856</title></circle>
+	<circle cx="462.41" cy="32.41" data-y="78988" data-x="2042" r="4" fill="#ab1236"><title>2042: 78988</title></circle>
+	<circle cx="481.03" cy="27.51" data-y="80618" data-x="2043" r="4" fill="#ab1236"><title>2043: 80618</title></circle>
+	<circle cx="499.66" cy="23.87" data-y="81826" data-x="2044" r="4" fill="#ab1236"><title>2044: 81826</title></circle>
+	<circle cx="518.28" cy="21.26" data-y="82694" data-x="2045" r="4" fill="#ab1236"><title>2045: 82694</title></circle>
+	<circle cx="536.90" cy="19.44" data-y="83300" data-x="2046" r="4" fill="#ab1236"><title>2046: 83300</title></circle>
+	<circle cx="555.52" cy="18.19" data-y="83714" data-x="2047" r="4" fill="#ab1236"><title>2047: 83714</title></circle>
+	<circle cx="574.14" cy="17.35" data-y="83994" data-x="2048" r="4" fill="#ab1236"><title>2048: 83994</title></circle>
+	<circle cx="592.76" cy="16.78" data-y="84184" data-x="2049" r="4" fill="#ab1236"><title>2049: 84184</title></circle>
+	<circle cx="611.38" cy="16.38" data-y="84316" data-x="2050" r="4" fill="#ab1236"><title>2050: 84316</title></circle>
+</g>
+<g data-scenario="falling-short" class="data-series">	<path d="M 90.00,267.97L 108.62,267.00L 127.24,265.20L 145.86,262.63L 164.48,259.02L 183.10,254.10L 201.72,247.61L 220.34,239.32L 238.97,229.21L 257.59,217.46L 276.21,204.40L 294.83,190.38L 313.45,175.71L 332.07,160.55L 350.69,144.98L 369.31,129.11L 387.93,113.18L 406.55,97.61L 425.17,82.86L 443.79,69.32L 462.41,57.29L 481.03,46.95L 499.66,38.38L 518.28,31.58L 536.90,26.43L 555.52,22.73L 574.14,20.17L 592.76,18.45L 611.38,17.32" id="Falling Short" class="line" stroke="#827B7A" stroke-width="3" stroke-linecap="round"><title>Falling Short</title></path>
+	<circle cx="90.00" cy="267.97" data-y="674" data-x="2022" r="4" fill="#827B7A"><title>2022: 674</title></circle>
+	<circle cx="108.62" cy="267.00" data-y="996" data-x="2023" r="4" fill="#827B7A"><title>2023: 996</title></circle>
+	<circle cx="127.24" cy="265.20" data-y="1595" data-x="2024" r="4" fill="#827B7A"><title>2024: 1595</title></circle>
+	<circle cx="145.86" cy="262.63" data-y="2451" data-x="2025" r="4" fill="#827B7A"><title>2025: 2451</title></circle>
+	<circle cx="164.48" cy="259.02" data-y="3650" data-x="2026" r="4" fill="#827B7A"><title>2026: 3650</title></circle>
+	<circle cx="183.10" cy="254.10" data-y="5286" data-x="2027" r="4" fill="#827B7A"><title>2027: 5286</title></circle>
+	<circle cx="201.72" cy="247.61" data-y="7445" data-x="2028" r="4" fill="#827B7A"><title>2028: 7445</title></circle>
+	<circle cx="220.34" cy="239.32" data-y="10200" data-x="2029" r="4" fill="#827B7A"><title>2029: 10200</title></circle>
+	<circle cx="238.97" cy="229.21" data-y="13561" data-x="2030" r="4" fill="#827B7A"><title>2030: 13561</title></circle>
+	<circle cx="257.59" cy="217.46" data-y="17467" data-x="2031" r="4" fill="#827B7A"><title>2031: 17467</title></circle>
+	<circle cx="276.21" cy="204.40" data-y="21810" data-x="2032" r="4" fill="#827B7A"><title>2032: 21810</title></circle>
+	<circle cx="294.83" cy="190.38" data-y="26469" data-x="2033" r="4" fill="#827B7A"><title>2033: 26469</title></circle>
+	<circle cx="313.45" cy="175.71" data-y="31347" data-x="2034" r="4" fill="#827B7A"><title>2034: 31347</title></circle>
+	<circle cx="332.07" cy="160.55" data-y="36387" data-x="2035" r="4" fill="#827B7A"><title>2035: 36387</title></circle>
+	<circle cx="350.69" cy="144.98" data-y="41562" data-x="2036" r="4" fill="#827B7A"><title>2036: 41562</title></circle>
+	<circle cx="369.31" cy="129.11" data-y="46841" data-x="2037" r="4" fill="#827B7A"><title>2037: 46841</title></circle>
+	<circle cx="387.93" cy="113.18" data-y="52137" data-x="2038" r="4" fill="#827B7A"><title>2038: 52137</title></circle>
+	<circle cx="406.55" cy="97.61" data-y="57311" data-x="2039" r="4" fill="#827B7A"><title>2039: 57311</title></circle>
+	<circle cx="425.17" cy="82.86" data-y="62214" data-x="2040" r="4" fill="#827B7A"><title>2040: 62214</title></circle>
+	<circle cx="443.79" cy="69.32" data-y="66716" data-x="2041" r="4" fill="#827B7A"><title>2041: 66716</title></circle>
+	<circle cx="462.41" cy="57.29" data-y="70715" data-x="2042" r="4" fill="#827B7A"><title>2042: 70715</title></circle>
+	<circle cx="481.03" cy="46.95" data-y="74153" data-x="2043" r="4" fill="#827B7A"><title>2043: 74153</title></circle>
+	<circle cx="499.66" cy="38.38" data-y="77002" data-x="2044" r="4" fill="#827B7A"><title>2044: 77002</title></circle>
+	<circle cx="518.28" cy="31.58" data-y="79263" data-x="2045" r="4" fill="#827B7A"><title>2045: 79263</title></circle>
+	<circle cx="536.90" cy="26.43" data-y="80975" data-x="2046" r="4" fill="#827B7A"><title>2046: 80975</title></circle>
+	<circle cx="555.52" cy="22.73" data-y="82207" data-x="2047" r="4" fill="#827B7A"><title>2047: 82207</title></circle>
+	<circle cx="574.14" cy="20.17" data-y="83058" data-x="2048" r="4" fill="#827B7A"><title>2048: 83058</title></circle>
+	<circle cx="592.76" cy="18.45" data-y="83628" data-x="2049" r="4" fill="#827B7A"><title>2049: 83628</title></circle>
+	<circle cx="611.38" cy="17.32" data-y="84004" data-x="2050" r="4" fill="#827B7A"><title>2050: 84004</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-energy-consumption-breakdown.html b/2023-DFES/data/graphs/graph-energy-consumption-breakdown.html
new file mode 100644
index 0000000..daf126c
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-energy-consumption-breakdown.html
@@ -0,0 +1,9 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="consumer-transformation"><td class="consumer-transformation"><span>Consumer Transformation</span></td><td>7650.910626</td><td>10482.25698</td><td>13024.31081</td></tr>
+<tr data-scenario="system-transformation"><td class="system-transformation"><span>System Transformation</span></td><td>7650.820764</td><td>10044.95934</td><td>13175.17392</td></tr>
+<tr data-scenario="leading-the-way"><td class="leading-the-way"><span>Leading The Way</span></td><td>7742.013068</td><td>11675.73164</td><td>12673.99236</td></tr>
+<tr data-scenario="npg-best-view-no-customer-flexibility-customer-flexibility"><td style="background-color:#cc0935;color:white"><span>NPg Best View no customer flexibility&nbsp;-&nbsp;-&nbsp;-</span></td><td>7641.576486</td><td>10353.40721</td><td>12811.94753</td></tr>
+<tr data-scenario="falling-short"><td class="falling-short"><span>Falling Short</span></td><td>7376.352363</td><td>8786.803046</td><td>9370.306132</td></tr>
+<tr data-scenario="planning-scenario"><td class="planning-scenario"><span>NPg Best View</span></td><td>7448.612809</td><td>9994.440387</td><td>12433.63611</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-energy-consumption-breakdown.svg b/2023-DFES/data/graphs/graph-energy-consumption-breakdown.svg
new file mode 100644
index 0000000..4f00577
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-energy-consumption-breakdown.svg
@@ -0,0 +1,218 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="70" y1="270" x2="630" y2="270" data-left="70"></line>
+	<text x="70" y="270" text-anchor="end">0</text>
+	<text x="70" y="171.329575769274" text-anchor="end">5,000</text>
+	<text x="70" y="72.6591515385476" text-anchor="end">10,000</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Network energy consumption (TWh)</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="224.48275862069" y1="270" x2="224.48275862069" y2="275"></line>
+	<text x="224.48275862069" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="417.586206896552" y1="270" x2="417.586206896552" y2="275"></line>
+	<text x="417.586206896552" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="610.689655172414" y1="270" x2="610.689655172414" y2="275"></line>
+	<text x="610.689655172414" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="consumer-transformation" class="data-series">	<path d="M 70.00,151.68L 89.31,147.02L 108.62,141.74L 127.93,137.55L 147.24,134.00L 166.55,129.29L 185.86,125.75L 205.17,122.95L 224.48,119.02L 243.79,115.46L 263.10,112.20L 282.41,109.11L 301.72,106.16L 321.03,97.88L 340.34,90.21L 359.66,82.78L 378.97,75.70L 398.28,69.03L 417.59,63.14L 436.90,57.98L 456.21,53.38L 475.52,47.86L 494.83,42.40L 514.14,37.08L 533.45,31.95L 552.76,26.89L 572.07,21.90L 591.38,16.94L 610.69,12.98" id="Consumer Transformation" class="line" stroke="#FFBF22" stroke-width="3" stroke-linecap="round"><title>Consumer Transformation</title></path>
+	<circle cx="70.00" cy="151.68" data-y="5995.712559" data-x="2022" r="4" fill="#FFBF22"><title>2022: 5995.712559</title></circle>
+	<circle cx="89.31" cy="147.02" data-y="6231.897847" data-x="2023" r="4" fill="#FFBF22"><title>2023: 6231.897847</title></circle>
+	<circle cx="108.62" cy="141.74" data-y="6499.512521" data-x="2024" r="4" fill="#FFBF22"><title>2024: 6499.512521</title></circle>
+	<circle cx="127.93" cy="137.55" data-y="6711.526093" data-x="2025" r="4" fill="#FFBF22"><title>2025: 6711.526093</title></circle>
+	<circle cx="147.24" cy="134.00" data-y="6891.562474" data-x="2026" r="4" fill="#FFBF22"><title>2026: 6891.562474</title></circle>
+	<circle cx="166.55" cy="129.29" data-y="7130.193904" data-x="2027" r="4" fill="#FFBF22"><title>2027: 7130.193904</title></circle>
+	<circle cx="185.86" cy="125.75" data-y="7309.759074" data-x="2028" r="4" fill="#FFBF22"><title>2028: 7309.759074</title></circle>
+	<circle cx="205.17" cy="122.95" data-y="7451.406292" data-x="2029" r="4" fill="#FFBF22"><title>2029: 7451.406292</title></circle>
+	<circle cx="224.48" cy="119.02" data-y="7650.910626" data-x="2030" r="4" fill="#FFBF22"><title>2030: 7650.910626</title></circle>
+	<circle cx="243.79" cy="115.46" data-y="7831.09897" data-x="2031" r="4" fill="#FFBF22"><title>2031: 7831.09897</title></circle>
+	<circle cx="263.10" cy="112.20" data-y="7996.184655" data-x="2032" r="4" fill="#FFBF22"><title>2032: 7996.184655</title></circle>
+	<circle cx="282.41" cy="109.11" data-y="8153.15143" data-x="2033" r="4" fill="#FFBF22"><title>2033: 8153.15143</title></circle>
+	<circle cx="301.72" cy="106.16" data-y="8302.381687" data-x="2034" r="4" fill="#FFBF22"><title>2034: 8302.381687</title></circle>
+	<circle cx="321.03" cy="97.88" data-y="8722.192824" data-x="2035" r="4" fill="#FFBF22"><title>2035: 8722.192824</title></circle>
+	<circle cx="340.34" cy="90.21" data-y="9110.719048" data-x="2036" r="4" fill="#FFBF22"><title>2036: 9110.719048</title></circle>
+	<circle cx="359.66" cy="82.78" data-y="9487.388771" data-x="2037" r="4" fill="#FFBF22"><title>2037: 9487.388771</title></circle>
+	<circle cx="378.97" cy="75.70" data-y="9845.89915" data-x="2038" r="4" fill="#FFBF22"><title>2038: 9845.89915</title></circle>
+	<circle cx="398.28" cy="69.03" data-y="10183.8288" data-x="2039" r="4" fill="#FFBF22"><title>2039: 10183.8288</title></circle>
+	<circle cx="417.59" cy="63.14" data-y="10482.25698" data-x="2040" r="4" fill="#FFBF22"><title>2040: 10482.25698</title></circle>
+	<circle cx="436.90" cy="57.98" data-y="10744.06309" data-x="2041" r="4" fill="#FFBF22"><title>2041: 10744.06309</title></circle>
+	<circle cx="456.21" cy="53.38" data-y="10977.08038" data-x="2042" r="4" fill="#FFBF22"><title>2042: 10977.08038</title></circle>
+	<circle cx="475.52" cy="47.86" data-y="11256.77734" data-x="2043" r="4" fill="#FFBF22"><title>2043: 11256.77734</title></circle>
+	<circle cx="494.83" cy="42.40" data-y="11533.48964" data-x="2044" r="4" fill="#FFBF22"><title>2044: 11533.48964</title></circle>
+	<circle cx="514.14" cy="37.08" data-y="11803.1248" data-x="2045" r="4" fill="#FFBF22"><title>2045: 11803.1248</title></circle>
+	<circle cx="533.45" cy="31.95" data-y="12063.01837" data-x="2046" r="4" fill="#FFBF22"><title>2046: 12063.01837</title></circle>
+	<circle cx="552.76" cy="26.89" data-y="12319.05521" data-x="2047" r="4" fill="#FFBF22"><title>2047: 12319.05521</title></circle>
+	<circle cx="572.07" cy="21.90" data-y="12572.39372" data-x="2048" r="4" fill="#FFBF22"><title>2048: 12572.39372</title></circle>
+	<circle cx="591.38" cy="16.94" data-y="12823.54179" data-x="2049" r="4" fill="#FFBF22"><title>2049: 12823.54179</title></circle>
+	<circle cx="610.69" cy="12.98" data-y="13024.31081" data-x="2050" r="4" fill="#FFBF22"><title>2050: 13024.31081</title></circle>
+</g>
+<g data-scenario="system-transformation" class="data-series">	<path d="M 70.00,151.17L 89.31,146.29L 108.62,140.64L 127.93,136.58L 147.24,133.64L 166.55,129.81L 185.86,126.07L 205.17,122.93L 224.48,119.02L 243.79,115.55L 263.10,112.21L 282.41,108.96L 301.72,105.78L 321.03,96.48L 340.34,91.42L 359.66,86.49L 378.97,81.59L 398.28,76.66L 417.59,71.77L 436.90,67.03L 456.21,62.18L 475.52,57.03L 494.83,51.50L 514.14,45.48L 533.45,39.02L 552.76,32.18L 572.07,25.02L 591.38,17.48L 610.69,10.00" id="System Transformation" class="line" stroke="#5BCBF5" stroke-width="3" stroke-linecap="round"><title>System Transformation</title></path>
+	<circle cx="70.00" cy="151.17" data-y="6021.497055" data-x="2022" r="4" fill="#5BCBF5"><title>2022: 6021.497055</title></circle>
+	<circle cx="89.31" cy="146.29" data-y="6268.849153" data-x="2023" r="4" fill="#5BCBF5"><title>2023: 6268.849153</title></circle>
+	<circle cx="108.62" cy="140.64" data-y="6555.100224" data-x="2024" r="4" fill="#5BCBF5"><title>2024: 6555.100224</title></circle>
+	<circle cx="127.93" cy="136.58" data-y="6760.646909" data-x="2025" r="4" fill="#5BCBF5"><title>2025: 6760.646909</title></circle>
+	<circle cx="147.24" cy="133.64" data-y="6909.930106" data-x="2026" r="4" fill="#5BCBF5"><title>2026: 6909.930106</title></circle>
+	<circle cx="166.55" cy="129.81" data-y="7103.895986" data-x="2027" r="4" fill="#5BCBF5"><title>2027: 7103.895986</title></circle>
+	<circle cx="185.86" cy="126.07" data-y="7293.259839" data-x="2028" r="4" fill="#5BCBF5"><title>2028: 7293.259839</title></circle>
+	<circle cx="205.17" cy="122.93" data-y="7452.669477" data-x="2029" r="4" fill="#5BCBF5"><title>2029: 7452.669477</title></circle>
+	<circle cx="224.48" cy="119.02" data-y="7650.820764" data-x="2030" r="4" fill="#5BCBF5"><title>2030: 7650.820764</title></circle>
+	<circle cx="243.79" cy="115.55" data-y="7826.761395" data-x="2031" r="4" fill="#5BCBF5"><title>2031: 7826.761395</title></circle>
+	<circle cx="263.10" cy="112.21" data-y="7995.787189" data-x="2032" r="4" fill="#5BCBF5"><title>2032: 7995.787189</title></circle>
+	<circle cx="282.41" cy="108.96" data-y="8160.513242" data-x="2033" r="4" fill="#5BCBF5"><title>2033: 8160.513242</title></circle>
+	<circle cx="301.72" cy="105.78" data-y="8321.669756" data-x="2034" r="4" fill="#5BCBF5"><title>2034: 8321.669756</title></circle>
+	<circle cx="321.03" cy="96.48" data-y="8792.788657" data-x="2035" r="4" fill="#5BCBF5"><title>2035: 8792.788657</title></circle>
+	<circle cx="340.34" cy="91.42" data-y="9049.113617" data-x="2036" r="4" fill="#5BCBF5"><title>2036: 9049.113617</title></circle>
+	<circle cx="359.66" cy="86.49" data-y="9299.074447" data-x="2037" r="4" fill="#5BCBF5"><title>2037: 9299.074447</title></circle>
+	<circle cx="378.97" cy="81.59" data-y="9547.625773" data-x="2038" r="4" fill="#5BCBF5"><title>2038: 9547.625773</title></circle>
+	<circle cx="398.28" cy="76.66" data-y="9797.27353" data-x="2039" r="4" fill="#5BCBF5"><title>2039: 9797.27353</title></circle>
+	<circle cx="417.59" cy="71.77" data-y="10044.95934" data-x="2040" r="4" fill="#5BCBF5"><title>2040: 10044.95934</title></circle>
+	<circle cx="436.90" cy="67.03" data-y="10285.23721" data-x="2041" r="4" fill="#5BCBF5"><title>2041: 10285.23721</title></circle>
+	<circle cx="456.21" cy="62.18" data-y="10531.18934" data-x="2042" r="4" fill="#5BCBF5"><title>2042: 10531.18934</title></circle>
+	<circle cx="475.52" cy="57.03" data-y="10791.74396" data-x="2043" r="4" fill="#5BCBF5"><title>2043: 10791.74396</title></circle>
+	<circle cx="494.83" cy="51.50" data-y="11072.05218" data-x="2044" r="4" fill="#5BCBF5"><title>2044: 11072.05218</title></circle>
+	<circle cx="514.14" cy="45.48" data-y="11377.46327" data-x="2045" r="4" fill="#5BCBF5"><title>2045: 11377.46327</title></circle>
+	<circle cx="533.45" cy="39.02" data-y="11704.49413" data-x="2046" r="4" fill="#5BCBF5"><title>2046: 11704.49413</title></circle>
+	<circle cx="552.76" cy="32.18" data-y="12051.0731" data-x="2047" r="4" fill="#5BCBF5"><title>2047: 12051.0731</title></circle>
+	<circle cx="572.07" cy="25.02" data-y="12414.03982" data-x="2048" r="4" fill="#5BCBF5"><title>2048: 12414.03982</title></circle>
+	<circle cx="591.38" cy="17.48" data-y="12796.33046" data-x="2049" r="4" fill="#5BCBF5"><title>2049: 12796.33046</title></circle>
+	<circle cx="610.69" cy="10.00" data-y="13175.17392" data-x="2050" r="4" fill="#5BCBF5"><title>2050: 13175.17392</title></circle>
+</g>
+<g data-scenario="leading-the-way" class="data-series">	<path d="M 70.00,151.68L 89.31,147.04L 108.62,141.75L 127.93,137.38L 147.24,133.50L 166.55,128.51L 185.86,124.92L 205.17,122.14L 224.48,117.22L 243.79,108.13L 263.10,99.43L 282.41,91.04L 301.72,83.03L 321.03,70.78L 340.34,63.63L 359.66,56.82L 378.97,50.42L 398.28,44.52L 417.59,39.59L 436.90,35.35L 456.21,31.55L 475.52,26.72L 494.83,21.86L 514.14,18.05L 533.45,18.43L 552.76,18.82L 572.07,19.19L 591.38,19.55L 610.69,19.89" id="Leading The Way" class="line" stroke="#C2CD23" stroke-width="3" stroke-linecap="round"><title>Leading The Way</title></path>
+	<circle cx="70.00" cy="151.68" data-y="5995.712559" data-x="2022" r="4" fill="#C2CD23"><title>2022: 5995.712559</title></circle>
+	<circle cx="89.31" cy="147.04" data-y="6231.096783" data-x="2023" r="4" fill="#C2CD23"><title>2023: 6231.096783</title></circle>
+	<circle cx="108.62" cy="141.75" data-y="6498.81177" data-x="2024" r="4" fill="#C2CD23"><title>2024: 6498.81177</title></circle>
+	<circle cx="127.93" cy="137.38" data-y="6720.34205" data-x="2025" r="4" fill="#C2CD23"><title>2025: 6720.34205</title></circle>
+	<circle cx="147.24" cy="133.50" data-y="6916.798092" data-x="2026" r="4" fill="#C2CD23"><title>2026: 6916.798092</title></circle>
+	<circle cx="166.55" cy="128.51" data-y="7169.978353" data-x="2027" r="4" fill="#C2CD23"><title>2027: 7169.978353</title></circle>
+	<circle cx="185.86" cy="124.92" data-y="7351.555524" data-x="2028" r="4" fill="#C2CD23"><title>2028: 7351.555524</title></circle>
+	<circle cx="205.17" cy="122.14" data-y="7492.840604" data-x="2029" r="4" fill="#C2CD23"><title>2029: 7492.840604</title></circle>
+	<circle cx="224.48" cy="117.22" data-y="7742.013068" data-x="2030" r="4" fill="#C2CD23"><title>2030: 7742.013068</title></circle>
+	<circle cx="243.79" cy="108.13" data-y="8202.527517" data-x="2031" r="4" fill="#C2CD23"><title>2031: 8202.527517</title></circle>
+	<circle cx="263.10" cy="99.43" data-y="8643.329692" data-x="2032" r="4" fill="#C2CD23"><title>2032: 8643.329692</title></circle>
+	<circle cx="282.41" cy="91.04" data-y="9068.461146" data-x="2033" r="4" fill="#C2CD23"><title>2033: 9068.461146</title></circle>
+	<circle cx="301.72" cy="83.03" data-y="9474.334362" data-x="2034" r="4" fill="#C2CD23"><title>2034: 9474.334362</title></circle>
+	<circle cx="321.03" cy="70.78" data-y="10095.41165" data-x="2035" r="4" fill="#C2CD23"><title>2035: 10095.41165</title></circle>
+	<circle cx="340.34" cy="63.63" data-y="10457.55682" data-x="2036" r="4" fill="#C2CD23"><title>2036: 10457.55682</title></circle>
+	<circle cx="359.66" cy="56.82" data-y="10802.83569" data-x="2037" r="4" fill="#C2CD23"><title>2037: 10802.83569</title></circle>
+	<circle cx="378.97" cy="50.42" data-y="11126.72912" data-x="2038" r="4" fill="#C2CD23"><title>2038: 11126.72912</title></circle>
+	<circle cx="398.28" cy="44.52" data-y="11425.72523" data-x="2039" r="4" fill="#C2CD23"><title>2039: 11425.72523</title></circle>
+	<circle cx="417.59" cy="39.59" data-y="11675.73164" data-x="2040" r="4" fill="#C2CD23"><title>2040: 11675.73164</title></circle>
+	<circle cx="436.90" cy="35.35" data-y="11890.77339" data-x="2041" r="4" fill="#C2CD23"><title>2041: 11890.77339</title></circle>
+	<circle cx="456.21" cy="31.55" data-y="12083.31242" data-x="2042" r="4" fill="#C2CD23"><title>2042: 12083.31242</title></circle>
+	<circle cx="475.52" cy="26.72" data-y="12327.86568" data-x="2043" r="4" fill="#C2CD23"><title>2043: 12327.86568</title></circle>
+	<circle cx="494.83" cy="21.86" data-y="12574.18742" data-x="2044" r="4" fill="#C2CD23"><title>2044: 12574.18742</title></circle>
+	<circle cx="514.14" cy="18.05" data-y="12767.05758" data-x="2045" r="4" fill="#C2CD23"><title>2045: 12767.05758</title></circle>
+	<circle cx="533.45" cy="18.43" data-y="12747.90383" data-x="2046" r="4" fill="#C2CD23"><title>2046: 12747.90383</title></circle>
+	<circle cx="552.76" cy="18.82" data-y="12728.43257" data-x="2047" r="4" fill="#C2CD23"><title>2047: 12728.43257</title></circle>
+	<circle cx="572.07" cy="19.19" data-y="12709.65617" data-x="2048" r="4" fill="#C2CD23"><title>2048: 12709.65617</title></circle>
+	<circle cx="591.38" cy="19.55" data-y="12691.29411" data-x="2049" r="4" fill="#C2CD23"><title>2049: 12691.29411</title></circle>
+	<circle cx="610.69" cy="19.89" data-y="12673.99236" data-x="2050" r="4" fill="#C2CD23"><title>2050: 12673.99236</title></circle>
+</g>
+<g data-scenario="npg-best-view-no-customer-flexibility-customer-flexibility" class="data-series">	<path d="M 70.00,151.68L 89.31,147.05L 108.62,141.82L 127.93,137.71L 147.24,134.16L 166.55,129.41L 185.86,125.90L 205.17,123.08L 224.48,119.20L 243.79,115.74L 263.10,112.54L 282.41,109.51L 301.72,106.71L 321.03,98.66L 340.34,91.30L 359.66,84.21L 378.97,77.50L 398.28,71.21L 417.59,65.68L 436.90,60.82L 456.21,56.50L 475.52,51.21L 494.83,45.96L 514.14,40.80L 533.45,35.79L 552.76,30.83L 572.07,25.92L 591.38,21.05L 610.69,17.17" id="NPg Best View no customer flexibility" class="line dotted" stroke="#cc0935" stroke-width="3" stroke-linecap="round"><title>NPg Best View no customer flexibility</title></path>
+	<circle cx="70.00" cy="151.68" data-y="5995.712559" data-x="2022" r="4" fill="#cc0935"><title>2022: 5995.712559</title></circle>
+	<circle cx="89.31" cy="147.05" data-y="6230.403368" data-x="2023" r="4" fill="#cc0935"><title>2023: 6230.403368</title></circle>
+	<circle cx="108.62" cy="141.82" data-y="6495.350229" data-x="2024" r="4" fill="#cc0935"><title>2024: 6495.350229</title></circle>
+	<circle cx="127.93" cy="137.71" data-y="6703.510658" data-x="2025" r="4" fill="#cc0935"><title>2025: 6703.510658</title></circle>
+	<circle cx="147.24" cy="134.16" data-y="6883.662883" data-x="2026" r="4" fill="#cc0935"><title>2026: 6883.662883</title></circle>
+	<circle cx="166.55" cy="129.41" data-y="7124.200686" data-x="2027" r="4" fill="#cc0935"><title>2027: 7124.200686</title></circle>
+	<circle cx="185.86" cy="125.90" data-y="7302.134749" data-x="2028" r="4" fill="#cc0935"><title>2028: 7302.134749</title></circle>
+	<circle cx="205.17" cy="123.08" data-y="7444.882573" data-x="2029" r="4" fill="#cc0935"><title>2029: 7444.882573</title></circle>
+	<circle cx="224.48" cy="119.20" data-y="7641.576486" data-x="2030" r="4" fill="#cc0935"><title>2030: 7641.576486</title></circle>
+	<circle cx="243.79" cy="115.74" data-y="7817.181574" data-x="2031" r="4" fill="#cc0935"><title>2031: 7817.181574</title></circle>
+	<circle cx="263.10" cy="112.54" data-y="7979.144442" data-x="2032" r="4" fill="#cc0935"><title>2032: 7979.144442</title></circle>
+	<circle cx="282.41" cy="109.51" data-y="8132.433734" data-x="2033" r="4" fill="#cc0935"><title>2033: 8132.433734</title></circle>
+	<circle cx="301.72" cy="106.71" data-y="8274.36738" data-x="2034" r="4" fill="#cc0935"><title>2034: 8274.36738</title></circle>
+	<circle cx="321.03" cy="98.66" data-y="8682.406232" data-x="2035" r="4" fill="#cc0935"><title>2035: 8682.406232</title></circle>
+	<circle cx="340.34" cy="91.30" data-y="9055.534501" data-x="2036" r="4" fill="#cc0935"><title>2036: 9055.534501</title></circle>
+	<circle cx="359.66" cy="84.21" data-y="9414.896822" data-x="2037" r="4" fill="#cc0935"><title>2037: 9414.896822</title></circle>
+	<circle cx="378.97" cy="77.50" data-y="9754.757657" data-x="2038" r="4" fill="#cc0935"><title>2038: 9754.757657</title></circle>
+	<circle cx="398.28" cy="71.21" data-y="10073.51204" data-x="2039" r="4" fill="#cc0935"><title>2039: 10073.51204</title></circle>
+	<circle cx="417.59" cy="65.68" data-y="10353.40721" data-x="2040" r="4" fill="#cc0935"><title>2040: 10353.40721</title></circle>
+	<circle cx="436.90" cy="60.82" data-y="10599.83546" data-x="2041" r="4" fill="#cc0935"><title>2041: 10599.83546</title></circle>
+	<circle cx="456.21" cy="56.50" data-y="10819.07917" data-x="2042" r="4" fill="#cc0935"><title>2042: 10819.07917</title></circle>
+	<circle cx="475.52" cy="51.21" data-y="11086.85799" data-x="2043" r="4" fill="#cc0935"><title>2043: 11086.85799</title></circle>
+	<circle cx="494.83" cy="45.96" data-y="11353.13069" data-x="2044" r="4" fill="#cc0935"><title>2044: 11353.13069</title></circle>
+	<circle cx="514.14" cy="40.80" data-y="11614.21599" data-x="2045" r="4" fill="#cc0935"><title>2045: 11614.21599</title></circle>
+	<circle cx="533.45" cy="35.79" data-y="11868.50096" data-x="2046" r="4" fill="#cc0935"><title>2046: 11868.50096</title></circle>
+	<circle cx="552.76" cy="30.83" data-y="12119.52803" data-x="2047" r="4" fill="#cc0935"><title>2047: 12119.52803</title></circle>
+	<circle cx="572.07" cy="25.92" data-y="12368.50272" data-x="2048" r="4" fill="#cc0935"><title>2048: 12368.50272</title></circle>
+	<circle cx="591.38" cy="21.05" data-y="12615.28609" data-x="2049" r="4" fill="#cc0935"><title>2049: 12615.28609</title></circle>
+	<circle cx="610.69" cy="17.17" data-y="12811.94753" data-x="2050" r="4" fill="#cc0935"><title>2050: 12811.94753</title></circle>
+</g>
+<g data-scenario="falling-short" class="data-series">	<path d="M 70.00,151.17L 89.31,146.20L 108.62,141.46L 127.93,138.27L 147.24,136.42L 166.55,133.57L 185.86,130.42L 205.17,127.66L 224.48,124.43L 243.79,121.72L 263.10,119.13L 282.41,116.62L 301.72,114.23L 321.03,107.07L 340.34,104.75L 359.66,102.46L 378.97,100.42L 398.28,98.45L 417.59,96.60L 436.90,94.91L 456.21,93.34L 475.52,91.92L 494.83,90.64L 514.14,89.47L 533.45,88.45L 552.76,87.50L 572.07,86.60L 591.38,85.76L 610.69,85.09" id="Falling Short" class="line" stroke="#827B7A" stroke-width="3" stroke-linecap="round"><title>Falling Short</title></path>
+	<circle cx="70.00" cy="151.17" data-y="6021.389369" data-x="2022" r="4" fill="#827B7A"><title>2022: 6021.389369</title></circle>
+	<circle cx="89.31" cy="146.20" data-y="6273.484491" data-x="2023" r="4" fill="#827B7A"><title>2023: 6273.484491</title></circle>
+	<circle cx="108.62" cy="141.46" data-y="6513.526702" data-x="2024" r="4" fill="#827B7A"><title>2024: 6513.526702</title></circle>
+	<circle cx="127.93" cy="138.27" data-y="6675.287739" data-x="2025" r="4" fill="#827B7A"><title>2025: 6675.287739</title></circle>
+	<circle cx="147.24" cy="136.42" data-y="6768.777811" data-x="2026" r="4" fill="#827B7A"><title>2026: 6768.777811</title></circle>
+	<circle cx="166.55" cy="133.57" data-y="6913.64966" data-x="2027" r="4" fill="#827B7A"><title>2027: 6913.64966</title></circle>
+	<circle cx="185.86" cy="130.42" data-y="7073.196722" data-x="2028" r="4" fill="#827B7A"><title>2028: 7073.196722</title></circle>
+	<circle cx="205.17" cy="127.66" data-y="7213.073379" data-x="2029" r="4" fill="#827B7A"><title>2029: 7213.073379</title></circle>
+	<circle cx="224.48" cy="124.43" data-y="7376.352363" data-x="2030" r="4" fill="#827B7A"><title>2030: 7376.352363</title></circle>
+	<circle cx="243.79" cy="121.72" data-y="7514.08702" data-x="2031" r="4" fill="#827B7A"><title>2031: 7514.08702</title></circle>
+	<circle cx="263.10" cy="119.13" data-y="7645.146006" data-x="2032" r="4" fill="#827B7A"><title>2032: 7645.146006</title></circle>
+	<circle cx="282.41" cy="116.62" data-y="7772.551206" data-x="2033" r="4" fill="#827B7A"><title>2033: 7772.551206</title></circle>
+	<circle cx="301.72" cy="114.23" data-y="7893.282672" data-x="2034" r="4" fill="#827B7A"><title>2034: 7893.282672</title></circle>
+	<circle cx="321.03" cy="107.07" data-y="8256.141417" data-x="2035" r="4" fill="#827B7A"><title>2035: 8256.141417</title></circle>
+	<circle cx="340.34" cy="104.75" data-y="8373.665246" data-x="2036" r="4" fill="#827B7A"><title>2036: 8373.665246</title></circle>
+	<circle cx="359.66" cy="102.46" data-y="8489.700199" data-x="2037" r="4" fill="#827B7A"><title>2037: 8489.700199</title></circle>
+	<circle cx="378.97" cy="100.42" data-y="8593.375873" data-x="2038" r="4" fill="#827B7A"><title>2038: 8593.375873</title></circle>
+	<circle cx="398.28" cy="98.45" data-y="8692.856329" data-x="2039" r="4" fill="#827B7A"><title>2039: 8692.856329</title></circle>
+	<circle cx="417.59" cy="96.60" data-y="8786.803046" data-x="2040" r="4" fill="#827B7A"><title>2040: 8786.803046</title></circle>
+	<circle cx="436.90" cy="94.91" data-y="8872.715631" data-x="2041" r="4" fill="#827B7A"><title>2041: 8872.715631</title></circle>
+	<circle cx="456.21" cy="93.34" data-y="8952.076715" data-x="2042" r="4" fill="#827B7A"><title>2042: 8952.076715</title></circle>
+	<circle cx="475.52" cy="91.92" data-y="9023.896906" data-x="2043" r="4" fill="#827B7A"><title>2043: 9023.896906</title></circle>
+	<circle cx="494.83" cy="90.64" data-y="9089.046096" data-x="2044" r="4" fill="#827B7A"><title>2044: 9089.046096</title></circle>
+	<circle cx="514.14" cy="89.47" data-y="9148.114761" data-x="2045" r="4" fill="#827B7A"><title>2045: 9148.114761</title></circle>
+	<circle cx="533.45" cy="88.45" data-y="9200.033328" data-x="2046" r="4" fill="#827B7A"><title>2046: 9200.033328</title></circle>
+	<circle cx="552.76" cy="87.50" data-y="9248.178769" data-x="2047" r="4" fill="#827B7A"><title>2047: 9248.178769</title></circle>
+	<circle cx="572.07" cy="86.60" data-y="9293.668968" data-x="2048" r="4" fill="#827B7A"><title>2048: 9293.668968</title></circle>
+	<circle cx="591.38" cy="85.76" data-y="9336.142927" data-x="2049" r="4" fill="#827B7A"><title>2049: 9336.142927</title></circle>
+	<circle cx="610.69" cy="85.09" data-y="9370.306132" data-x="2050" r="4" fill="#827B7A"><title>2050: 9370.306132</title></circle>
+</g>
+<g data-scenario="planning-scenario" class="data-series">	<path d="M 70.00,151.87L 89.31,147.51L 108.62,142.66L 127.93,139.04L 147.24,136.00L 166.55,131.81L 185.86,128.74L 205.17,126.38L 224.48,123.01L 243.79,120.05L 263.10,117.37L 282.41,114.82L 301.72,112.44L 321.03,104.72L 340.34,97.64L 359.66,90.78L 378.97,84.28L 398.28,78.16L 417.59,72.77L 436.90,68.01L 456.21,63.76L 475.52,58.53L 494.83,53.32L 514.14,48.20L 533.45,43.19L 552.76,38.25L 572.07,33.35L 591.38,28.50L 610.69,24.63" id="NPg Best View" class="line" stroke="#ab1236" stroke-width="3" stroke-linecap="round"><title>NPg Best View</title></path>
+	<circle cx="70.00" cy="151.87" data-y="5986.164637" data-x="2022" r="4" fill="#ab1236"><title>2022: 5986.164637</title></circle>
+	<circle cx="89.31" cy="147.51" data-y="6206.841958" data-x="2023" r="4" fill="#ab1236"><title>2023: 6206.841958</title></circle>
+	<circle cx="108.62" cy="142.66" data-y="6452.951423" data-x="2024" r="4" fill="#ab1236"><title>2024: 6452.951423</title></circle>
+	<circle cx="127.93" cy="139.04" data-y="6636.263825" data-x="2025" r="4" fill="#ab1236"><title>2025: 6636.263825</title></circle>
+	<circle cx="147.24" cy="136.00" data-y="6790.132732" data-x="2026" r="4" fill="#ab1236"><title>2026: 6790.132732</title></circle>
+	<circle cx="166.55" cy="131.81" data-y="7002.638896" data-x="2027" r="4" fill="#ab1236"><title>2027: 7002.638896</title></circle>
+	<circle cx="185.86" cy="128.74" data-y="7157.985186" data-x="2028" r="4" fill="#ab1236"><title>2028: 7157.985186</title></circle>
+	<circle cx="205.17" cy="126.38" data-y="7277.915904" data-x="2029" r="4" fill="#ab1236"><title>2029: 7277.915904</title></circle>
+	<circle cx="224.48" cy="123.01" data-y="7448.612809" data-x="2030" r="4" fill="#ab1236"><title>2030: 7448.612809</title></circle>
+	<circle cx="243.79" cy="120.05" data-y="7598.457178" data-x="2031" r="4" fill="#ab1236"><title>2031: 7598.457178</title></circle>
+	<circle cx="263.10" cy="117.37" data-y="7734.11356" data-x="2032" r="4" fill="#ab1236"><title>2032: 7734.11356</title></circle>
+	<circle cx="282.41" cy="114.82" data-y="7863.489208" data-x="2033" r="4" fill="#ab1236"><title>2033: 7863.489208</title></circle>
+	<circle cx="301.72" cy="112.44" data-y="7984.231654" data-x="2034" r="4" fill="#ab1236"><title>2034: 7984.231654</title></circle>
+	<circle cx="321.03" cy="104.72" data-y="8375.205427" data-x="2035" r="4" fill="#ab1236"><title>2035: 8375.205427</title></circle>
+	<circle cx="340.34" cy="97.64" data-y="8734.315833" data-x="2036" r="4" fill="#ab1236"><title>2036: 8734.315833</title></circle>
+	<circle cx="359.66" cy="90.78" data-y="9081.68122" data-x="2037" r="4" fill="#ab1236"><title>2037: 9081.68122</title></circle>
+	<circle cx="378.97" cy="84.28" data-y="9411.37057" data-x="2038" r="4" fill="#ab1236"><title>2038: 9411.37057</title></circle>
+	<circle cx="398.28" cy="78.16" data-y="9721.472159" data-x="2039" r="4" fill="#ab1236"><title>2039: 9721.472159</title></circle>
+	<circle cx="417.59" cy="72.77" data-y="9994.440387" data-x="2040" r="4" fill="#ab1236"><title>2040: 9994.440387</title></circle>
+	<circle cx="436.90" cy="68.01" data-y="10235.59242" data-x="2041" r="4" fill="#ab1236"><title>2041: 10235.59242</title></circle>
+	<circle cx="456.21" cy="63.76" data-y="10450.83327" data-x="2042" r="4" fill="#ab1236"><title>2042: 10450.83327</title></circle>
+	<circle cx="475.52" cy="58.53" data-y="10715.73875" data-x="2043" r="4" fill="#ab1236"><title>2043: 10715.73875</title></circle>
+	<circle cx="494.83" cy="53.32" data-y="10980.03499" data-x="2044" r="4" fill="#ab1236"><title>2044: 10980.03499</title></circle>
+	<circle cx="514.14" cy="48.20" data-y="11239.68112" data-x="2045" r="4" fill="#ab1236"><title>2045: 11239.68112</title></circle>
+	<circle cx="533.45" cy="43.19" data-y="11493.23124" data-x="2046" r="4" fill="#ab1236"><title>2046: 11493.23124</title></circle>
+	<circle cx="552.76" cy="38.25" data-y="11743.62515" data-x="2047" r="4" fill="#ab1236"><title>2047: 11743.62515</title></circle>
+	<circle cx="572.07" cy="33.35" data-y="11991.85622" data-x="2048" r="4" fill="#ab1236"><title>2048: 11991.85622</title></circle>
+	<circle cx="591.38" cy="28.50" data-y="12237.85302" data-x="2049" r="4" fill="#ab1236"><title>2049: 12237.85302</title></circle>
+	<circle cx="610.69" cy="24.63" data-y="12433.63611" data-x="2050" r="4" fill="#ab1236"><title>2050: 12433.63611</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-ev-percent.html b/2023-DFES/data/graphs/graph-ev-percent.html
new file mode 100644
index 0000000..e7d77e1
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-ev-percent.html
@@ -0,0 +1,4 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="planning-scenario"><td class="planning-scenario"><span>NPg Best View</span></td><td>39.5043314</td><td>86.4832858</td><td>99.8754853</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-ev-percent.svg b/2023-DFES/data/graphs/graph-ev-percent.svg
new file mode 100644
index 0000000..52298e2
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-ev-percent.svg
@@ -0,0 +1,66 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="60" y1="270" x2="630" y2="270" data-left="60"></line>
+	<text x="60" y="270" text-anchor="end">0</text>
+	<text x="60" y="218" text-anchor="end">20</text>
+	<text x="60" y="166" text-anchor="end">40</text>
+	<text x="60" y="114" text-anchor="end">60</text>
+	<text x="60" y="62" text-anchor="end">80</text>
+	<text x="60" y="10" text-anchor="end">100</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">EVs (%)</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="217.241379310345" y1="270" x2="217.241379310345" y2="275"></line>
+	<text x="217.241379310345" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="413.793103448276" y1="270" x2="413.793103448276" y2="275"></line>
+	<text x="413.793103448276" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="610.344827586207" y1="270" x2="610.344827586207" y2="275"></line>
+	<text x="610.344827586207" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="planning-scenario" class="data-series">	<path d="M 60.00,265.04L 79.66,261.47L 99.31,253.84L 118.97,244.06L 138.62,230.31L 158.28,216.23L 177.93,201.16L 197.59,185.50L 217.24,167.29L 236.90,149.20L 256.55,131.92L 276.21,115.65L 295.86,100.57L 315.52,87.62L 335.17,76.86L 354.83,67.32L 374.48,58.89L 394.14,51.49L 413.79,45.14L 433.45,39.78L 453.10,35.18L 472.76,31.26L 492.41,27.87L 512.07,24.80L 531.72,22.06L 551.38,19.33L 571.03,16.51L 590.69,13.52L 610.34,10.32" id="NPg Best View" class="line" stroke="#ab1236" stroke-width="3" stroke-linecap="round"><title>NPg Best View</title></path>
+	<circle cx="60.00" cy="265.04" data-y="1.9095797" data-x="2022" r="4" fill="#ab1236"><title>2022: 1.9095797</title></circle>
+	<circle cx="79.66" cy="261.47" data-y="3.279474" data-x="2023" r="4" fill="#ab1236"><title>2023: 3.279474</title></circle>
+	<circle cx="99.31" cy="253.84" data-y="6.2143092" data-x="2024" r="4" fill="#ab1236"><title>2024: 6.2143092</title></circle>
+	<circle cx="118.97" cy="244.06" data-y="9.9772872" data-x="2025" r="4" fill="#ab1236"><title>2025: 9.9772872</title></circle>
+	<circle cx="138.62" cy="230.31" data-y="15.2656243" data-x="2026" r="4" fill="#ab1236"><title>2026: 15.2656243</title></circle>
+	<circle cx="158.28" cy="216.23" data-y="20.6810754" data-x="2027" r="4" fill="#ab1236"><title>2027: 20.6810754</title></circle>
+	<circle cx="177.93" cy="201.16" data-y="26.4783698" data-x="2028" r="4" fill="#ab1236"><title>2028: 26.4783698</title></circle>
+	<circle cx="197.59" cy="185.50" data-y="32.5015689" data-x="2029" r="4" fill="#ab1236"><title>2029: 32.5015689</title></circle>
+	<circle cx="217.24" cy="167.29" data-y="39.5043314" data-x="2030" r="4" fill="#ab1236"><title>2030: 39.5043314</title></circle>
+	<circle cx="236.90" cy="149.20" data-y="46.4629536" data-x="2031" r="4" fill="#ab1236"><title>2031: 46.4629536</title></circle>
+	<circle cx="256.55" cy="131.92" data-y="53.1075541" data-x="2032" r="4" fill="#ab1236"><title>2032: 53.1075541</title></circle>
+	<circle cx="276.21" cy="115.65" data-y="59.3650593" data-x="2033" r="4" fill="#ab1236"><title>2033: 59.3650593</title></circle>
+	<circle cx="295.86" cy="100.57" data-y="65.1638306" data-x="2034" r="4" fill="#ab1236"><title>2034: 65.1638306</title></circle>
+	<circle cx="315.52" cy="87.62" data-y="70.1480388" data-x="2035" r="4" fill="#ab1236"><title>2035: 70.1480388</title></circle>
+	<circle cx="335.17" cy="76.86" data-y="74.2840768" data-x="2036" r="4" fill="#ab1236"><title>2036: 74.2840768</title></circle>
+	<circle cx="354.83" cy="67.32" data-y="77.9553131" data-x="2037" r="4" fill="#ab1236"><title>2037: 77.9553131</title></circle>
+	<circle cx="374.48" cy="58.89" data-y="81.1973364" data-x="2038" r="4" fill="#ab1236"><title>2038: 81.1973364</title></circle>
+	<circle cx="394.14" cy="51.49" data-y="84.0421623" data-x="2039" r="4" fill="#ab1236"><title>2039: 84.0421623</title></circle>
+	<circle cx="413.79" cy="45.14" data-y="86.4832858" data-x="2040" r="4" fill="#ab1236"><title>2040: 86.4832858</title></circle>
+	<circle cx="433.45" cy="39.78" data-y="88.5480398" data-x="2041" r="4" fill="#ab1236"><title>2041: 88.5480398</title></circle>
+	<circle cx="453.10" cy="35.18" data-y="90.3161619" data-x="2042" r="4" fill="#ab1236"><title>2042: 90.3161619</title></circle>
+	<circle cx="472.76" cy="31.26" data-y="91.8220352" data-x="2043" r="4" fill="#ab1236"><title>2043: 91.8220352</title></circle>
+	<circle cx="492.41" cy="27.87" data-y="93.1279923" data-x="2044" r="4" fill="#ab1236"><title>2044: 93.1279923</title></circle>
+	<circle cx="512.07" cy="24.80" data-y="94.307414" data-x="2045" r="4" fill="#ab1236"><title>2045: 94.307414</title></circle>
+	<circle cx="531.72" cy="22.06" data-y="95.3623905" data-x="2046" r="4" fill="#ab1236"><title>2046: 95.3623905</title></circle>
+	<circle cx="551.38" cy="19.33" data-y="96.4096873" data-x="2047" r="4" fill="#ab1236"><title>2047: 96.4096873</title></circle>
+	<circle cx="571.03" cy="16.51" data-y="97.4956518" data-x="2048" r="4" fill="#ab1236"><title>2048: 97.4956518</title></circle>
+	<circle cx="590.69" cy="13.52" data-y="98.6443382" data-x="2049" r="4" fill="#ab1236"><title>2049: 98.6443382</title></circle>
+	<circle cx="610.34" cy="10.32" data-y="99.8754853" data-x="2050" r="4" fill="#ab1236"><title>2050: 99.8754853</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-ev.html b/2023-DFES/data/graphs/graph-ev.html
new file mode 100644
index 0000000..9c44176
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-ev.html
@@ -0,0 +1,8 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="consumer-transformation"><td class="consumer-transformation"><span>Consumer Transformation</span></td><td>1938473</td><td>4318289</td><td>4734509</td></tr>
+<tr data-scenario="system-transformation"><td class="system-transformation"><span>System Transformation</span></td><td>1847688</td><td>3941590</td><td>4363521</td></tr>
+<tr data-scenario="leading-the-way"><td class="leading-the-way"><span>Leading The Way</span></td><td>1817732</td><td>3935422</td><td>4252384</td></tr>
+<tr data-scenario="planning-scenario"><td class="planning-scenario"><span>NPg Best View</span></td><td>1817732</td><td>3935422</td><td>4252384</td></tr>
+<tr data-scenario="falling-short"><td class="falling-short"><span>Falling Short</span></td><td>1214726</td><td>2804867</td><td>3188191</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-ev.svg b/2023-DFES/data/graphs/graph-ev.svg
new file mode 100644
index 0000000..39d207d
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-ev.svg
@@ -0,0 +1,189 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="120" y1="270" x2="630" y2="270" data-left="120"></line>
+	<text x="120" y="270" text-anchor="end">0</text>
+	<text x="120" y="215.084062571219" text-anchor="end">1,000,000</text>
+	<text x="120" y="160.168125142438" text-anchor="end">2,000,000</text>
+	<text x="120" y="105.252187713657" text-anchor="end">3,000,000</text>
+	<text x="120" y="50.3362502848764" text-anchor="end">4,000,000</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Number</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="260.689655172414" y1="270" x2="260.689655172414" y2="275"></line>
+	<text x="260.689655172414" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="436.551724137931" y1="270" x2="436.551724137931" y2="275"></line>
+	<text x="436.551724137931" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="612.413793103448" y1="270" x2="612.413793103448" y2="275"></line>
+	<text x="612.413793103448" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="consumer-transformation" class="data-series">	<path d="M 120.00,265.23L 137.59,261.60L 155.17,253.97L 172.76,244.02L 190.34,229.71L 207.93,215.04L 225.52,199.29L 243.10,182.82L 260.69,163.55L 278.28,144.39L 295.86,126.01L 313.45,108.58L 331.03,92.35L 348.62,78.38L 366.21,66.75L 383.79,56.42L 401.38,47.35L 418.97,39.49L 436.55,32.86L 454.14,27.76L 471.72,23.63L 489.31,20.35L 506.90,17.76L 524.48,15.66L 542.07,14.35L 559.66,13.21L 577.24,12.11L 594.83,11.07L 612.41,10.00" id="Consumer Transformation" class="line" stroke="#FFBF22" stroke-width="3" stroke-linecap="round"><title>Consumer Transformation</title></path>
+	<circle cx="120.00" cy="265.23" data-y="86795" data-x="2022" r="4" fill="#FFBF22"><title>2022: 86795</title></circle>
+	<circle cx="137.59" cy="261.60" data-y="153049" data-x="2023" r="4" fill="#FFBF22"><title>2023: 153049</title></circle>
+	<circle cx="155.17" cy="253.97" data-y="291878" data-x="2024" r="4" fill="#FFBF22"><title>2024: 291878</title></circle>
+	<circle cx="172.76" cy="244.02" data-y="472997" data-x="2025" r="4" fill="#FFBF22"><title>2025: 472997</title></circle>
+	<circle cx="190.34" cy="229.71" data-y="733675" data-x="2026" r="4" fill="#FFBF22"><title>2026: 733675</title></circle>
+	<circle cx="207.93" cy="215.04" data-y="1000837" data-x="2027" r="4" fill="#FFBF22"><title>2027: 1000837</title></circle>
+	<circle cx="225.52" cy="199.29" data-y="1287530" data-x="2028" r="4" fill="#FFBF22"><title>2028: 1287530</title></circle>
+	<circle cx="243.10" cy="182.82" data-y="1587474" data-x="2029" r="4" fill="#FFBF22"><title>2029: 1587474</title></circle>
+	<circle cx="260.69" cy="163.55" data-y="1938473" data-x="2030" r="4" fill="#FFBF22"><title>2030: 1938473</title></circle>
+	<circle cx="278.28" cy="144.39" data-y="2287355" data-x="2031" r="4" fill="#FFBF22"><title>2031: 2287355</title></circle>
+	<circle cx="295.86" cy="126.01" data-y="2622073" data-x="2032" r="4" fill="#FFBF22"><title>2032: 2622073</title></circle>
+	<circle cx="313.45" cy="108.58" data-y="2939315" data-x="2033" r="4" fill="#FFBF22"><title>2033: 2939315</title></circle>
+	<circle cx="331.03" cy="92.35" data-y="3234856" data-x="2034" r="4" fill="#FFBF22"><title>2034: 3234856</title></circle>
+	<circle cx="348.62" cy="78.38" data-y="3489277" data-x="2035" r="4" fill="#FFBF22"><title>2035: 3489277</title></circle>
+	<circle cx="366.21" cy="66.75" data-y="3701156" data-x="2036" r="4" fill="#FFBF22"><title>2036: 3701156</title></circle>
+	<circle cx="383.79" cy="56.42" data-y="3889277" data-x="2037" r="4" fill="#FFBF22"><title>2037: 3889277</title></circle>
+	<circle cx="401.38" cy="47.35" data-y="4054326" data-x="2038" r="4" fill="#FFBF22"><title>2038: 4054326</title></circle>
+	<circle cx="418.97" cy="39.49" data-y="4197444" data-x="2039" r="4" fill="#FFBF22"><title>2039: 4197444</title></circle>
+	<circle cx="436.55" cy="32.86" data-y="4318289" data-x="2040" r="4" fill="#FFBF22"><title>2040: 4318289</title></circle>
+	<circle cx="454.14" cy="27.76" data-y="4411151" data-x="2041" r="4" fill="#FFBF22"><title>2041: 4411151</title></circle>
+	<circle cx="471.72" cy="23.63" data-y="4486308" data-x="2042" r="4" fill="#FFBF22"><title>2042: 4486308</title></circle>
+	<circle cx="489.31" cy="20.35" data-y="4546045" data-x="2043" r="4" fill="#FFBF22"><title>2043: 4546045</title></circle>
+	<circle cx="506.90" cy="17.76" data-y="4593218" data-x="2044" r="4" fill="#FFBF22"><title>2044: 4593218</title></circle>
+	<circle cx="524.48" cy="15.66" data-y="4631368" data-x="2045" r="4" fill="#FFBF22"><title>2045: 4631368</title></circle>
+	<circle cx="542.07" cy="14.35" data-y="4655354" data-x="2046" r="4" fill="#FFBF22"><title>2046: 4655354</title></circle>
+	<circle cx="559.66" cy="13.21" data-y="4676142" data-x="2047" r="4" fill="#FFBF22"><title>2047: 4676142</title></circle>
+	<circle cx="577.24" cy="12.11" data-y="4696131" data-x="2048" r="4" fill="#FFBF22"><title>2048: 4696131</title></circle>
+	<circle cx="594.83" cy="11.07" data-y="4715092" data-x="2049" r="4" fill="#FFBF22"><title>2049: 4715092</title></circle>
+	<circle cx="612.41" cy="10.00" data-y="4734509" data-x="2050" r="4" fill="#FFBF22"><title>2050: 4734509</title></circle>
+</g>
+<g data-scenario="system-transformation" class="data-series">	<path d="M 120.00,265.23L 137.59,261.59L 155.17,253.61L 172.76,243.47L 190.34,229.82L 207.93,215.79L 225.52,200.70L 243.10,184.86L 260.69,168.53L 278.28,152.29L 295.86,136.67L 313.45,121.86L 331.03,108.05L 348.62,95.33L 366.21,84.76L 383.79,75.36L 401.38,67.07L 418.97,59.80L 436.55,53.54L 454.14,48.63L 471.72,44.56L 489.31,41.22L 506.90,38.47L 524.48,36.21L 542.07,34.71L 559.66,33.45L 577.24,32.32L 594.83,31.31L 612.41,30.37" id="System Transformation" class="line" stroke="#5BCBF5" stroke-width="3" stroke-linecap="round"><title>System Transformation</title></path>
+	<circle cx="120.00" cy="265.23" data-y="86795" data-x="2022" r="4" fill="#5BCBF5"><title>2022: 86795</title></circle>
+	<circle cx="137.59" cy="261.59" data-y="153129" data-x="2023" r="4" fill="#5BCBF5"><title>2023: 153129</title></circle>
+	<circle cx="155.17" cy="253.61" data-y="298536" data-x="2024" r="4" fill="#5BCBF5"><title>2024: 298536</title></circle>
+	<circle cx="172.76" cy="243.47" data-y="483066" data-x="2025" r="4" fill="#5BCBF5"><title>2025: 483066</title></circle>
+	<circle cx="190.34" cy="229.82" data-y="731753" data-x="2026" r="4" fill="#5BCBF5"><title>2026: 731753</title></circle>
+	<circle cx="207.93" cy="215.79" data-y="987150" data-x="2027" r="4" fill="#5BCBF5"><title>2027: 987150</title></circle>
+	<circle cx="225.52" cy="200.70" data-y="1261965" data-x="2028" r="4" fill="#5BCBF5"><title>2028: 1261965</title></circle>
+	<circle cx="243.10" cy="184.86" data-y="1550371" data-x="2029" r="4" fill="#5BCBF5"><title>2029: 1550371</title></circle>
+	<circle cx="260.69" cy="168.53" data-y="1847688" data-x="2030" r="4" fill="#5BCBF5"><title>2030: 1847688</title></circle>
+	<circle cx="278.28" cy="152.29" data-y="2143384" data-x="2031" r="4" fill="#5BCBF5"><title>2031: 2143384</title></circle>
+	<circle cx="295.86" cy="136.67" data-y="2427887" data-x="2032" r="4" fill="#5BCBF5"><title>2032: 2427887</title></circle>
+	<circle cx="313.45" cy="121.86" data-y="2697655" data-x="2033" r="4" fill="#5BCBF5"><title>2033: 2697655</title></circle>
+	<circle cx="331.03" cy="108.05" data-y="2949034" data-x="2034" r="4" fill="#5BCBF5"><title>2034: 2949034</title></circle>
+	<circle cx="348.62" cy="95.33" data-y="3180653" data-x="2035" r="4" fill="#5BCBF5"><title>2035: 3180653</title></circle>
+	<circle cx="366.21" cy="84.76" data-y="3373114" data-x="2036" r="4" fill="#5BCBF5"><title>2036: 3373114</title></circle>
+	<circle cx="383.79" cy="75.36" data-y="3544331" data-x="2037" r="4" fill="#5BCBF5"><title>2037: 3544331</title></circle>
+	<circle cx="401.38" cy="67.07" data-y="3695330" data-x="2038" r="4" fill="#5BCBF5"><title>2038: 3695330</title></circle>
+	<circle cx="418.97" cy="59.80" data-y="3827598" data-x="2039" r="4" fill="#5BCBF5"><title>2039: 3827598</title></circle>
+	<circle cx="436.55" cy="53.54" data-y="3941590" data-x="2040" r="4" fill="#5BCBF5"><title>2040: 3941590</title></circle>
+	<circle cx="454.14" cy="48.63" data-y="4031025" data-x="2041" r="4" fill="#5BCBF5"><title>2041: 4031025</title></circle>
+	<circle cx="471.72" cy="44.56" data-y="4105154" data-x="2042" r="4" fill="#5BCBF5"><title>2042: 4105154</title></circle>
+	<circle cx="489.31" cy="41.22" data-y="4166033" data-x="2043" r="4" fill="#5BCBF5"><title>2043: 4166033</title></circle>
+	<circle cx="506.90" cy="38.47" data-y="4216062" data-x="2044" r="4" fill="#5BCBF5"><title>2044: 4216062</title></circle>
+	<circle cx="524.48" cy="36.21" data-y="4257296" data-x="2045" r="4" fill="#5BCBF5"><title>2045: 4257296</title></circle>
+	<circle cx="542.07" cy="34.71" data-y="4284594" data-x="2046" r="4" fill="#5BCBF5"><title>2046: 4284594</title></circle>
+	<circle cx="559.66" cy="33.45" data-y="4307438" data-x="2047" r="4" fill="#5BCBF5"><title>2047: 4307438</title></circle>
+	<circle cx="577.24" cy="32.32" data-y="4327998" data-x="2048" r="4" fill="#5BCBF5"><title>2048: 4327998</title></circle>
+	<circle cx="594.83" cy="31.31" data-y="4346502" data-x="2049" r="4" fill="#5BCBF5"><title>2049: 4346502</title></circle>
+	<circle cx="612.41" cy="30.37" data-y="4363521" data-x="2050" r="4" fill="#5BCBF5"><title>2050: 4363521</title></circle>
+</g>
+<g data-scenario="leading-the-way" class="data-series">	<path d="M 120.00,265.23L 137.59,261.80L 155.17,254.44L 172.76,244.98L 190.34,231.66L 207.93,217.98L 225.52,203.30L 243.10,188.00L 260.69,170.18L 278.28,152.45L 295.86,135.54L 313.45,119.66L 331.03,105.03L 348.62,92.56L 366.21,82.35L 383.79,73.45L 401.38,65.78L 418.97,59.25L 436.55,53.88L 454.14,49.62L 471.72,46.25L 489.31,43.69L 506.90,41.78L 524.48,40.35L 542.07,39.37L 559.66,38.58L 577.24,37.87L 594.83,37.18L 612.41,36.48" id="Leading The Way" class="line" stroke="#C2CD23" stroke-width="3" stroke-linecap="round"><title>Leading The Way</title></path>
+	<circle cx="120.00" cy="265.23" data-y="86795" data-x="2022" r="4" fill="#C2CD23"><title>2022: 86795</title></circle>
+	<circle cx="137.59" cy="261.80" data-y="149290" data-x="2023" r="4" fill="#C2CD23"><title>2023: 149290</title></circle>
+	<circle cx="155.17" cy="254.44" data-y="283327" data-x="2024" r="4" fill="#C2CD23"><title>2024: 283327</title></circle>
+	<circle cx="172.76" cy="244.98" data-y="455591" data-x="2025" r="4" fill="#C2CD23"><title>2025: 455591</title></circle>
+	<circle cx="190.34" cy="231.66" data-y="698142" data-x="2026" r="4" fill="#C2CD23"><title>2026: 698142</title></circle>
+	<circle cx="207.93" cy="217.98" data-y="947257" data-x="2027" r="4" fill="#C2CD23"><title>2027: 947257</title></circle>
+	<circle cx="225.52" cy="203.30" data-y="1214648" data-x="2028" r="4" fill="#C2CD23"><title>2028: 1214648</title></circle>
+	<circle cx="243.10" cy="188.00" data-y="1493231" data-x="2029" r="4" fill="#C2CD23"><title>2029: 1493231</title></circle>
+	<circle cx="260.69" cy="170.18" data-y="1817732" data-x="2030" r="4" fill="#C2CD23"><title>2030: 1817732</title></circle>
+	<circle cx="278.28" cy="152.45" data-y="2140619" data-x="2031" r="4" fill="#C2CD23"><title>2031: 2140619</title></circle>
+	<circle cx="295.86" cy="135.54" data-y="2448543" data-x="2032" r="4" fill="#C2CD23"><title>2032: 2448543</title></circle>
+	<circle cx="313.45" cy="119.66" data-y="2737620" data-x="2033" r="4" fill="#C2CD23"><title>2033: 2737620</title></circle>
+	<circle cx="331.03" cy="105.03" data-y="3004082" data-x="2034" r="4" fill="#C2CD23"><title>2034: 3004082</title></circle>
+	<circle cx="348.62" cy="92.56" data-y="3231138" data-x="2035" r="4" fill="#C2CD23"><title>2035: 3231138</title></circle>
+	<circle cx="366.21" cy="82.35" data-y="3416975" data-x="2036" r="4" fill="#C2CD23"><title>2036: 3416975</title></circle>
+	<circle cx="383.79" cy="73.45" data-y="3579054" data-x="2037" r="4" fill="#C2CD23"><title>2037: 3579054</title></circle>
+	<circle cx="401.38" cy="65.78" data-y="3718860" data-x="2038" r="4" fill="#C2CD23"><title>2038: 3718860</title></circle>
+	<circle cx="418.97" cy="59.25" data-y="3837763" data-x="2039" r="4" fill="#C2CD23"><title>2039: 3837763</title></circle>
+	<circle cx="436.55" cy="53.88" data-y="3935422" data-x="2040" r="4" fill="#C2CD23"><title>2040: 3935422</title></circle>
+	<circle cx="454.14" cy="49.62" data-y="4013092" data-x="2041" r="4" fill="#C2CD23"><title>2041: 4013092</title></circle>
+	<circle cx="471.72" cy="46.25" data-y="4074428" data-x="2042" r="4" fill="#C2CD23"><title>2042: 4074428</title></circle>
+	<circle cx="489.31" cy="43.69" data-y="4121030" data-x="2043" r="4" fill="#C2CD23"><title>2043: 4121030</title></circle>
+	<circle cx="506.90" cy="41.78" data-y="4155753" data-x="2044" r="4" fill="#C2CD23"><title>2044: 4155753</title></circle>
+	<circle cx="524.48" cy="40.35" data-y="4181910" data-x="2045" r="4" fill="#C2CD23"><title>2045: 4181910</title></circle>
+	<circle cx="542.07" cy="39.37" data-y="4199614" data-x="2046" r="4" fill="#C2CD23"><title>2046: 4199614</title></circle>
+	<circle cx="559.66" cy="38.58" data-y="4214006" data-x="2047" r="4" fill="#C2CD23"><title>2047: 4214006</title></circle>
+	<circle cx="577.24" cy="37.87" data-y="4227027" data-x="2048" r="4" fill="#C2CD23"><title>2048: 4227027</title></circle>
+	<circle cx="594.83" cy="37.18" data-y="4239591" data-x="2049" r="4" fill="#C2CD23"><title>2049: 4239591</title></circle>
+	<circle cx="612.41" cy="36.48" data-y="4252384" data-x="2050" r="4" fill="#C2CD23"><title>2050: 4252384</title></circle>
+</g>
+<g data-scenario="planning-scenario" class="data-series">	<path d="M 120.00,265.23L 137.59,261.80L 155.17,254.44L 172.76,244.98L 190.34,231.66L 207.93,217.98L 225.52,203.30L 243.10,188.00L 260.69,170.18L 278.28,152.45L 295.86,135.54L 313.45,119.66L 331.03,105.03L 348.62,92.56L 366.21,82.35L 383.79,73.45L 401.38,65.78L 418.97,59.25L 436.55,53.88L 454.14,49.62L 471.72,46.25L 489.31,43.69L 506.90,41.78L 524.48,40.35L 542.07,39.37L 559.66,38.58L 577.24,37.87L 594.83,37.18L 612.41,36.48" id="NPg Best View" class="line" stroke="#ab1236" stroke-width="3" stroke-linecap="round"><title>NPg Best View</title></path>
+	<circle cx="120.00" cy="265.23" data-y="86795" data-x="2022" r="4" fill="#ab1236"><title>2022: 86795</title></circle>
+	<circle cx="137.59" cy="261.80" data-y="149290" data-x="2023" r="4" fill="#ab1236"><title>2023: 149290</title></circle>
+	<circle cx="155.17" cy="254.44" data-y="283327" data-x="2024" r="4" fill="#ab1236"><title>2024: 283327</title></circle>
+	<circle cx="172.76" cy="244.98" data-y="455591" data-x="2025" r="4" fill="#ab1236"><title>2025: 455591</title></circle>
+	<circle cx="190.34" cy="231.66" data-y="698142" data-x="2026" r="4" fill="#ab1236"><title>2026: 698142</title></circle>
+	<circle cx="207.93" cy="217.98" data-y="947257" data-x="2027" r="4" fill="#ab1236"><title>2027: 947257</title></circle>
+	<circle cx="225.52" cy="203.30" data-y="1214648" data-x="2028" r="4" fill="#ab1236"><title>2028: 1214648</title></circle>
+	<circle cx="243.10" cy="188.00" data-y="1493231" data-x="2029" r="4" fill="#ab1236"><title>2029: 1493231</title></circle>
+	<circle cx="260.69" cy="170.18" data-y="1817732" data-x="2030" r="4" fill="#ab1236"><title>2030: 1817732</title></circle>
+	<circle cx="278.28" cy="152.45" data-y="2140619" data-x="2031" r="4" fill="#ab1236"><title>2031: 2140619</title></circle>
+	<circle cx="295.86" cy="135.54" data-y="2448543" data-x="2032" r="4" fill="#ab1236"><title>2032: 2448543</title></circle>
+	<circle cx="313.45" cy="119.66" data-y="2737620" data-x="2033" r="4" fill="#ab1236"><title>2033: 2737620</title></circle>
+	<circle cx="331.03" cy="105.03" data-y="3004082" data-x="2034" r="4" fill="#ab1236"><title>2034: 3004082</title></circle>
+	<circle cx="348.62" cy="92.56" data-y="3231138" data-x="2035" r="4" fill="#ab1236"><title>2035: 3231138</title></circle>
+	<circle cx="366.21" cy="82.35" data-y="3416975" data-x="2036" r="4" fill="#ab1236"><title>2036: 3416975</title></circle>
+	<circle cx="383.79" cy="73.45" data-y="3579054" data-x="2037" r="4" fill="#ab1236"><title>2037: 3579054</title></circle>
+	<circle cx="401.38" cy="65.78" data-y="3718860" data-x="2038" r="4" fill="#ab1236"><title>2038: 3718860</title></circle>
+	<circle cx="418.97" cy="59.25" data-y="3837763" data-x="2039" r="4" fill="#ab1236"><title>2039: 3837763</title></circle>
+	<circle cx="436.55" cy="53.88" data-y="3935422" data-x="2040" r="4" fill="#ab1236"><title>2040: 3935422</title></circle>
+	<circle cx="454.14" cy="49.62" data-y="4013092" data-x="2041" r="4" fill="#ab1236"><title>2041: 4013092</title></circle>
+	<circle cx="471.72" cy="46.25" data-y="4074428" data-x="2042" r="4" fill="#ab1236"><title>2042: 4074428</title></circle>
+	<circle cx="489.31" cy="43.69" data-y="4121030" data-x="2043" r="4" fill="#ab1236"><title>2043: 4121030</title></circle>
+	<circle cx="506.90" cy="41.78" data-y="4155753" data-x="2044" r="4" fill="#ab1236"><title>2044: 4155753</title></circle>
+	<circle cx="524.48" cy="40.35" data-y="4181910" data-x="2045" r="4" fill="#ab1236"><title>2045: 4181910</title></circle>
+	<circle cx="542.07" cy="39.37" data-y="4199614" data-x="2046" r="4" fill="#ab1236"><title>2046: 4199614</title></circle>
+	<circle cx="559.66" cy="38.58" data-y="4214006" data-x="2047" r="4" fill="#ab1236"><title>2047: 4214006</title></circle>
+	<circle cx="577.24" cy="37.87" data-y="4227027" data-x="2048" r="4" fill="#ab1236"><title>2048: 4227027</title></circle>
+	<circle cx="594.83" cy="37.18" data-y="4239591" data-x="2049" r="4" fill="#ab1236"><title>2049: 4239591</title></circle>
+	<circle cx="612.41" cy="36.48" data-y="4252384" data-x="2050" r="4" fill="#ab1236"><title>2050: 4252384</title></circle>
+</g>
+<g data-scenario="falling-short" class="data-series">	<path d="M 120.00,265.23L 137.59,262.46L 155.17,258.58L 172.76,253.37L 190.34,246.42L 207.93,238.23L 225.52,227.82L 243.10,215.53L 260.69,203.29L 278.28,191.22L 295.86,179.67L 313.45,168.74L 331.03,158.53L 348.62,149.06L 366.21,141.11L 383.79,133.86L 401.38,127.26L 418.97,121.29L 436.55,115.97L 454.14,111.59L 471.72,107.85L 489.31,104.73L 506.90,102.16L 524.48,100.08L 542.07,98.67L 559.66,97.51L 577.24,96.55L 594.83,95.69L 612.41,94.92" id="Falling Short" class="line" stroke="#827B7A" stroke-width="3" stroke-linecap="round"><title>Falling Short</title></path>
+	<circle cx="120.00" cy="265.23" data-y="86795" data-x="2022" r="4" fill="#827B7A"><title>2022: 86795</title></circle>
+	<circle cx="137.59" cy="262.46" data-y="137218" data-x="2023" r="4" fill="#827B7A"><title>2023: 137218</title></circle>
+	<circle cx="155.17" cy="258.58" data-y="207919" data-x="2024" r="4" fill="#827B7A"><title>2024: 207919</title></circle>
+	<circle cx="172.76" cy="253.37" data-y="302845" data-x="2025" r="4" fill="#827B7A"><title>2025: 302845</title></circle>
+	<circle cx="190.34" cy="246.42" data-y="429311" data-x="2026" r="4" fill="#827B7A"><title>2026: 429311</title></circle>
+	<circle cx="207.93" cy="238.23" data-y="578584" data-x="2027" r="4" fill="#827B7A"><title>2027: 578584</title></circle>
+	<circle cx="225.52" cy="227.82" data-y="768010" data-x="2028" r="4" fill="#827B7A"><title>2028: 768010</title></circle>
+	<circle cx="243.10" cy="215.53" data-y="991882" data-x="2029" r="4" fill="#827B7A"><title>2029: 991882</title></circle>
+	<circle cx="260.69" cy="203.29" data-y="1214726" data-x="2030" r="4" fill="#827B7A"><title>2030: 1214726</title></circle>
+	<circle cx="278.28" cy="191.22" data-y="1434570" data-x="2031" r="4" fill="#827B7A"><title>2031: 1434570</title></circle>
+	<circle cx="295.86" cy="179.67" data-y="1644820" data-x="2032" r="4" fill="#827B7A"><title>2032: 1644820</title></circle>
+	<circle cx="313.45" cy="168.74" data-y="1843876" data-x="2033" r="4" fill="#827B7A"><title>2033: 1843876</title></circle>
+	<circle cx="331.03" cy="158.53" data-y="2029797" data-x="2034" r="4" fill="#827B7A"><title>2034: 2029797</title></circle>
+	<circle cx="348.62" cy="149.06" data-y="2202354" data-x="2035" r="4" fill="#827B7A"><title>2035: 2202354</title></circle>
+	<circle cx="366.21" cy="141.11" data-y="2347071" data-x="2036" r="4" fill="#827B7A"><title>2036: 2347071</title></circle>
+	<circle cx="383.79" cy="133.86" data-y="2479110" data-x="2037" r="4" fill="#827B7A"><title>2037: 2479110</title></circle>
+	<circle cx="401.38" cy="127.26" data-y="2599270" data-x="2038" r="4" fill="#827B7A"><title>2038: 2599270</title></circle>
+	<circle cx="418.97" cy="121.29" data-y="2708008" data-x="2039" r="4" fill="#827B7A"><title>2039: 2708008</title></circle>
+	<circle cx="436.55" cy="115.97" data-y="2804867" data-x="2040" r="4" fill="#827B7A"><title>2040: 2804867</title></circle>
+	<circle cx="454.14" cy="111.59" data-y="2884593" data-x="2041" r="4" fill="#827B7A"><title>2041: 2884593</title></circle>
+	<circle cx="471.72" cy="107.85" data-y="2952783" data-x="2042" r="4" fill="#827B7A"><title>2042: 2952783</title></circle>
+	<circle cx="489.31" cy="104.73" data-y="3009550" data-x="2043" r="4" fill="#827B7A"><title>2043: 3009550</title></circle>
+	<circle cx="506.90" cy="102.16" data-y="3056381" data-x="2044" r="4" fill="#827B7A"><title>2044: 3056381</title></circle>
+	<circle cx="524.48" cy="100.08" data-y="3094188" data-x="2045" r="4" fill="#827B7A"><title>2045: 3094188</title></circle>
+	<circle cx="542.07" cy="98.67" data-y="3119887" data-x="2046" r="4" fill="#827B7A"><title>2046: 3119887</title></circle>
+	<circle cx="559.66" cy="97.51" data-y="3140904" data-x="2047" r="4" fill="#827B7A"><title>2047: 3140904</title></circle>
+	<circle cx="577.24" cy="96.55" data-y="3158494" data-x="2048" r="4" fill="#827B7A"><title>2048: 3158494</title></circle>
+	<circle cx="594.83" cy="95.69" data-y="3174142" data-x="2049" r="4" fill="#827B7A"><title>2049: 3174142</title></circle>
+	<circle cx="612.41" cy="94.92" data-y="3188191" data-x="2050" r="4" fill="#827B7A"><title>2050: 3188191</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-fuel-consumption-planning-scenario.html b/2023-DFES/data/graphs/graph-fuel-consumption-planning-scenario.html
new file mode 100644
index 0000000..55bcd2b
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-fuel-consumption-planning-scenario.html
@@ -0,0 +1,9 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="natural-gas"><td style="background-color:#B8BFF9;color:black"><span>Natural gas</span></td><td>40.27813412</td><td>16.35748161</td><td>0.08463351</td></tr>
+<tr data-scenario="solid-fuel"><td style="background-color:#505050;color:white"><span>Solid fuel</span></td><td>0.41469095</td><td>0.106396853</td><td>0.008943769</td></tr>
+<tr data-scenario="petroleum"><td style="background-color:#cc0935;color:white"><span>Petroleum</span></td><td>40.53643516</td><td>5.335305757</td><td>0.106090039</td></tr>
+<tr data-scenario="hydrogen"><td style="background-color:#0279FA;color:white"><span>Hydrogen</span></td><td>0.133325141</td><td>2.018657855</td><td>3.947998708</td></tr>
+<tr data-scenario="bioenergy"><td style="background-color:#019303;color:white"><span>Bioenergy</span></td><td>2.180307073</td><td>0.96520387</td><td>0.606035703</td></tr>
+<tr data-scenario="electricity"><td style="background-color:#cc0935;color:white"><span>Electricity</span></td><td>43.91554218</td><td>65.05045544</td><td>72.94932022</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-fuel-consumption-planning-scenario.svg b/2023-DFES/data/graphs/graph-fuel-consumption-planning-scenario.svg
new file mode 100644
index 0000000..ab580d0
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-fuel-consumption-planning-scenario.svg
@@ -0,0 +1,219 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="100" y1="270" x2="630" y2="270" data-left="100"></line>
+	<text x="100" y="270" text-anchor="end">0</text>
+	<text x="100" y="199.77181732776" text-anchor="end">20</text>
+	<text x="100" y="129.543634655521" text-anchor="end">40</text>
+	<text x="100" y="59.3154519832814" text-anchor="end">60</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Fuel consumption (GWh-yr)</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="246.206896551724" y1="270" x2="246.206896551724" y2="275"></line>
+	<text x="246.206896551724" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="428.965517241379" y1="270" x2="428.965517241379" y2="275"></line>
+	<text x="428.965517241379" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="611.724137931034" y1="270" x2="611.724137931034" y2="275"></line>
+	<text x="611.724137931034" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="natural-gas" class="data-series">	<path d="M 100.00,83.43L 118.28,86.26L 136.55,89.20L 154.83,93.31L 173.10,98.33L 191.38,104.33L 209.66,112.19L 227.93,120.26L 246.21,128.57L 264.48,135.23L 282.76,142.35L 301.03,150.45L 319.31,159.69L 337.59,168.96L 355.86,177.76L 374.14,186.21L 392.41,194.72L 410.69,203.49L 428.97,212.56L 447.24,222.20L 465.52,230.85L 483.79,238.48L 502.07,245.80L 520.34,252.06L 538.62,257.72L 556.90,263.27L 575.17,267.66L 593.45,268.77L 611.72,269.70" id="Natural gas" class="line" stroke="#B8BFF9" stroke-width="3" stroke-linecap="round"><title>Natural gas</title></path>
+	<circle cx="100.00" cy="83.43" data-y="53.13282085" data-x="2022" r="4" fill="#B8BFF9"><title>2022: 53.13282085</title></circle>
+	<circle cx="118.28" cy="86.26" data-y="52.32792356" data-x="2023" r="4" fill="#B8BFF9"><title>2023: 52.32792356</title></circle>
+	<circle cx="136.55" cy="89.20" data-y="51.48896951" data-x="2024" r="4" fill="#B8BFF9"><title>2024: 51.48896951</title></circle>
+	<circle cx="154.83" cy="93.31" data-y="50.31887711" data-x="2025" r="4" fill="#B8BFF9"><title>2025: 50.31887711</title></circle>
+	<circle cx="173.10" cy="98.33" data-y="48.88987008" data-x="2026" r="4" fill="#B8BFF9"><title>2026: 48.88987008</title></circle>
+	<circle cx="191.38" cy="104.33" data-y="47.18171055" data-x="2027" r="4" fill="#B8BFF9"><title>2027: 47.18171055</title></circle>
+	<circle cx="209.66" cy="112.19" data-y="44.94243092" data-x="2028" r="4" fill="#B8BFF9"><title>2028: 44.94243092</title></circle>
+	<circle cx="227.93" cy="120.26" data-y="42.64353589" data-x="2029" r="4" fill="#B8BFF9"><title>2029: 42.64353589</title></circle>
+	<circle cx="246.21" cy="128.57" data-y="40.27813412" data-x="2030" r="4" fill="#B8BFF9"><title>2030: 40.27813412</title></circle>
+	<circle cx="264.48" cy="135.23" data-y="38.38003155" data-x="2031" r="4" fill="#B8BFF9"><title>2031: 38.38003155</title></circle>
+	<circle cx="282.76" cy="142.35" data-y="36.35306385" data-x="2032" r="4" fill="#B8BFF9"><title>2032: 36.35306385</title></circle>
+	<circle cx="301.03" cy="150.45" data-y="34.04627562" data-x="2033" r="4" fill="#B8BFF9"><title>2033: 34.04627562</title></circle>
+	<circle cx="319.31" cy="159.69" data-y="31.41597747" data-x="2034" r="4" fill="#B8BFF9"><title>2034: 31.41597747</title></circle>
+	<circle cx="337.59" cy="168.96" data-y="28.77558852" data-x="2035" r="4" fill="#B8BFF9"><title>2035: 28.77558852</title></circle>
+	<circle cx="355.86" cy="177.76" data-y="26.26783741" data-x="2036" r="4" fill="#B8BFF9"><title>2036: 26.26783741</title></circle>
+	<circle cx="374.14" cy="186.21" data-y="23.86190039" data-x="2037" r="4" fill="#B8BFF9"><title>2037: 23.86190039</title></circle>
+	<circle cx="392.41" cy="194.72" data-y="21.43795253" data-x="2038" r="4" fill="#B8BFF9"><title>2038: 21.43795253</title></circle>
+	<circle cx="410.69" cy="203.49" data-y="18.94160297" data-x="2039" r="4" fill="#B8BFF9"><title>2039: 18.94160297</title></circle>
+	<circle cx="428.97" cy="212.56" data-y="16.35748161" data-x="2040" r="4" fill="#B8BFF9"><title>2040: 16.35748161</title></circle>
+	<circle cx="447.24" cy="222.20" data-y="13.61294144" data-x="2041" r="4" fill="#B8BFF9"><title>2041: 13.61294144</title></circle>
+	<circle cx="465.52" cy="230.85" data-y="11.14976973" data-x="2042" r="4" fill="#B8BFF9"><title>2042: 11.14976973</title></circle>
+	<circle cx="483.79" cy="238.48" data-y="8.977851094" data-x="2043" r="4" fill="#B8BFF9"><title>2043: 8.977851094</title></circle>
+	<circle cx="502.07" cy="245.80" data-y="6.891499162" data-x="2044" r="4" fill="#B8BFF9"><title>2044: 6.891499162</title></circle>
+	<circle cx="520.34" cy="252.06" data-y="5.108797398" data-x="2045" r="4" fill="#B8BFF9"><title>2045: 5.108797398</title></circle>
+	<circle cx="538.62" cy="257.72" data-y="3.495933276" data-x="2046" r="4" fill="#B8BFF9"><title>2046: 3.495933276</title></circle>
+	<circle cx="556.90" cy="263.27" data-y="1.916921189" data-x="2047" r="4" fill="#B8BFF9"><title>2047: 1.916921189</title></circle>
+	<circle cx="575.17" cy="267.66" data-y="0.665254067" data-x="2048" r="4" fill="#B8BFF9"><title>2048: 0.665254067</title></circle>
+	<circle cx="593.45" cy="268.77" data-y="0.349257581" data-x="2049" r="4" fill="#B8BFF9"><title>2049: 0.349257581</title></circle>
+	<circle cx="611.72" cy="269.70" data-y="0.08463351" data-x="2050" r="4" fill="#B8BFF9"><title>2050: 0.08463351</title></circle>
+</g>
+<g data-scenario="solid-fuel" class="data-series">	<path d="M 100.00,267.26L 118.28,267.41L 136.55,267.55L 154.83,267.68L 173.10,267.85L 191.38,268.05L 209.66,268.27L 227.93,268.41L 246.21,268.54L 264.48,268.66L 282.76,268.78L 301.03,268.89L 319.31,269.00L 337.59,269.11L 355.86,269.21L 374.14,269.31L 392.41,269.41L 410.69,269.52L 428.97,269.63L 447.24,269.73L 465.52,269.84L 483.79,269.94L 502.07,269.95L 520.34,269.95L 538.62,269.96L 556.90,269.96L 575.17,269.96L 593.45,269.97L 611.72,269.97" id="Solid fuel" class="line" stroke="#505050" stroke-width="3" stroke-linecap="round"><title>Solid fuel</title></path>
+	<circle cx="100.00" cy="267.26" data-y="0.778931491" data-x="2022" r="4" fill="#505050"><title>2022: 0.778931491</title></circle>
+	<circle cx="118.28" cy="267.41" data-y="0.738258594" data-x="2023" r="4" fill="#505050"><title>2023: 0.738258594</title></circle>
+	<circle cx="136.55" cy="267.55" data-y="0.696961522" data-x="2024" r="4" fill="#505050"><title>2024: 0.696961522</title></circle>
+	<circle cx="154.83" cy="267.68" data-y="0.660637499" data-x="2025" r="4" fill="#505050"><title>2025: 0.660637499</title></circle>
+	<circle cx="173.10" cy="267.85" data-y="0.61288972" data-x="2026" r="4" fill="#505050"><title>2026: 0.61288972</title></circle>
+	<circle cx="191.38" cy="268.05" data-y="0.555003654" data-x="2027" r="4" fill="#505050"><title>2027: 0.555003654</title></circle>
+	<circle cx="209.66" cy="268.27" data-y="0.492340599" data-x="2028" r="4" fill="#505050"><title>2028: 0.492340599</title></circle>
+	<circle cx="227.93" cy="268.41" data-y="0.453079198" data-x="2029" r="4" fill="#505050"><title>2029: 0.453079198</title></circle>
+	<circle cx="246.21" cy="268.54" data-y="0.41469095" data-x="2030" r="4" fill="#505050"><title>2030: 0.41469095</title></circle>
+	<circle cx="264.48" cy="268.66" data-y="0.380924841" data-x="2031" r="4" fill="#505050"><title>2031: 0.380924841</title></circle>
+	<circle cx="282.76" cy="268.78" data-y="0.347443149" data-x="2032" r="4" fill="#505050"><title>2032: 0.347443149</title></circle>
+	<circle cx="301.03" cy="268.89" data-y="0.315694365" data-x="2033" r="4" fill="#505050"><title>2033: 0.315694365</title></circle>
+	<circle cx="319.31" cy="269.00" data-y="0.28420752" data-x="2034" r="4" fill="#505050"><title>2034: 0.28420752</title></circle>
+	<circle cx="337.59" cy="269.11" data-y="0.254189982" data-x="2035" r="4" fill="#505050"><title>2035: 0.254189982</title></circle>
+	<circle cx="355.86" cy="269.21" data-y="0.225072745" data-x="2036" r="4" fill="#505050"><title>2036: 0.225072745</title></circle>
+	<circle cx="374.14" cy="269.31" data-y="0.195873211" data-x="2037" r="4" fill="#505050"><title>2037: 0.195873211</title></circle>
+	<circle cx="392.41" cy="269.41" data-y="0.166761976" data-x="2038" r="4" fill="#505050"><title>2038: 0.166761976</title></circle>
+	<circle cx="410.69" cy="269.52" data-y="0.13659035" data-x="2039" r="4" fill="#505050"><title>2039: 0.13659035</title></circle>
+	<circle cx="428.97" cy="269.63" data-y="0.106396853" data-x="2040" r="4" fill="#505050"><title>2040: 0.106396853</title></circle>
+	<circle cx="447.24" cy="269.73" data-y="0.076128352" data-x="2041" r="4" fill="#505050"><title>2041: 0.076128352</title></circle>
+	<circle cx="465.52" cy="269.84" data-y="0.045945238" data-x="2042" r="4" fill="#505050"><title>2042: 0.045945238</title></circle>
+	<circle cx="483.79" cy="269.94" data-y="0.017155439" data-x="2043" r="4" fill="#505050"><title>2043: 0.017155439</title></circle>
+	<circle cx="502.07" cy="269.95" data-y="0.014382823" data-x="2044" r="4" fill="#505050"><title>2044: 0.014382823</title></circle>
+	<circle cx="520.34" cy="269.95" data-y="0.013206738" data-x="2045" r="4" fill="#505050"><title>2045: 0.013206738</title></circle>
+	<circle cx="538.62" cy="269.96" data-y="0.012091649" data-x="2046" r="4" fill="#505050"><title>2046: 0.012091649</title></circle>
+	<circle cx="556.90" cy="269.96" data-y="0.010995857" data-x="2047" r="4" fill="#505050"><title>2047: 0.010995857</title></circle>
+	<circle cx="575.17" cy="269.96" data-y="0.010025978" data-x="2048" r="4" fill="#505050"><title>2048: 0.010025978</title></circle>
+	<circle cx="593.45" cy="269.97" data-y="0.009457742" data-x="2049" r="4" fill="#505050"><title>2049: 0.009457742</title></circle>
+	<circle cx="611.72" cy="269.97" data-y="0.008943769" data-x="2050" r="4" fill="#505050"><title>2050: 0.008943769</title></circle>
+</g>
+<g data-scenario="petroleum" class="data-series">	<path d="M 100.00,10.00L 118.28,18.94L 136.55,28.92L 154.83,41.66L 173.10,58.32L 191.38,75.18L 209.66,92.78L 227.93,110.57L 246.21,127.66L 264.48,144.62L 282.76,162.71L 301.03,179.29L 319.31,194.26L 337.59,207.63L 355.86,218.83L 374.14,228.69L 392.41,237.32L 410.69,244.82L 428.97,251.27L 447.24,256.50L 465.52,260.71L 483.79,264.05L 502.07,266.22L 520.34,267.66L 538.62,268.46L 556.90,269.04L 575.17,269.32L 593.45,269.50L 611.72,269.63" id="Petroleum" class="line" stroke="#cc0935" stroke-width="3" stroke-linecap="round"><title>Petroleum</title></path>
+	<circle cx="100.00" cy="10.00" data-y="74.04434804" data-x="2022" r="4" fill="#cc0935"><title>2022: 74.04434804</title></circle>
+	<circle cx="118.28" cy="18.94" data-y="71.49879131" data-x="2023" r="4" fill="#cc0935"><title>2023: 71.49879131</title></circle>
+	<circle cx="136.55" cy="28.92" data-y="68.65574047" data-x="2024" r="4" fill="#cc0935"><title>2024: 68.65574047</title></circle>
+	<circle cx="154.83" cy="41.66" data-y="65.02666729" data-x="2025" r="4" fill="#cc0935"><title>2025: 65.02666729</title></circle>
+	<circle cx="173.10" cy="58.32" data-y="60.28360617" data-x="2026" r="4" fill="#cc0935"><title>2026: 60.28360617</title></circle>
+	<circle cx="191.38" cy="75.18" data-y="55.48321389" data-x="2027" r="4" fill="#cc0935"><title>2027: 55.48321389</title></circle>
+	<circle cx="209.66" cy="92.78" data-y="50.47066188" data-x="2028" r="4" fill="#cc0935"><title>2028: 50.47066188</title></circle>
+	<circle cx="227.93" cy="110.57" data-y="45.40402314" data-x="2029" r="4" fill="#cc0935"><title>2029: 45.40402314</title></circle>
+	<circle cx="246.21" cy="127.66" data-y="40.53643516" data-x="2030" r="4" fill="#cc0935"><title>2030: 40.53643516</title></circle>
+	<circle cx="264.48" cy="144.62" data-y="35.70762412" data-x="2031" r="4" fill="#cc0935"><title>2031: 35.70762412</title></circle>
+	<circle cx="282.76" cy="162.71" data-y="30.5554031" data-x="2032" r="4" fill="#cc0935"><title>2032: 30.5554031</title></circle>
+	<circle cx="301.03" cy="179.29" data-y="25.83388586" data-x="2033" r="4" fill="#cc0935"><title>2033: 25.83388586</title></circle>
+	<circle cx="319.31" cy="194.26" data-y="21.57096479" data-x="2034" r="4" fill="#cc0935"><title>2034: 21.57096479</title></circle>
+	<circle cx="337.59" cy="207.63" data-y="17.76077072" data-x="2035" r="4" fill="#cc0935"><title>2035: 17.76077072</title></circle>
+	<circle cx="355.86" cy="218.83" data-y="14.57126362" data-x="2036" r="4" fill="#cc0935"><title>2036: 14.57126362</title></circle>
+	<circle cx="374.14" cy="228.69" data-y="11.76454965" data-x="2037" r="4" fill="#cc0935"><title>2037: 11.76454965</title></circle>
+	<circle cx="392.41" cy="237.32" data-y="9.307490012" data-x="2038" r="4" fill="#cc0935"><title>2038: 9.307490012</title></circle>
+	<circle cx="410.69" cy="244.82" data-y="7.171547064" data-x="2039" r="4" fill="#cc0935"><title>2039: 7.171547064</title></circle>
+	<circle cx="428.97" cy="251.27" data-y="5.335305757" data-x="2040" r="4" fill="#cc0935"><title>2040: 5.335305757</title></circle>
+	<circle cx="447.24" cy="256.50" data-y="3.845453143" data-x="2041" r="4" fill="#cc0935"><title>2041: 3.845453143</title></circle>
+	<circle cx="465.52" cy="260.71" data-y="2.644708118" data-x="2042" r="4" fill="#cc0935"><title>2042: 2.644708118</title></circle>
+	<circle cx="483.79" cy="264.05" data-y="1.694406957" data-x="2043" r="4" fill="#cc0935"><title>2043: 1.694406957</title></circle>
+	<circle cx="502.07" cy="266.22" data-y="1.076805078" data-x="2044" r="4" fill="#cc0935"><title>2044: 1.076805078</title></circle>
+	<circle cx="520.34" cy="267.66" data-y="0.667724326" data-x="2045" r="4" fill="#cc0935"><title>2045: 0.667724326</title></circle>
+	<circle cx="538.62" cy="268.46" data-y="0.438689889" data-x="2046" r="4" fill="#cc0935"><title>2046: 0.438689889</title></circle>
+	<circle cx="556.90" cy="269.04" data-y="0.272405402" data-x="2047" r="4" fill="#cc0935"><title>2047: 0.272405402</title></circle>
+	<circle cx="575.17" cy="269.32" data-y="0.195002807" data-x="2048" r="4" fill="#cc0935"><title>2048: 0.195002807</title></circle>
+	<circle cx="593.45" cy="269.50" data-y="0.142304059" data-x="2049" r="4" fill="#cc0935"><title>2049: 0.142304059</title></circle>
+	<circle cx="611.72" cy="269.63" data-y="0.106090039" data-x="2050" r="4" fill="#cc0935"><title>2050: 0.106090039</title></circle>
+</g>
+<g data-scenario="hydrogen" class="data-series">	<path d="M 100.00,269.97L 118.28,269.96L 136.55,269.96L 154.83,269.94L 173.10,269.94L 191.38,269.92L 209.66,269.91L 227.93,269.89L 246.21,269.53L 264.48,269.17L 282.76,268.78L 301.03,268.29L 319.31,267.73L 337.59,267.09L 355.86,266.38L 374.14,265.71L 392.41,264.96L 410.69,264.12L 428.97,262.91L 447.24,261.39L 465.52,260.06L 483.79,259.14L 502.07,258.15L 520.34,257.48L 538.62,257.07L 556.90,256.69L 575.17,256.42L 593.45,256.15L 611.72,256.14" id="Hydrogen" class="line" stroke="#0279FA" stroke-width="3" stroke-linecap="round"><title>Hydrogen</title></path>
+	<circle cx="100.00" cy="269.97" data-y="0.008665637" data-x="2022" r="4" fill="#0279FA"><title>2022: 0.008665637</title></circle>
+	<circle cx="118.28" cy="269.96" data-y="0.010189035" data-x="2023" r="4" fill="#0279FA"><title>2023: 0.010189035</title></circle>
+	<circle cx="136.55" cy="269.96" data-y="0.012560961" data-x="2024" r="4" fill="#0279FA"><title>2024: 0.012560961</title></circle>
+	<circle cx="154.83" cy="269.94" data-y="0.015949707" data-x="2025" r="4" fill="#0279FA"><title>2025: 0.015949707</title></circle>
+	<circle cx="173.10" cy="269.94" data-y="0.018421935" data-x="2026" r="4" fill="#0279FA"><title>2026: 0.018421935</title></circle>
+	<circle cx="191.38" cy="269.92" data-y="0.021838353" data-x="2027" r="4" fill="#0279FA"><title>2027: 0.021838353</title></circle>
+	<circle cx="209.66" cy="269.91" data-y="0.026750654" data-x="2028" r="4" fill="#0279FA"><title>2028: 0.026750654</title></circle>
+	<circle cx="227.93" cy="269.89" data-y="0.031719783" data-x="2029" r="4" fill="#0279FA"><title>2029: 0.031719783</title></circle>
+	<circle cx="246.21" cy="269.53" data-y="0.133325141" data-x="2030" r="4" fill="#0279FA"><title>2030: 0.133325141</title></circle>
+	<circle cx="264.48" cy="269.17" data-y="0.237549969" data-x="2031" r="4" fill="#0279FA"><title>2031: 0.237549969</title></circle>
+	<circle cx="282.76" cy="268.78" data-y="0.346393774" data-x="2032" r="4" fill="#0279FA"><title>2032: 0.346393774</title></circle>
+	<circle cx="301.03" cy="268.29" data-y="0.486893161" data-x="2033" r="4" fill="#0279FA"><title>2033: 0.486893161</title></circle>
+	<circle cx="319.31" cy="267.73" data-y="0.645409579" data-x="2034" r="4" fill="#0279FA"><title>2034: 0.645409579</title></circle>
+	<circle cx="337.59" cy="267.09" data-y="0.829372969" data-x="2035" r="4" fill="#0279FA"><title>2035: 0.829372969</title></circle>
+	<circle cx="355.86" cy="266.38" data-y="1.032309103" data-x="2036" r="4" fill="#0279FA"><title>2036: 1.032309103</title></circle>
+	<circle cx="374.14" cy="265.71" data-y="1.222628164" data-x="2037" r="4" fill="#0279FA"><title>2037: 1.222628164</title></circle>
+	<circle cx="392.41" cy="264.96" data-y="1.435789166" data-x="2038" r="4" fill="#0279FA"><title>2038: 1.435789166</title></circle>
+	<circle cx="410.69" cy="264.12" data-y="1.674208179" data-x="2039" r="4" fill="#0279FA"><title>2039: 1.674208179</title></circle>
+	<circle cx="428.97" cy="262.91" data-y="2.018657855" data-x="2040" r="4" fill="#0279FA"><title>2040: 2.018657855</title></circle>
+	<circle cx="447.24" cy="261.39" data-y="2.452796546" data-x="2041" r="4" fill="#0279FA"><title>2041: 2.452796546</title></circle>
+	<circle cx="465.52" cy="260.06" data-y="2.829535777" data-x="2042" r="4" fill="#0279FA"><title>2042: 2.829535777</title></circle>
+	<circle cx="483.79" cy="259.14" data-y="3.094175924" data-x="2043" r="4" fill="#0279FA"><title>2043: 3.094175924</title></circle>
+	<circle cx="502.07" cy="258.15" data-y="3.373691139" data-x="2044" r="4" fill="#0279FA"><title>2044: 3.373691139</title></circle>
+	<circle cx="520.34" cy="257.48" data-y="3.565550821" data-x="2045" r="4" fill="#0279FA"><title>2045: 3.565550821</title></circle>
+	<circle cx="538.62" cy="257.07" data-y="3.681565293" data-x="2046" r="4" fill="#0279FA"><title>2046: 3.681565293</title></circle>
+	<circle cx="556.90" cy="256.69" data-y="3.791104956" data-x="2047" r="4" fill="#0279FA"><title>2047: 3.791104956</title></circle>
+	<circle cx="575.17" cy="256.42" data-y="3.867442911" data-x="2048" r="4" fill="#0279FA"><title>2048: 3.867442911</title></circle>
+	<circle cx="593.45" cy="256.15" data-y="3.944362693" data-x="2049" r="4" fill="#0279FA"><title>2049: 3.944362693</title></circle>
+	<circle cx="611.72" cy="256.14" data-y="3.947998708" data-x="2050" r="4" fill="#0279FA"><title>2050: 3.947998708</title></circle>
+</g>
+<g data-scenario="bioenergy" class="data-series">	<path d="M 100.00,257.66L 118.28,258.14L 136.55,258.63L 154.83,259.09L 173.10,259.71L 191.38,260.44L 209.66,261.22L 227.93,261.79L 246.21,262.34L 264.48,262.78L 282.76,263.22L 301.03,263.63L 319.31,264.09L 337.59,264.71L 355.86,265.09L 374.14,265.46L 392.41,265.83L 410.69,266.22L 428.97,266.61L 447.24,267.00L 465.52,267.39L 483.79,267.75L 502.07,267.81L 520.34,267.83L 538.62,267.84L 556.90,267.85L 575.17,267.86L 593.45,267.86L 611.72,267.87" id="Bioenergy" class="line" stroke="#019303" stroke-width="3" stroke-linecap="round"><title>Bioenergy</title></path>
+	<circle cx="100.00" cy="257.66" data-y="3.512886537" data-x="2022" r="4" fill="#019303"><title>2022: 3.512886537</title></circle>
+	<circle cx="118.28" cy="258.14" data-y="3.377818664" data-x="2023" r="4" fill="#019303"><title>2023: 3.377818664</title></circle>
+	<circle cx="136.55" cy="258.63" data-y="3.238947247" data-x="2024" r="4" fill="#019303"><title>2024: 3.238947247</title></circle>
+	<circle cx="154.83" cy="259.09" data-y="3.107587944" data-x="2025" r="4" fill="#019303"><title>2025: 3.107587944</title></circle>
+	<circle cx="173.10" cy="259.71" data-y="2.929259011" data-x="2026" r="4" fill="#019303"><title>2026: 2.929259011</title></circle>
+	<circle cx="191.38" cy="260.44" data-y="2.72324741" data-x="2027" r="4" fill="#019303"><title>2027: 2.72324741</title></circle>
+	<circle cx="209.66" cy="261.22" data-y="2.501197541" data-x="2028" r="4" fill="#019303"><title>2028: 2.501197541</title></circle>
+	<circle cx="227.93" cy="261.79" data-y="2.33927524" data-x="2029" r="4" fill="#019303"><title>2029: 2.33927524</title></circle>
+	<circle cx="246.21" cy="262.34" data-y="2.180307073" data-x="2030" r="4" fill="#019303"><title>2030: 2.180307073</title></circle>
+	<circle cx="264.48" cy="262.78" data-y="2.055237162" data-x="2031" r="4" fill="#019303"><title>2031: 2.055237162</title></circle>
+	<circle cx="282.76" cy="263.22" data-y="1.931170595" data-x="2032" r="4" fill="#019303"><title>2032: 1.931170595</title></circle>
+	<circle cx="301.03" cy="263.63" data-y="1.813811937" data-x="2033" r="4" fill="#019303"><title>2033: 1.813811937</title></circle>
+	<circle cx="319.31" cy="264.09" data-y="1.682571241" data-x="2034" r="4" fill="#019303"><title>2034: 1.682571241</title></circle>
+	<circle cx="337.59" cy="264.71" data-y="1.50542601" data-x="2035" r="4" fill="#019303"><title>2035: 1.50542601</title></circle>
+	<circle cx="355.86" cy="265.09" data-y="1.399214365" data-x="2036" r="4" fill="#019303"><title>2036: 1.399214365</title></circle>
+	<circle cx="374.14" cy="265.46" data-y="1.292510304" data-x="2037" r="4" fill="#019303"><title>2037: 1.292510304</title></circle>
+	<circle cx="392.41" cy="265.83" data-y="1.18625795" data-x="2038" r="4" fill="#019303"><title>2038: 1.18625795</title></circle>
+	<circle cx="410.69" cy="266.22" data-y="1.07555904" data-x="2039" r="4" fill="#019303"><title>2039: 1.07555904</title></circle>
+	<circle cx="428.97" cy="266.61" data-y="0.96520387" data-x="2040" r="4" fill="#019303"><title>2040: 0.96520387</title></circle>
+	<circle cx="447.24" cy="267.00" data-y="0.854827005" data-x="2041" r="4" fill="#019303"><title>2041: 0.854827005</title></circle>
+	<circle cx="465.52" cy="267.39" data-y="0.744434673" data-x="2042" r="4" fill="#019303"><title>2042: 0.744434673</title></circle>
+	<circle cx="483.79" cy="267.75" data-y="0.639614362" data-x="2043" r="4" fill="#019303"><title>2043: 0.639614362</title></circle>
+	<circle cx="502.07" cy="267.81" data-y="0.624410981" data-x="2044" r="4" fill="#019303"><title>2044: 0.624410981</title></circle>
+	<circle cx="520.34" cy="267.83" data-y="0.617114152" data-x="2045" r="4" fill="#019303"><title>2045: 0.617114152</title></circle>
+	<circle cx="538.62" cy="267.84" data-y="0.614578287" data-x="2046" r="4" fill="#019303"><title>2046: 0.614578287</title></circle>
+	<circle cx="556.90" cy="267.85" data-y="0.612069408" data-x="2047" r="4" fill="#019303"><title>2047: 0.612069408</title></circle>
+	<circle cx="575.17" cy="267.86" data-y="0.610021021" data-x="2048" r="4" fill="#019303"><title>2048: 0.610021021</title></circle>
+	<circle cx="593.45" cy="267.86" data-y="0.608027412" data-x="2049" r="4" fill="#019303"><title>2049: 0.608027412</title></circle>
+	<circle cx="611.72" cy="267.87" data-y="0.606035703" data-x="2050" r="4" fill="#019303"><title>2050: 0.606035703</title></circle>
+</g>
+<g data-scenario="electricity" class="data-series">	<path d="M 100.00,143.79L 118.28,143.37L 136.55,142.33L 154.83,140.64L 173.10,138.05L 191.38,134.39L 209.66,129.51L 227.93,123.60L 246.21,115.79L 264.48,108.54L 282.76,101.37L 301.03,93.74L 319.31,86.09L 337.59,77.14L 355.86,68.68L 374.14,61.32L 392.41,54.21L 410.69,47.60L 428.97,41.58L 447.24,36.33L 465.52,31.68L 483.79,27.69L 502.07,24.33L 520.34,21.49L 538.62,19.07L 556.90,16.67L 575.17,14.38L 593.45,13.96L 611.72,13.85" id="Electricity" class="line" stroke="#cc0935" stroke-width="3" stroke-linecap="round"><title>Electricity</title></path>
+	<circle cx="100.00" cy="143.79" data-y="35.94381194" data-x="2022" r="4" fill="#cc0935"><title>2022: 35.94381194</title></circle>
+	<circle cx="118.28" cy="143.37" data-y="36.06186494" data-x="2023" r="4" fill="#cc0935"><title>2023: 36.06186494</title></circle>
+	<circle cx="136.55" cy="142.33" data-y="36.35850758" data-x="2024" r="4" fill="#cc0935"><title>2024: 36.35850758</title></circle>
+	<circle cx="154.83" cy="140.64" data-y="36.83997375" data-x="2025" r="4" fill="#cc0935"><title>2025: 36.83997375</title></circle>
+	<circle cx="173.10" cy="138.05" data-y="37.57741574" data-x="2026" r="4" fill="#cc0935"><title>2026: 37.57741574</title></circle>
+	<circle cx="191.38" cy="134.39" data-y="38.61975801" data-x="2027" r="4" fill="#cc0935"><title>2027: 38.61975801</title></circle>
+	<circle cx="209.66" cy="129.51" data-y="40.00863838" data-x="2028" r="4" fill="#cc0935"><title>2028: 40.00863838</title></circle>
+	<circle cx="227.93" cy="123.60" data-y="41.6935327" data-x="2029" r="4" fill="#cc0935"><title>2029: 41.6935327</title></circle>
+	<circle cx="246.21" cy="115.79" data-y="43.91554218" data-x="2030" r="4" fill="#cc0935"><title>2030: 43.91554218</title></circle>
+	<circle cx="264.48" cy="108.54" data-y="45.98192321" data-x="2031" r="4" fill="#cc0935"><title>2031: 45.98192321</title></circle>
+	<circle cx="282.76" cy="101.37" data-y="48.02241182" data-x="2032" r="4" fill="#cc0935"><title>2032: 48.02241182</title></circle>
+	<circle cx="301.03" cy="93.74" data-y="50.19708776" data-x="2033" r="4" fill="#cc0935"><title>2033: 50.19708776</title></circle>
+	<circle cx="319.31" cy="86.09" data-y="52.37522558" data-x="2034" r="4" fill="#cc0935"><title>2034: 52.37522558</title></circle>
+	<circle cx="337.59" cy="77.14" data-y="54.92243512" data-x="2035" r="4" fill="#cc0935"><title>2035: 54.92243512</title></circle>
+	<circle cx="355.86" cy="68.68" data-y="57.33254914" data-x="2036" r="4" fill="#cc0935"><title>2036: 57.33254914</title></circle>
+	<circle cx="374.14" cy="61.32" data-y="59.43050057" data-x="2037" r="4" fill="#cc0935"><title>2037: 59.43050057</title></circle>
+	<circle cx="392.41" cy="54.21" data-y="61.45301793" data-x="2038" r="4" fill="#cc0935"><title>2038: 61.45301793</title></circle>
+	<circle cx="410.69" cy="47.60" data-y="63.33642689" data-x="2039" r="4" fill="#cc0935"><title>2039: 63.33642689</title></circle>
+	<circle cx="428.97" cy="41.58" data-y="65.05045544" data-x="2040" r="4" fill="#cc0935"><title>2040: 65.05045544</title></circle>
+	<circle cx="447.24" cy="36.33" data-y="66.54649409" data-x="2041" r="4" fill="#cc0935"><title>2041: 66.54649409</title></circle>
+	<circle cx="465.52" cy="31.68" data-y="67.87146549" data-x="2042" r="4" fill="#cc0935"><title>2042: 67.87146549</title></circle>
+	<circle cx="483.79" cy="27.69" data-y="69.00722751" data-x="2043" r="4" fill="#cc0935"><title>2043: 69.00722751</title></circle>
+	<circle cx="502.07" cy="24.33" data-y="69.96278886" data-x="2044" r="4" fill="#cc0935"><title>2044: 69.96278886</title></circle>
+	<circle cx="520.34" cy="21.49" data-y="70.77192916" data-x="2045" r="4" fill="#cc0935"><title>2045: 70.77192916</title></circle>
+	<circle cx="538.62" cy="19.07" data-y="71.46123151" data-x="2046" r="4" fill="#cc0935"><title>2046: 71.46123151</title></circle>
+	<circle cx="556.90" cy="16.67" data-y="72.14521235" data-x="2047" r="4" fill="#cc0935"><title>2047: 72.14521235</title></circle>
+	<circle cx="575.17" cy="14.38" data-y="72.79739976" data-x="2048" r="4" fill="#cc0935"><title>2048: 72.79739976</title></circle>
+	<circle cx="593.45" cy="13.96" data-y="72.91740309" data-x="2049" r="4" fill="#cc0935"><title>2049: 72.91740309</title></circle>
+	<circle cx="611.72" cy="13.85" data-y="72.94932022" data-x="2050" r="4" fill="#cc0935"><title>2050: 72.94932022</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-heatpumps.html b/2023-DFES/data/graphs/graph-heatpumps.html
new file mode 100644
index 0000000..4842e7b
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-heatpumps.html
@@ -0,0 +1,8 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="consumer-transformation"><td class="consumer-transformation"><span>Consumer Transformation</span></td><td>349942</td><td>1430085</td><td>3126136</td></tr>
+<tr data-scenario="system-transformation"><td class="system-transformation"><span>System Transformation</span></td><td>200303</td><td>662282</td><td>2153549</td></tr>
+<tr data-scenario="leading-the-way"><td class="leading-the-way"><span>Leading The Way</span></td><td>454906</td><td>2410792</td><td>3240100</td></tr>
+<tr data-scenario="planning-scenario"><td class="planning-scenario"><span>NPg Best View</span></td><td>349942</td><td>1430085</td><td>3126136</td></tr>
+<tr data-scenario="falling-short"><td class="falling-short"><span>Falling Short</span></td><td>182353</td><td>371302</td><td>497660</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-heatpumps.svg b/2023-DFES/data/graphs/graph-heatpumps.svg
new file mode 100644
index 0000000..8d9d0b4
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-heatpumps.svg
@@ -0,0 +1,188 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="120" y1="270" x2="630" y2="270" data-left="120"></line>
+	<text x="120" y="270" text-anchor="end">0</text>
+	<text x="120" y="189.755563099904" text-anchor="end">1,000,000</text>
+	<text x="120" y="109.511126199809" text-anchor="end">2,000,000</text>
+	<text x="120" y="29.266689299713" text-anchor="end">3,000,000</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Number</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="260.689655172414" y1="270" x2="260.689655172414" y2="275"></line>
+	<text x="260.689655172414" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="436.551724137931" y1="270" x2="436.551724137931" y2="275"></line>
+	<text x="436.551724137931" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="612.413793103448" y1="270" x2="612.413793103448" y2="275"></line>
+	<text x="612.413793103448" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="consumer-transformation" class="data-series">	<path d="M 120.00,266.06L 137.59,264.84L 155.17,263.09L 172.76,259.43L 190.34,254.42L 207.93,248.43L 225.52,245.96L 243.10,243.95L 260.69,241.92L 278.28,239.87L 295.86,237.81L 313.45,235.77L 331.03,233.64L 348.62,228.96L 366.21,213.50L 383.79,198.02L 401.38,182.89L 418.97,168.28L 436.55,155.24L 454.14,143.52L 471.72,132.84L 489.31,118.58L 506.90,103.82L 524.48,89.06L 542.07,74.38L 559.66,59.74L 577.24,45.12L 594.83,30.50L 612.41,19.14" id="Consumer Transformation" class="line" stroke="#FFBF22" stroke-width="3" stroke-linecap="round"><title>Consumer Transformation</title></path>
+	<circle cx="120.00" cy="266.06" data-y="49147" data-x="2022" r="4" fill="#FFBF22"><title>2022: 49147</title></circle>
+	<circle cx="137.59" cy="264.84" data-y="64273" data-x="2023" r="4" fill="#FFBF22"><title>2023: 64273</title></circle>
+	<circle cx="155.17" cy="263.09" data-y="86121" data-x="2024" r="4" fill="#FFBF22"><title>2024: 86121</title></circle>
+	<circle cx="172.76" cy="259.43" data-y="131735" data-x="2025" r="4" fill="#FFBF22"><title>2025: 131735</title></circle>
+	<circle cx="190.34" cy="254.42" data-y="194130" data-x="2026" r="4" fill="#FFBF22"><title>2026: 194130</title></circle>
+	<circle cx="207.93" cy="248.43" data-y="268840" data-x="2027" r="4" fill="#FFBF22"><title>2027: 268840</title></circle>
+	<circle cx="225.52" cy="245.96" data-y="299538" data-x="2028" r="4" fill="#FFBF22"><title>2028: 299538</title></circle>
+	<circle cx="243.10" cy="243.95" data-y="324625" data-x="2029" r="4" fill="#FFBF22"><title>2029: 324625</title></circle>
+	<circle cx="260.69" cy="241.92" data-y="349942" data-x="2030" r="4" fill="#FFBF22"><title>2030: 349942</title></circle>
+	<circle cx="278.28" cy="239.87" data-y="375497" data-x="2031" r="4" fill="#FFBF22"><title>2031: 375497</title></circle>
+	<circle cx="295.86" cy="237.81" data-y="401208" data-x="2032" r="4" fill="#FFBF22"><title>2032: 401208</title></circle>
+	<circle cx="313.45" cy="235.77" data-y="426601" data-x="2033" r="4" fill="#FFBF22"><title>2033: 426601</title></circle>
+	<circle cx="331.03" cy="233.64" data-y="453136" data-x="2034" r="4" fill="#FFBF22"><title>2034: 453136</title></circle>
+	<circle cx="348.62" cy="228.96" data-y="511397" data-x="2035" r="4" fill="#FFBF22"><title>2035: 511397</title></circle>
+	<circle cx="366.21" cy="213.50" data-y="704073" data-x="2036" r="4" fill="#FFBF22"><title>2036: 704073</title></circle>
+	<circle cx="383.79" cy="198.02" data-y="897016" data-x="2037" r="4" fill="#FFBF22"><title>2037: 897016</title></circle>
+	<circle cx="401.38" cy="182.89" data-y="1085581" data-x="2038" r="4" fill="#FFBF22"><title>2038: 1085581</title></circle>
+	<circle cx="418.97" cy="168.28" data-y="1267598" data-x="2039" r="4" fill="#FFBF22"><title>2039: 1267598</title></circle>
+	<circle cx="436.55" cy="155.24" data-y="1430085" data-x="2040" r="4" fill="#FFBF22"><title>2040: 1430085</title></circle>
+	<circle cx="454.14" cy="143.52" data-y="1576139" data-x="2041" r="4" fill="#FFBF22"><title>2041: 1576139</title></circle>
+	<circle cx="471.72" cy="132.84" data-y="1709222" data-x="2042" r="4" fill="#FFBF22"><title>2042: 1709222</title></circle>
+	<circle cx="489.31" cy="118.58" data-y="1886972" data-x="2043" r="4" fill="#FFBF22"><title>2043: 1886972</title></circle>
+	<circle cx="506.90" cy="103.82" data-y="2070872" data-x="2044" r="4" fill="#FFBF22"><title>2044: 2070872</title></circle>
+	<circle cx="524.48" cy="89.06" data-y="2254907" data-x="2045" r="4" fill="#FFBF22"><title>2045: 2254907</title></circle>
+	<circle cx="542.07" cy="74.38" data-y="2437740" data-x="2046" r="4" fill="#FFBF22"><title>2046: 2437740</title></circle>
+	<circle cx="559.66" cy="59.74" data-y="2620217" data-x="2047" r="4" fill="#FFBF22"><title>2047: 2620217</title></circle>
+	<circle cx="577.24" cy="45.12" data-y="2802473" data-x="2048" r="4" fill="#FFBF22"><title>2048: 2802473</title></circle>
+	<circle cx="594.83" cy="30.50" data-y="2984685" data-x="2049" r="4" fill="#FFBF22"><title>2049: 2984685</title></circle>
+	<circle cx="612.41" cy="19.14" data-y="3126136" data-x="2050" r="4" fill="#FFBF22"><title>2050: 3126136</title></circle>
+</g>
+<g data-scenario="system-transformation" class="data-series">	<path d="M 120.00,266.06L 137.59,265.18L 155.17,263.92L 172.76,262.55L 190.34,261.07L 207.93,259.47L 225.52,257.80L 243.10,256.01L 260.69,253.93L 278.28,251.83L 295.86,249.73L 313.45,247.66L 331.03,245.50L 348.62,240.07L 366.21,237.80L 383.79,234.02L 401.38,229.12L 418.97,223.34L 436.55,216.86L 454.14,209.93L 471.72,202.19L 489.31,193.37L 506.90,183.18L 524.48,171.50L 542.07,158.33L 559.66,144.25L 577.24,129.23L 594.83,113.17L 612.41,97.19" id="System Transformation" class="line" stroke="#5BCBF5" stroke-width="3" stroke-linecap="round"><title>System Transformation</title></path>
+	<circle cx="120.00" cy="266.06" data-y="49147" data-x="2022" r="4" fill="#5BCBF5"><title>2022: 49147</title></circle>
+	<circle cx="137.59" cy="265.18" data-y="60069" data-x="2023" r="4" fill="#5BCBF5"><title>2023: 60069</title></circle>
+	<circle cx="155.17" cy="263.92" data-y="75765" data-x="2024" r="4" fill="#5BCBF5"><title>2024: 75765</title></circle>
+	<circle cx="172.76" cy="262.55" data-y="92793" data-x="2025" r="4" fill="#5BCBF5"><title>2025: 92793</title></circle>
+	<circle cx="190.34" cy="261.07" data-y="111231" data-x="2026" r="4" fill="#5BCBF5"><title>2026: 111231</title></circle>
+	<circle cx="207.93" cy="259.47" data-y="131174" data-x="2027" r="4" fill="#5BCBF5"><title>2027: 131174</title></circle>
+	<circle cx="225.52" cy="257.80" data-y="151986" data-x="2028" r="4" fill="#5BCBF5"><title>2028: 151986</title></circle>
+	<circle cx="243.10" cy="256.01" data-y="174392" data-x="2029" r="4" fill="#5BCBF5"><title>2029: 174392</title></circle>
+	<circle cx="260.69" cy="253.93" data-y="200303" data-x="2030" r="4" fill="#5BCBF5"><title>2030: 200303</title></circle>
+	<circle cx="278.28" cy="251.83" data-y="226400" data-x="2031" r="4" fill="#5BCBF5"><title>2031: 226400</title></circle>
+	<circle cx="295.86" cy="249.73" data-y="252592" data-x="2032" r="4" fill="#5BCBF5"><title>2032: 252592</title></circle>
+	<circle cx="313.45" cy="247.66" data-y="278377" data-x="2033" r="4" fill="#5BCBF5"><title>2033: 278377</title></circle>
+	<circle cx="331.03" cy="245.50" data-y="305266" data-x="2034" r="4" fill="#5BCBF5"><title>2034: 305266</title></circle>
+	<circle cx="348.62" cy="240.07" data-y="373010" data-x="2035" r="4" fill="#5BCBF5"><title>2035: 373010</title></circle>
+	<circle cx="366.21" cy="237.80" data-y="401267" data-x="2036" r="4" fill="#5BCBF5"><title>2036: 401267</title></circle>
+	<circle cx="383.79" cy="234.02" data-y="448407" data-x="2037" r="4" fill="#5BCBF5"><title>2037: 448407</title></circle>
+	<circle cx="401.38" cy="229.12" data-y="509499" data-x="2038" r="4" fill="#5BCBF5"><title>2038: 509499</title></circle>
+	<circle cx="418.97" cy="223.34" data-y="581507" data-x="2039" r="4" fill="#5BCBF5"><title>2039: 581507</title></circle>
+	<circle cx="436.55" cy="216.86" data-y="662282" data-x="2040" r="4" fill="#5BCBF5"><title>2040: 662282</title></circle>
+	<circle cx="454.14" cy="209.93" data-y="748632" data-x="2041" r="4" fill="#5BCBF5"><title>2041: 748632</title></circle>
+	<circle cx="471.72" cy="202.19" data-y="845025" data-x="2042" r="4" fill="#5BCBF5"><title>2042: 845025</title></circle>
+	<circle cx="489.31" cy="193.37" data-y="954993" data-x="2043" r="4" fill="#5BCBF5"><title>2043: 954993</title></circle>
+	<circle cx="506.90" cy="183.18" data-y="1081947" data-x="2044" r="4" fill="#5BCBF5"><title>2044: 1081947</title></circle>
+	<circle cx="524.48" cy="171.50" data-y="1227539" data-x="2045" r="4" fill="#5BCBF5"><title>2045: 1227539</title></circle>
+	<circle cx="542.07" cy="158.33" data-y="1391575" data-x="2046" r="4" fill="#5BCBF5"><title>2046: 1391575</title></circle>
+	<circle cx="559.66" cy="144.25" data-y="1567104" data-x="2047" r="4" fill="#5BCBF5"><title>2047: 1567104</title></circle>
+	<circle cx="577.24" cy="129.23" data-y="1754283" data-x="2048" r="4" fill="#5BCBF5"><title>2048: 1754283</title></circle>
+	<circle cx="594.83" cy="113.17" data-y="1954452" data-x="2049" r="4" fill="#5BCBF5"><title>2049: 1954452</title></circle>
+	<circle cx="612.41" cy="97.19" data-y="2153549" data-x="2050" r="4" fill="#5BCBF5"><title>2050: 2153549</title></circle>
+</g>
+<g data-scenario="leading-the-way" class="data-series">	<path d="M 120.00,266.06L 137.59,264.69L 155.17,262.57L 172.76,257.78L 190.34,251.42L 207.93,244.17L 225.52,241.12L 243.10,238.98L 260.69,233.50L 278.28,216.78L 295.86,200.07L 313.45,183.64L 331.03,167.52L 348.62,151.49L 366.21,135.31L 383.79,119.27L 401.38,103.68L 418.97,88.95L 436.55,76.55L 454.14,65.61L 471.72,55.45L 489.31,41.10L 506.90,25.84L 524.48,13.93L 542.07,13.16L 559.66,12.38L 577.24,11.60L 594.83,10.82L 612.41,10.00" id="Leading The Way" class="line" stroke="#C2CD23" stroke-width="3" stroke-linecap="round"><title>Leading The Way</title></path>
+	<circle cx="120.00" cy="266.06" data-y="49147" data-x="2022" r="4" fill="#C2CD23"><title>2022: 49147</title></circle>
+	<circle cx="137.59" cy="264.69" data-y="66184" data-x="2023" r="4" fill="#C2CD23"><title>2023: 66184</title></circle>
+	<circle cx="155.17" cy="262.57" data-y="92622" data-x="2024" r="4" fill="#C2CD23"><title>2024: 92622</title></circle>
+	<circle cx="172.76" cy="257.78" data-y="152241" data-x="2025" r="4" fill="#C2CD23"><title>2025: 152241</title></circle>
+	<circle cx="190.34" cy="251.42" data-y="231504" data-x="2026" r="4" fill="#C2CD23"><title>2026: 231504</title></circle>
+	<circle cx="207.93" cy="244.17" data-y="321835" data-x="2027" r="4" fill="#C2CD23"><title>2027: 321835</title></circle>
+	<circle cx="225.52" cy="241.12" data-y="359933" data-x="2028" r="4" fill="#C2CD23"><title>2028: 359933</title></circle>
+	<circle cx="243.10" cy="238.98" data-y="386562" data-x="2029" r="4" fill="#C2CD23"><title>2029: 386562</title></circle>
+	<circle cx="260.69" cy="233.50" data-y="454906" data-x="2030" r="4" fill="#C2CD23"><title>2030: 454906</title></circle>
+	<circle cx="278.28" cy="216.78" data-y="663193" data-x="2031" r="4" fill="#C2CD23"><title>2031: 663193</title></circle>
+	<circle cx="295.86" cy="200.07" data-y="871487" data-x="2032" r="4" fill="#C2CD23"><title>2032: 871487</title></circle>
+	<circle cx="313.45" cy="183.64" data-y="1076152" data-x="2033" r="4" fill="#C2CD23"><title>2033: 1076152</title></circle>
+	<circle cx="331.03" cy="167.52" data-y="1277159" data-x="2034" r="4" fill="#C2CD23"><title>2034: 1277159</title></circle>
+	<circle cx="348.62" cy="151.49" data-y="1476877" data-x="2035" r="4" fill="#C2CD23"><title>2035: 1476877</title></circle>
+	<circle cx="366.21" cy="135.31" data-y="1678542" data-x="2036" r="4" fill="#C2CD23"><title>2036: 1678542</title></circle>
+	<circle cx="383.79" cy="119.27" data-y="1878427" data-x="2037" r="4" fill="#C2CD23"><title>2037: 1878427</title></circle>
+	<circle cx="401.38" cy="103.68" data-y="2072628" data-x="2038" r="4" fill="#C2CD23"><title>2038: 2072628</title></circle>
+	<circle cx="418.97" cy="88.95" data-y="2256264" data-x="2039" r="4" fill="#C2CD23"><title>2039: 2256264</title></circle>
+	<circle cx="436.55" cy="76.55" data-y="2410792" data-x="2040" r="4" fill="#C2CD23"><title>2040: 2410792</title></circle>
+	<circle cx="454.14" cy="65.61" data-y="2547100" data-x="2041" r="4" fill="#C2CD23"><title>2041: 2547100</title></circle>
+	<circle cx="471.72" cy="55.45" data-y="2673767" data-x="2042" r="4" fill="#C2CD23"><title>2042: 2673767</title></circle>
+	<circle cx="489.31" cy="41.10" data-y="2852571" data-x="2043" r="4" fill="#C2CD23"><title>2043: 2852571</title></circle>
+	<circle cx="506.90" cy="25.84" data-y="3042645" data-x="2044" r="4" fill="#C2CD23"><title>2044: 3042645</title></circle>
+	<circle cx="524.48" cy="13.93" data-y="3191142" data-x="2045" r="4" fill="#C2CD23"><title>2045: 3191142</title></circle>
+	<circle cx="542.07" cy="13.16" data-y="3200769" data-x="2046" r="4" fill="#C2CD23"><title>2046: 3200769</title></circle>
+	<circle cx="559.66" cy="12.38" data-y="3210463" data-x="2047" r="4" fill="#C2CD23"><title>2047: 3210463</title></circle>
+	<circle cx="577.24" cy="11.60" data-y="3220169" data-x="2048" r="4" fill="#C2CD23"><title>2048: 3220169</title></circle>
+	<circle cx="594.83" cy="10.82" data-y="3229910" data-x="2049" r="4" fill="#C2CD23"><title>2049: 3229910</title></circle>
+	<circle cx="612.41" cy="10.00" data-y="3240100" data-x="2050" r="4" fill="#C2CD23"><title>2050: 3240100</title></circle>
+</g>
+<g data-scenario="planning-scenario" class="data-series">	<path d="M 120.00,266.06L 137.59,264.84L 155.17,263.09L 172.76,259.43L 190.34,254.42L 207.93,248.43L 225.52,245.96L 243.10,243.95L 260.69,241.92L 278.28,239.87L 295.86,237.81L 313.45,235.77L 331.03,233.64L 348.62,228.96L 366.21,213.50L 383.79,198.02L 401.38,182.89L 418.97,168.28L 436.55,155.24L 454.14,143.52L 471.72,132.84L 489.31,118.58L 506.90,103.82L 524.48,89.06L 542.07,74.38L 559.66,59.74L 577.24,45.12L 594.83,30.50L 612.41,19.14" id="NPg Best View" class="line" stroke="#ab1236" stroke-width="3" stroke-linecap="round"><title>NPg Best View</title></path>
+	<circle cx="120.00" cy="266.06" data-y="49147" data-x="2022" r="4" fill="#ab1236"><title>2022: 49147</title></circle>
+	<circle cx="137.59" cy="264.84" data-y="64273" data-x="2023" r="4" fill="#ab1236"><title>2023: 64273</title></circle>
+	<circle cx="155.17" cy="263.09" data-y="86121" data-x="2024" r="4" fill="#ab1236"><title>2024: 86121</title></circle>
+	<circle cx="172.76" cy="259.43" data-y="131735" data-x="2025" r="4" fill="#ab1236"><title>2025: 131735</title></circle>
+	<circle cx="190.34" cy="254.42" data-y="194130" data-x="2026" r="4" fill="#ab1236"><title>2026: 194130</title></circle>
+	<circle cx="207.93" cy="248.43" data-y="268840" data-x="2027" r="4" fill="#ab1236"><title>2027: 268840</title></circle>
+	<circle cx="225.52" cy="245.96" data-y="299538" data-x="2028" r="4" fill="#ab1236"><title>2028: 299538</title></circle>
+	<circle cx="243.10" cy="243.95" data-y="324625" data-x="2029" r="4" fill="#ab1236"><title>2029: 324625</title></circle>
+	<circle cx="260.69" cy="241.92" data-y="349942" data-x="2030" r="4" fill="#ab1236"><title>2030: 349942</title></circle>
+	<circle cx="278.28" cy="239.87" data-y="375497" data-x="2031" r="4" fill="#ab1236"><title>2031: 375497</title></circle>
+	<circle cx="295.86" cy="237.81" data-y="401208" data-x="2032" r="4" fill="#ab1236"><title>2032: 401208</title></circle>
+	<circle cx="313.45" cy="235.77" data-y="426601" data-x="2033" r="4" fill="#ab1236"><title>2033: 426601</title></circle>
+	<circle cx="331.03" cy="233.64" data-y="453136" data-x="2034" r="4" fill="#ab1236"><title>2034: 453136</title></circle>
+	<circle cx="348.62" cy="228.96" data-y="511397" data-x="2035" r="4" fill="#ab1236"><title>2035: 511397</title></circle>
+	<circle cx="366.21" cy="213.50" data-y="704073" data-x="2036" r="4" fill="#ab1236"><title>2036: 704073</title></circle>
+	<circle cx="383.79" cy="198.02" data-y="897016" data-x="2037" r="4" fill="#ab1236"><title>2037: 897016</title></circle>
+	<circle cx="401.38" cy="182.89" data-y="1085581" data-x="2038" r="4" fill="#ab1236"><title>2038: 1085581</title></circle>
+	<circle cx="418.97" cy="168.28" data-y="1267598" data-x="2039" r="4" fill="#ab1236"><title>2039: 1267598</title></circle>
+	<circle cx="436.55" cy="155.24" data-y="1430085" data-x="2040" r="4" fill="#ab1236"><title>2040: 1430085</title></circle>
+	<circle cx="454.14" cy="143.52" data-y="1576139" data-x="2041" r="4" fill="#ab1236"><title>2041: 1576139</title></circle>
+	<circle cx="471.72" cy="132.84" data-y="1709222" data-x="2042" r="4" fill="#ab1236"><title>2042: 1709222</title></circle>
+	<circle cx="489.31" cy="118.58" data-y="1886972" data-x="2043" r="4" fill="#ab1236"><title>2043: 1886972</title></circle>
+	<circle cx="506.90" cy="103.82" data-y="2070872" data-x="2044" r="4" fill="#ab1236"><title>2044: 2070872</title></circle>
+	<circle cx="524.48" cy="89.06" data-y="2254907" data-x="2045" r="4" fill="#ab1236"><title>2045: 2254907</title></circle>
+	<circle cx="542.07" cy="74.38" data-y="2437740" data-x="2046" r="4" fill="#ab1236"><title>2046: 2437740</title></circle>
+	<circle cx="559.66" cy="59.74" data-y="2620217" data-x="2047" r="4" fill="#ab1236"><title>2047: 2620217</title></circle>
+	<circle cx="577.24" cy="45.12" data-y="2802473" data-x="2048" r="4" fill="#ab1236"><title>2048: 2802473</title></circle>
+	<circle cx="594.83" cy="30.50" data-y="2984685" data-x="2049" r="4" fill="#ab1236"><title>2049: 2984685</title></circle>
+	<circle cx="612.41" cy="19.14" data-y="3126136" data-x="2050" r="4" fill="#ab1236"><title>2050: 3126136</title></circle>
+</g>
+<g data-scenario="falling-short" class="data-series">	<path d="M 120.00,266.06L 137.59,265.27L 155.17,264.87L 172.76,263.51L 190.34,262.05L 207.93,260.47L 225.52,258.82L 243.10,257.11L 260.69,255.37L 278.28,253.61L 295.86,251.84L 313.45,250.10L 331.03,248.61L 348.62,246.90L 366.21,245.08L 383.79,243.41L 401.38,242.30L 418.97,241.25L 436.55,240.21L 454.14,239.15L 471.72,238.10L 489.31,237.05L 506.90,236.00L 524.48,234.95L 542.07,233.90L 559.66,232.84L 577.24,231.78L 594.83,230.80L 612.41,230.07" id="Falling Short" class="line" stroke="#827B7A" stroke-width="3" stroke-linecap="round"><title>Falling Short</title></path>
+	<circle cx="120.00" cy="266.06" data-y="49147" data-x="2022" r="4" fill="#827B7A"><title>2022: 49147</title></circle>
+	<circle cx="137.59" cy="265.27" data-y="58995" data-x="2023" r="4" fill="#827B7A"><title>2023: 58995</title></circle>
+	<circle cx="155.17" cy="264.87" data-y="63959" data-x="2024" r="4" fill="#827B7A"><title>2024: 63959</title></circle>
+	<circle cx="172.76" cy="263.51" data-y="80868" data-x="2025" r="4" fill="#827B7A"><title>2025: 80868</title></circle>
+	<circle cx="190.34" cy="262.05" data-y="99091" data-x="2026" r="4" fill="#827B7A"><title>2026: 99091</title></circle>
+	<circle cx="207.93" cy="260.47" data-y="118823" data-x="2027" r="4" fill="#827B7A"><title>2027: 118823</title></circle>
+	<circle cx="225.52" cy="258.82" data-y="139351" data-x="2028" r="4" fill="#827B7A"><title>2028: 139351</title></circle>
+	<circle cx="243.10" cy="257.11" data-y="160584" data-x="2029" r="4" fill="#827B7A"><title>2029: 160584</title></circle>
+	<circle cx="260.69" cy="255.37" data-y="182353" data-x="2030" r="4" fill="#827B7A"><title>2030: 182353</title></circle>
+	<circle cx="278.28" cy="253.61" data-y="204283" data-x="2031" r="4" fill="#827B7A"><title>2031: 204283</title></circle>
+	<circle cx="295.86" cy="251.84" data-y="226319" data-x="2032" r="4" fill="#827B7A"><title>2032: 226319</title></circle>
+	<circle cx="313.45" cy="250.10" data-y="248027" data-x="2033" r="4" fill="#827B7A"><title>2033: 248027</title></circle>
+	<circle cx="331.03" cy="248.61" data-y="266531" data-x="2034" r="4" fill="#827B7A"><title>2034: 266531</title></circle>
+	<circle cx="348.62" cy="246.90" data-y="287870" data-x="2035" r="4" fill="#827B7A"><title>2035: 287870</title></circle>
+	<circle cx="366.21" cy="245.08" data-y="310581" data-x="2036" r="4" fill="#827B7A"><title>2036: 310581</title></circle>
+	<circle cx="383.79" cy="243.41" data-y="331379" data-x="2037" r="4" fill="#827B7A"><title>2037: 331379</title></circle>
+	<circle cx="401.38" cy="242.30" data-y="345160" data-x="2038" r="4" fill="#827B7A"><title>2038: 345160</title></circle>
+	<circle cx="418.97" cy="241.25" data-y="358224" data-x="2039" r="4" fill="#827B7A"><title>2039: 358224</title></circle>
+	<circle cx="436.55" cy="240.21" data-y="371302" data-x="2040" r="4" fill="#827B7A"><title>2040: 371302</title></circle>
+	<circle cx="454.14" cy="239.15" data-y="384405" data-x="2041" r="4" fill="#827B7A"><title>2041: 384405</title></circle>
+	<circle cx="471.72" cy="238.10" data-y="397590" data-x="2042" r="4" fill="#827B7A"><title>2042: 397590</title></circle>
+	<circle cx="489.31" cy="237.05" data-y="410663" data-x="2043" r="4" fill="#827B7A"><title>2043: 410663</title></circle>
+	<circle cx="506.90" cy="236.00" data-y="423696" data-x="2044" r="4" fill="#827B7A"><title>2044: 423696</title></circle>
+	<circle cx="524.48" cy="234.95" data-y="436770" data-x="2045" r="4" fill="#827B7A"><title>2045: 436770</title></circle>
+	<circle cx="542.07" cy="233.90" data-y="449918" data-x="2046" r="4" fill="#827B7A"><title>2046: 449918</title></circle>
+	<circle cx="559.66" cy="232.84" data-y="463082" data-x="2047" r="4" fill="#827B7A"><title>2047: 463082</title></circle>
+	<circle cx="577.24" cy="231.78" data-y="476249" data-x="2048" r="4" fill="#827B7A"><title>2048: 476249</title></circle>
+	<circle cx="594.83" cy="230.80" data-y="488549" data-x="2049" r="4" fill="#827B7A"><title>2049: 488549</title></circle>
+	<circle cx="612.41" cy="230.07" data-y="497660" data-x="2050" r="4" fill="#827B7A"><title>2050: 497660</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-industry-additional-energy-consumption-planning-scenario.html b/2023-DFES/data/graphs/graph-industry-additional-energy-consumption-planning-scenario.html
new file mode 100644
index 0000000..55bcd2b
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-industry-additional-energy-consumption-planning-scenario.html
@@ -0,0 +1,9 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="natural-gas"><td style="background-color:#B8BFF9;color:black"><span>Natural gas</span></td><td>40.27813412</td><td>16.35748161</td><td>0.08463351</td></tr>
+<tr data-scenario="solid-fuel"><td style="background-color:#505050;color:white"><span>Solid fuel</span></td><td>0.41469095</td><td>0.106396853</td><td>0.008943769</td></tr>
+<tr data-scenario="petroleum"><td style="background-color:#cc0935;color:white"><span>Petroleum</span></td><td>40.53643516</td><td>5.335305757</td><td>0.106090039</td></tr>
+<tr data-scenario="hydrogen"><td style="background-color:#0279FA;color:white"><span>Hydrogen</span></td><td>0.133325141</td><td>2.018657855</td><td>3.947998708</td></tr>
+<tr data-scenario="bioenergy"><td style="background-color:#019303;color:white"><span>Bioenergy</span></td><td>2.180307073</td><td>0.96520387</td><td>0.606035703</td></tr>
+<tr data-scenario="electricity"><td style="background-color:#cc0935;color:white"><span>Electricity</span></td><td>43.91554218</td><td>65.05045544</td><td>72.94932022</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-industry-additional-energy-consumption-planning-scenario.svg b/2023-DFES/data/graphs/graph-industry-additional-energy-consumption-planning-scenario.svg
new file mode 100644
index 0000000..f779e98
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-industry-additional-energy-consumption-planning-scenario.svg
@@ -0,0 +1,219 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="80" y1="270" x2="630" y2="270" data-left="80"></line>
+	<text x="80" y="270" text-anchor="end">0</text>
+	<text x="80" y="199.77181732776" text-anchor="end">20</text>
+	<text x="80" y="129.543634655521" text-anchor="end">40</text>
+	<text x="80" y="59.3154519832814" text-anchor="end">60</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Energy consumption (GWh)</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="231.724137931034" y1="270" x2="231.724137931034" y2="275"></line>
+	<text x="231.724137931034" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="421.379310344828" y1="270" x2="421.379310344828" y2="275"></line>
+	<text x="421.379310344828" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="611.034482758621" y1="270" x2="611.034482758621" y2="275"></line>
+	<text x="611.034482758621" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="natural-gas" class="data-series">	<path d="M 80.00,83.43L 98.97,86.26L 117.93,89.20L 136.90,93.31L 155.86,98.33L 174.83,104.33L 193.79,112.19L 212.76,120.26L 231.72,128.57L 250.69,135.23L 269.66,142.35L 288.62,150.45L 307.59,159.69L 326.55,168.96L 345.52,177.76L 364.48,186.21L 383.45,194.72L 402.41,203.49L 421.38,212.56L 440.34,222.20L 459.31,230.85L 478.28,238.48L 497.24,245.80L 516.21,252.06L 535.17,257.72L 554.14,263.27L 573.10,267.66L 592.07,268.77L 611.03,269.70" id="Natural gas" class="line" stroke="#B8BFF9" stroke-width="3" stroke-linecap="round"><title>Natural gas</title></path>
+	<circle cx="80.00" cy="83.43" data-y="53.13282085" data-x="2022" r="4" fill="#B8BFF9"><title>2022: 53.13282085</title></circle>
+	<circle cx="98.97" cy="86.26" data-y="52.32792356" data-x="2023" r="4" fill="#B8BFF9"><title>2023: 52.32792356</title></circle>
+	<circle cx="117.93" cy="89.20" data-y="51.48896951" data-x="2024" r="4" fill="#B8BFF9"><title>2024: 51.48896951</title></circle>
+	<circle cx="136.90" cy="93.31" data-y="50.31887711" data-x="2025" r="4" fill="#B8BFF9"><title>2025: 50.31887711</title></circle>
+	<circle cx="155.86" cy="98.33" data-y="48.88987008" data-x="2026" r="4" fill="#B8BFF9"><title>2026: 48.88987008</title></circle>
+	<circle cx="174.83" cy="104.33" data-y="47.18171055" data-x="2027" r="4" fill="#B8BFF9"><title>2027: 47.18171055</title></circle>
+	<circle cx="193.79" cy="112.19" data-y="44.94243092" data-x="2028" r="4" fill="#B8BFF9"><title>2028: 44.94243092</title></circle>
+	<circle cx="212.76" cy="120.26" data-y="42.64353589" data-x="2029" r="4" fill="#B8BFF9"><title>2029: 42.64353589</title></circle>
+	<circle cx="231.72" cy="128.57" data-y="40.27813412" data-x="2030" r="4" fill="#B8BFF9"><title>2030: 40.27813412</title></circle>
+	<circle cx="250.69" cy="135.23" data-y="38.38003155" data-x="2031" r="4" fill="#B8BFF9"><title>2031: 38.38003155</title></circle>
+	<circle cx="269.66" cy="142.35" data-y="36.35306385" data-x="2032" r="4" fill="#B8BFF9"><title>2032: 36.35306385</title></circle>
+	<circle cx="288.62" cy="150.45" data-y="34.04627562" data-x="2033" r="4" fill="#B8BFF9"><title>2033: 34.04627562</title></circle>
+	<circle cx="307.59" cy="159.69" data-y="31.41597747" data-x="2034" r="4" fill="#B8BFF9"><title>2034: 31.41597747</title></circle>
+	<circle cx="326.55" cy="168.96" data-y="28.77558852" data-x="2035" r="4" fill="#B8BFF9"><title>2035: 28.77558852</title></circle>
+	<circle cx="345.52" cy="177.76" data-y="26.26783741" data-x="2036" r="4" fill="#B8BFF9"><title>2036: 26.26783741</title></circle>
+	<circle cx="364.48" cy="186.21" data-y="23.86190039" data-x="2037" r="4" fill="#B8BFF9"><title>2037: 23.86190039</title></circle>
+	<circle cx="383.45" cy="194.72" data-y="21.43795253" data-x="2038" r="4" fill="#B8BFF9"><title>2038: 21.43795253</title></circle>
+	<circle cx="402.41" cy="203.49" data-y="18.94160297" data-x="2039" r="4" fill="#B8BFF9"><title>2039: 18.94160297</title></circle>
+	<circle cx="421.38" cy="212.56" data-y="16.35748161" data-x="2040" r="4" fill="#B8BFF9"><title>2040: 16.35748161</title></circle>
+	<circle cx="440.34" cy="222.20" data-y="13.61294144" data-x="2041" r="4" fill="#B8BFF9"><title>2041: 13.61294144</title></circle>
+	<circle cx="459.31" cy="230.85" data-y="11.14976973" data-x="2042" r="4" fill="#B8BFF9"><title>2042: 11.14976973</title></circle>
+	<circle cx="478.28" cy="238.48" data-y="8.977851094" data-x="2043" r="4" fill="#B8BFF9"><title>2043: 8.977851094</title></circle>
+	<circle cx="497.24" cy="245.80" data-y="6.891499162" data-x="2044" r="4" fill="#B8BFF9"><title>2044: 6.891499162</title></circle>
+	<circle cx="516.21" cy="252.06" data-y="5.108797398" data-x="2045" r="4" fill="#B8BFF9"><title>2045: 5.108797398</title></circle>
+	<circle cx="535.17" cy="257.72" data-y="3.495933276" data-x="2046" r="4" fill="#B8BFF9"><title>2046: 3.495933276</title></circle>
+	<circle cx="554.14" cy="263.27" data-y="1.916921189" data-x="2047" r="4" fill="#B8BFF9"><title>2047: 1.916921189</title></circle>
+	<circle cx="573.10" cy="267.66" data-y="0.665254067" data-x="2048" r="4" fill="#B8BFF9"><title>2048: 0.665254067</title></circle>
+	<circle cx="592.07" cy="268.77" data-y="0.349257581" data-x="2049" r="4" fill="#B8BFF9"><title>2049: 0.349257581</title></circle>
+	<circle cx="611.03" cy="269.70" data-y="0.08463351" data-x="2050" r="4" fill="#B8BFF9"><title>2050: 0.08463351</title></circle>
+</g>
+<g data-scenario="solid-fuel" class="data-series">	<path d="M 80.00,267.26L 98.97,267.41L 117.93,267.55L 136.90,267.68L 155.86,267.85L 174.83,268.05L 193.79,268.27L 212.76,268.41L 231.72,268.54L 250.69,268.66L 269.66,268.78L 288.62,268.89L 307.59,269.00L 326.55,269.11L 345.52,269.21L 364.48,269.31L 383.45,269.41L 402.41,269.52L 421.38,269.63L 440.34,269.73L 459.31,269.84L 478.28,269.94L 497.24,269.95L 516.21,269.95L 535.17,269.96L 554.14,269.96L 573.10,269.96L 592.07,269.97L 611.03,269.97" id="Solid fuel" class="line" stroke="#505050" stroke-width="3" stroke-linecap="round"><title>Solid fuel</title></path>
+	<circle cx="80.00" cy="267.26" data-y="0.778931491" data-x="2022" r="4" fill="#505050"><title>2022: 0.778931491</title></circle>
+	<circle cx="98.97" cy="267.41" data-y="0.738258594" data-x="2023" r="4" fill="#505050"><title>2023: 0.738258594</title></circle>
+	<circle cx="117.93" cy="267.55" data-y="0.696961522" data-x="2024" r="4" fill="#505050"><title>2024: 0.696961522</title></circle>
+	<circle cx="136.90" cy="267.68" data-y="0.660637499" data-x="2025" r="4" fill="#505050"><title>2025: 0.660637499</title></circle>
+	<circle cx="155.86" cy="267.85" data-y="0.61288972" data-x="2026" r="4" fill="#505050"><title>2026: 0.61288972</title></circle>
+	<circle cx="174.83" cy="268.05" data-y="0.555003654" data-x="2027" r="4" fill="#505050"><title>2027: 0.555003654</title></circle>
+	<circle cx="193.79" cy="268.27" data-y="0.492340599" data-x="2028" r="4" fill="#505050"><title>2028: 0.492340599</title></circle>
+	<circle cx="212.76" cy="268.41" data-y="0.453079198" data-x="2029" r="4" fill="#505050"><title>2029: 0.453079198</title></circle>
+	<circle cx="231.72" cy="268.54" data-y="0.41469095" data-x="2030" r="4" fill="#505050"><title>2030: 0.41469095</title></circle>
+	<circle cx="250.69" cy="268.66" data-y="0.380924841" data-x="2031" r="4" fill="#505050"><title>2031: 0.380924841</title></circle>
+	<circle cx="269.66" cy="268.78" data-y="0.347443149" data-x="2032" r="4" fill="#505050"><title>2032: 0.347443149</title></circle>
+	<circle cx="288.62" cy="268.89" data-y="0.315694365" data-x="2033" r="4" fill="#505050"><title>2033: 0.315694365</title></circle>
+	<circle cx="307.59" cy="269.00" data-y="0.28420752" data-x="2034" r="4" fill="#505050"><title>2034: 0.28420752</title></circle>
+	<circle cx="326.55" cy="269.11" data-y="0.254189982" data-x="2035" r="4" fill="#505050"><title>2035: 0.254189982</title></circle>
+	<circle cx="345.52" cy="269.21" data-y="0.225072745" data-x="2036" r="4" fill="#505050"><title>2036: 0.225072745</title></circle>
+	<circle cx="364.48" cy="269.31" data-y="0.195873211" data-x="2037" r="4" fill="#505050"><title>2037: 0.195873211</title></circle>
+	<circle cx="383.45" cy="269.41" data-y="0.166761976" data-x="2038" r="4" fill="#505050"><title>2038: 0.166761976</title></circle>
+	<circle cx="402.41" cy="269.52" data-y="0.13659035" data-x="2039" r="4" fill="#505050"><title>2039: 0.13659035</title></circle>
+	<circle cx="421.38" cy="269.63" data-y="0.106396853" data-x="2040" r="4" fill="#505050"><title>2040: 0.106396853</title></circle>
+	<circle cx="440.34" cy="269.73" data-y="0.076128352" data-x="2041" r="4" fill="#505050"><title>2041: 0.076128352</title></circle>
+	<circle cx="459.31" cy="269.84" data-y="0.045945238" data-x="2042" r="4" fill="#505050"><title>2042: 0.045945238</title></circle>
+	<circle cx="478.28" cy="269.94" data-y="0.017155439" data-x="2043" r="4" fill="#505050"><title>2043: 0.017155439</title></circle>
+	<circle cx="497.24" cy="269.95" data-y="0.014382823" data-x="2044" r="4" fill="#505050"><title>2044: 0.014382823</title></circle>
+	<circle cx="516.21" cy="269.95" data-y="0.013206738" data-x="2045" r="4" fill="#505050"><title>2045: 0.013206738</title></circle>
+	<circle cx="535.17" cy="269.96" data-y="0.012091649" data-x="2046" r="4" fill="#505050"><title>2046: 0.012091649</title></circle>
+	<circle cx="554.14" cy="269.96" data-y="0.010995857" data-x="2047" r="4" fill="#505050"><title>2047: 0.010995857</title></circle>
+	<circle cx="573.10" cy="269.96" data-y="0.010025978" data-x="2048" r="4" fill="#505050"><title>2048: 0.010025978</title></circle>
+	<circle cx="592.07" cy="269.97" data-y="0.009457742" data-x="2049" r="4" fill="#505050"><title>2049: 0.009457742</title></circle>
+	<circle cx="611.03" cy="269.97" data-y="0.008943769" data-x="2050" r="4" fill="#505050"><title>2050: 0.008943769</title></circle>
+</g>
+<g data-scenario="petroleum" class="data-series">	<path d="M 80.00,10.00L 98.97,18.94L 117.93,28.92L 136.90,41.66L 155.86,58.32L 174.83,75.18L 193.79,92.78L 212.76,110.57L 231.72,127.66L 250.69,144.62L 269.66,162.71L 288.62,179.29L 307.59,194.26L 326.55,207.63L 345.52,218.83L 364.48,228.69L 383.45,237.32L 402.41,244.82L 421.38,251.27L 440.34,256.50L 459.31,260.71L 478.28,264.05L 497.24,266.22L 516.21,267.66L 535.17,268.46L 554.14,269.04L 573.10,269.32L 592.07,269.50L 611.03,269.63" id="Petroleum" class="line" stroke="#cc0935" stroke-width="3" stroke-linecap="round"><title>Petroleum</title></path>
+	<circle cx="80.00" cy="10.00" data-y="74.04434804" data-x="2022" r="4" fill="#cc0935"><title>2022: 74.04434804</title></circle>
+	<circle cx="98.97" cy="18.94" data-y="71.49879131" data-x="2023" r="4" fill="#cc0935"><title>2023: 71.49879131</title></circle>
+	<circle cx="117.93" cy="28.92" data-y="68.65574047" data-x="2024" r="4" fill="#cc0935"><title>2024: 68.65574047</title></circle>
+	<circle cx="136.90" cy="41.66" data-y="65.02666729" data-x="2025" r="4" fill="#cc0935"><title>2025: 65.02666729</title></circle>
+	<circle cx="155.86" cy="58.32" data-y="60.28360617" data-x="2026" r="4" fill="#cc0935"><title>2026: 60.28360617</title></circle>
+	<circle cx="174.83" cy="75.18" data-y="55.48321389" data-x="2027" r="4" fill="#cc0935"><title>2027: 55.48321389</title></circle>
+	<circle cx="193.79" cy="92.78" data-y="50.47066188" data-x="2028" r="4" fill="#cc0935"><title>2028: 50.47066188</title></circle>
+	<circle cx="212.76" cy="110.57" data-y="45.40402314" data-x="2029" r="4" fill="#cc0935"><title>2029: 45.40402314</title></circle>
+	<circle cx="231.72" cy="127.66" data-y="40.53643516" data-x="2030" r="4" fill="#cc0935"><title>2030: 40.53643516</title></circle>
+	<circle cx="250.69" cy="144.62" data-y="35.70762412" data-x="2031" r="4" fill="#cc0935"><title>2031: 35.70762412</title></circle>
+	<circle cx="269.66" cy="162.71" data-y="30.5554031" data-x="2032" r="4" fill="#cc0935"><title>2032: 30.5554031</title></circle>
+	<circle cx="288.62" cy="179.29" data-y="25.83388586" data-x="2033" r="4" fill="#cc0935"><title>2033: 25.83388586</title></circle>
+	<circle cx="307.59" cy="194.26" data-y="21.57096479" data-x="2034" r="4" fill="#cc0935"><title>2034: 21.57096479</title></circle>
+	<circle cx="326.55" cy="207.63" data-y="17.76077072" data-x="2035" r="4" fill="#cc0935"><title>2035: 17.76077072</title></circle>
+	<circle cx="345.52" cy="218.83" data-y="14.57126362" data-x="2036" r="4" fill="#cc0935"><title>2036: 14.57126362</title></circle>
+	<circle cx="364.48" cy="228.69" data-y="11.76454965" data-x="2037" r="4" fill="#cc0935"><title>2037: 11.76454965</title></circle>
+	<circle cx="383.45" cy="237.32" data-y="9.307490012" data-x="2038" r="4" fill="#cc0935"><title>2038: 9.307490012</title></circle>
+	<circle cx="402.41" cy="244.82" data-y="7.171547064" data-x="2039" r="4" fill="#cc0935"><title>2039: 7.171547064</title></circle>
+	<circle cx="421.38" cy="251.27" data-y="5.335305757" data-x="2040" r="4" fill="#cc0935"><title>2040: 5.335305757</title></circle>
+	<circle cx="440.34" cy="256.50" data-y="3.845453143" data-x="2041" r="4" fill="#cc0935"><title>2041: 3.845453143</title></circle>
+	<circle cx="459.31" cy="260.71" data-y="2.644708118" data-x="2042" r="4" fill="#cc0935"><title>2042: 2.644708118</title></circle>
+	<circle cx="478.28" cy="264.05" data-y="1.694406957" data-x="2043" r="4" fill="#cc0935"><title>2043: 1.694406957</title></circle>
+	<circle cx="497.24" cy="266.22" data-y="1.076805078" data-x="2044" r="4" fill="#cc0935"><title>2044: 1.076805078</title></circle>
+	<circle cx="516.21" cy="267.66" data-y="0.667724326" data-x="2045" r="4" fill="#cc0935"><title>2045: 0.667724326</title></circle>
+	<circle cx="535.17" cy="268.46" data-y="0.438689889" data-x="2046" r="4" fill="#cc0935"><title>2046: 0.438689889</title></circle>
+	<circle cx="554.14" cy="269.04" data-y="0.272405402" data-x="2047" r="4" fill="#cc0935"><title>2047: 0.272405402</title></circle>
+	<circle cx="573.10" cy="269.32" data-y="0.195002807" data-x="2048" r="4" fill="#cc0935"><title>2048: 0.195002807</title></circle>
+	<circle cx="592.07" cy="269.50" data-y="0.142304059" data-x="2049" r="4" fill="#cc0935"><title>2049: 0.142304059</title></circle>
+	<circle cx="611.03" cy="269.63" data-y="0.106090039" data-x="2050" r="4" fill="#cc0935"><title>2050: 0.106090039</title></circle>
+</g>
+<g data-scenario="hydrogen" class="data-series">	<path d="M 80.00,269.97L 98.97,269.96L 117.93,269.96L 136.90,269.94L 155.86,269.94L 174.83,269.92L 193.79,269.91L 212.76,269.89L 231.72,269.53L 250.69,269.17L 269.66,268.78L 288.62,268.29L 307.59,267.73L 326.55,267.09L 345.52,266.38L 364.48,265.71L 383.45,264.96L 402.41,264.12L 421.38,262.91L 440.34,261.39L 459.31,260.06L 478.28,259.14L 497.24,258.15L 516.21,257.48L 535.17,257.07L 554.14,256.69L 573.10,256.42L 592.07,256.15L 611.03,256.14" id="Hydrogen" class="line" stroke="#0279FA" stroke-width="3" stroke-linecap="round"><title>Hydrogen</title></path>
+	<circle cx="80.00" cy="269.97" data-y="0.008665637" data-x="2022" r="4" fill="#0279FA"><title>2022: 0.008665637</title></circle>
+	<circle cx="98.97" cy="269.96" data-y="0.010189035" data-x="2023" r="4" fill="#0279FA"><title>2023: 0.010189035</title></circle>
+	<circle cx="117.93" cy="269.96" data-y="0.012560961" data-x="2024" r="4" fill="#0279FA"><title>2024: 0.012560961</title></circle>
+	<circle cx="136.90" cy="269.94" data-y="0.015949707" data-x="2025" r="4" fill="#0279FA"><title>2025: 0.015949707</title></circle>
+	<circle cx="155.86" cy="269.94" data-y="0.018421935" data-x="2026" r="4" fill="#0279FA"><title>2026: 0.018421935</title></circle>
+	<circle cx="174.83" cy="269.92" data-y="0.021838353" data-x="2027" r="4" fill="#0279FA"><title>2027: 0.021838353</title></circle>
+	<circle cx="193.79" cy="269.91" data-y="0.026750654" data-x="2028" r="4" fill="#0279FA"><title>2028: 0.026750654</title></circle>
+	<circle cx="212.76" cy="269.89" data-y="0.031719783" data-x="2029" r="4" fill="#0279FA"><title>2029: 0.031719783</title></circle>
+	<circle cx="231.72" cy="269.53" data-y="0.133325141" data-x="2030" r="4" fill="#0279FA"><title>2030: 0.133325141</title></circle>
+	<circle cx="250.69" cy="269.17" data-y="0.237549969" data-x="2031" r="4" fill="#0279FA"><title>2031: 0.237549969</title></circle>
+	<circle cx="269.66" cy="268.78" data-y="0.346393774" data-x="2032" r="4" fill="#0279FA"><title>2032: 0.346393774</title></circle>
+	<circle cx="288.62" cy="268.29" data-y="0.486893161" data-x="2033" r="4" fill="#0279FA"><title>2033: 0.486893161</title></circle>
+	<circle cx="307.59" cy="267.73" data-y="0.645409579" data-x="2034" r="4" fill="#0279FA"><title>2034: 0.645409579</title></circle>
+	<circle cx="326.55" cy="267.09" data-y="0.829372969" data-x="2035" r="4" fill="#0279FA"><title>2035: 0.829372969</title></circle>
+	<circle cx="345.52" cy="266.38" data-y="1.032309103" data-x="2036" r="4" fill="#0279FA"><title>2036: 1.032309103</title></circle>
+	<circle cx="364.48" cy="265.71" data-y="1.222628164" data-x="2037" r="4" fill="#0279FA"><title>2037: 1.222628164</title></circle>
+	<circle cx="383.45" cy="264.96" data-y="1.435789166" data-x="2038" r="4" fill="#0279FA"><title>2038: 1.435789166</title></circle>
+	<circle cx="402.41" cy="264.12" data-y="1.674208179" data-x="2039" r="4" fill="#0279FA"><title>2039: 1.674208179</title></circle>
+	<circle cx="421.38" cy="262.91" data-y="2.018657855" data-x="2040" r="4" fill="#0279FA"><title>2040: 2.018657855</title></circle>
+	<circle cx="440.34" cy="261.39" data-y="2.452796546" data-x="2041" r="4" fill="#0279FA"><title>2041: 2.452796546</title></circle>
+	<circle cx="459.31" cy="260.06" data-y="2.829535777" data-x="2042" r="4" fill="#0279FA"><title>2042: 2.829535777</title></circle>
+	<circle cx="478.28" cy="259.14" data-y="3.094175924" data-x="2043" r="4" fill="#0279FA"><title>2043: 3.094175924</title></circle>
+	<circle cx="497.24" cy="258.15" data-y="3.373691139" data-x="2044" r="4" fill="#0279FA"><title>2044: 3.373691139</title></circle>
+	<circle cx="516.21" cy="257.48" data-y="3.565550821" data-x="2045" r="4" fill="#0279FA"><title>2045: 3.565550821</title></circle>
+	<circle cx="535.17" cy="257.07" data-y="3.681565293" data-x="2046" r="4" fill="#0279FA"><title>2046: 3.681565293</title></circle>
+	<circle cx="554.14" cy="256.69" data-y="3.791104956" data-x="2047" r="4" fill="#0279FA"><title>2047: 3.791104956</title></circle>
+	<circle cx="573.10" cy="256.42" data-y="3.867442911" data-x="2048" r="4" fill="#0279FA"><title>2048: 3.867442911</title></circle>
+	<circle cx="592.07" cy="256.15" data-y="3.944362693" data-x="2049" r="4" fill="#0279FA"><title>2049: 3.944362693</title></circle>
+	<circle cx="611.03" cy="256.14" data-y="3.947998708" data-x="2050" r="4" fill="#0279FA"><title>2050: 3.947998708</title></circle>
+</g>
+<g data-scenario="bioenergy" class="data-series">	<path d="M 80.00,257.66L 98.97,258.14L 117.93,258.63L 136.90,259.09L 155.86,259.71L 174.83,260.44L 193.79,261.22L 212.76,261.79L 231.72,262.34L 250.69,262.78L 269.66,263.22L 288.62,263.63L 307.59,264.09L 326.55,264.71L 345.52,265.09L 364.48,265.46L 383.45,265.83L 402.41,266.22L 421.38,266.61L 440.34,267.00L 459.31,267.39L 478.28,267.75L 497.24,267.81L 516.21,267.83L 535.17,267.84L 554.14,267.85L 573.10,267.86L 592.07,267.86L 611.03,267.87" id="Bioenergy" class="line" stroke="#019303" stroke-width="3" stroke-linecap="round"><title>Bioenergy</title></path>
+	<circle cx="80.00" cy="257.66" data-y="3.512886537" data-x="2022" r="4" fill="#019303"><title>2022: 3.512886537</title></circle>
+	<circle cx="98.97" cy="258.14" data-y="3.377818664" data-x="2023" r="4" fill="#019303"><title>2023: 3.377818664</title></circle>
+	<circle cx="117.93" cy="258.63" data-y="3.238947247" data-x="2024" r="4" fill="#019303"><title>2024: 3.238947247</title></circle>
+	<circle cx="136.90" cy="259.09" data-y="3.107587944" data-x="2025" r="4" fill="#019303"><title>2025: 3.107587944</title></circle>
+	<circle cx="155.86" cy="259.71" data-y="2.929259011" data-x="2026" r="4" fill="#019303"><title>2026: 2.929259011</title></circle>
+	<circle cx="174.83" cy="260.44" data-y="2.72324741" data-x="2027" r="4" fill="#019303"><title>2027: 2.72324741</title></circle>
+	<circle cx="193.79" cy="261.22" data-y="2.501197541" data-x="2028" r="4" fill="#019303"><title>2028: 2.501197541</title></circle>
+	<circle cx="212.76" cy="261.79" data-y="2.33927524" data-x="2029" r="4" fill="#019303"><title>2029: 2.33927524</title></circle>
+	<circle cx="231.72" cy="262.34" data-y="2.180307073" data-x="2030" r="4" fill="#019303"><title>2030: 2.180307073</title></circle>
+	<circle cx="250.69" cy="262.78" data-y="2.055237162" data-x="2031" r="4" fill="#019303"><title>2031: 2.055237162</title></circle>
+	<circle cx="269.66" cy="263.22" data-y="1.931170595" data-x="2032" r="4" fill="#019303"><title>2032: 1.931170595</title></circle>
+	<circle cx="288.62" cy="263.63" data-y="1.813811937" data-x="2033" r="4" fill="#019303"><title>2033: 1.813811937</title></circle>
+	<circle cx="307.59" cy="264.09" data-y="1.682571241" data-x="2034" r="4" fill="#019303"><title>2034: 1.682571241</title></circle>
+	<circle cx="326.55" cy="264.71" data-y="1.50542601" data-x="2035" r="4" fill="#019303"><title>2035: 1.50542601</title></circle>
+	<circle cx="345.52" cy="265.09" data-y="1.399214365" data-x="2036" r="4" fill="#019303"><title>2036: 1.399214365</title></circle>
+	<circle cx="364.48" cy="265.46" data-y="1.292510304" data-x="2037" r="4" fill="#019303"><title>2037: 1.292510304</title></circle>
+	<circle cx="383.45" cy="265.83" data-y="1.18625795" data-x="2038" r="4" fill="#019303"><title>2038: 1.18625795</title></circle>
+	<circle cx="402.41" cy="266.22" data-y="1.07555904" data-x="2039" r="4" fill="#019303"><title>2039: 1.07555904</title></circle>
+	<circle cx="421.38" cy="266.61" data-y="0.96520387" data-x="2040" r="4" fill="#019303"><title>2040: 0.96520387</title></circle>
+	<circle cx="440.34" cy="267.00" data-y="0.854827005" data-x="2041" r="4" fill="#019303"><title>2041: 0.854827005</title></circle>
+	<circle cx="459.31" cy="267.39" data-y="0.744434673" data-x="2042" r="4" fill="#019303"><title>2042: 0.744434673</title></circle>
+	<circle cx="478.28" cy="267.75" data-y="0.639614362" data-x="2043" r="4" fill="#019303"><title>2043: 0.639614362</title></circle>
+	<circle cx="497.24" cy="267.81" data-y="0.624410981" data-x="2044" r="4" fill="#019303"><title>2044: 0.624410981</title></circle>
+	<circle cx="516.21" cy="267.83" data-y="0.617114152" data-x="2045" r="4" fill="#019303"><title>2045: 0.617114152</title></circle>
+	<circle cx="535.17" cy="267.84" data-y="0.614578287" data-x="2046" r="4" fill="#019303"><title>2046: 0.614578287</title></circle>
+	<circle cx="554.14" cy="267.85" data-y="0.612069408" data-x="2047" r="4" fill="#019303"><title>2047: 0.612069408</title></circle>
+	<circle cx="573.10" cy="267.86" data-y="0.610021021" data-x="2048" r="4" fill="#019303"><title>2048: 0.610021021</title></circle>
+	<circle cx="592.07" cy="267.86" data-y="0.608027412" data-x="2049" r="4" fill="#019303"><title>2049: 0.608027412</title></circle>
+	<circle cx="611.03" cy="267.87" data-y="0.606035703" data-x="2050" r="4" fill="#019303"><title>2050: 0.606035703</title></circle>
+</g>
+<g data-scenario="electricity" class="data-series">	<path d="M 80.00,143.79L 98.97,143.37L 117.93,142.33L 136.90,140.64L 155.86,138.05L 174.83,134.39L 193.79,129.51L 212.76,123.60L 231.72,115.79L 250.69,108.54L 269.66,101.37L 288.62,93.74L 307.59,86.09L 326.55,77.14L 345.52,68.68L 364.48,61.32L 383.45,54.21L 402.41,47.60L 421.38,41.58L 440.34,36.33L 459.31,31.68L 478.28,27.69L 497.24,24.33L 516.21,21.49L 535.17,19.07L 554.14,16.67L 573.10,14.38L 592.07,13.96L 611.03,13.85" id="Electricity" class="line" stroke="#cc0935" stroke-width="3" stroke-linecap="round"><title>Electricity</title></path>
+	<circle cx="80.00" cy="143.79" data-y="35.94381194" data-x="2022" r="4" fill="#cc0935"><title>2022: 35.94381194</title></circle>
+	<circle cx="98.97" cy="143.37" data-y="36.06186494" data-x="2023" r="4" fill="#cc0935"><title>2023: 36.06186494</title></circle>
+	<circle cx="117.93" cy="142.33" data-y="36.35850758" data-x="2024" r="4" fill="#cc0935"><title>2024: 36.35850758</title></circle>
+	<circle cx="136.90" cy="140.64" data-y="36.83997375" data-x="2025" r="4" fill="#cc0935"><title>2025: 36.83997375</title></circle>
+	<circle cx="155.86" cy="138.05" data-y="37.57741574" data-x="2026" r="4" fill="#cc0935"><title>2026: 37.57741574</title></circle>
+	<circle cx="174.83" cy="134.39" data-y="38.61975801" data-x="2027" r="4" fill="#cc0935"><title>2027: 38.61975801</title></circle>
+	<circle cx="193.79" cy="129.51" data-y="40.00863838" data-x="2028" r="4" fill="#cc0935"><title>2028: 40.00863838</title></circle>
+	<circle cx="212.76" cy="123.60" data-y="41.6935327" data-x="2029" r="4" fill="#cc0935"><title>2029: 41.6935327</title></circle>
+	<circle cx="231.72" cy="115.79" data-y="43.91554218" data-x="2030" r="4" fill="#cc0935"><title>2030: 43.91554218</title></circle>
+	<circle cx="250.69" cy="108.54" data-y="45.98192321" data-x="2031" r="4" fill="#cc0935"><title>2031: 45.98192321</title></circle>
+	<circle cx="269.66" cy="101.37" data-y="48.02241182" data-x="2032" r="4" fill="#cc0935"><title>2032: 48.02241182</title></circle>
+	<circle cx="288.62" cy="93.74" data-y="50.19708776" data-x="2033" r="4" fill="#cc0935"><title>2033: 50.19708776</title></circle>
+	<circle cx="307.59" cy="86.09" data-y="52.37522558" data-x="2034" r="4" fill="#cc0935"><title>2034: 52.37522558</title></circle>
+	<circle cx="326.55" cy="77.14" data-y="54.92243512" data-x="2035" r="4" fill="#cc0935"><title>2035: 54.92243512</title></circle>
+	<circle cx="345.52" cy="68.68" data-y="57.33254914" data-x="2036" r="4" fill="#cc0935"><title>2036: 57.33254914</title></circle>
+	<circle cx="364.48" cy="61.32" data-y="59.43050057" data-x="2037" r="4" fill="#cc0935"><title>2037: 59.43050057</title></circle>
+	<circle cx="383.45" cy="54.21" data-y="61.45301793" data-x="2038" r="4" fill="#cc0935"><title>2038: 61.45301793</title></circle>
+	<circle cx="402.41" cy="47.60" data-y="63.33642689" data-x="2039" r="4" fill="#cc0935"><title>2039: 63.33642689</title></circle>
+	<circle cx="421.38" cy="41.58" data-y="65.05045544" data-x="2040" r="4" fill="#cc0935"><title>2040: 65.05045544</title></circle>
+	<circle cx="440.34" cy="36.33" data-y="66.54649409" data-x="2041" r="4" fill="#cc0935"><title>2041: 66.54649409</title></circle>
+	<circle cx="459.31" cy="31.68" data-y="67.87146549" data-x="2042" r="4" fill="#cc0935"><title>2042: 67.87146549</title></circle>
+	<circle cx="478.28" cy="27.69" data-y="69.00722751" data-x="2043" r="4" fill="#cc0935"><title>2043: 69.00722751</title></circle>
+	<circle cx="497.24" cy="24.33" data-y="69.96278886" data-x="2044" r="4" fill="#cc0935"><title>2044: 69.96278886</title></circle>
+	<circle cx="516.21" cy="21.49" data-y="70.77192916" data-x="2045" r="4" fill="#cc0935"><title>2045: 70.77192916</title></circle>
+	<circle cx="535.17" cy="19.07" data-y="71.46123151" data-x="2046" r="4" fill="#cc0935"><title>2046: 71.46123151</title></circle>
+	<circle cx="554.14" cy="16.67" data-y="72.14521235" data-x="2047" r="4" fill="#cc0935"><title>2047: 72.14521235</title></circle>
+	<circle cx="573.10" cy="14.38" data-y="72.79739976" data-x="2048" r="4" fill="#cc0935"><title>2048: 72.79739976</title></circle>
+	<circle cx="592.07" cy="13.96" data-y="72.91740309" data-x="2049" r="4" fill="#cc0935"><title>2049: 72.91740309</title></circle>
+	<circle cx="611.03" cy="13.85" data-y="72.94932022" data-x="2050" r="4" fill="#cc0935"><title>2050: 72.94932022</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-industry-additional-peak-demand-planning-scenario.html b/2023-DFES/data/graphs/graph-industry-additional-peak-demand-planning-scenario.html
new file mode 100644
index 0000000..55bcd2b
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-industry-additional-peak-demand-planning-scenario.html
@@ -0,0 +1,9 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="natural-gas"><td style="background-color:#B8BFF9;color:black"><span>Natural gas</span></td><td>40.27813412</td><td>16.35748161</td><td>0.08463351</td></tr>
+<tr data-scenario="solid-fuel"><td style="background-color:#505050;color:white"><span>Solid fuel</span></td><td>0.41469095</td><td>0.106396853</td><td>0.008943769</td></tr>
+<tr data-scenario="petroleum"><td style="background-color:#cc0935;color:white"><span>Petroleum</span></td><td>40.53643516</td><td>5.335305757</td><td>0.106090039</td></tr>
+<tr data-scenario="hydrogen"><td style="background-color:#0279FA;color:white"><span>Hydrogen</span></td><td>0.133325141</td><td>2.018657855</td><td>3.947998708</td></tr>
+<tr data-scenario="bioenergy"><td style="background-color:#019303;color:white"><span>Bioenergy</span></td><td>2.180307073</td><td>0.96520387</td><td>0.606035703</td></tr>
+<tr data-scenario="electricity"><td style="background-color:#cc0935;color:white"><span>Electricity</span></td><td>43.91554218</td><td>65.05045544</td><td>72.94932022</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-industry-additional-peak-demand-planning-scenario.svg b/2023-DFES/data/graphs/graph-industry-additional-peak-demand-planning-scenario.svg
new file mode 100644
index 0000000..bef2679
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-industry-additional-peak-demand-planning-scenario.svg
@@ -0,0 +1,219 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="70" y1="270" x2="630" y2="270" data-left="70"></line>
+	<text x="70" y="270" text-anchor="end">0</text>
+	<text x="70" y="199.77181732776" text-anchor="end">20</text>
+	<text x="70" y="129.543634655521" text-anchor="end">40</text>
+	<text x="70" y="59.3154519832814" text-anchor="end">60</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Peak demand (MW)</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="224.48275862069" y1="270" x2="224.48275862069" y2="275"></line>
+	<text x="224.48275862069" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="417.586206896552" y1="270" x2="417.586206896552" y2="275"></line>
+	<text x="417.586206896552" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="610.689655172414" y1="270" x2="610.689655172414" y2="275"></line>
+	<text x="610.689655172414" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="natural-gas" class="data-series">	<path d="M 70.00,83.43L 89.31,86.26L 108.62,89.20L 127.93,93.31L 147.24,98.33L 166.55,104.33L 185.86,112.19L 205.17,120.26L 224.48,128.57L 243.79,135.23L 263.10,142.35L 282.41,150.45L 301.72,159.69L 321.03,168.96L 340.34,177.76L 359.66,186.21L 378.97,194.72L 398.28,203.49L 417.59,212.56L 436.90,222.20L 456.21,230.85L 475.52,238.48L 494.83,245.80L 514.14,252.06L 533.45,257.72L 552.76,263.27L 572.07,267.66L 591.38,268.77L 610.69,269.70" id="Natural gas" class="line" stroke="#B8BFF9" stroke-width="3" stroke-linecap="round"><title>Natural gas</title></path>
+	<circle cx="70.00" cy="83.43" data-y="53.13282085" data-x="2022" r="4" fill="#B8BFF9"><title>2022: 53.13282085</title></circle>
+	<circle cx="89.31" cy="86.26" data-y="52.32792356" data-x="2023" r="4" fill="#B8BFF9"><title>2023: 52.32792356</title></circle>
+	<circle cx="108.62" cy="89.20" data-y="51.48896951" data-x="2024" r="4" fill="#B8BFF9"><title>2024: 51.48896951</title></circle>
+	<circle cx="127.93" cy="93.31" data-y="50.31887711" data-x="2025" r="4" fill="#B8BFF9"><title>2025: 50.31887711</title></circle>
+	<circle cx="147.24" cy="98.33" data-y="48.88987008" data-x="2026" r="4" fill="#B8BFF9"><title>2026: 48.88987008</title></circle>
+	<circle cx="166.55" cy="104.33" data-y="47.18171055" data-x="2027" r="4" fill="#B8BFF9"><title>2027: 47.18171055</title></circle>
+	<circle cx="185.86" cy="112.19" data-y="44.94243092" data-x="2028" r="4" fill="#B8BFF9"><title>2028: 44.94243092</title></circle>
+	<circle cx="205.17" cy="120.26" data-y="42.64353589" data-x="2029" r="4" fill="#B8BFF9"><title>2029: 42.64353589</title></circle>
+	<circle cx="224.48" cy="128.57" data-y="40.27813412" data-x="2030" r="4" fill="#B8BFF9"><title>2030: 40.27813412</title></circle>
+	<circle cx="243.79" cy="135.23" data-y="38.38003155" data-x="2031" r="4" fill="#B8BFF9"><title>2031: 38.38003155</title></circle>
+	<circle cx="263.10" cy="142.35" data-y="36.35306385" data-x="2032" r="4" fill="#B8BFF9"><title>2032: 36.35306385</title></circle>
+	<circle cx="282.41" cy="150.45" data-y="34.04627562" data-x="2033" r="4" fill="#B8BFF9"><title>2033: 34.04627562</title></circle>
+	<circle cx="301.72" cy="159.69" data-y="31.41597747" data-x="2034" r="4" fill="#B8BFF9"><title>2034: 31.41597747</title></circle>
+	<circle cx="321.03" cy="168.96" data-y="28.77558852" data-x="2035" r="4" fill="#B8BFF9"><title>2035: 28.77558852</title></circle>
+	<circle cx="340.34" cy="177.76" data-y="26.26783741" data-x="2036" r="4" fill="#B8BFF9"><title>2036: 26.26783741</title></circle>
+	<circle cx="359.66" cy="186.21" data-y="23.86190039" data-x="2037" r="4" fill="#B8BFF9"><title>2037: 23.86190039</title></circle>
+	<circle cx="378.97" cy="194.72" data-y="21.43795253" data-x="2038" r="4" fill="#B8BFF9"><title>2038: 21.43795253</title></circle>
+	<circle cx="398.28" cy="203.49" data-y="18.94160297" data-x="2039" r="4" fill="#B8BFF9"><title>2039: 18.94160297</title></circle>
+	<circle cx="417.59" cy="212.56" data-y="16.35748161" data-x="2040" r="4" fill="#B8BFF9"><title>2040: 16.35748161</title></circle>
+	<circle cx="436.90" cy="222.20" data-y="13.61294144" data-x="2041" r="4" fill="#B8BFF9"><title>2041: 13.61294144</title></circle>
+	<circle cx="456.21" cy="230.85" data-y="11.14976973" data-x="2042" r="4" fill="#B8BFF9"><title>2042: 11.14976973</title></circle>
+	<circle cx="475.52" cy="238.48" data-y="8.977851094" data-x="2043" r="4" fill="#B8BFF9"><title>2043: 8.977851094</title></circle>
+	<circle cx="494.83" cy="245.80" data-y="6.891499162" data-x="2044" r="4" fill="#B8BFF9"><title>2044: 6.891499162</title></circle>
+	<circle cx="514.14" cy="252.06" data-y="5.108797398" data-x="2045" r="4" fill="#B8BFF9"><title>2045: 5.108797398</title></circle>
+	<circle cx="533.45" cy="257.72" data-y="3.495933276" data-x="2046" r="4" fill="#B8BFF9"><title>2046: 3.495933276</title></circle>
+	<circle cx="552.76" cy="263.27" data-y="1.916921189" data-x="2047" r="4" fill="#B8BFF9"><title>2047: 1.916921189</title></circle>
+	<circle cx="572.07" cy="267.66" data-y="0.665254067" data-x="2048" r="4" fill="#B8BFF9"><title>2048: 0.665254067</title></circle>
+	<circle cx="591.38" cy="268.77" data-y="0.349257581" data-x="2049" r="4" fill="#B8BFF9"><title>2049: 0.349257581</title></circle>
+	<circle cx="610.69" cy="269.70" data-y="0.08463351" data-x="2050" r="4" fill="#B8BFF9"><title>2050: 0.08463351</title></circle>
+</g>
+<g data-scenario="solid-fuel" class="data-series">	<path d="M 70.00,267.26L 89.31,267.41L 108.62,267.55L 127.93,267.68L 147.24,267.85L 166.55,268.05L 185.86,268.27L 205.17,268.41L 224.48,268.54L 243.79,268.66L 263.10,268.78L 282.41,268.89L 301.72,269.00L 321.03,269.11L 340.34,269.21L 359.66,269.31L 378.97,269.41L 398.28,269.52L 417.59,269.63L 436.90,269.73L 456.21,269.84L 475.52,269.94L 494.83,269.95L 514.14,269.95L 533.45,269.96L 552.76,269.96L 572.07,269.96L 591.38,269.97L 610.69,269.97" id="Solid fuel" class="line" stroke="#505050" stroke-width="3" stroke-linecap="round"><title>Solid fuel</title></path>
+	<circle cx="70.00" cy="267.26" data-y="0.778931491" data-x="2022" r="4" fill="#505050"><title>2022: 0.778931491</title></circle>
+	<circle cx="89.31" cy="267.41" data-y="0.738258594" data-x="2023" r="4" fill="#505050"><title>2023: 0.738258594</title></circle>
+	<circle cx="108.62" cy="267.55" data-y="0.696961522" data-x="2024" r="4" fill="#505050"><title>2024: 0.696961522</title></circle>
+	<circle cx="127.93" cy="267.68" data-y="0.660637499" data-x="2025" r="4" fill="#505050"><title>2025: 0.660637499</title></circle>
+	<circle cx="147.24" cy="267.85" data-y="0.61288972" data-x="2026" r="4" fill="#505050"><title>2026: 0.61288972</title></circle>
+	<circle cx="166.55" cy="268.05" data-y="0.555003654" data-x="2027" r="4" fill="#505050"><title>2027: 0.555003654</title></circle>
+	<circle cx="185.86" cy="268.27" data-y="0.492340599" data-x="2028" r="4" fill="#505050"><title>2028: 0.492340599</title></circle>
+	<circle cx="205.17" cy="268.41" data-y="0.453079198" data-x="2029" r="4" fill="#505050"><title>2029: 0.453079198</title></circle>
+	<circle cx="224.48" cy="268.54" data-y="0.41469095" data-x="2030" r="4" fill="#505050"><title>2030: 0.41469095</title></circle>
+	<circle cx="243.79" cy="268.66" data-y="0.380924841" data-x="2031" r="4" fill="#505050"><title>2031: 0.380924841</title></circle>
+	<circle cx="263.10" cy="268.78" data-y="0.347443149" data-x="2032" r="4" fill="#505050"><title>2032: 0.347443149</title></circle>
+	<circle cx="282.41" cy="268.89" data-y="0.315694365" data-x="2033" r="4" fill="#505050"><title>2033: 0.315694365</title></circle>
+	<circle cx="301.72" cy="269.00" data-y="0.28420752" data-x="2034" r="4" fill="#505050"><title>2034: 0.28420752</title></circle>
+	<circle cx="321.03" cy="269.11" data-y="0.254189982" data-x="2035" r="4" fill="#505050"><title>2035: 0.254189982</title></circle>
+	<circle cx="340.34" cy="269.21" data-y="0.225072745" data-x="2036" r="4" fill="#505050"><title>2036: 0.225072745</title></circle>
+	<circle cx="359.66" cy="269.31" data-y="0.195873211" data-x="2037" r="4" fill="#505050"><title>2037: 0.195873211</title></circle>
+	<circle cx="378.97" cy="269.41" data-y="0.166761976" data-x="2038" r="4" fill="#505050"><title>2038: 0.166761976</title></circle>
+	<circle cx="398.28" cy="269.52" data-y="0.13659035" data-x="2039" r="4" fill="#505050"><title>2039: 0.13659035</title></circle>
+	<circle cx="417.59" cy="269.63" data-y="0.106396853" data-x="2040" r="4" fill="#505050"><title>2040: 0.106396853</title></circle>
+	<circle cx="436.90" cy="269.73" data-y="0.076128352" data-x="2041" r="4" fill="#505050"><title>2041: 0.076128352</title></circle>
+	<circle cx="456.21" cy="269.84" data-y="0.045945238" data-x="2042" r="4" fill="#505050"><title>2042: 0.045945238</title></circle>
+	<circle cx="475.52" cy="269.94" data-y="0.017155439" data-x="2043" r="4" fill="#505050"><title>2043: 0.017155439</title></circle>
+	<circle cx="494.83" cy="269.95" data-y="0.014382823" data-x="2044" r="4" fill="#505050"><title>2044: 0.014382823</title></circle>
+	<circle cx="514.14" cy="269.95" data-y="0.013206738" data-x="2045" r="4" fill="#505050"><title>2045: 0.013206738</title></circle>
+	<circle cx="533.45" cy="269.96" data-y="0.012091649" data-x="2046" r="4" fill="#505050"><title>2046: 0.012091649</title></circle>
+	<circle cx="552.76" cy="269.96" data-y="0.010995857" data-x="2047" r="4" fill="#505050"><title>2047: 0.010995857</title></circle>
+	<circle cx="572.07" cy="269.96" data-y="0.010025978" data-x="2048" r="4" fill="#505050"><title>2048: 0.010025978</title></circle>
+	<circle cx="591.38" cy="269.97" data-y="0.009457742" data-x="2049" r="4" fill="#505050"><title>2049: 0.009457742</title></circle>
+	<circle cx="610.69" cy="269.97" data-y="0.008943769" data-x="2050" r="4" fill="#505050"><title>2050: 0.008943769</title></circle>
+</g>
+<g data-scenario="petroleum" class="data-series">	<path d="M 70.00,10.00L 89.31,18.94L 108.62,28.92L 127.93,41.66L 147.24,58.32L 166.55,75.18L 185.86,92.78L 205.17,110.57L 224.48,127.66L 243.79,144.62L 263.10,162.71L 282.41,179.29L 301.72,194.26L 321.03,207.63L 340.34,218.83L 359.66,228.69L 378.97,237.32L 398.28,244.82L 417.59,251.27L 436.90,256.50L 456.21,260.71L 475.52,264.05L 494.83,266.22L 514.14,267.66L 533.45,268.46L 552.76,269.04L 572.07,269.32L 591.38,269.50L 610.69,269.63" id="Petroleum" class="line" stroke="#cc0935" stroke-width="3" stroke-linecap="round"><title>Petroleum</title></path>
+	<circle cx="70.00" cy="10.00" data-y="74.04434804" data-x="2022" r="4" fill="#cc0935"><title>2022: 74.04434804</title></circle>
+	<circle cx="89.31" cy="18.94" data-y="71.49879131" data-x="2023" r="4" fill="#cc0935"><title>2023: 71.49879131</title></circle>
+	<circle cx="108.62" cy="28.92" data-y="68.65574047" data-x="2024" r="4" fill="#cc0935"><title>2024: 68.65574047</title></circle>
+	<circle cx="127.93" cy="41.66" data-y="65.02666729" data-x="2025" r="4" fill="#cc0935"><title>2025: 65.02666729</title></circle>
+	<circle cx="147.24" cy="58.32" data-y="60.28360617" data-x="2026" r="4" fill="#cc0935"><title>2026: 60.28360617</title></circle>
+	<circle cx="166.55" cy="75.18" data-y="55.48321389" data-x="2027" r="4" fill="#cc0935"><title>2027: 55.48321389</title></circle>
+	<circle cx="185.86" cy="92.78" data-y="50.47066188" data-x="2028" r="4" fill="#cc0935"><title>2028: 50.47066188</title></circle>
+	<circle cx="205.17" cy="110.57" data-y="45.40402314" data-x="2029" r="4" fill="#cc0935"><title>2029: 45.40402314</title></circle>
+	<circle cx="224.48" cy="127.66" data-y="40.53643516" data-x="2030" r="4" fill="#cc0935"><title>2030: 40.53643516</title></circle>
+	<circle cx="243.79" cy="144.62" data-y="35.70762412" data-x="2031" r="4" fill="#cc0935"><title>2031: 35.70762412</title></circle>
+	<circle cx="263.10" cy="162.71" data-y="30.5554031" data-x="2032" r="4" fill="#cc0935"><title>2032: 30.5554031</title></circle>
+	<circle cx="282.41" cy="179.29" data-y="25.83388586" data-x="2033" r="4" fill="#cc0935"><title>2033: 25.83388586</title></circle>
+	<circle cx="301.72" cy="194.26" data-y="21.57096479" data-x="2034" r="4" fill="#cc0935"><title>2034: 21.57096479</title></circle>
+	<circle cx="321.03" cy="207.63" data-y="17.76077072" data-x="2035" r="4" fill="#cc0935"><title>2035: 17.76077072</title></circle>
+	<circle cx="340.34" cy="218.83" data-y="14.57126362" data-x="2036" r="4" fill="#cc0935"><title>2036: 14.57126362</title></circle>
+	<circle cx="359.66" cy="228.69" data-y="11.76454965" data-x="2037" r="4" fill="#cc0935"><title>2037: 11.76454965</title></circle>
+	<circle cx="378.97" cy="237.32" data-y="9.307490012" data-x="2038" r="4" fill="#cc0935"><title>2038: 9.307490012</title></circle>
+	<circle cx="398.28" cy="244.82" data-y="7.171547064" data-x="2039" r="4" fill="#cc0935"><title>2039: 7.171547064</title></circle>
+	<circle cx="417.59" cy="251.27" data-y="5.335305757" data-x="2040" r="4" fill="#cc0935"><title>2040: 5.335305757</title></circle>
+	<circle cx="436.90" cy="256.50" data-y="3.845453143" data-x="2041" r="4" fill="#cc0935"><title>2041: 3.845453143</title></circle>
+	<circle cx="456.21" cy="260.71" data-y="2.644708118" data-x="2042" r="4" fill="#cc0935"><title>2042: 2.644708118</title></circle>
+	<circle cx="475.52" cy="264.05" data-y="1.694406957" data-x="2043" r="4" fill="#cc0935"><title>2043: 1.694406957</title></circle>
+	<circle cx="494.83" cy="266.22" data-y="1.076805078" data-x="2044" r="4" fill="#cc0935"><title>2044: 1.076805078</title></circle>
+	<circle cx="514.14" cy="267.66" data-y="0.667724326" data-x="2045" r="4" fill="#cc0935"><title>2045: 0.667724326</title></circle>
+	<circle cx="533.45" cy="268.46" data-y="0.438689889" data-x="2046" r="4" fill="#cc0935"><title>2046: 0.438689889</title></circle>
+	<circle cx="552.76" cy="269.04" data-y="0.272405402" data-x="2047" r="4" fill="#cc0935"><title>2047: 0.272405402</title></circle>
+	<circle cx="572.07" cy="269.32" data-y="0.195002807" data-x="2048" r="4" fill="#cc0935"><title>2048: 0.195002807</title></circle>
+	<circle cx="591.38" cy="269.50" data-y="0.142304059" data-x="2049" r="4" fill="#cc0935"><title>2049: 0.142304059</title></circle>
+	<circle cx="610.69" cy="269.63" data-y="0.106090039" data-x="2050" r="4" fill="#cc0935"><title>2050: 0.106090039</title></circle>
+</g>
+<g data-scenario="hydrogen" class="data-series">	<path d="M 70.00,269.97L 89.31,269.96L 108.62,269.96L 127.93,269.94L 147.24,269.94L 166.55,269.92L 185.86,269.91L 205.17,269.89L 224.48,269.53L 243.79,269.17L 263.10,268.78L 282.41,268.29L 301.72,267.73L 321.03,267.09L 340.34,266.38L 359.66,265.71L 378.97,264.96L 398.28,264.12L 417.59,262.91L 436.90,261.39L 456.21,260.06L 475.52,259.14L 494.83,258.15L 514.14,257.48L 533.45,257.07L 552.76,256.69L 572.07,256.42L 591.38,256.15L 610.69,256.14" id="Hydrogen" class="line" stroke="#0279FA" stroke-width="3" stroke-linecap="round"><title>Hydrogen</title></path>
+	<circle cx="70.00" cy="269.97" data-y="0.008665637" data-x="2022" r="4" fill="#0279FA"><title>2022: 0.008665637</title></circle>
+	<circle cx="89.31" cy="269.96" data-y="0.010189035" data-x="2023" r="4" fill="#0279FA"><title>2023: 0.010189035</title></circle>
+	<circle cx="108.62" cy="269.96" data-y="0.012560961" data-x="2024" r="4" fill="#0279FA"><title>2024: 0.012560961</title></circle>
+	<circle cx="127.93" cy="269.94" data-y="0.015949707" data-x="2025" r="4" fill="#0279FA"><title>2025: 0.015949707</title></circle>
+	<circle cx="147.24" cy="269.94" data-y="0.018421935" data-x="2026" r="4" fill="#0279FA"><title>2026: 0.018421935</title></circle>
+	<circle cx="166.55" cy="269.92" data-y="0.021838353" data-x="2027" r="4" fill="#0279FA"><title>2027: 0.021838353</title></circle>
+	<circle cx="185.86" cy="269.91" data-y="0.026750654" data-x="2028" r="4" fill="#0279FA"><title>2028: 0.026750654</title></circle>
+	<circle cx="205.17" cy="269.89" data-y="0.031719783" data-x="2029" r="4" fill="#0279FA"><title>2029: 0.031719783</title></circle>
+	<circle cx="224.48" cy="269.53" data-y="0.133325141" data-x="2030" r="4" fill="#0279FA"><title>2030: 0.133325141</title></circle>
+	<circle cx="243.79" cy="269.17" data-y="0.237549969" data-x="2031" r="4" fill="#0279FA"><title>2031: 0.237549969</title></circle>
+	<circle cx="263.10" cy="268.78" data-y="0.346393774" data-x="2032" r="4" fill="#0279FA"><title>2032: 0.346393774</title></circle>
+	<circle cx="282.41" cy="268.29" data-y="0.486893161" data-x="2033" r="4" fill="#0279FA"><title>2033: 0.486893161</title></circle>
+	<circle cx="301.72" cy="267.73" data-y="0.645409579" data-x="2034" r="4" fill="#0279FA"><title>2034: 0.645409579</title></circle>
+	<circle cx="321.03" cy="267.09" data-y="0.829372969" data-x="2035" r="4" fill="#0279FA"><title>2035: 0.829372969</title></circle>
+	<circle cx="340.34" cy="266.38" data-y="1.032309103" data-x="2036" r="4" fill="#0279FA"><title>2036: 1.032309103</title></circle>
+	<circle cx="359.66" cy="265.71" data-y="1.222628164" data-x="2037" r="4" fill="#0279FA"><title>2037: 1.222628164</title></circle>
+	<circle cx="378.97" cy="264.96" data-y="1.435789166" data-x="2038" r="4" fill="#0279FA"><title>2038: 1.435789166</title></circle>
+	<circle cx="398.28" cy="264.12" data-y="1.674208179" data-x="2039" r="4" fill="#0279FA"><title>2039: 1.674208179</title></circle>
+	<circle cx="417.59" cy="262.91" data-y="2.018657855" data-x="2040" r="4" fill="#0279FA"><title>2040: 2.018657855</title></circle>
+	<circle cx="436.90" cy="261.39" data-y="2.452796546" data-x="2041" r="4" fill="#0279FA"><title>2041: 2.452796546</title></circle>
+	<circle cx="456.21" cy="260.06" data-y="2.829535777" data-x="2042" r="4" fill="#0279FA"><title>2042: 2.829535777</title></circle>
+	<circle cx="475.52" cy="259.14" data-y="3.094175924" data-x="2043" r="4" fill="#0279FA"><title>2043: 3.094175924</title></circle>
+	<circle cx="494.83" cy="258.15" data-y="3.373691139" data-x="2044" r="4" fill="#0279FA"><title>2044: 3.373691139</title></circle>
+	<circle cx="514.14" cy="257.48" data-y="3.565550821" data-x="2045" r="4" fill="#0279FA"><title>2045: 3.565550821</title></circle>
+	<circle cx="533.45" cy="257.07" data-y="3.681565293" data-x="2046" r="4" fill="#0279FA"><title>2046: 3.681565293</title></circle>
+	<circle cx="552.76" cy="256.69" data-y="3.791104956" data-x="2047" r="4" fill="#0279FA"><title>2047: 3.791104956</title></circle>
+	<circle cx="572.07" cy="256.42" data-y="3.867442911" data-x="2048" r="4" fill="#0279FA"><title>2048: 3.867442911</title></circle>
+	<circle cx="591.38" cy="256.15" data-y="3.944362693" data-x="2049" r="4" fill="#0279FA"><title>2049: 3.944362693</title></circle>
+	<circle cx="610.69" cy="256.14" data-y="3.947998708" data-x="2050" r="4" fill="#0279FA"><title>2050: 3.947998708</title></circle>
+</g>
+<g data-scenario="bioenergy" class="data-series">	<path d="M 70.00,257.66L 89.31,258.14L 108.62,258.63L 127.93,259.09L 147.24,259.71L 166.55,260.44L 185.86,261.22L 205.17,261.79L 224.48,262.34L 243.79,262.78L 263.10,263.22L 282.41,263.63L 301.72,264.09L 321.03,264.71L 340.34,265.09L 359.66,265.46L 378.97,265.83L 398.28,266.22L 417.59,266.61L 436.90,267.00L 456.21,267.39L 475.52,267.75L 494.83,267.81L 514.14,267.83L 533.45,267.84L 552.76,267.85L 572.07,267.86L 591.38,267.86L 610.69,267.87" id="Bioenergy" class="line" stroke="#019303" stroke-width="3" stroke-linecap="round"><title>Bioenergy</title></path>
+	<circle cx="70.00" cy="257.66" data-y="3.512886537" data-x="2022" r="4" fill="#019303"><title>2022: 3.512886537</title></circle>
+	<circle cx="89.31" cy="258.14" data-y="3.377818664" data-x="2023" r="4" fill="#019303"><title>2023: 3.377818664</title></circle>
+	<circle cx="108.62" cy="258.63" data-y="3.238947247" data-x="2024" r="4" fill="#019303"><title>2024: 3.238947247</title></circle>
+	<circle cx="127.93" cy="259.09" data-y="3.107587944" data-x="2025" r="4" fill="#019303"><title>2025: 3.107587944</title></circle>
+	<circle cx="147.24" cy="259.71" data-y="2.929259011" data-x="2026" r="4" fill="#019303"><title>2026: 2.929259011</title></circle>
+	<circle cx="166.55" cy="260.44" data-y="2.72324741" data-x="2027" r="4" fill="#019303"><title>2027: 2.72324741</title></circle>
+	<circle cx="185.86" cy="261.22" data-y="2.501197541" data-x="2028" r="4" fill="#019303"><title>2028: 2.501197541</title></circle>
+	<circle cx="205.17" cy="261.79" data-y="2.33927524" data-x="2029" r="4" fill="#019303"><title>2029: 2.33927524</title></circle>
+	<circle cx="224.48" cy="262.34" data-y="2.180307073" data-x="2030" r="4" fill="#019303"><title>2030: 2.180307073</title></circle>
+	<circle cx="243.79" cy="262.78" data-y="2.055237162" data-x="2031" r="4" fill="#019303"><title>2031: 2.055237162</title></circle>
+	<circle cx="263.10" cy="263.22" data-y="1.931170595" data-x="2032" r="4" fill="#019303"><title>2032: 1.931170595</title></circle>
+	<circle cx="282.41" cy="263.63" data-y="1.813811937" data-x="2033" r="4" fill="#019303"><title>2033: 1.813811937</title></circle>
+	<circle cx="301.72" cy="264.09" data-y="1.682571241" data-x="2034" r="4" fill="#019303"><title>2034: 1.682571241</title></circle>
+	<circle cx="321.03" cy="264.71" data-y="1.50542601" data-x="2035" r="4" fill="#019303"><title>2035: 1.50542601</title></circle>
+	<circle cx="340.34" cy="265.09" data-y="1.399214365" data-x="2036" r="4" fill="#019303"><title>2036: 1.399214365</title></circle>
+	<circle cx="359.66" cy="265.46" data-y="1.292510304" data-x="2037" r="4" fill="#019303"><title>2037: 1.292510304</title></circle>
+	<circle cx="378.97" cy="265.83" data-y="1.18625795" data-x="2038" r="4" fill="#019303"><title>2038: 1.18625795</title></circle>
+	<circle cx="398.28" cy="266.22" data-y="1.07555904" data-x="2039" r="4" fill="#019303"><title>2039: 1.07555904</title></circle>
+	<circle cx="417.59" cy="266.61" data-y="0.96520387" data-x="2040" r="4" fill="#019303"><title>2040: 0.96520387</title></circle>
+	<circle cx="436.90" cy="267.00" data-y="0.854827005" data-x="2041" r="4" fill="#019303"><title>2041: 0.854827005</title></circle>
+	<circle cx="456.21" cy="267.39" data-y="0.744434673" data-x="2042" r="4" fill="#019303"><title>2042: 0.744434673</title></circle>
+	<circle cx="475.52" cy="267.75" data-y="0.639614362" data-x="2043" r="4" fill="#019303"><title>2043: 0.639614362</title></circle>
+	<circle cx="494.83" cy="267.81" data-y="0.624410981" data-x="2044" r="4" fill="#019303"><title>2044: 0.624410981</title></circle>
+	<circle cx="514.14" cy="267.83" data-y="0.617114152" data-x="2045" r="4" fill="#019303"><title>2045: 0.617114152</title></circle>
+	<circle cx="533.45" cy="267.84" data-y="0.614578287" data-x="2046" r="4" fill="#019303"><title>2046: 0.614578287</title></circle>
+	<circle cx="552.76" cy="267.85" data-y="0.612069408" data-x="2047" r="4" fill="#019303"><title>2047: 0.612069408</title></circle>
+	<circle cx="572.07" cy="267.86" data-y="0.610021021" data-x="2048" r="4" fill="#019303"><title>2048: 0.610021021</title></circle>
+	<circle cx="591.38" cy="267.86" data-y="0.608027412" data-x="2049" r="4" fill="#019303"><title>2049: 0.608027412</title></circle>
+	<circle cx="610.69" cy="267.87" data-y="0.606035703" data-x="2050" r="4" fill="#019303"><title>2050: 0.606035703</title></circle>
+</g>
+<g data-scenario="electricity" class="data-series">	<path d="M 70.00,143.79L 89.31,143.37L 108.62,142.33L 127.93,140.64L 147.24,138.05L 166.55,134.39L 185.86,129.51L 205.17,123.60L 224.48,115.79L 243.79,108.54L 263.10,101.37L 282.41,93.74L 301.72,86.09L 321.03,77.14L 340.34,68.68L 359.66,61.32L 378.97,54.21L 398.28,47.60L 417.59,41.58L 436.90,36.33L 456.21,31.68L 475.52,27.69L 494.83,24.33L 514.14,21.49L 533.45,19.07L 552.76,16.67L 572.07,14.38L 591.38,13.96L 610.69,13.85" id="Electricity" class="line" stroke="#cc0935" stroke-width="3" stroke-linecap="round"><title>Electricity</title></path>
+	<circle cx="70.00" cy="143.79" data-y="35.94381194" data-x="2022" r="4" fill="#cc0935"><title>2022: 35.94381194</title></circle>
+	<circle cx="89.31" cy="143.37" data-y="36.06186494" data-x="2023" r="4" fill="#cc0935"><title>2023: 36.06186494</title></circle>
+	<circle cx="108.62" cy="142.33" data-y="36.35850758" data-x="2024" r="4" fill="#cc0935"><title>2024: 36.35850758</title></circle>
+	<circle cx="127.93" cy="140.64" data-y="36.83997375" data-x="2025" r="4" fill="#cc0935"><title>2025: 36.83997375</title></circle>
+	<circle cx="147.24" cy="138.05" data-y="37.57741574" data-x="2026" r="4" fill="#cc0935"><title>2026: 37.57741574</title></circle>
+	<circle cx="166.55" cy="134.39" data-y="38.61975801" data-x="2027" r="4" fill="#cc0935"><title>2027: 38.61975801</title></circle>
+	<circle cx="185.86" cy="129.51" data-y="40.00863838" data-x="2028" r="4" fill="#cc0935"><title>2028: 40.00863838</title></circle>
+	<circle cx="205.17" cy="123.60" data-y="41.6935327" data-x="2029" r="4" fill="#cc0935"><title>2029: 41.6935327</title></circle>
+	<circle cx="224.48" cy="115.79" data-y="43.91554218" data-x="2030" r="4" fill="#cc0935"><title>2030: 43.91554218</title></circle>
+	<circle cx="243.79" cy="108.54" data-y="45.98192321" data-x="2031" r="4" fill="#cc0935"><title>2031: 45.98192321</title></circle>
+	<circle cx="263.10" cy="101.37" data-y="48.02241182" data-x="2032" r="4" fill="#cc0935"><title>2032: 48.02241182</title></circle>
+	<circle cx="282.41" cy="93.74" data-y="50.19708776" data-x="2033" r="4" fill="#cc0935"><title>2033: 50.19708776</title></circle>
+	<circle cx="301.72" cy="86.09" data-y="52.37522558" data-x="2034" r="4" fill="#cc0935"><title>2034: 52.37522558</title></circle>
+	<circle cx="321.03" cy="77.14" data-y="54.92243512" data-x="2035" r="4" fill="#cc0935"><title>2035: 54.92243512</title></circle>
+	<circle cx="340.34" cy="68.68" data-y="57.33254914" data-x="2036" r="4" fill="#cc0935"><title>2036: 57.33254914</title></circle>
+	<circle cx="359.66" cy="61.32" data-y="59.43050057" data-x="2037" r="4" fill="#cc0935"><title>2037: 59.43050057</title></circle>
+	<circle cx="378.97" cy="54.21" data-y="61.45301793" data-x="2038" r="4" fill="#cc0935"><title>2038: 61.45301793</title></circle>
+	<circle cx="398.28" cy="47.60" data-y="63.33642689" data-x="2039" r="4" fill="#cc0935"><title>2039: 63.33642689</title></circle>
+	<circle cx="417.59" cy="41.58" data-y="65.05045544" data-x="2040" r="4" fill="#cc0935"><title>2040: 65.05045544</title></circle>
+	<circle cx="436.90" cy="36.33" data-y="66.54649409" data-x="2041" r="4" fill="#cc0935"><title>2041: 66.54649409</title></circle>
+	<circle cx="456.21" cy="31.68" data-y="67.87146549" data-x="2042" r="4" fill="#cc0935"><title>2042: 67.87146549</title></circle>
+	<circle cx="475.52" cy="27.69" data-y="69.00722751" data-x="2043" r="4" fill="#cc0935"><title>2043: 69.00722751</title></circle>
+	<circle cx="494.83" cy="24.33" data-y="69.96278886" data-x="2044" r="4" fill="#cc0935"><title>2044: 69.96278886</title></circle>
+	<circle cx="514.14" cy="21.49" data-y="70.77192916" data-x="2045" r="4" fill="#cc0935"><title>2045: 70.77192916</title></circle>
+	<circle cx="533.45" cy="19.07" data-y="71.46123151" data-x="2046" r="4" fill="#cc0935"><title>2046: 71.46123151</title></circle>
+	<circle cx="552.76" cy="16.67" data-y="72.14521235" data-x="2047" r="4" fill="#cc0935"><title>2047: 72.14521235</title></circle>
+	<circle cx="572.07" cy="14.38" data-y="72.79739976" data-x="2048" r="4" fill="#cc0935"><title>2048: 72.79739976</title></circle>
+	<circle cx="591.38" cy="13.96" data-y="72.91740309" data-x="2049" r="4" fill="#cc0935"><title>2049: 72.91740309</title></circle>
+	<circle cx="610.69" cy="13.85" data-y="72.94932022" data-x="2050" r="4" fill="#cc0935"><title>2050: 72.94932022</title></circle>
+</g>
+</svg>
diff --git a/2023-DFES/data/graphs/graph-renewable-generation-installed.html b/2023-DFES/data/graphs/graph-renewable-generation-installed.html
new file mode 100644
index 0000000..cf95457
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-renewable-generation-installed.html
@@ -0,0 +1,8 @@
+<table>
+<tr><th>Scenario</th><th>2030</th><th>2040</th><th>2050</th></tr>
+<tr data-scenario="consumer-transformation"><td class="consumer-transformation"><span>Consumer Transformation</span></td><td>5922.226153</td><td>10214.67277</td><td>14173.55207</td></tr>
+<tr data-scenario="system-transformation"><td class="system-transformation"><span>System Transformation</span></td><td>5187.619034</td><td>7126.995515</td><td>9210.173616</td></tr>
+<tr data-scenario="leading-the-way"><td class="leading-the-way"><span>Leading The Way</span></td><td>6722.909857</td><td>10887.69888</td><td>14416.72323</td></tr>
+<tr data-scenario="planning-scenario"><td class="planning-scenario"><span>NPg Best View</span></td><td>6849.482607</td><td>11585.63863</td><td>15394.47398</td></tr>
+<tr data-scenario="falling-short"><td class="falling-short"><span>Falling Short</span></td><td>4279.668456</td><td>5413.956007</td><td>7043.38033</td></tr>
+</table>
\ No newline at end of file
diff --git a/2023-DFES/data/graphs/graph-renewable-generation-installed.svg b/2023-DFES/data/graphs/graph-renewable-generation-installed.svg
new file mode 100644
index 0000000..298a443
--- /dev/null
+++ b/2023-DFES/data/graphs/graph-renewable-generation-installed.svg
@@ -0,0 +1,188 @@
+<svg width="640" height="320" viewBox="0 0 640 320" xmlns="http://www.w3.org/2000/svg" style="overflow:display" preserveAspectRatio="xMinYMin meet" overflow="visible">
+<defs>
+	<style>
+	.data-series path.line { fill-opacity: 0; }
+	.data-series path.line.dotted { stroke-dasharray: 12 20 }
+	.data-series circle { display: none; }
+	.data-series:hover path.line, .data-series.on path.line { stroke-width: 5; }
+	.data-series:hover circle, .data-series.on circle { display: inline; }
+	.data-series circle:hover, .data-series circle.on { r: 6px!important; fill: black; }
+	.grid { font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
+	.grid line { stroke: rgb(0,0,0); stroke-width: 2; stroke-linecap: round; }
+	.grid.grid-x text { text-anchor: middle; dominant-baseline: hanging; transform: translateY(10px); }
+	.grid.grid-y text { text-anchor: end; dominant-baseline: middle; transform: translateX(-10px); }
+	</style>
+</defs>
+<g class="grid grid-y">
+	<line x1="50" y1="270" x2="630" y2="270" data-left="50"></line>
+	<text x="50" y="270" text-anchor="end">0</text>
+	<text x="50" y="185.554113658647" text-anchor="end">5,000</text>
+	<text x="50" y="101.108227317294" text-anchor="end">10,000</text>
+	<text x="50" y="16.6623409759403" text-anchor="end">15,000</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);">Renewable generation (GW)</text>
+</g>
+<g class="grid grid-x">
+	<line class="tick" x1="210" y1="270" x2="210" y2="275"></line>
+	<text x="210" y="270" text-anchor="middle">2030</text>
+	<line class="tick" x1="410" y1="270" x2="410" y2="275"></line>
+	<text x="410" y="270" text-anchor="middle">2040</text>
+	<line class="tick" x1="610" y1="270" x2="610" y2="275"></line>
+	<text x="610" y="270" text-anchor="middle">2050</text>
+	<text style="text-anchor:middle;dominant-baseline:hanging;font-weight:bold;transform: translateY(140px) rotate(-90deg);"></text>
+</g>
+<g data-scenario="consumer-transformation" class="data-series">	<path d="M 50.00,219.04L 70.00,207.94L 90.00,200.68L 110.00,193.04L 130.00,189.99L 150.00,186.64L 170.00,181.90L 190.00,176.26L 210.00,169.98L 230.00,162.97L 250.00,155.50L 270.00,149.24L 290.00,141.24L 310.00,134.54L 330.00,127.38L 350.00,120.77L 370.00,113.45L 390.00,106.04L 410.00,97.48L 430.00,89.33L 450.00,80.62L 470.00,73.24L 490.00,65.25L 510.00,57.76L 530.00,51.44L 550.00,46.25L 570.00,40.98L 590.00,35.69L 610.00,30.62" id="Consumer Transformation" class="line" stroke="#FFBF22" stroke-width="3" stroke-linecap="round"><title>Consumer Transformation</title></path>
+	<circle cx="50.00" cy="219.04" data-y="3017.102221" data-x="2022" r="4" fill="#FFBF22"><title>2022: 3017.102221</title></circle>
+	<circle cx="70.00" cy="207.94" data-y="3674.610972" data-x="2023" r="4" fill="#FFBF22"><title>2023: 3674.610972</title></circle>
+	<circle cx="90.00" cy="200.68" data-y="4104.472315" data-x="2024" r="4" fill="#FFBF22"><title>2024: 4104.472315</title></circle>
+	<circle cx="110.00" cy="193.04" data-y="4556.591984" data-x="2025" r="4" fill="#FFBF22"><title>2025: 4556.591984</title></circle>
+	<circle cx="130.00" cy="189.99" data-y="4737.644839" data-x="2026" r="4" fill="#FFBF22"><title>2026: 4737.644839</title></circle>
+	<circle cx="150.00" cy="186.64" data-y="4935.494418" data-x="2027" r="4" fill="#FFBF22"><title>2027: 4935.494418</title></circle>
+	<circle cx="170.00" cy="181.90" data-y="5216.514075" data-x="2028" r="4" fill="#FFBF22"><title>2028: 5216.514075</title></circle>
+	<circle cx="190.00" cy="176.26" data-y="5550.316855" data-x="2029" r="4" fill="#FFBF22"><title>2029: 5550.316855</title></circle>
+	<circle cx="210.00" cy="169.98" data-y="5922.226153" data-x="2030" r="4" fill="#FFBF22"><title>2030: 5922.226153</title></circle>
+	<circle cx="230.00" cy="162.97" data-y="6337.386018" data-x="2031" r="4" fill="#FFBF22"><title>2031: 6337.386018</title></circle>
+	<circle cx="250.00" cy="155.50" data-y="6779.682217" data-x="2032" r="4" fill="#FFBF22"><title>2032: 6779.682217</title></circle>
+	<circle cx="270.00" cy="149.24" data-y="7150.240068" data-x="2033" r="4" fill="#FFBF22"><title>2033: 7150.240068</title></circle>
+	<circle cx="290.00" cy="141.24" data-y="7624.024034" data-x="2034" r="4" fill="#FFBF22"><title>2034: 7624.024034</title></circle>
+	<circle cx="310.00" cy="134.54" data-y="8020.53607" data-x="2035" r="4" fill="#FFBF22"><title>2035: 8020.53607</title></circle>
+	<circle cx="330.00" cy="127.38" data-y="8444.190277" data-x="2036" r="4" fill="#FFBF22"><title>2036: 8444.190277</title></circle>
+	<circle cx="350.00" cy="120.77" data-y="8835.981551" data-x="2037" r="4" fill="#FFBF22"><title>2037: 8835.981551</title></circle>
+	<circle cx="370.00" cy="113.45" data-y="9269.443836" data-x="2038" r="4" fill="#FFBF22"><title>2038: 9269.443836</title></circle>
+	<circle cx="390.00" cy="106.04" data-y="9707.877092" data-x="2039" r="4" fill="#FFBF22"><title>2039: 9707.877092</title></circle>
+	<circle cx="410.00" cy="97.48" data-y="10214.67277" data-x="2040" r="4" fill="#FFBF22"><title>2040: 10214.67277</title></circle>
+	<circle cx="430.00" cy="89.33" data-y="10697.67691" data-x="2041" r="4" fill="#FFBF22"><title>2041: 10697.67691</title></circle>
+	<circle cx="450.00" cy="80.62" data-y="11212.93972" data-x="2042" r="4" fill="#FFBF22"><title>2042: 11212.93972</title></circle>
+	<circle cx="470.00" cy="73.24" data-y="11649.80625" data-x="2043" r="4" fill="#FFBF22"><title>2043: 11649.80625</title></circle>
+	<circle cx="490.00" cy="65.25" data-y="12123.01025" data-x="2044" r="4" fill="#FFBF22"><title>2044: 12123.01025</title></circle>
+	<circle cx="510.00" cy="57.76" data-y="12566.77244" data-x="2045" r="4" fill="#FFBF22"><title>2045: 12566.77244</title></circle>
+	<circle cx="530.00" cy="51.44" data-y="12940.88475" data-x="2046" r="4" fill="#FFBF22"><title>2046: 12940.88475</title></circle>
+	<circle cx="550.00" cy="46.25" data-y="13248.05928" data-x="2047" r="4" fill="#FFBF22"><title>2047: 13248.05928</title></circle>
+	<circle cx="570.00" cy="40.98" data-y="13559.95093" data-x="2048" r="4" fill="#FFBF22"><title>2048: 13559.95093</title></circle>
+	<circle cx="590.00" cy="35.69" data-y="13873.35689" data-x="2049" r="4" fill="#FFBF22"><title>2049: 13873.35689</title></circle>
+	<circle cx="610.00" cy="30.62" data-y="14173.55207" data-x="2050" r="4" fill="#FFBF22"><title>2050: 14173.55207</title></circle>
+</g>
+<g data-scenario="system-transformation" class="data-series">	<path d="M 50.00,219.04L 70.00,208.33L 90.00,201.63L 110.00,194.81L 130.00,192.75L 150.00,190.58L 170.00,188.57L 190.00,185.91L 210.00,182.39L 230.00,178.51L 250.00,174.49L 270.00,171.10L 290.00,166.83L 310.00,163.72L 330.00,160.69L 350.00,158.47L 370.00,155.79L 390.00,153.29L 410.00,149.63L 430.00,146.28L 450.00,142.42L 470.00,139.02L 490.00,135.33L 510.00,131.65L 530.00,128.96L 550.00,125.18L 570.00,121.50L 590.00,117.72L 610.00,114.45" id="System Transformation" class="line" stroke="#5BCBF5" stroke-width="3" stroke-linecap="round"><title>System Transformation</title></path>
+	<circle cx="50.00" cy="219.04" data-y="3017.102221" data-x="2022" r="4" fill="#5BCBF5"><title>2022: 3017.102221</title></circle>
+	<circle cx="70.00" cy="208.33" data-y="3651.305541" data-x="2023" r="4" fill="#5BCBF5"><title>2023: 3651.305541</title></circle>
+	<circle cx="90.00" cy="201.63" data-y="4048.369636" data-x="2024" r="4" fill="#5BCBF5"><title>2024: 4048.369636</title></circle>
+	<circle cx="110.00" cy="194.81" data-y="4451.853584" data-x="2025" r="4" fill="#5BCBF5"><title>2025: 4451.853584</title></circle>
+	<circle cx="130.00" cy="192.75" data-y="4573.686057" data-x="2026" r="4" fill="#5BCBF5"><title>2026: 4573.686057</title></circle>
+	<circle cx="150.00" cy="190.58" data-y="4702.141946" data-x="2027" r="4" fill="#5BCBF5"><title>2027: 4702.141946</title></circle>
+	<circle cx="170.00" cy="188.57" data-y="4821.218925" data-x="2028" r="4" fill="#5BCBF5"><title>2028: 4821.218925</title></circle>
+	<circle cx="190.00" cy="185.91" data-y="4978.801479" data-x="2029" r="4" fill="#5BCBF5"><title>2029: 4978.801479</title></circle>
+	<circle cx="210.00" cy="182.39" data-y="5187.619034" data-x="2030" r="4" fill="#5BCBF5"><title>2030: 5187.619034</title></circle>
+	<circle cx="230.00" cy="178.51" data-y="5416.894823" data-x="2031" r="4" fill="#5BCBF5"><title>2031: 5416.894823</title></circle>
+	<circle cx="250.00" cy="174.49" data-y="5655.350317" data-x="2032" r="4" fill="#5BCBF5"><title>2032: 5655.350317</title></circle>
+	<circle cx="270.00" cy="171.10" data-y="5855.733677" data-x="2033" r="4" fill="#5BCBF5"><title>2033: 5855.733677</title></circle>
+	<circle cx="290.00" cy="166.83" data-y="6108.481886" data-x="2034" r="4" fill="#5BCBF5"><title>2034: 6108.481886</title></circle>
+	<circle cx="310.00" cy="163.72" data-y="6292.732709" data-x="2035" r="4" fill="#5BCBF5"><title>2035: 6292.732709</title></circle>
+	<circle cx="330.00" cy="160.69" data-y="6472.066361" data-x="2036" r="4" fill="#5BCBF5"><title>2036: 6472.066361</title></circle>
+	<circle cx="350.00" cy="158.47" data-y="6603.847288" data-x="2037" r="4" fill="#5BCBF5"><title>2037: 6603.847288</title></circle>
+	<circle cx="370.00" cy="155.79" data-y="6762.307908" data-x="2038" r="4" fill="#5BCBF5"><title>2038: 6762.307908</title></circle>
+	<circle cx="390.00" cy="153.29" data-y="6910.276526" data-x="2039" r="4" fill="#5BCBF5"><title>2039: 6910.276526</title></circle>
+	<circle cx="410.00" cy="149.63" data-y="7126.995515" data-x="2040" r="4" fill="#5BCBF5"><title>2040: 7126.995515</title></circle>
+	<circle cx="430.00" cy="146.28" data-y="7325.358502" data-x="2041" r="4" fill="#5BCBF5"><title>2041: 7325.358502</title></circle>
+	<circle cx="450.00" cy="142.42" data-y="7553.982171" data-x="2042" r="4" fill="#5BCBF5"><title>2042: 7553.982171</title></circle>
+	<circle cx="470.00" cy="139.02" data-y="7755.473533" data-x="2043" r="4" fill="#5BCBF5"><title>2043: 7755.473533</title></circle>
+	<circle cx="490.00" cy="135.33" data-y="7973.969675" data-x="2044" r="4" fill="#5BCBF5"><title>2044: 7973.969675</title></circle>
+	<circle cx="510.00" cy="131.65" data-y="8191.761133" data-x="2045" r="4" fill="#5BCBF5"><title>2045: 8191.761133</title></circle>
+	<circle cx="530.00" cy="128.96" data-y="8350.974089" data-x="2046" r="4" fill="#5BCBF5"><title>2046: 8350.974089</title></circle>
+	<circle cx="550.00" cy="125.18" data-y="8574.877351" data-x="2047" r="4" fill="#5BCBF5"><title>2047: 8574.877351</title></circle>
+	<circle cx="570.00" cy="121.50" data-y="8792.349718" data-x="2048" r="4" fill="#5BCBF5"><title>2048: 8792.349718</title></circle>
+	<circle cx="590.00" cy="117.72" data-y="9016.24079" data-x="2049" r="4" fill="#5BCBF5"><title>2049: 9016.24079</title></circle>
+	<circle cx="610.00" cy="114.45" data-y="9210.173616" data-x="2050" r="4" fill="#5BCBF5"><title>2050: 9210.173616</title></circle>
+</g>
+<g data-scenario="leading-the-way" class="data-series">	<path d="M 50.00,219.04L 70.00,204.76L 90.00,194.31L 110.00,183.49L 130.00,179.00L 150.00,174.24L 170.00,168.89L 190.00,162.85L 210.00,156.46L 230.00,149.30L 250.00,141.62L 270.00,134.61L 290.00,126.86L 310.00,120.08L 330.00,113.72L 350.00,107.86L 370.00,101.52L 390.00,94.38L 410.00,86.12L 430.00,78.33L 450.00,70.79L 470.00,62.76L 490.00,55.86L 510.00,50.06L 530.00,44.82L 550.00,40.31L 570.00,35.71L 590.00,31.06L 610.00,26.51" id="Leading The Way" class="line" stroke="#C2CD23" stroke-width="3" stroke-linecap="round"><title>Leading The Way</title></path>
+	<circle cx="50.00" cy="219.04" data-y="3017.102221" data-x="2022" r="4" fill="#C2CD23"><title>2022: 3017.102221</title></circle>
+	<circle cx="70.00" cy="204.76" data-y="3863.087983" data-x="2023" r="4" fill="#C2CD23"><title>2023: 3863.087983</title></circle>
+	<circle cx="90.00" cy="194.31" data-y="4481.550336" data-x="2024" r="4" fill="#C2CD23"><title>2024: 4481.550336</title></circle>
+	<circle cx="110.00" cy="183.49" data-y="5122.265016" data-x="2025" r="4" fill="#C2CD23"><title>2025: 5122.265016</title></circle>
+	<circle cx="130.00" cy="179.00" data-y="5388.276871" data-x="2026" r="4" fill="#C2CD23"><title>2026: 5388.276871</title></circle>
+	<circle cx="150.00" cy="174.24" data-y="5669.60855" data-x="2027" r="4" fill="#C2CD23"><title>2027: 5669.60855</title></circle>
+	<circle cx="170.00" cy="168.89" data-y="5986.891357" data-x="2028" r="4" fill="#C2CD23"><title>2028: 5986.891357</title></circle>
+	<circle cx="190.00" cy="162.85" data-y="6344.282137" data-x="2029" r="4" fill="#C2CD23"><title>2029: 6344.282137</title></circle>
+	<circle cx="210.00" cy="156.46" data-y="6722.909857" data-x="2030" r="4" fill="#C2CD23"><title>2030: 6722.909857</title></circle>
+	<circle cx="230.00" cy="149.30" data-y="7146.812793" data-x="2031" r="4" fill="#C2CD23"><title>2031: 7146.812793</title></circle>
+	<circle cx="250.00" cy="141.62" data-y="7601.599095" data-x="2032" r="4" fill="#C2CD23"><title>2032: 7601.599095</title></circle>
+	<circle cx="270.00" cy="134.61" data-y="8016.47844" data-x="2033" r="4" fill="#C2CD23"><title>2033: 8016.47844</title></circle>
+	<circle cx="290.00" cy="126.86" data-y="8475.064767" data-x="2034" r="4" fill="#C2CD23"><title>2034: 8475.064767</title></circle>
+	<circle cx="310.00" cy="120.08" data-y="8876.862639" data-x="2035" r="4" fill="#C2CD23"><title>2035: 8876.862639</title></circle>
+	<circle cx="330.00" cy="113.72" data-y="9253.51898" data-x="2036" r="4" fill="#C2CD23"><title>2036: 9253.51898</title></circle>
+	<circle cx="350.00" cy="107.86" data-y="9600.44678" data-x="2037" r="4" fill="#C2CD23"><title>2037: 9600.44678</title></circle>
+	<circle cx="370.00" cy="101.52" data-y="9975.613168" data-x="2038" r="4" fill="#C2CD23"><title>2038: 9975.613168</title></circle>
+	<circle cx="390.00" cy="94.38" data-y="10398.26514" data-x="2039" r="4" fill="#C2CD23"><title>2039: 10398.26514</title></circle>
+	<circle cx="410.00" cy="86.12" data-y="10887.69888" data-x="2040" r="4" fill="#C2CD23"><title>2040: 10887.69888</title></circle>
+	<circle cx="430.00" cy="78.33" data-y="11348.43409" data-x="2041" r="4" fill="#C2CD23"><title>2041: 11348.43409</title></circle>
+	<circle cx="450.00" cy="70.79" data-y="11794.91983" data-x="2042" r="4" fill="#C2CD23"><title>2042: 11794.91983</title></circle>
+	<circle cx="470.00" cy="62.76" data-y="12270.3411" data-x="2043" r="4" fill="#C2CD23"><title>2043: 12270.3411</title></circle>
+	<circle cx="490.00" cy="55.86" data-y="12679.37712" data-x="2044" r="4" fill="#C2CD23"><title>2044: 12679.37712</title></circle>
+	<circle cx="510.00" cy="50.06" data-y="13022.7719" data-x="2045" r="4" fill="#C2CD23"><title>2045: 13022.7719</title></circle>
+	<circle cx="530.00" cy="44.82" data-y="13333.04459" data-x="2046" r="4" fill="#C2CD23"><title>2046: 13333.04459</title></circle>
+	<circle cx="550.00" cy="40.31" data-y="13600.08967" data-x="2047" r="4" fill="#C2CD23"><title>2047: 13600.08967</title></circle>
+	<circle cx="570.00" cy="35.71" data-y="13872.37507" data-x="2048" r="4" fill="#C2CD23"><title>2048: 13872.37507</title></circle>
+	<circle cx="590.00" cy="31.06" data-y="14147.48875" data-x="2049" r="4" fill="#C2CD23"><title>2049: 14147.48875</title></circle>
+	<circle cx="610.00" cy="26.51" data-y="14416.72323" data-x="2050" r="4" fill="#C2CD23"><title>2050: 14416.72323</title></circle>
+</g>
+<g data-scenario="planning-scenario" class="data-series">	<path d="M 50.00,219.04L 70.00,204.68L 90.00,194.15L 110.00,183.25L 130.00,178.68L 150.00,173.83L 170.00,167.91L 190.00,161.28L 210.00,154.32L 230.00,146.53L 250.00,138.16L 270.00,130.39L 290.00,121.83L 310.00,114.09L 330.00,106.70L 350.00,99.72L 370.00,92.17L 390.00,83.71L 410.00,74.33L 430.00,65.46L 450.00,56.82L 470.00,47.70L 490.00,39.88L 510.00,33.19L 530.00,27.67L 550.00,23.28L 570.00,18.80L 590.00,14.29L 610.00,10.00" id="NPg Best View" class="line" stroke="#ab1236" stroke-width="3" stroke-linecap="round"><title>NPg Best View</title></path>
+	<circle cx="50.00" cy="219.04" data-y="3017.102221" data-x="2022" r="4" fill="#ab1236"><title>2022: 3017.102221</title></circle>
+	<circle cx="70.00" cy="204.68" data-y="3867.822983" data-x="2023" r="4" fill="#ab1236"><title>2023: 3867.822983</title></circle>
+	<circle cx="90.00" cy="194.15" data-y="4491.020336" data-x="2024" r="4" fill="#ab1236"><title>2024: 4491.020336</title></circle>
+	<circle cx="110.00" cy="183.25" data-y="5136.470016" data-x="2025" r="4" fill="#ab1236"><title>2025: 5136.470016</title></circle>
+	<circle cx="130.00" cy="178.68" data-y="5407.216871" data-x="2026" r="4" fill="#ab1236"><title>2026: 5407.216871</title></circle>
+	<circle cx="150.00" cy="173.83" data-y="5694.31045" data-x="2027" r="4" fill="#ab1236"><title>2027: 5694.31045</title></circle>
+	<circle cx="170.00" cy="167.91" data-y="6044.993107" data-x="2028" r="4" fill="#ab1236"><title>2028: 6044.993107</title></circle>
+	<circle cx="190.00" cy="161.28" data-y="6437.462887" data-x="2029" r="4" fill="#ab1236"><title>2029: 6437.462887</title></circle>
+	<circle cx="210.00" cy="154.32" data-y="6849.482607" data-x="2030" r="4" fill="#ab1236"><title>2030: 6849.482607</title></circle>
+	<circle cx="230.00" cy="146.53" data-y="7310.648543" data-x="2031" r="4" fill="#ab1236"><title>2031: 7310.648543</title></circle>
+	<circle cx="250.00" cy="138.16" data-y="7806.440845" data-x="2032" r="4" fill="#ab1236"><title>2032: 7806.440845</title></circle>
+	<circle cx="270.00" cy="130.39" data-y="8266.11419" data-x="2033" r="4" fill="#ab1236"><title>2033: 8266.11419</title></circle>
+	<circle cx="290.00" cy="121.83" data-y="8773.099517" data-x="2034" r="4" fill="#ab1236"><title>2034: 8773.099517</title></circle>
+	<circle cx="310.00" cy="114.09" data-y="9231.097389" data-x="2035" r="4" fill="#ab1236"><title>2035: 9231.097389</title></circle>
+	<circle cx="330.00" cy="106.70" data-y="9668.89173" data-x="2036" r="4" fill="#ab1236"><title>2036: 9668.89173</title></circle>
+	<circle cx="350.00" cy="99.72" data-y="10082.20953" data-x="2037" r="4" fill="#ab1236"><title>2037: 10082.20953</title></circle>
+	<circle cx="370.00" cy="92.17" data-y="10529.40792" data-x="2038" r="4" fill="#ab1236"><title>2038: 10529.40792</title></circle>
+	<circle cx="390.00" cy="83.71" data-y="11030.11189" data-x="2039" r="4" fill="#ab1236"><title>2039: 11030.11189</title></circle>
+	<circle cx="410.00" cy="74.33" data-y="11585.63863" data-x="2040" r="4" fill="#ab1236"><title>2040: 11585.63863</title></circle>
+	<circle cx="430.00" cy="65.46" data-y="12110.63884" data-x="2041" r="4" fill="#ab1236"><title>2041: 12110.63884</title></circle>
+	<circle cx="450.00" cy="56.82" data-y="12622.00358" data-x="2042" r="4" fill="#ab1236"><title>2042: 12622.00358</title></circle>
+	<circle cx="470.00" cy="47.70" data-y="13162.56185" data-x="2043" r="4" fill="#ab1236"><title>2043: 13162.56185</title></circle>
+	<circle cx="490.00" cy="39.88" data-y="13625.28587" data-x="2044" r="4" fill="#ab1236"><title>2044: 13625.28587</title></circle>
+	<circle cx="510.00" cy="33.19" data-y="14021.37365" data-x="2045" r="4" fill="#ab1236"><title>2045: 14021.37365</title></circle>
+	<circle cx="530.00" cy="27.67" data-y="14348.11934" data-x="2046" r="4" fill="#ab1236"><title>2046: 14348.11934</title></circle>
+	<circle cx="550.00" cy="23.28" data-y="14608.22042" data-x="2047" r="4" fill="#ab1236"><title>2047: 14608.22042</title></circle>
+	<circle cx="570.00" cy="18.80" data-y="14873.35182" data-x="2048" r="4" fill="#ab1236"><title>2048: 14873.35182</title></circle>
+	<circle cx="590.00" cy="14.29" data-y="15140.3615" data-x="2049" r="4" fill="#ab1236"><title>2049: 15140.3615</title></circle>
+	<circle cx="610.00" cy="10.00" data-y="15394.47398" data-x="2050" r="4" fill="#ab1236"><title>2050: 15394.47398</title></circle>
+</g>
+<g data-scenario="falling-short" class="data-series">	<path d="M 50.00,219.04L 70.00,210.85L 90.00,207.15L 110.00,203.73L 130.00,202.70L 150.00,201.52L 170.00,200.55L 190.00,199.33L 210.00,197.72L 230.00,195.68L 250.00,193.22L 270.00,191.00L 290.00,188.37L 310.00,186.24L 330.00,184.60L 350.00,183.40L 370.00,182.12L 390.00,180.89L 410.00,178.56L 430.00,176.12L 450.00,173.66L 470.00,171.13L 490.00,168.45L 510.00,165.59L 530.00,162.67L 550.00,159.66L 570.00,156.60L 590.00,153.81L 610.00,151.04" id="Falling Short" class="line" stroke="#827B7A" stroke-width="3" stroke-linecap="round"><title>Falling Short</title></path>
+	<circle cx="50.00" cy="219.04" data-y="3017.102221" data-x="2022" r="4" fill="#827B7A"><title>2022: 3017.102221</title></circle>
+	<circle cx="70.00" cy="210.85" data-y="3502.11639" data-x="2023" r="4" fill="#827B7A"><title>2023: 3502.11639</title></circle>
+	<circle cx="90.00" cy="207.15" data-y="3721.514177" data-x="2024" r="4" fill="#827B7A"><title>2024: 3721.514177</title></circle>
+	<circle cx="110.00" cy="203.73" data-y="3923.984979" data-x="2025" r="4" fill="#827B7A"><title>2025: 3923.984979</title></circle>
+	<circle cx="130.00" cy="202.70" data-y="3984.684582" data-x="2026" r="4" fill="#827B7A"><title>2026: 3984.684582</title></circle>
+	<circle cx="150.00" cy="201.52" data-y="4054.579693" data-x="2027" r="4" fill="#827B7A"><title>2027: 4054.579693</title></circle>
+	<circle cx="170.00" cy="200.55" data-y="4112.300342" data-x="2028" r="4" fill="#827B7A"><title>2028: 4112.300342</title></circle>
+	<circle cx="190.00" cy="199.33" data-y="4184.466523" data-x="2029" r="4" fill="#827B7A"><title>2029: 4184.466523</title></circle>
+	<circle cx="210.00" cy="197.72" data-y="4279.668456" data-x="2030" r="4" fill="#827B7A"><title>2030: 4279.668456</title></circle>
+	<circle cx="230.00" cy="195.68" data-y="4400.176736" data-x="2031" r="4" fill="#827B7A"><title>2031: 4400.176736</title></circle>
+	<circle cx="250.00" cy="193.22" data-y="4545.914944" data-x="2032" r="4" fill="#827B7A"><title>2032: 4545.914944</title></circle>
+	<circle cx="270.00" cy="191.00" data-y="4677.788495" data-x="2033" r="4" fill="#827B7A"><title>2033: 4677.788495</title></circle>
+	<circle cx="290.00" cy="188.37" data-y="4833.452258" data-x="2034" r="4" fill="#827B7A"><title>2034: 4833.452258</title></circle>
+	<circle cx="310.00" cy="186.24" data-y="4959.508445" data-x="2035" r="4" fill="#827B7A"><title>2035: 4959.508445</title></circle>
+	<circle cx="330.00" cy="184.60" data-y="5056.440278" data-x="2036" r="4" fill="#827B7A"><title>2036: 5056.440278</title></circle>
+	<circle cx="350.00" cy="183.40" data-y="5127.42196" data-x="2037" r="4" fill="#827B7A"><title>2037: 5127.42196</title></circle>
+	<circle cx="370.00" cy="182.12" data-y="5203.046142" data-x="2038" r="4" fill="#827B7A"><title>2038: 5203.046142</title></circle>
+	<circle cx="390.00" cy="180.89" data-y="5276.371289" data-x="2039" r="4" fill="#827B7A"><title>2039: 5276.371289</title></circle>
+	<circle cx="410.00" cy="178.56" data-y="5413.956007" data-x="2040" r="4" fill="#827B7A"><title>2040: 5413.956007</title></circle>
+	<circle cx="430.00" cy="176.12" data-y="5558.392201" data-x="2041" r="4" fill="#827B7A"><title>2041: 5558.392201</title></circle>
+	<circle cx="450.00" cy="173.66" data-y="5703.959123" data-x="2042" r="4" fill="#827B7A"><title>2042: 5703.959123</title></circle>
+	<circle cx="470.00" cy="171.13" data-y="5853.851647" data-x="2043" r="4" fill="#827B7A"><title>2043: 5853.851647</title></circle>
+	<circle cx="490.00" cy="168.45" data-y="6012.96988" data-x="2044" r="4" fill="#827B7A"><title>2044: 6012.96988</title></circle>
+	<circle cx="510.00" cy="165.59" data-y="6181.918368" data-x="2045" r="4" fill="#827B7A"><title>2045: 6181.918368</title></circle>
+	<circle cx="530.00" cy="162.67" data-y="6354.789959" data-x="2046" r="4" fill="#827B7A"><title>2046: 6354.789959</title></circle>
+	<circle cx="550.00" cy="159.66" data-y="6533.237463" data-x="2047" r="4" fill="#827B7A"><title>2047: 6533.237463</title></circle>
+	<circle cx="570.00" cy="156.60" data-y="6714.500634" data-x="2048" r="4" fill="#827B7A"><title>2048: 6714.500634</title></circle>
+	<circle cx="590.00" cy="153.81" data-y="6879.576829" data-x="2049" r="4" fill="#827B7A"><title>2049: 6879.576829</title></circle>
+	<circle cx="610.00" cy="151.04" data-y="7043.38033" data-x="2050" r="4" fill="#827B7A"><title>2050: 7043.38033</title></circle>
+</g>
+</svg>