mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-01-14 06:43:25 +08:00
140 lines
4.2 KiB
HTML
140 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" xmlns="http://www.w3.org/1999/html">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<title>States Mermaid Quick Test Page</title>
|
|
<link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=" />
|
|
<style>
|
|
div.mermaid {
|
|
/* font-family: 'trebuchet ms', verdana, arial; */
|
|
font-family: 'Courier New', Courier, monospace !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Sankey diagram demos</h1>
|
|
<h2>Energy flow</h2>
|
|
<pre class="mermaid">
|
|
sankey-beta
|
|
|
|
%% There are leading and trailing spaces, do not crop
|
|
Agricultural 'waste',Bio-conversion,124.729
|
|
%% line with a comment
|
|
|
|
%% Normal line
|
|
Bio-conversion,Liquid,0.597
|
|
|
|
%% Line with unquoted sankey keyword
|
|
sankey,target,10
|
|
|
|
%% Quoted sankey keyword
|
|
"sankey",target,10
|
|
|
|
%% Another normal line
|
|
Bio-conversion,Losses,26.862
|
|
|
|
%% Line with integer amount
|
|
Bio-conversion,Solid,280
|
|
|
|
%% Some blank lines in the middle of CSV
|
|
|
|
|
|
%% Another normal line
|
|
Bio-conversion,Gas,81.144
|
|
|
|
%% Quoted line
|
|
"Biofuel imports",Liquid,35
|
|
|
|
%% Quoted line with escaped quotes inside
|
|
"""Biomass imports""",Solid,35
|
|
|
|
%% Lines containing commas inside
|
|
%% Quoted and unquoted values should be equal in terms of graph
|
|
"District heating","Heating and cooling, commercial",22.505
|
|
District heating,"Heating and cooling, homes",46.184
|
|
|
|
%% A bunch of lines, normal CSV
|
|
Coal imports,Coal,11.606
|
|
Coal reserves,Coal,63.965
|
|
Coal,Solid,75.571
|
|
District heating,Industry,10.639
|
|
Electricity grid,Over generation / exports,104.453
|
|
Electricity grid,Heating and cooling - homes,113.726
|
|
Electricity grid,H2 conversion,27.14
|
|
Electricity grid,Industry,342.165
|
|
Electricity grid,Road transport,37.797
|
|
Electricity grid,Agriculture,4.412
|
|
Electricity grid,Heating and cooling - commercial,40.858
|
|
Electricity grid,Losses,56.691
|
|
Electricity grid,Rail transport,7.863
|
|
Electricity grid,Lighting & appliances - commercial,90.008
|
|
Electricity grid,Lighting & appliances - homes,93.494
|
|
Gas imports,Ngas,40.719
|
|
Gas reserves,Ngas,82.233
|
|
Gas,Heating and cooling - commercial,0.129
|
|
Gas,Losses,1.401
|
|
Gas,Thermal generation,151.891
|
|
Gas,Agriculture,2.096
|
|
Gas,Industry,48.58
|
|
Geothermal,Electricity grid,7.013
|
|
H2 conversion,H2,20.897
|
|
H2 conversion,Losses,6.242
|
|
H2,Road transport,20.897
|
|
Hydro,Electricity grid,6.995
|
|
Liquid,Industry,121.066
|
|
Liquid,International shipping,128.69
|
|
Liquid,Road transport,135.835
|
|
Liquid,Domestic aviation,14.458
|
|
Liquid,International aviation,206.267
|
|
Liquid,Agriculture,3.64
|
|
Liquid,National navigation,33.218
|
|
Liquid,Rail transport,4.413
|
|
Marine algae,Bio-conversion,4.375
|
|
Ngas,Gas,122.952
|
|
Nuclear,Thermal generation,839.978
|
|
Oil imports,Oil,504.287
|
|
Oil reserves,Oil,107.703
|
|
Oil,Liquid,611.99
|
|
Other waste,Solid,56.587
|
|
Other waste,Bio-conversion,77.81
|
|
Pumped heat,Heating and cooling - homes,193.026
|
|
Pumped heat,Heating and cooling - commercial,70.672
|
|
Solar PV,Electricity grid,59.901
|
|
Solar Thermal,Heating and cooling - homes,19.263
|
|
Solar,Solar Thermal,19.263
|
|
Solar,Solar PV,59.901
|
|
Solid,Agriculture,0.882
|
|
Solid,Thermal generation,400.12
|
|
Solid,Industry,46.477
|
|
Thermal generation,Electricity grid,525.531
|
|
Thermal generation,Losses,787.129
|
|
Thermal generation,District heating,79.329
|
|
Tidal,Electricity grid,9.452
|
|
UK land based bioenergy,Bio-conversion,182.01
|
|
"""Wave""",Electricity grid,19.013
|
|
"""Wind""",Electricity grid,289.366
|
|
|
|
%% lines at the end, do not remove
|
|
|
|
|
|
</pre>
|
|
|
|
<script type="module">
|
|
import mermaid from './mermaid.esm.mjs';
|
|
mermaid.initialize({
|
|
theme: 'default',
|
|
logLevel: 3,
|
|
securityLevel: 'loose',
|
|
sankey: {
|
|
title: 'Hey, this is Sankey-Beta',
|
|
width: 1200,
|
|
height: 600,
|
|
linkColor: 'gradient',
|
|
},
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|