GraphViz Explorer

A GraphViz DOT language editor and visualizer.

Installing

Download the latest release and drop it on your 📁/Applications folder.

Usage

Open a DOT file (.gv) through File → Open (or ⌘ + O), or start writing your own file.

Features

• Hold Shift and click to select multiple nodes on the graph and highlight their edges.
• Export a PNG of the graph with the highlighted nodes and edges for use in presentations.
• You can use the outline in the right panel to hide and show nodes, edges and subgraphs.
  • For complex graphs, you can disable showing disconnected nodes (those not connected to any other node).
• You can resize or hide the editor and outline.

Basic DOT language

DOT is a language to describe graphs.

You can have either a digraph (directional graphs, where edges have an arrow) or a simple graph.

digraph { a -> b }

or

graph { a -- b }

Nodes can be a single word or "multiple words in quotes":

digraph {
  "South America"
  Brazil
  
  "South America" -> Brazil
}

You can also have subgraphs to organize your graph:

digraph {
  subgraph Continents {
    "North America"
    "South America"
  }
  
  subgraph Countries {
    Mexico
    USA
    Brazil
    Argentina
  }
  
  "North America" -> { Mexico, USA }
  "South America" -> { Brazil, Argentina }
}

Subgraphs can be rendered as their own container boxes (clusters):

digraph {
  subgraph Continents {
    label="List of continents"
    cluster=true
    
    America
    Europe
    Asia
    Africa
    Oceania
    Antartica
  }
}

DOT is a very flexible language, and you can check the full documentation here: https://graphviz.org/doc/info/lang.html