Swift Algorithm Club: Graphs with Adjacency List
The Swift Algorithm Club is an open source project. The goal for the club is to develop cool data structures and algorithms in Swift.
Every month, Kelvin Lau, Chris Pilcher and I feature a data structure or algorithm on this site. If you want to learn more about algorithms and data structures, follow along with us!
In this tutorial, you’ll learn the basics of graph theory, then create an adjacency list in Swift 3.
Getting Started
A Graph is a useful data structure to capture relationships between objects, made up of a set of vertices paired with a set of edges.
In the graph below, the vertices represents the circles, and the edges are the lines between them. A vertex connects to other vertices by edges.
Graphs can come in a variety of shapes and sizes.
Weighted Graph
Take an airline for example. Imagine a network that shows varying routes for flights. Let the vertices represent the cities and the edges represent a possible route from city to city. Now you can associate a weight to every edge. From this network you can decipher the cheapest flights from San Francisco to Singapore.
The graph above represents a weighted graph where each edge has a numerical value.
Directed and Undirected Graphs
A graph could also have direction. The first graph is a directed graph, where edges have direction. Imagine a flight from Toyko to Detroit, but no flight from Tokyo to Washington D.C.
A directed graph can also be bidirectional, where two vertices has two edges going back and forth. For example a flight from Singapore to Hong Kong, has a flight back as well.
The latter graph is an undirected graph, where there is no direction. In a way an undirected graph is just a directed graph that is bidirectional.
You may have come across trees or linkedlist data structures. They are a more simplified version of graphs.
Representing a Graph
The two common ways to represent a graph is through an adjacency matrix or adjacency list. To get started with graphs, you will learn to create an adjacency list.
Adjacency List
The basic idea of an adjacency list is you store every single vertex. Each vertex will hold an adjacency list. This describes the outgoing edges.
The adjacency list below describes the flight network graph above.
As you can see the Singapore vertex has two edges associated with it. There are outgoing flights from Singapore to Toyko or Hong Kong.
Approach
You can develop the adjacency list in many different ways. A few popular approaches are:
 Storing an array of arrays. The outer array represents vertices, providing an index. The inner array contains edges.
 Storing an array of linkedlists. With this approach, each index in the array represents a vertex. Each value in the array stores a linkedlist. This is ideal if you need fast insertion or deletion times.
 Storing a dictionary of arrays. This is the approach you’ll take in this tutorial. Each key in the dictionary is a vertex, and each value is the corresponding array of edges.
