| 6dd74de | | | 1 | <!doctype html> |
| 6dd74de | | | 2 | <html lang="en" xmlns="http://www.w3.org/1999/html"> |
| 6dd74de | | | 3 | <head> |
| 6dd74de | | | 4 | <meta charset="utf-8" /> |
| 6dd74de | | | 5 | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| 6dd74de | | | 6 | <title>Sankey Mermaid Quick Test Page</title> |
| 6dd74de | | | 7 | <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=" /> |
| 6dd74de | | | 8 | </head> |
| 6dd74de | | | 9 | |
| 6dd74de | | | 10 | <body> |
| 6dd74de | | | 11 | <h1>Sankey diagram demos</h1> |
| 6dd74de | | | 12 | <h2>FY20-21 Performance</h2> |
| 6dd74de | | | 13 | <pre class="mermaid"> |
| 6dd74de | | | 14 | --- |
| 6dd74de | | | 15 | config: |
| 6dd74de | | | 16 | sankey: |
| 6dd74de | | | 17 | showValues: true |
| 6dd74de | | | 18 | prefix: $ |
| 6dd74de | | | 19 | suffix: B |
| 6dd74de | | | 20 | width: 800 |
| 6dd74de | | | 21 | nodeAlignment: left |
| 6dd74de | | | 22 | --- |
| 6dd74de | | | 23 | sankey |
| 6dd74de | | | 24 | a,b,8 |
| 6dd74de | | | 25 | b,c,8 |
| 6dd74de | | | 26 | c,d,8 |
| 6dd74de | | | 27 | d,e,8 |
| 6dd74de | | | 28 | |
| 6dd74de | | | 29 | x,c,4 |
| 6dd74de | | | 30 | c,y,4 |
| 6dd74de | | | 31 | </pre> |
| 6dd74de | | | 32 | |
| 6dd74de | | | 33 | <h2>Energy flow</h2> |
| 6dd74de | | | 34 | <pre class="mermaid"> |
| 6dd74de | | | 35 | --- |
| 6dd74de | | | 36 | config: |
| 6dd74de | | | 37 | sankey: |
| 6dd74de | | | 38 | useMaxWidth: true |
| 6dd74de | | | 39 | showValues: false |
| 6dd74de | | | 40 | width: 1200 |
| 6dd74de | | | 41 | height: 600 |
| 6dd74de | | | 42 | linkColor: gradient |
| 6dd74de | | | 43 | nodeAlignment: justify |
| 6dd74de | | | 44 | --- |
| 6dd74de | | | 45 | sankey |
| 6dd74de | | | 46 | |
| 6dd74de | | | 47 | Agricultural 'waste',Bio-conversion,124.729 |
| 6dd74de | | | 48 | Bio-conversion,Liquid,0.597 |
| 6dd74de | | | 49 | Bio-conversion,Losses,26.862 |
| 6dd74de | | | 50 | Bio-conversion,Solid,280.322 |
| 6dd74de | | | 51 | Bio-conversion,Gas,81.144 |
| 6dd74de | | | 52 | Biofuel imports,Liquid,35 |
| 6dd74de | | | 53 | Biomass imports,Solid,35 |
| 6dd74de | | | 54 | Coal imports,Coal,11.606 |
| 6dd74de | | | 55 | Coal reserves,Coal,63.965 |
| 6dd74de | | | 56 | Coal,Solid,75.571 |
| 6dd74de | | | 57 | District heating,Industry,10.639 |
| 6dd74de | | | 58 | District heating,Heating and cooling - commercial,22.505 |
| 6dd74de | | | 59 | District heating,Heating and cooling - homes,46.184 |
| 6dd74de | | | 60 | Electricity grid,Over generation / exports,104.453 |
| 6dd74de | | | 61 | Electricity grid,Heating and cooling - homes,113.726 |
| 6dd74de | | | 62 | Electricity grid,H2 conversion,27.14 |
| 6dd74de | | | 63 | Electricity grid,Industry,342.165 |
| 6dd74de | | | 64 | Electricity grid,Road transport,37.797 |
| 6dd74de | | | 65 | Electricity grid,Agriculture,4.412 |
| 6dd74de | | | 66 | Electricity grid,Heating and cooling - commercial,40.858 |
| 6dd74de | | | 67 | Electricity grid,Losses,56.691 |
| 6dd74de | | | 68 | Electricity grid,Rail transport,7.863 |
| 6dd74de | | | 69 | Electricity grid,Lighting & appliances - commercial,90.008 |
| 6dd74de | | | 70 | Electricity grid,Lighting & appliances - homes,93.494 |
| 6dd74de | | | 71 | Gas imports,Ngas,40.719 |
| 6dd74de | | | 72 | Gas reserves,Ngas,82.233 |
| 6dd74de | | | 73 | Gas,Heating and cooling - commercial,0.129 |
| 6dd74de | | | 74 | Gas,Losses,1.401 |
| 6dd74de | | | 75 | Gas,Thermal generation,151.891 |
| 6dd74de | | | 76 | Gas,Agriculture,2.096 |
| 6dd74de | | | 77 | Gas,Industry,48.58 |
| 6dd74de | | | 78 | Geothermal,Electricity grid,7.013 |
| 6dd74de | | | 79 | H2 conversion,H2,20.897 |
| 6dd74de | | | 80 | H2 conversion,Losses,6.242 |
| 6dd74de | | | 81 | H2,Road transport,20.897 |
| 6dd74de | | | 82 | Hydro,Electricity grid,6.995 |
| 6dd74de | | | 83 | Liquid,Industry,121.066 |
| 6dd74de | | | 84 | Liquid,International shipping,128.69 |
| 6dd74de | | | 85 | Liquid,Road transport,135.835 |
| 6dd74de | | | 86 | Liquid,Domestic aviation,14.458 |
| 6dd74de | | | 87 | Liquid,International aviation,206.267 |
| 6dd74de | | | 88 | Liquid,Agriculture,3.64 |
| 6dd74de | | | 89 | Liquid,National navigation,33.218 |
| 6dd74de | | | 90 | Liquid,Rail transport,4.413 |
| 6dd74de | | | 91 | Marine algae,Bio-conversion,4.375 |
| 6dd74de | | | 92 | Ngas,Gas,122.952 |
| 6dd74de | | | 93 | Nuclear,Thermal generation,839.978 |
| 6dd74de | | | 94 | Oil imports,Oil,504.287 |
| 6dd74de | | | 95 | Oil reserves,Oil,107.703 |
| 6dd74de | | | 96 | Oil,Liquid,611.99 |
| 6dd74de | | | 97 | Other waste,Solid,56.587 |
| 6dd74de | | | 98 | Other waste,Bio-conversion,77.81 |
| 6dd74de | | | 99 | Pumped heat,Heating and cooling - homes,193.026 |
| 6dd74de | | | 100 | Pumped heat,Heating and cooling - commercial,70.672 |
| 6dd74de | | | 101 | Solar PV,Electricity grid,59.901 |
| 6dd74de | | | 102 | Solar Thermal,Heating and cooling - homes,19.263 |
| 6dd74de | | | 103 | Solar,Solar Thermal,19.263 |
| 6dd74de | | | 104 | Solar,Solar PV,59.901 |
| 6dd74de | | | 105 | Solid,Agriculture,0.882 |
| 6dd74de | | | 106 | Solid,Thermal generation,400.12 |
| 6dd74de | | | 107 | Solid,Industry,46.477 |
| 6dd74de | | | 108 | Thermal generation,Electricity grid,525.531 |
| 6dd74de | | | 109 | Thermal generation,Losses,787.129 |
| 6dd74de | | | 110 | Thermal generation,District heating,79.329 |
| 6dd74de | | | 111 | Tidal,Electricity grid,9.452 |
| 6dd74de | | | 112 | UK land based bioenergy,Bio-conversion,182.01 |
| 6dd74de | | | 113 | Wave,Electricity grid,19.013 |
| 6dd74de | | | 114 | Wind,Electricity grid,289.366 |
| 6dd74de | | | 115 | </pre> |
| 6dd74de | | | 116 | |
| 6dd74de | | | 117 | <script type="module"> |
| 6dd74de | | | 118 | import mermaid from './mermaid.esm.mjs'; |
| 6dd74de | | | 119 | mermaid.initialize({ |
| 6dd74de | | | 120 | theme: 'default', |
| 6dd74de | | | 121 | logLevel: 3, |
| 6dd74de | | | 122 | securityLevel: 'loose', |
| 6dd74de | | | 123 | startOnLoad: true, |
| 6dd74de | | | 124 | }); |
| 6dd74de | | | 125 | </script> |
| 6dd74de | | | 126 | </body> |
| 6dd74de | | | 127 | </html> |