diff --git a/examples/demo01.bom.tsv b/examples/demo01.bom.tsv
index d7534107..39f82ac5 100644
--- a/examples/demo01.bom.tsv
+++ b/examples/demo01.bom.tsv
@@ -1,4 +1,4 @@
-Item Qty Unit Designators
-Connector, D-Sub, female, 9 pins 1 X1
-Connector, Molex KK 254, female, 3 pins 1 X2
-Cable, 3 x 0.25 mm² shielded 0.2 m W1
+Id Description Qty Unit Designators
+1 Cable, 3 x 0.25 mm² shielded 0.2 m W1
+2 Connector, D-Sub, female, 9 pins 1 X1
+3 Connector, Molex KK 254, female, 3 pins 1 X2
diff --git a/examples/demo01.gv b/examples/demo01.gv
index ed4fa671..00653b5c 100644
--- a/examples/demo01.gv
+++ b/examples/demo01.gv
@@ -1,8 +1,8 @@
graph {
-// Graph generated by WireViz 0.2
+// Graph generated by WireViz 0.3
// https://github.com/formatc1702/WireViz
- graph [bgcolor=white fontname=arial nodesep=0.33 rankdir=LR ranksep=2]
- node [fillcolor=white fontname=arial shape=record style=filled]
+ graph [bgcolor="#FFFFFF" fontname=arial nodesep=0.33 rankdir=LR ranksep=2]
+ node [fillcolor="#FFFFFF" fontname=arial height=0 margin=0 shape=none style=filled width=0]
edge [fontname=arial style=bold]
X1 [label=<
@@ -59,7 +59,7 @@ graph {
-> fillcolor=white margin=0 shape=none style=filled]
+> fillcolor="#FFFFFF" shape=box style=filled]
X2 [label=<
@@ -91,7 +91,7 @@ graph {
|
-> fillcolor=white margin=0 shape=none style=filled]
+> fillcolor="#FFFFFF" shape=box style=filled]
edge [color="#000000:#ffffff:#000000"]
X1:p5r:e -- W1:w1:w
W1:w1:e -- X2:p1l:w
@@ -122,9 +122,11 @@ graph {
|
- X1:5 |
- WH |
- X2:1 |
+ X1:5:GND |
+
+ 1:WH
+ |
+ X2:1:GND |
@@ -136,9 +138,11 @@ graph {
|
- X1:2 |
- BN |
- X2:3 |
+ X1:2:RX |
+
+ 2:BN
+ |
+ X2:3:TX |
@@ -150,9 +154,11 @@ graph {
|
- X1:3 |
- GN |
- X2:2 |
+ X1:3:TX |
+
+ 3:GN
+ |
+ X2:2:RX |
@@ -165,7 +171,7 @@ graph {
|
|
- X1:5 |
+ X1:5:GND |
Shield |
|
@@ -174,5 +180,5 @@ graph {
-> fillcolor=white margin=0 shape=box style=""]
+> fillcolor="#FFFFFF" shape=box style=filled]
}
diff --git a/examples/demo01.html b/examples/demo01.html
index 383052f8..12d00299 100644
--- a/examples/demo01.html
+++ b/examples/demo01.html
@@ -1,177 +1,210 @@
-
- WireViz Diagram and BOM
-
-Diagram
-
+
-