Quick Start 1
Explore a Network
Open a live network graph, change its visual encoding, filter by group, activate analytical lenses, and read node details. No configuration needed.
What you'll use
The Lab — the interactive explorer at lab.php.
Steps
1
Open the Lab
Click Lab in the top navigation, or go directly to
lab.php. The graph loads automatically using
the default VizSpec for the selected dataset.
The force-directed layout (ForceAtlas2) runs on load and stabilizes within
a few seconds — you can pause or reset it at any time from the Layout section
in the sidebar.
2
Switch the color encoding
In the Color by section of the left sidebar, select any
attribute from the dropdown. The graph updates instantly.
Categorical attributes (department, role…) produce a color swatch legend.
Numeric attributes (scores, centrality metrics) produce a gradient legend.
If there are more than five attributes, a search box appears above the dropdown to help you find the one you need.
If there are more than five attributes, a search box appears above the dropdown to help you find the one you need.
3
Resize nodes by an attribute
In the Size by section, choose a numeric attribute
(or a computed metric — degree, betweenness, PageRank).
Nodes scale proportionally. Combined with color, this lets you surface
two dimensions simultaneously: for example, color by department and size by
communication volume.
4
Filter to a group — and watch the lens activate
Open the Filter section and select a value from the attribute
dropdown (e.g., a department name). The sidebar shows clickable tags for each
group. Click one — only nodes in that group are highlighted, and the active
lens fires automatically. By default this is the bridge lens,
which illuminates structural brokers in gold.
Shift-click a second tag to activate a two-group comparison lens (contrast or density, depending on VizSpec configuration). Click a tag again to deselect it.
Shift-click a second tag to activate a two-group comparison lens (contrast or density, depending on VizSpec configuration). Click a tag again to deselect it.
5
Switch between lenses
If the current VizSpec enables multiple lenses on the same trigger,
a Lens switcher appears in the sidebar. Click any lens name
to switch the overlay while keeping your filter active.
Available lenses include: bridge isolation periphery weak_ties contrast density ego
Available lenses include: bridge isolation periphery weak_ties contrast density ego
6
Inspect a node
Hover a node to see a tooltip with its label and key attributes.
Click a node to lock an info panel in the sidebar showing all
of its attributes. If the ego lens is enabled, clicking a node also renders
its neighbourhood (N-hop, configurable per VizSpec).
Click the node again or press Escape to deselect.
You can also use the Search field at the top of the sidebar to find a specific person by name.
You can also use the Search field at the top of the sidebar to find a specific person by name.
7
Compute centrality metrics
If the Compute panel is visible in the sidebar, click
Betweenness or PageRank to compute the metric
on the current graph. Once computed, the metric becomes available as a
Color by or Size by attribute.
Use PageRank to size nodes by influence; use Betweenness to find
information-flow gatekeepers.
8
Toggle edge layers
If the dataset has multiple edge types (e.g., communication and hierarchy),
an Edge layers section appears in the sidebar.
Each layer can be toggled independently. This lets you compare how
different relationship types connect the same people.
Sidebar reference
| Section | What it does | Always shown |
|---|---|---|
| Search | Find a node by name; selecting it triggers ego lens if enabled | Yes |
| Color by | Map any colorable attribute to node color | Yes |
| Size by | Map any numeric or computed attribute to node size | Yes |
| Edge layers | Toggle individual edge type visibility | Only if dataset has multiple layers |
| Filter | Select groups by attribute value; drives lens triggers | Yes |
| Lens | Switch between lenses sharing the same trigger | Only if multiple lenses share a trigger |
| Display | Adjust edge opacity and label threshold | Yes |
| Layout | Run / pause ForceAtlas2, reset node positions | Yes |
| Compute | Compute betweenness centrality or PageRank | Configurable per VizSpec |
| Network stats | Summary metrics: node count, edge count, density, avg degree | Configurable per VizSpec |
Next step
Now that you know how to explore a view, learn how to create your own
in Quick Start 2 — Create a VizSpec.