Hierarchy & Flow

Treemaps, delaunay networks, force-directed graphs, and vector fields.

Treemap Chart

Squarified hierarchical treemap tiling nested package data blocks.

npx shadcn@latest add @paceui/tanstack-charts-treemap

Loading preview...

Hierarchy Tree

Tree layout algorithm mapping hierarchical package dependencies.

npx shadcn@latest add @paceui/tanstack-charts-hierarchy-tree

Loading preview...

Waterfall Chart

Sequential revenue bridge waterfall chart tracking period variance drivers.

npx shadcn@latest add @paceui/tanstack-charts-waterfall

Loading preview...

Sales Lead Conversion Step Funnel

Step-down conversion stages tracking user dropoff through sales pipeline.

npx shadcn@latest add @paceui/tanstack-charts-sales-funnel

Loading preview...

Waffle Unit Chart

Square cell unit grid visualizing proportion and volume.

npx shadcn@latest add @paceui/tanstack-charts-waffle-unit-chart

Loading preview...

GeoJSON Map

Spatial geographic boundary paths mapping data values to map regions.

npx shadcn@latest add @paceui/tanstack-charts-geojson-map

Loading preview...

Force Directed Network

Force-directed graph layout visualizing nodes and physics spring link connections.

npx shadcn@latest add @paceui/tanstack-charts-force-directed-network

Loading preview...

Delaunay Network

2D Delaunay spatial triangulation mesh network.

npx shadcn@latest add @paceui/tanstack-charts-delaunay-network

Loading preview...

Vector Field

Directional vector arrows mapping circulation and flow field magnitude.

npx shadcn@latest add @paceui/tanstack-charts-vector-field

Loading preview...