Implementing the Adjacency List
Start by creating a new Swift playground called Graphs. In the Project Navigator (View\Navigators\Show Project Navigator, or ⌘1), create a new file called Vertex.swift under the Sources group.
Vertices
The first thing that graphs need is a vertex. Add the following struct declaration in Vertex.swift:
public struct Vertex<T: Hashable> { var data: T } 
You’ve declared a struct named Vertex
. The vertex holds a generic type called data
. So now the vertex can represent pretty much any relationship, whether it’s airline flights, a person, or street addresses.
Next since you are storing a vertex as a custom key in a dictionary, it has to conform to the Hashable
protocol. Add the following code below:
extension Vertex: Hashable { public var hashValue: Int { // 1 return "\(data)".hashValue } static public func ==(lhs: Vertex, rhs: Vertex) > Bool { // 2 return lhs.data == rhs.data } } 
Going over the code above:

Hashable
conformance you must provide ahashValue
property. 
Hashable
inherits fromEquatable
protocol. You must also add an equalto operator for the custom type.
Now add the following code within the same file:
extension Vertex: CustomStringConvertible { public var description: String { return "\(data)" } } 
The CustomStringConvertible
protocol allows you to define a custom output. You will use this to verify your adjacency list later.
Edges
Now to connect every vertex to another vertex, there needs to be an edge between them! Create a new file called Edge.swift under Sources group.
First add the following enum to Edge.swift
public enum EdgeType { case directed, undirected } 
The goal of the enum is to describe whether an edge between two vertices is a directed
path, or undirected
path.
Now add the following code after:
public struct Edge<T: Hashable> { public var source: Vertex<T> // 1 public var destination: Vertex<T> public let weight: Double? // 2 } 
Going over the properties in Edge
:
 There are many ways to represent an edge depending on your implementation. For this edge, it’s property includes two vertices,
source
anddestination
. The reason why is because graphs can be directional. Two vertices are bidirectional, would need two edges between the pair of vertices.Take this graph as an example. The flight between Singapore and Hong Kong has two edges between the pair of flights. This means the flight goes both ways. But, there is only one edge between Singapore and Tokyo. There are only tickets that go from Singapore to Tokyo but not back.
 An edge could also have a numerical weight. This is useful for future algorithms. You may want to find out how much it cost to fly from Hong Kong to Tokyo.
Like Vertex
struct, add the following code in Edge.swift:
extension Edge: Hashable { public var hashValue: Int { return "\(source)\(destination)\(weight)".hashValue } static public func ==(lhs: Edge<T>, rhs: Edge<T>) > Bool { return lhs.source == rhs.source && lhs.destination == rhs.destination && lhs.weight == rhs.weight } } 
Edge
conform to the hashable
protocol. For similar reasons to Vertex
struct.
Graphable Protocol
Now that you have defined your vertex
and edge
. You have one more thing you have to do, which is to create an interface to build a graph.
To do this, create a new file called Graphable.swift under Sources group and add the following code:
protocol Graphable { associatedtype Element: Hashable // 1 var description: CustomStringConvertible { get } // 2 func createVertex(data: Element) > Vertex<Element> // 3 func add(_ type: EdgeType, from source: Vertex<Element>, to destination: Vertex<Element>, weight: Double?) // 4 func weight(from source: Vertex<Element>, to destination: Vertex<Element>) > Double? // 5 func edges(from source: Vertex<Element>) > [Edge<Element>]? // 6 } 
Going over the protocol:
 The protocol requires an
associatedType
calledElement
. This allows the protocol to be generic, to hold any type.  The
description
property lets you define custom behavior to print out the contents of a graph. This can help with debugging! 
createVertex(data:)
provides a utility method to create a vertex. 
add(_:from:to:weight:)
provides a utility to add an edge between two vertices. You can specify the weight or whether an edge is directed or undirected. 
weight(from:to:)
provides a utility to get the weight of an edge between two vertices. 
edges(from:)
provides a utility to retrieve all the edges thatsource
vertex connects to.
On to implementing the adjacency list!
Adjacency List
First create a new file called AdjacencyList.swift within the Sources group.
Add the following code:
open class AdjacencyList<T: Hashable> { public var adjacencyDict : [Vertex<T>: [Edge<T>]] = [:] public init() {} } 
You will use adjacencyDict
to store your graph. adjacencyDict
is a dictionary. The key is a Vertex
and the value is an array of edges.
Next add the following after the class declaration:
extension AdjacencyList: Graphable { public typealias Element = T } 
Since the AdjacencyList
is also generic, the associatedType
is set to T
Graphable
protocol. Creating Vertices
To create a vertex add the following code within the extension
right after the Element
generic property:
public func createVertex(data: Element) > Vertex<Element> { let vertex = Vertex(data: data) if adjacencyDict[vertex] == nil { adjacencyDict[vertex] = [] } return vertex } 
Based on the data passed in you create a Vertex
. You check to see if the vertex already exist. If it doesn’t you initialize an array of edges and return the vertex.
Creating Edges
Recall that there are graphs that are directed and graphs that are undirected.
First add the following helper method after init()
:
fileprivate func addDirectedEdge(from source: Vertex<Element>, to destination: Vertex<Element>, weight: Double?) { let edge = Edge(source: source, destination: destination, weight: weight) // 1 adjacencyDict[source]?.append(edge) // 2 } 
This method takes two vertices, a source and destination with a weight. Let’s go over the code:
 Creates an edge.
 Retrieves the array of edges affiliated with source vertex and append the edge to the array.
Now add the following method right after addDirectedEdge(from:to:weight:)
:
fileprivate func addUndirectedEdge(vertices: (Vertex<Element>, Vertex<Element>), weight: Double?) { let (source, destination) = vertices addDirectedEdge(from: source, to: destination, weight: weight) addDirectedEdge(from: destination, to: source, weight: weight) } 
In an undirected graph, you can treat it as a directed graph that goes both ways. You call
addDirectedEdge(from:to:weight:)
twice, but with the source and destination vertices swapped.
Now you can make use of the two helper methods! Add the following code in the AdjacencyList
extension, right after createVertex(data:)
:
public func add(_ type: EdgeType, from source: Vertex<Element>, to destination: Vertex<Element>, weight: Double?) { switch type { case .directed: addDirectedEdge(from: source, to: destination, weight: weight) case .undirected: addUndirectedEdge(vertices: (source, destination), weight: weight) } } 
add(_:from:to:weight:)
checks to see if the type is directed
or undirected
and creates the correct edge.
Retrieving information
You will now finish up the conformance to Graphable
by providing ways to retrieve the weight.
How much is the flight from Singapore to Hong Kong?
Add the following code below the previous method:
public func weight(from source: Vertex<Element>, to destination: Vertex<Element>) > Double? { guard let edges = adjacencyDict[source] else { // 1 return nil } for edge in edges { // 2 if edge.destination == destination { // 3 return edge.weight } } return nil // 4 } 
Let’s go over how to get the weight:
 Retrieve all the edges from the
source
vertex. If no edges, returnnil
.  Loop through each edge.
 Check to see if there is an edge that leads to the
destination
vertex.  No weight found.
Next add the following code below:
public func edges(from source: Vertex<Element>) > [Edge<Element>]? { return adjacencyDict[source] } 
edges(from:)
is straightforward. You access the dictionary based on a given vertex and return the array of edges.
The final piece to the puzzle is visualizing the adjacency list. You must create the final method to fulfill the Graphable
protocol.
Visualizing the adjacency list
Add the following code below:
public var description: CustomStringConvertible { var result = "" for (vertex, edges) in adjacencyDict { var edgeString = "" for (index, edge) in edges.enumerated() { if index != edges.count  1 { edgeString.append("\(edge.destination), ") } else { edgeString.append("\(edge.destination)") } } result.append("\(vertex) > [ \(edgeString) ] \n ") } return result } 
The description
property goes through every keyvalue pair in the dictionary. It prints out the vertex, and all the vertices it’s connected to by an edge.
The adjacency list is finally complete! You must be all excited in using your first graphing data structure!
Testing out the Adjacency List
Now it’s time to go back to the flights pricing network example.
Within the root Playground, add the following code:
import UIKit import XCPlayground let adjacencyList = AdjacencyList<String>() let singapore = adjacencyList.createVertex(data: "Singapore") let tokyo = adjacencyList.createVertex(data: "Tokyo") let hongKong = adjacencyList.createVertex(data: "Hong Kong") let detroit = adjacencyList.createVertex(data: "Detroit") let sanFrancisco = adjacencyList.createVertex(data: "San Francisco") let washingtonDC = adjacencyList.createVertex(data: "Washington DC") let austinTexas = adjacencyList.createVertex(data: "Austin Texas") let seattle = adjacencyList.createVertex(data: "Seattle") adjacencyList.add(.undirected, from: singapore, to: hongKong, weight: 300) adjacencyList.add(.undirected, from: singapore, to: tokyo, weight: 500) adjacencyList.add(.undirected, from: hongKong, to: tokyo, weight: 250) adjacencyList.add(.undirected, from: tokyo, to: detroit, weight: 450) adjacencyList.add(.undirected, from: tokyo, to: washingtonDC, weight: 300) adjacencyList.add(.undirected, from: hongKong, to: sanFrancisco, weight: 600) adjacencyList.add(.undirected, from: detroit, to: austinTexas, weight: 50) adjacencyList.add(.undirected, from: austinTexas, to: washingtonDC, weight: 292) adjacencyList.add(.undirected, from: sanFrancisco, to: washingtonDC, weight: 337) adjacencyList.add(.undirected, from: washingtonDC, to: seattle, weight: 277) adjacencyList.add(.undirected, from: sanFrancisco, to: seattle, weight: 218) adjacencyList.add(.undirected, from: austinTexas, to: sanFrancisco, weight: 297) adjacencyList.description 
The code above creates the flight network pricing graph using the adjacency list. Swift Playgrounds should show the following output:
Isn’t this cool? This is a visual description of an adjacency list! It shows you all the flights available from Austin Texas, all the flights from Toyko, and etc!
Quiz Time
Use the graph created above to figure out how to use the adjacency list to solve the following problems:
How much does a ticket cost from Singapore to Toyko?
What are the flights going out of San Francisco?
Where to Go From Here?
Here is the Swift Playgrounds with all the code above. You can find alternative implementations and more information on graphs in the Swift Algorithm Club’s repository.
I hope you enjoyed this tutorial on making your first graph with adjacency list! You have only scratch the surface of what graphs are capable of.
This was just one of the many algorithms from the Swift Algorithm Club’s repository. If you’re interested in more, check out the repo.
It’s in your best interest to know about algorithms and data structures. They’re solutions to many real world problems, and could come up during interviews. Plus it’s fun!
So stay tuned for many more tutorials from the Swift Algorithm club in the future. If you have any questions on graphs in Swift, please join the discussion below.