marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-08-26 19:56:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

Prettify

Browse Source
This commit is contained in:
Nikolay Rozhkov
2023-06-19 04:34:41 +03:00
parent 1009bb8fb7
commit fd3ffdc22a
2 changed files with 38 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
demos/sankey.html
View File

@@ -1,7 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html"> <html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>States Mermaid Quick Test Page</title> <title>States Mermaid Quick Test Page</title>
@@ -12,9 +11,9 @@
font-family: 'Courier New', Courier, monospace !important; font-family: 'Courier New', Courier, monospace !important;
} }
</style> </style>
</head> </head>
<body> <body>
<h1>Sankey diagram demos</h1> <h1>Sankey diagram demos</h1>
<h2>Simple example</h2> <h2>Simple example</h2>
<pre class="mermaid"> <pre class="mermaid">
@@ -26,7 +25,8 @@
First -> 30 -> Second First -> 30 -> Second
First -> 10 -> Third First -> 10 -> Third
Second -> 20 -> Third Second -> 20 -> Third
</pre> </pre
>
<!-- node[title="hello, mister "sankey", backslash for you "] --> <!-- node[title="hello, mister "sankey", backslash for you "] -->
<h2>Energy flow</h2> <h2>Energy flow</h2>
@@ -101,7 +101,8 @@
"UK land based bioenergy" -> 182.01 -> "Bio-conversion" "UK land based bioenergy" -> 182.01 -> "Bio-conversion"
"Wave" -> 19.013 -> "Electricity grid" "Wave" -> 19.013 -> "Electricity grid"
"Wind" -> 289.366 -> "Electricity grid" "Wind" -> 289.366 -> "Electricity grid"
</pre> </pre
>
<script type="module"> <script type="module">
import mermaid from './mermaid.esm.mjs'; import mermaid from './mermaid.esm.mjs';
@@ -114,6 +115,5 @@
sequence: { actorMargin: 50 }, sequence: { actorMargin: 50 },
}); });
</script> </script>
</body> </body>
</html> </html>

1
run
View File

@@ -47,6 +47,7 @@ Run commonly used commands within docker containers
\033[1m$name dev\033[0m # Run dev server with examples, open http://localhost:9000 \033[1m$name dev\033[0m # Run dev server with examples, open http://localhost:9000
$name add # Add package, 'run add d3-sankey' $name add # Add package, 'run add d3-sankey'
$name prettier # Prettify a file 'run prettier <path-to-file>'
$name lint # Equvalent of pnpm -w run lint:fix $name lint # Equvalent of pnpm -w run lint:fix
$name test # Run unit tests $name test # Run unit tests
$name vitest # Run watcher for unit tests $name vitest # Run watcher for unit tests