Component Playground

Interactive examples showcasing HoodiniViz components. Each example loads live data and demonstrates different configuration options.

These examples load real data from GitHub and are fully interactive. Try zooming, panning, and clicking on elements!

Available Examples

🎛️ Dashboard (Basic)🎨 Custom Palettes ⚙️ HoodiniViz Standalone 🌳 Minimal Tree

Quick Start

Choose HoodiniDashboard or HoodiniViz based on your needs:

Component	Best For	Includes
HoodiniDashboard	Most users	Data loading, sidebar controls, full UI
HoodiniViz	Advanced users	Visualization only, you manage data & UI

Component Architecture


┌─────────────────────────────────────────────────────────────┐
│                     HoodiniDashboard                        │
│  ┌──────────┐  ┌─────────────────────────────────────────┐  │
│  │ Sidebar  │  │              HoodiniViz                 │  │
│  │ Controls │  │  ┌─────────────────────────────────┐    │  │
│  │          │  │  │   Tree    │  Gene Neighborhoods │    │  │
│  │ • Zoom   │  │  │           │                     │    │  │
│  │ • Filter │  │  │           │   ┌───┐ ┌──┐ ┌───┐  │    │  │
│  │ • Colors │  │  │   ├── A   │   │   │ │  │ │   │  │    │  │
│  │ • Links  │  │  │   ├── B   │   └───┘ └──┘ └───┘  │    │  │
│  │          │  │  │   └── C   │                     │    │  │
│  └──────────┘  │  └─────────────────────────────────┘    │  │
│                └─────────────────────────────────────────┘  │
└─────────────────────────────────────────────────────────────┘