Image Gallery
  Try Demonstrations
  Request Evaluations
 
Home 


Image Gallery

../images/gallery2/web.news.bbc.com.thumbnail.gif ../images/gallery2/investigation01.thumbnail.gif ../images/gallery2/socialnetworking.thumbnail.gif
Symmetric graph drawing illustrating the BBC News Agency website map.Hierarchical layout used to help public safety personnel identify a suspect as a criminal.Circular graph drawing illustrating a narcotics network that helps identify and document major power players as well as small-time dealers within a drug distribution ring.
../images/gallery2/storage00.thumbnail.gif ../images/gallery2/management01.thumbnail.gif ../images/gallery2/uml.bcel00.thumbnail.gif
Hierarchical graph drawing representing typical configuration of a storage area network.Symmetric graph drawing representing a typical network comprising terminals, servers, bridges, and routers. Ideal for monitoring networks and extensive management applications.Compact graph drawing of classes and their relationships adeptly calculated with Tom Sawyer's orthogonal layout algorithm.
../images/gallery2/circular01.X.thumbnail.gif ../images/gallery2/investigation00.thumbnail.gif ../images/gallery2/circular04.X.thumbnail.gif
Node text enhances this circular graph drawing.Hierarchical graph drawing depicting the Sopranos family tree. It uses colored nodes to differentiate separate lineages. Orthogonal edge routing creates a clear organizational view and horizontal edge routings illustrate couples.Circular graph drawing with color-coded clusters.
../images/gallery2/circular03.X.thumbnail.gif ../images/gallery2/circuitdesign00.thumbnail.gif ../images/gallery2/robotics00.thumbnail.gif
Annotated nodes and node labels enhance this circular graph drawing. Orthogonal graph drawing illustrating a circuit design diagram.An orthogonal graph drawing taken from the domain of robotics design shows how hyper edges (edges between more than two nodes) can be rendered and laid out.
../images/gallery2/workflow00.X.thumbnail.gif ../images/gallery2/circular07.X.thumbnail.gif ../images/gallery2/circular02.thumbnail.gif
Nested graph drawing organizing and visualizing a workflow task process.A circular graph drawing revealing networks of cluster trees radiating from a central hub cluster.Five distinct clusters are revealed when circular layout is applied to this graph drawing.
../images/gallery2/storage01.thumbnail.gif ../images/gallery2/nesting00.thumbnail.gif ../images/gallery2/uml.bcel01.thumbnail.gif
Hierarchical graph drawing organizing switches, computers, tapes, and disk arrays. Nesting enables any node and edge to contain subgraphs. Additionally, each nested drawing within the same drawing can have its own individual layout style.Nested graph drawing illustrating a nested UML diagram.
../images/gallery2/uml.junit00.thumbnail.gif ../images/gallery2/circular00.X.thumbnail.gif ../images/gallery2/web.cnn.thumbnail.gif
Orthogonal graph drawing organizing classes and their relationships.Circular graph drawing with multicolor clusters.Vast symmetric graph drawing illustrating the CNN website map.
../images/gallery2/folding1.thumbnail.gif ../images/gallery2/folding1.folded.thumbnail.gif ../images/gallery2/jcomponent02.thumbnail.gif
Before
Orthogonal graph drawing prior to folding the second row of nested drawings.
After
The second row of nested graph drawings has been folded into three folders. An incremental orthogonal layout is then applied to produce a compact nested diagram containing the three folded graphs.
Hierarchical graph drawing with orthogonal routing using JComponents with drop-down list boxes to illustrate the team matches in the NBA playoffs.
../images/gallery2/folding00.thumbnail.gif ../images/gallery2/folding00.folded.thumbnail.gif ../images/gallery2/labeling01.thumbnail.gif
Before
Hierarchical graph drawing prior to folding into four small folders.
After
Hierarchical graph drawing after folding into four small folders.
You can control the placement of labels in a graph drawing. You can configure labels to be near the source, center, or target of a particular edge route. Labels can also be set to the left or right of an edge route, or confined to a narrow region within or outside of a particular node.
../images/gallery2/hiding01.thumbnail.gif ../images/gallery2/hiding01.unhide.thumbnail.gif ../images/gallery2/scene.thumbnail.gif
Before
This simply structured symmetric graph drawing is hiding a more complex structure under each of its nodes.
After
Entire symmetric graph drawing after the hidden nodes and edges are revealed.
Graph drawing chronicling a sequence of events in a movie chase scene. User-defined constraints create two rows of sequence nodes, clearly illustrating the directional flow of events. The red node, which denotes a rejected sequence, contains a nested graph drawing that provides the details of the proposed problem sequence.
../images/gallery2/symmetric2.thumbnail.gif ../images/gallery2/nesting01.thumbnail.gif ../images/gallery2/nesting02.thumbnail.gif
Symmetric layout is especially well suited to handle very large graphs.Hierarchical graph drawing illustrating a complex nested diagram.Graph drawing illustrating nesting.
../images/gallery2/packing00.thumbnail.gif ../images/gallery2/routing00.thumbnail.gif ../images/gallery2/routing01.thumbnail.gif
This graph drawing demonstrates the efficiency of the packing algorithm, which tightly places groups of connected components.You can control how edges attach to nodes. Graph drawing illustrating the flexibility of the edge router. The edges on the right adhere to a user constraint that requires them to enter their destination nodes from the right side, while incident edges of the green node are forced to attach to it on the bottom.
../images/gallery2/routing04.before.thumbnail.gif ../images/gallery2/routing04.after.thumbnail.gif ../images/gallery2/curved01.thumbnail.gif
Before
Sometimes the best path from source to target is not immediately obvious, as this maze example illustrates. Intelligent edge routing technology finds the best path from the start node to the end node.
After
After applying edge routing functionality, the best path from source to target is quickly revealed.
Curved edge routes can be used to represent connections between nodes.
../images/gallery2/hierarchical01.thumbnail.gif ../images/gallery2/hierarchical06.thumbnail.gif ../images/gallery2/orthogonal01.thumbnail.gif
A hierarchical graph drawing that uses simultaneous constraints to show which different colored nodes are connected to blue nodes. Hierarchical graph drawing using several constraints to govern node placement. Some of the nodes must be placed adjacent to each other, some must be located above others, and in some instances the drawing must maintain a specified vertical distance between certain nodes.Orthogonal graph drawing utilizing constraints to place the green nodes below the blue nodes, maintaining a specified distance between these two groups of nodes. The yellow nodes are constrained to be adjacent to blue nodes and adhere to the default orthogonal layout.
../images/gallery2/orthogonal03.thumbnail.gif ../images/gallery2/orthogonal03.constraint.thumbnail.gif ../images/gallery2/orthogonal04.constraint.thumbnail.gif
Orthogonal graph drawing indicates the placement of the source and target nodes. Labeling functionality accommodates the space needed to label the drawing.The bundle of multiedges from node A to node B is constrained to be routed through all other nodes.Top-to-bottom sequence constraints are used to fix the order of nodes in each column, and three vertical alignment constraints are used to align the three columns.
../images/gallery2/symmetric01.thumbnail.gif ../images/gallery2/orthogonal06.constraint.thumbnail.gif ../images/gallery2/symmetric02.thumbnail.gif
Symmetric graph drawing representing intricately related objects and their specific relationships.Constraints fix the exact position of certain nodes and contain some nodes within a specified rectangular region.Symmetric graph drawing representing objects and their complex relationships clearly.
../images/gallery2/circular01.thumbnail.gif ../images/gallery2/EuropeMap.thumbnail.gif ../images/gallery2/USMap.thumbnail.gif
Circular layout with multiple clusters.Graph drawing representing a network of major flight hubs across Europe.Graph drawing showing the various routes of a low-cost American air carrier.
Copyright © 2008 Tom Sawyer Software. All rights reserved. Privacy Policy Terms of Use Printer Friendly Page
email us at masterlist@tomsawyer.com