Exploring Graphs with Elixir/

...

/

Render a Graph with Similar Node Labels

Render a Graph with Similar Node Labels

Learn how to render a graph with similar node labels using Graphviz.

We'll cover the following...

Water molecule graph

Let’s try another example graph, this time one with two edges. For this, we’ll pick the chemical description for the water molecule—H2O. This is an example of an undirected, labeled graph.

Press + to interact
iex> g = Graph.new(type: :undirected) |>
...> Graph.add_vertex(:h1, "H") |>
...> Graph.add_vertex(:h2, "H") |>
...> Graph.add_vertex(:o, "O") |>
...> Graph.add_edge(:o, :h1) |>
...> Graph.add_edge(:o, :h2)
iex> with {:ok, dot} = Graph.to_dot(g) do
...> write_graph(dot, "dot/h2o.dot")
...> end
iex> IO.puts read_graph("dot/h2o.dot").data
iex> list_graphs_dir("dot")
iex> write_image read_graph("dot/h2o.dot")

Explanation

Lines 1–6: We create the graph and add vertices and edges.
Lines 8–10: We store the graph to the graph store.
Lines 12–13: We confirm that the graph has ...