← viz-playground

AHA Strategic Intelligence: A Guided Tour

Using the American Heart Association's knowledge graph to demonstrate each visualization technique

Introduction

The AHA Strategic Landscape

The American Heart Association's strategic landscape, analyzed through InfraNodus text network analysis, reveals 7 topic clusters with 95 nodes and a critical structural gap between AI & Digital Medicine and Behavior Change.

This guide walks through each visualization in the viz-playground suite using this real-world dataset, showing how different rendering techniques reveal different strategic insights.

Cluster Nodes Betweenness
Health Insights
28 47
AI & Digital Medicine
18 16
Research Funding
16 15
Fundraising Impact
12 6
Health Equity & Education
10 6
Maternal Health
6 5
Behavior Change
5 5

Health Insights sits at the center with a betweenness score of 47 — the core knowledge gateway connecting all strategic domains. At the periphery, Behavior Change (5 nodes, betweenness 5) is the smallest and most isolated cluster, with no direct connection to AI & Digital Medicine.

01

Constellation Effect: Seeing the Full Structure

The constellation effect renders all edges at opacity 0.04–0.15 on a near-black background. For AHA's network, this reveals the overall topology at a glance: Health Insights (C1) sits at the center with strong connections radiating outward, while Behavior Change (C7) and Fundraising Impact (C4) occupy the periphery with visibly fainter connections.

The narrow opacity band is critical — it prevents the strong C1↔C3 connection (weight 8) from visually overwhelming the weak C4↔C5 connection (weight 2), while still making the hierarchy perceivable. The entire network reads as a single constellation rather than disconnected fragments.

Key insight: The ABSENCE of an edge between C2 and C7 is visible as empty space — the structural gap literally appears as a gap in the constellation.

Interactive — pan, zoom, and hover to explore

02

Glow System: Highlighting Strategic Nodes

In AHA's network, gap-bridging keywords like "digital therapeutics" or "AI-powered behavior coaching" would receive the full three-tier glow — they connect the disconnected AI and Behavior Change clusters.

The three tiers serve AHA's decision-makers differently:

  • Outer blur: In a board presentation, the glowing nodes catch attention from across the room — "something important is happening there"
  • Middle gradient: Leaning in, the color reveals which cluster the node belongs to — "it's related to AI Medicine"
  • Inner solid: At reading distance, the label is clear — "digital therapeutics"

Hub nodes like "cardiovascular research" (C1, betweenness=47) get a subtler two-tier glow — they're important but expected. The gap nodes are the strategic surprises.

Interactive — pan, zoom, and hover to explore

03

Force Dynamics: Exploring Strategic Topology

Force parameters reveal different aspects of AHA's strategic structure:

"Tight Clusters" preset: Shows AHA's organizational silos. Health Insights, Research Funding, and AI Medicine cluster tightly (high mutual connectivity), while Behavior Change drifts to the edge — visually confirming its isolation.

"Spread Exploration" preset: Spreads everything out, making ALL connections visible. Here you can trace the path from Behavior Change to AI Medicine: C7→C5→C1→C2. It exists, but it's indirect — requiring three hops through Health Equity and Health Insights.

"Focus Mode" preset: Pulls everything toward center, compressing the graph. This is the "executive summary" view — the major clusters are visible, and the gap between C2 and C7 is most obvious because they're pulled close but have no connecting edge.

The insight: force parameters aren't just cosmetic — they're analytical tools. Each configuration reveals different structural properties of the same network.

Interactive — adjust sliders and try the presets

04

19 Dimensions: Layering AHA Intelligence

With all 19 channels available, AHA's network can encode:

  • Size: Node frequency (Health Insights is largest at 28 nodes)
  • Color: Cluster membership (7 distinct strategic domains)
  • Glow: Gap-bridging nodes (connecting AI ↔ Behavior Change)
  • Edge opacity: Connection strength (C1↔C3 at weight 8 is brightest)
  • Edge dash: Temporal status (established partnerships = solid, new initiatives = dashed)

But activating all channels simultaneously overwhelms cognition. The sweet spot for AHA board presentations: Size + Color + Edge Opacity + Glow — four channels that answer "What are the main topics (color), how important are they (size), how connected are they (edges), and where are the strategic gaps (glow)?"

Adding a fifth channel (edge dash for temporal) pushes past cognitive bandwidth — save it for the deep-dive with the research team.

Interactive — toggle channels on/off, watch the cognitive bandwidth indicator

05

InfraNodus Live: From Analysis to Visualization

The InfraNodus adapter transforms raw graph exports into the visualization format. For AHA's network, the adapter automatically:

  • Maps modularity_class to cluster colors (7 classes → 7 palette colors)
  • Detects gap-bridging nodes via betweenness centrality (85th percentile threshold)
  • Identifies hub nodes via degree (90th percentile threshold)
  • Normalizes frequency to visual size via sqrt scaling

The paste-your-own-data feature means any InfraNodus analysis — competitor landscapes, content audits, research paper networks — can be instantly visualized with the same constellation aesthetic and gap detection.

Interactive — paste your own InfraNodus JSON export to render a custom graph

06

Claude Artifact: Visualization in Conversation

The artifact template lets Claude generate interactive graph visualizations directly in conversation. Ask Claude to "analyze AHA's strategic landscape and render the knowledge graph" — it fills the data injection point with the analysis results, and the artifact appears as an interactive panel.

Constraints: single file, inline JS/CSS, D3 from whitelisted CDN only. No external API calls, no localStorage. The data lives entirely within the artifact.

Interactive — this is the same output Claude generates as an artifact

07

MCP App: Agent-Driven Visualization

The MCP App server brings this system into Claude Desktop. During a conversation, Claude calls render_graph with AHA's network data, and an interactive panel appears alongside the chat.

The bidirectional architecture means:

  • Claude pushes graph updates (new nodes discovered during research)
  • The user explores the visualization (pan, zoom, hover for details)
  • Click-to-focus sends context back to Claude ("tell me more about this cluster")

This closes the loop between analysis and visualization — the agent thinks in graphs, the human sees in graphs, and both can act on what they see.

# Setup cd examples/07-mcp-app && npm install # Add to Claude Desktop config: { "mcpServers": { "viz-playground": { "command": "node", "args": ["path/to/examples/07-mcp-app/server.js"] } } }
Conclusion

The Structural Gap

The single most important finding in AHA's knowledge graph: AI & Digital Medicine (C2) and Behavior Change (C7) have no direct connection. Digital health tools aren't informed by behavioral science, and behavioral interventions aren't leveraging AI.

Every visualization technique in this suite reveals this gap differently:

  • Constellation: Empty space between clusters
  • Glow: Gap-bridging keywords light up
  • Force dynamics: Clusters drift apart
  • Multi-encoding: Gap status channel highlights the disconnect
  • InfraNodus: Betweenness centrality identifies bridge opportunities

Strategic Recommendation

Invest in "digital therapeutics" and "AI-powered behavior coaching" — concepts that bridge both clusters and fill the structural gap. These are not incremental improvements. They represent the highest-leverage opportunities in AHA's strategic landscape, sitting at the intersection of two domains that currently operate in isolation.