Factory for Good

Allocation Treemap

Dashboard-level wrapper around CauseAllocationTreemap with built-in sample allocation data.

Installation

pnpm dlx shadcn@latest add @ffg/allocation-treemap

Usage

"use client"
import { AllocationTreemap, ALLOCATION_DATA } from "@/components/ui/allocation-treemap"

// Uses built-in sample data:
<AllocationTreemap />

// Or pass your own:
<AllocationTreemap data={myData} />

A thin wrapper over CauseAllocationTreemap with ALLOCATION_DATA co-located as the default. Import and customise ALLOCATION_DATA for seeding forms or storybook fixtures.

On this page