Decision Explorer
Interactive, zoomable decision trees for the AI Decision Framework.
The Decision Explorer replaces the largest Mermaid diagrams from the Visual Framework with an interactive experience. Use it when you need to navigate a decision tree rather than just read one. The written docs remain the source of truth — the explorer is the map, not the territory.
Why an Explorer?
The static Mermaid diagrams in the Visual Framework are great for small, focused visuals. But the biggest decision trees — the Complete Decision Flow (42 nodes, 65 edges) and the Data Grounding Decision (33 nodes, 56 edges) — have outgrown what a static image can do well.
The explorer gives you:
- Pan and zoom — Navigate large trees without losing your place
- Branch isolation — Focus on one decision path at a time (interaction pattern, build approach, data grounding, deployment)
- Click-through — Click any technology node to jump to its documentation
- Minimap — Always know where you are in the full tree
- Detail panel — See status badges (GA / Preview), descriptions, and links without leaving the graph
Available Decision Trees
| Tree | Nodes | What It Covers | Static Version |
|---|---|---|---|
| Complete Decision Flow | 42 | End-to-end technology selection: interaction patterns → build approach → data grounding → deployment | Mermaid version |
| Data Grounding Decision | 33 | Data strategy: M365 / Azure / Hybrid / Analytics → vector databases → platform integration | Mermaid version |
More trees will be added as they outgrow their Mermaid form.
Launch the Explorer
The explorer opens in a new tab. Use it alongside these docs for the best experience.
How to Use It
- Select a flow from the dropdown in the top bar
- Browse the overview — all branches are shown by default, auto-laid-out
- Isolate a branch — click a branch tag (e.g., “data grounding”) to focus on just that path
- Click “All” to return to the full view
- Click any node to see its details, status, and documentation link
- Use the minimap (bottom-right) to orient yourself in larger trees
- Zoom with scroll or use the controls (bottom-left)
Keyboard Navigation
| Key | Action |
|---|---|
| Scroll wheel | Zoom in / out |
| Click + drag (canvas) | Pan the view |
| Click (node) | Open detail panel |
| Tab | Move focus between nodes |
Staying Connected
The explorer is a navigation layer, not a replacement for the written framework. Every outcome node links back to the relevant docs page. The learning path remains:
- Capability Model — Understand the “what”
- Decision Framework — Learn the “how”
- Decision Explorer (you are here) — Navigate the “which”
- Technologies — Read the “details”
Next: Quick Reference — Fast lookup tables for when you already know the path