Phase 1 : Simple Java-Enabled Diagrams

Here is the XML code: <?xml version="1.0"?> <!DOCTYPE chart SYSTEM "chart.dtd"> <!-- Revision: 61 1.3 graph/example1.xml --> <chart name="chart1" ctitle="Simple Example Description"> <graph gid="graph1" gtitle="Description of the Graph"> <node nid="node1" ncolor="white" bcolor="black"> <ntext tcolor="black" linenum="1"> <line>NODE A</line> </ntext> <row>1</row> <col>1</col> <shape>rectangle</shape> <nhint>hint to A</nhint> </node> <node nid="node2" ncolor="white" bcolor="black"> <ntext tcolor="black" linenum="1"> <line>NODE B</line> </ntext> <row>1</row> <col>2</col> <shape>rectangle</shape> <nhint>hint to B</nhint> <nextgraph>graph2</nextgraph> </node> <node nid="node3" ncolor="white" bcolor="black"> <ntext tcolor="black" linenum="1"> <line>NODE C</line> </ntext> <row>1</row> <col>3</col> <shape>rectangle</shape> <nhint>hint to C</nhint> </node> <edge eid="edge1" ecolor="black"> <from>node1</from> <to>node2</to> <type>0</type> <ehint>hint to edge 1</ehint> </edge> <edge eid="edge2" ecolor="black"> <from>node2</from> <to>node3</to> <type>0</type> <ehint>hint to edge 2</ehint> </edge> </graph> <graph gid="graph2" gtitle="Some Other Title"> <node nid="node4" ncolor="white" bcolor="black"> <ntext tcolor="black" linenum="1"> <line>@</line> </ntext> <row>2</row> <col>1</col> <shape>circle</shape> <nhint>hint</nhint> </node> <node nid="node5" ncolor="white" bcolor="black"> <ntext tcolor="black" linenum="1"> <line>NODE D</line> </ntext> <row>1</row> <col>2</col> <shape>rectangle</shape> <nhint>hint to D</nhint> </node> <node nid="node6" ncolor="white" bcolor="black"> <ntext tcolor="black" linenum="1"> <line>NODE E</line> </ntext> <row>3</row> <col>2</col> <shape>rectangle</shape> <nhint>hint to E</nhint> </node> <node nid="node7" ncolor="white" bcolor="black"> <ntext tcolor="black" linenum="1"> <line>+</line> </ntext> <row>2</row> <col>3</col> <shape>circle</shape> <nhint>hint</nhint> </node> <edge eid="edge3" ecolor="black"> <from>node4</from> <to>node5</to> <type>0</type> <ehint>hint to edge</ehint> </edge> <edge eid="edge4" ecolor="black"> <from>node4</from> <to>node6</to> <type>0</type> <ehint>hint to edge</ehint> </edge> <edge eid="edge5" ecolor="black"> <from>node5</from> <to>node7</to> <type>0</type> <ehint>hint to edge</ehint> </edge> <edge eid="edge6" ecolor="black"> <from>node6</from> <to>node7</to> <type>0</type> <ehint>hint to edge 2</ehint> </edge> </graph> </chart>

Points to note: Pop-up hints can be attached to diagram edges and nodes. The diagram is stored as a multi-layer hierarchical graph structure. Click on "Node B" to bury down to the next layer.

Section 4-6: November, 2001.