start html support

examples/benchmark.rs

@@ -14,7 +14,7 @@ fn test_main(n_node: usize, _n_edge: usize) {
 
     for i in 0..n_node {
         let elem = Element::create(
-            ShapeKind::Circle(format!("hi_{}", i)),
+            ShapeKind::Box(ShapeContent::String(format!("hi_{}", i))),
             StyleAttr::new(Color::transparent(), 0, None, 0, 0),
             Orientation::LeftToRight,
             Point::zero(),
@@ -29,7 +29,7 @@ fn test_main(n_node: usize, _n_edge: usize) {
     println!("Time elapsed in expensive_function() is: {:?}", duration);
     println!("--------------------------------------");
 }
-use layout::std_shapes::shapes::{Element, ShapeKind};
+use layout::std_shapes::shapes::{Element, ShapeContent, ShapeKind};
 use layout::topo::layout::VisualGraph;
 
 fn main() {

inputs/html.dot

@@ -0,0 +1,13 @@
+digraph structs {
+    node [shape=plaintext]
+    struct3 [label=<
+<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="4">
+  <TR>
+    <TD COLSPAN="1" ROWSPAN="2">1st col</TD>
+    <TD COLSPAN="1" ROWSPAN="2">2nd col</TD>
+  </TR>
+  <TR>
+      <TD COLSPAN="1" ROWSPAN="1" >3rd col</TD>
+  </TR>
+</TABLE>>];
+}

inputs/html2.dot

@@ -0,0 +1,19 @@
+digraph structs {
+    node [shape=plaintext];
+
+    struct3 [label=<
+<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="4">
+  <TR>
+    <TD ROWSPAN="3">hello<BR/>world</TD>
+    <TD COLSPAN="3">b</TD>
+    <TD ROWSPAN="3">g</TD>
+    <TD ROWSPAN="3">h</TD>
+  </TR>
+  <TR>
+    <TD>c</TD><TD PORT="here">d</TD><TD>e</TD>
+  </TR>
+  <TR>
+    <TD COLSPAN="3">f</TD>
+  </TR>
+</TABLE>>];
+}

inputs/html3.dot

@@ -0,0 +1,24 @@
+digraph structs {
+    node [shape=plaintext]
+    struct1 [     label=<
+<tABLE BORDER="16" BGCOLOr="bisque" CELLPADDING="2" ROWS="*adfasdfadsf" vALIGN="Top" >
+  <TR>
+      <TD CELLPADDING="1" CELLSPACING="12" COlSPAN="3">elephant</TD> 
+      <TD BORDER="1" CELLSPACING="12" ROWSPAN="2" BgCOLOR="chaRtreuse" 
+          vALIGN="Top" ALIGN="right">two</TD>
+  </TR>
+  <TR>
+    <TD CELLSPACING="12" COLSPAN="2" ROWSPAN="2">
+      <TABLE BGCOLOR="grey">
+        <Tr><TD>corn</TD></Tr> 
+        <TR><TD BGCOLOR="Yellow">c</TD></TR> 
+        <TR><TD>f</TD></TR> 
+      </TABLE>
+    </TD>
+    <TD BGCOLOR="white">penguin</TD> 
+  </TR> 
+  <TR>
+    <TD COLSPAN="2" BORDER="4" ALIGN="right" PORT="there">4</TD>
+  </TR>
+</tABLE>>];
+}

inputs/html_arrow.dot

@@ -0,0 +1,28 @@
+digraph structs {
+    node [shape=plaintext]
+    struct1 [label=<
+<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0">
+  <TR><TD>left</TD><TD PORT="f1">mid dle</TD><TD PORT="f2">right</TD></TR>
+</TABLE>>];
+    struct2 [label=<
+<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0">
+  <TR><TD PORT="f0">one</TD><TD>two</TD></TR>
+</TABLE>>];
+    struct3 [label=<
+<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="4">
+  <TR>
+    <TD ROWSPAN="3">hello<BR/>world</TD>
+    <TD COLSPAN="3">b</TD>
+    <TD ROWSPAN="3">g</TD>
+    <TD ROWSPAN="3">h</TD>
+  </TR>
+  <TR>
+    <TD>c</TD><TD PORT="here">d</TD><TD>e</TD>
+  </TR>
+  <TR>
+    <TD COLSPAN="3">f</TD>
+  </TR>
+</TABLE>>];
+    struct1:f1 -> struct2:f0;
+    struct1:f2 -> struct3:here;
+}

inputs/html_complex.dot

@@ -0,0 +1,51 @@
+digraph G {
+  rankdir=LR
+  node [shape=plaintext]
+  a [
+     label=<
+<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0">
+  <TR><TD ROWSPAN="3" BGCOLOR="yellow"><SUP>class</SUP></TD></TR>
+  <TR><TD PORT="here" BGCOLOR="lightblue">qualifier</TD></TR>
+</TABLE>>
+  ]
+  b [shape=ellipse style=filled
+     label=<
+<I><TABLE BGCOLOR="bisque">
+  <TR>
+      <TD COLSPAN="3">elephant</TD> 
+      <TD ROWSPAN="2" BGCOLOR="chartreuse" 
+          VALIGN="bottom" ALIGN="right">two</TD>
+  </TR>
+  <TR>
+    <TD COLSPAN="2" ROWSPAN="2">
+      <TABLE BGCOLOR="grey">
+        <TR><TD>corn</TD></TR> 
+        <TR><TD BGCOLOR="yellow">c</TD></TR> 
+        <TR><TD>f</TD></TR> 
+      </TABLE>
+    </TD>
+    <TD BGCOLOR="white">penguin</TD> 
+  </TR> 
+  <TR>
+    <TD COLSPAN="2" BORDER="4" ALIGN="right" PORT="there">4</TD>
+  </TR>
+</TABLE></I>>
+  ]
+  c [ 
+  label=<long line 1<BR/>line 2<BR ALIGN="LEFT"/>line 3<BR ALIGN="RIGHT"/>>
+  ]
+
+  subgraph { rank=same b c }
+  a:here -> b:there [dir=both arrowtail=diamond]
+  c -> b
+  d [shape=triangle]
+  d -> c [label=<
+<TABLE>
+  <TR>
+    <TD BGCOLOR="red" WIDTH="10"> </TD>
+    <TD>Edge labels<BR/>also</TD>
+    <TD BGCOLOR="blue" WIDTH="10"> </TD>
+  </TR>
+</TABLE>>
+  ]
+}