MMURRYTHM.PERSONAL LABORATORY
Math for Computer Science · Interactive playground

Graph Universe

A graph is just dots connected by lines. Graph theory helps us model friendships, websites, transport routes, and how information spreads. Explore a graph in 3D, spin it around, move its dots, and build your own connections—no advanced maths required.

01 / Your 3D graph

FRIENDSHIP NETWORK
Ordinary nodeSelected nodeHighlighted neighbour
Vertices · dots24
Edges · lines—
Average degree—
Density—

03 / What am I looking at?

A network is a set of dots and the connections between them. Rotate the view to see that the dots can sit at different depths—not just on a flat page.

Try this: choose “One popular hub”, then highlight the most-connected dot. What changes when lots of connections pass through one person?

04 / Build it yourself

  1. Press + Add dot to make a new vertex.
  2. Press Connect two dots, then click two different dots.
  3. Drag any dot to rearrange the graph.
  4. Drag the empty background to rotate; scroll or pinch to zoom.
  5. Use “Show its neighbours” to see which dots are one edge away.

On a phone, drag with one finger. For precise node movement, start your drag directly on a dot.

Vertex (node)

One thing in the network: a person, computer, city, or web page.

Edge

A connection between two vertices, such as a friendship or a road.

Degree

How many edges touch a vertex. A high-degree node has lots of direct connections.

Path

A sequence of edges you can follow to travel from one vertex to another.

Connected

A graph is connected if every vertex can reach every other vertex by following edges.

Density

The fraction of all possible edges that actually exist. 0 means no edges; 1 means every pair is connected.

This is a learning toy, not a research-grade simulator. The 3D view uses a lightweight canvas projection, so it works without installing libraries. Graph counts and degrees are calculated directly from the connections you create.