PaceUI

  • Components
  • Blocks
  • Templates
  • Studio
  • Resources
Intro
  • Blocks
  • Installation
  • MCP
Dashboard
  • Stats
  • Widget
  • Tables
  • Notification
  • Profile Menu
  • Widget Layout
  • Promos
Marketing
  • Hero
  • Feature
  • Pricing
  • Testimonials
  • FAQs
  • Topbar
  • Footer
  • Cookie Consent
  • Login
  • Register
  • Forgot Password
  • Reset Password
  • Verify Email
  • 2 FA
Apps
  • Analytics
  • Education
  • File Manager
  • Projects
  • Finance
  • Health
  • Chats
  • Forms
Free
  • 30+ Shadcn free blocks
  1. Blocks
  2. TanStack Charts
PreviousNext

Hierarchy & Flow

Free treemaps, delaunay networks, force-directed graphs, and vector fields.

Treemap Chart

Hierarchy Tree

Waterfall Chart

Sales Lead Conversion Step Funnel

Waffle Unit Chart

GeoJSON Map

Force Directed Network

Delaunay Network

Vector Field

Comparison & RankingInteractive Cursor

PaceUI

Animated blocks, components, and templates for Next.js and TanStack Start. Built with Motion and shadcn - clean code you own.

GitHubTwitterDiscord

Products

BlocksComponentsTemplatesCraftsTanStack ChartsMCP ServerStarter KitsStyleX Components

Resources

DocumentationMotion ComponentsGSAP AnimationsNative AIBlogChangelog

Pricing & Account

PricingManage AccountLicensesAPI KeysAffiliate Program

Company

Contact UsDiscord CommunityPrivacy PolicyTerms of Service

© 2026 PaceUI. All rights reserved. Built by indie developer, Denish

PACEUI

Squarified Hierarchical Treemap
Space-filling treemap tiling nested package structure proportional to file sizes
/flare/animate/Easing/flare/util/MathUtil/flare/util/StringUtil
Animate and Util packages occupy largest rectangular area
Squarified layout optimizes aspect ratios for easy visual area comparison
Tidy Hierarchy Tree
Tree layout algorithm mapping hierarchical package namespace dependencies
RootAnalyticsVisualizationClusterGraphAxisScale
Tidy node distribution prevents label overlap across branches
Nodes positioned proportionally according to tree hierarchy level and parent relationships
Revenue Waterfall Bridge
Sequential waterfall bridge analyzing net revenue variance drivers
Start RevenueNew SalesChurnDiscountsUpsellsNet Total050100150Revenue ($k)
Net ending revenue expanded +$40k over fiscal period
Green bars reflect gains; Red bars depict losses; Blue bar shows net ending total
Sales Lead Conversion Step Funnel
Step-down conversion stages tracking user dropoff from awareness to paid conversion
ImpressionsClicksLead SignupTrial UserPaid Customer020,00040,000Leads Count
End-to-end conversion rate: 1.7% from impression to paid
Sequential stage volume reduction visualized with categorical step bar series
Frontend Framework Market Share Waffle
100-cell unit square grid representing proportion breakdown
React and Vue account for 60% of overall developer usage
Each rounded grid unit square represents 1% market allocation
GeoJSON Architectural Plan
Spatial polygon projection mapping for venue floor layouts
4 spatial zones rendered with d3 identity projection
Custom GeoJSON feature collection mapped to SVG paths
Force-Directed Network
Physics-based force layout displaying node relationships and entity interaction clusters
ValjeanJavertFantineCosetteMariusEponineThenardierMme.ThenardierEnjolrasGavrocheCourfeyracCombeferre
Nodes positioned via spring-embedder force simulation
Repulsive many-body forces separate clusters while link tension pulls connected entities
Delaunay Spatial Triangulation
Spatial mesh network connecting points via 2D Delaunay triangulation
1,5002,0002,5003,0003,5004,0004,5005,000Weight (lb)10203040Fuel Economy (mpg)
Mesh edges connect neighboring spatial clusters optimal proximity
Delaunay triangulation maximizes minimum angles of all triangles in mesh