Graph Drawings

Apply powerful application techniques to manage complex graph data.

What are graph drawings?

Real-world graphs are large and complex, sometimes with many thousands of nodes and edges. Data ops managers, analysts and others who work with large volumes of data can be easily overwhelmed and struggle to understand where to begin and how to pinpoint the important areas of the graph. They need advanced visualization and navigation capabilities to not only orient themselves and make sense of their connected data but to gain actionable intelligence from the data. This is where graph drawings come in.

Graph drawings are the application of techniques for interacting with, navigating and managing complex graph data.

Graph drawings can help you to:

  • Make sense of complex data

  • Navigate, interact with, and update your data

  • Focus on the key areas of the data

  • Effectively communicate critical results to stakeholders and decision makers

2023.05.01.0.CrimeGovernance.Symmetric

Large symmetric graph.

How do graph drawings solve big data challenges?

When applied successfully, graph drawing techniques can reduce the pain points of dealing with large graphs. These techniques include advanced customization and navigation so that you have the right visualizations and user interaction to get the most out of your data.

When graph drawing application techniques are applied effectively, they can:

  • Highlight relevant data in your visualizations

  • Reveal the superstructures inherent in your data

  • Manage the complexity of the graph

  • Clearly convey multiple levels of detail

  • Provide a level of precision to the graphs 

Common graph drawing techniques include labels, connectors, edge jumpovers, nesting and precise shape clipping

Common graph drawing techniques include labels, connectors, edge jumpovers, nesting and precise shape clipping.

Nesting is a graph drawing technique that manages complexity by showing and hiding details

Nesting is a graph drawings technique that manages complexity by showing and hiding details.

Who can benefit from Perspectives graph drawings application techniques?

Graph drawings convey the superstructures inherent in your data.

Graph drawings convey the superstructures inherent in your data.

Perspectives graph drawings are especially useful for engineers, managers and analysts that are responsible for designing and managing complex systems.

Graph drawings are critical for industries that have highly complex data and rely on quickly and clearly conveying key results, including:

  • Systems Engineering

  • Telecommunications

  • Manufacturing

  • Defense and Intelligence

  • Cybersecurity and IT

  • Life Sciences

Tom Sawyer Perspectives provides unrivaled support for graph drawings

Tom Sawyer Software brings decades of experience in solving complex data problems for enterprises in a variety of industries.

Perspectives, our low-code application development platform, enables developers to build custom graph visualization and analysis applications to meet their unique graph use cases.

The Perspectives graph platform solves data challenges by providing a powerful geometric, graph-based data model that supports:

  • Nodes that have shapes, child graphs and connectors

  • Edges that have routes

  • Connectors that have shapes and can be variable size

  • Nodes, edges and connectors that have labels

An example telecommunications network application built with Perspectives.

An example telecommunications network application built with Perspectives.

Powerful drawing tools at your fingertips

Perspectives provides graph drawings application tools that enable you to create useful, customized visualizations of your graph data.

Nested Drawings

Nesting a graph inside of another element helps manage complexity in your data to reveal the superstructure. Perspectives supports nested drawings in nodes or edges. Determination of which elements to place in a nested drawing can be a result of data integration, graph analysis or user interaction. Perspectives supports nesting to any number of levels for complex graphs.

Graph with two levels of nested drawing

 

Meta-Edges

When an edge connects a node in a child drawing to a node in another drawing, it is called an interdrawing edge. When the parent node that contains the child drawing is collapsed, one end node of the interdrawing edge is no longer visible. Perspectives replaces this interdrawing edge with a meta-edge to visually indicate that there is a relationship between the nodes in the two drawings until the parent node is again expanded.

Graph with meta-edges between expanded nodes

 

Connectors and Nested Connectors

Perspectives supports connectors, which are elements often associated with a node and to which edges can attach. Connectors are typically rendered with a rectangle or a polygon. Any number of edges can attach to a connector and the connector will grow in size, as needed, to accommodate all of the edges. Perspectives also supports connectors nested inside other connectors.

Graph with connectors

Labels

Perspectives supports labels that annotate nodes, edges, connectors and edge decorations. Multiple labels per element are supported. Our labeling technology ensures that edge labels do not overlap nodes, edges, or other labels, and that they do not overlap crossing locations in bundle layout, orthogonal layout, or hierarchical layout with orthogonal edge routing.

Graph drawing with edge labels

 

Edge Decorations

Perspectives supports edge decorations, which are view elements that convey additional information about an edge. Edge decorations are represented by a symbol, such as an arrowhead or an image.

Edge Decorations

 

Jumpovers

Perspectives supports jumpovers, which are techniques to visualize edge crossings in a graph visualization. Jumpovers allow users to easily follow edges as they cross over other edges.

Graph with edge jumpovers

Precise Shape Clipping

Perspectives supports precise shape clipping so that nodes can have complex shapes yet make it clear which edges are connected to which nodes. Tom Sawyer Software has a US patent for this technology.

Graph showing precise shape clipping to nodes

See how to apply advanced edge labeling techniques to create customized visualizations for your complex data.

Support for advanced graph interaction and navigation techniques

Graph interaction is essential when you have large graphs with many nested drawings. It's easy to enable the users of your applications built with Perspectives to interact with the graph and focus on specific parts of the data, without being overwhelmed by all the details.

Expand and Collapse

Perspectives supports expanding and collapsing of nested drawings in place, without loss of detail and while preserving the user’s mental map of the graph. You can enable users to interactively expand and collapse the drawings through applying actions directly in the drawing canvas, or you can apply these operations in an automated, data-driven manner.

Drill-Down and Drill-Up

Perspectives supports drilling-up or down into specific drawings so you can focus on a specific nested (child) drawing or parent drawing. This is especially key when you have heavily nested drawings.

 

See graph interaction and navigation in action

Watch these videos to see how easy and powerful graph interaction is. These videos showcase key Perspectives features that enable user interaction with large graphs, like expand, collapse, and drill-in. They demonstrate how users can seamlessly navigate and focus on specific graph elements. Whether it's managing nested drawings or drilling down into detailed data layers, these videos highlight how Perspectives enhances data exploration and user experience in graph applications.

 
 

See it in action

Watch these videos to see how easy and powerful graph interaction is.

 

 

The proprietary technology behind our graph drawings

Perspectives has a data structure for node shape, connectors, edge routes, subgraphs, and more, which is used to create a data model. This geometric data model is a specification with spacing that we adhere to and that is used to render elements on the screen to enable you to work with graphics and pictures.

Our powerful graph layout engine runs against the data structure defined in the graph data model enabling our envied, overlap-free graph drawings.

Try these hands-on demos

Built using Perspectives, these demos highlight the power of graph drawings and allow you to experience graph interaction firsthand. Sign up and explore.

For even more example applications, see the Graph Application Examples page.

Model-Based Engineering

Model-Based Engineering

Explore the block definition diagram, internal block diagram, package diagram, and more in this SysML-compliant hybrid SUV model. Experience the benefits of automated and interactive engineering diagrams.

Microwave Network

Microwave Network

Manage devices and antennas of a microwave transmission network. See first-hand how advanced visualization reveals load and capacity, and how Shortest Path analysis quickly finds the fastest communication routes.

Supply Chain

Supply Chain

Quickly spot problematic chains in this real-world supply chain example. See graph visualizations of the chain of raw materials in several styles of pens, and the locations from which materials are sourced.

Get started today

Contact us for a demonstration and to learn how to apply graph drawings and interaction techniques to solve your data challenges.