# Place the cursor inside "graph" to get some refactoring options digraph { # To refactor nodes, place the cursor left to a node name a -> b a -> c; a -> d; c -> d; a -> e; e -> f; f -> g; g -> h; h -> c; h -> f; h -> e; a -> f; a -> h; c -> c; h -> h; f -> f; e -> e; g -> g; b -> b; d -> a; h -> a; c [label="What am I\ndoing here?"] c [shape=circle] a [shape=cylinder] b [shape=circle] c [shape=circle] d [shape=circle] e [shape=circle] f [shape=circle] g [shape=circle] h [shape=circle] # Hover over color names to get a color picker b -> d [color="#ff0000"]; d -> d [color="#359622"]; d -> b; b -> c; # Get completion when assigning a shape or color b [shape=circle, color="#ff7b00"]; a; # You can remove optional ; by placing the cursor left to a semicolon }