The MindHYVE family in five views
Six sites. 247 pages. Five ways to look.
MindHYVE.ai (the corporate parent) and five product surfaces — ArthurAI™, ChironAI™, JustineAI™, TheoAI™, and the IPSC corpus. Same data, five visualizations. Pick the one that answers your question.
776 cross-site links connect the six surfaces. Data generated by crawling each site’s public sitemap.xml.
Each view answers a different question about the same family.
The data is the same: 247 pages, 776 cross-site links, six surfaces. The shape of the visualization changes what the data actually tells you.
- ConstellationSix small-multiples radial dendrograms in a card grid
What’s on each site?
Six radial trees side by side, one per site. Each surface is rendered as its own dendrogram so you can see its information architecture in isolation.
Best for: Per-site browsing, comparing the IA of two specific surfaces, exploring one site at a time.
- GalaxyWebGL 3D scene · React Three Fiber · 247 glowing nodes · auto-rotate · bloom
How is the family connected?
The family rendered as a 3D constellation. Six brand-colored hubs glow in space; pages float as a cloud around each one; cross-site links arc through the volume. Drag to orbit, scroll to dolly, hover any node to illuminate its connections, click to open the page.
Best for: Demos, screen-shares, partner conversations — the visual that makes them remember the meeting.
- AtlasSingle radial dendrogram with 6 brand-colored petals
What’s the hierarchy?
One mega-radial dendrogram, MindHYVE at the center, the six surfaces radiating as primary branches, every page as a deeper node. The whole family in one image.
Best for: Onboarding decks, explaining the parent-product relationship, single-image references.
- TreeTop-to-bottom indented tree, 247 leaf nodes
Where does any page live?
Horizontal Reingold-Tilford tree. Root on the left, sites as columns, pages flowing rightward. The familiar file-system / org-chart idiom, optimized for fast structural lookups.
Best for: Engineers, content audits, “does Justine have a /pricing/ page”-style questions.
- Chordd3-chord diagram of the 6×6 site link matrix
Which sites link to which?
Six sites arranged around a circle; arc length is proportional to total cross-site link count; ribbons across the center show site-to-site flows. The connectivity story, with hierarchy intentionally absent.
Best for: SEO link-equity audits, identifying isolated surfaces, explaining cross-marketing strategy.
One data layer, five renderings. A small Node.js crawler (scripts/crawl-family.ts) fetches each family site’s sitemap.xml on every refresh, visits each canonical URL once to extract its <title> tag and outbound family links, and emits a single canonical JSON. All five visualizations read the same JSON and render it differently.
Static-export safe. No client-side network calls. Layouts that need d3 simulations (Galaxy, Chord) run on mount in the visitor’s browser; layouts that are deterministic (Constellation, Atlas, Tree) run once at React render time on the committed data. Either way, the JSON is the source of truth.
Last refresh: May 25, 2026, 02:55 PM PDT.