Style in place for edges

dependency on requirejs removed dist in place
2025-09-18 23:09:49 +02:00 · 2014-11-13 19:51:05 +01:00
parent e7cb84b1d9
commit 512b333658
20 changed files with 618 additions and 1491 deletions
--- a/test/mermaid.html
+++ b/test/mermaid.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
+    <script src="../lib/dagre-d3.min.js"></script>
+    <script data-main="init.js" src="../vendor/requirejs/require.js"></script>
+    <style id="css">
+        /* This sets the color for "TK" nodes to a light blue green. */
+        g.type-TK > rect {
+            fill: #00ffd0;
+        }
+
+        text {
+            font-weight: 300;
+            font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
+            font-size: 14px;
+        }
+
+        .node rect {
+            stroke: #999;
+            fill: #f99;
+            stroke-width: 1.5px;
+        }
+
+        .edgePath path {
+            stroke: #333;
+            stroke-width: 1.5px;
+            fill:#fff;
+        }
+    </style>
+</head>
+    <body>
+    <div class="mermaid">
+        A-->B;
+        B-->D;
+        A[AnnaStina]-->C[Målar skåp];
+        C-->D(Bjarke trummar på bordet);
+        B-->C{Obs-gränby};
+    </div>
+    <div class="mermaid">
+        a[Lasa bok]-->b;
+        b{Fundera}-->c(Vidar)|Klocka;
+        b-->d(Bjarke går)|Lego;
+        style a fill:#6ff,stroke:#f66,stroke-width:2px,stroke-dasharray: 5, 5;
+    </div>
+    </body>
+</html>