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

Comparison & Ranking

Free slopegraphs, bump ranking charts, parallel coordinates, and change arrow charts.

Lollipop Chart

Dumbbell Plot

Slopegraph Chart

Bump Ranking

Change Arrows

Diverging Likert

Population Pyramid

Marimekko Mosaic

Lag Autocorrelation

Distribution & StatsHierarchy & Flow

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

Category Frequency Ranking
Ranked lollipop chart comparing relative discrete occurrence weights
ETAOINSHRDCategory0%5%10%15%Relative Ratio
Top item accounts for 12.7% total distribution weight
Lollipops emphasize discrete scalar points while reducing visual bar clutter
Metro Inequality Shift (1980 vs 2015)
Dumbbell plot comparing historical baseline and current wage ratios
24681090th/10th Percentile Wage RatioNew YorkSan FranciscoChicagoHoustonBoston
San Francisco experienced largest ratio expansion (+4.6)
Blue dots mark 1980 baseline; Orange dots denote 2015 measurement
Metro Inequality Slopegraph
Two-period slopegraph tracking metro wage inequality changes from 1980 to 2015
New YorkSan FranciscoChicagoBostonHouston198020154681090/10 Wage Inequality Ratio
All observed metropolitan areas show steep upward ratio trajectories
Slope inclination directly visualizes relative rate of increase across periods
Industry Unemployment Bump Chart
Curve-bump ranking lines tracking position shifts across annual observations
TradeManufacturingServicesTechConstruction202020212022202320242025Year#5#4#3#2#1Ranking Position
Trade maintains top rank across recent observation years
Smooth bump curves illustrate ordinal rank swaps over time
Population & Wage Vector Shifts
2D vector arrows depicting metro population growth versus wage inequality shift
5.86.06.26.46.66.87.07.27.47.6Log10 Population468Wage Inequality Ratio
Vector direction shows simultaneous population expansion and inequality ratio
Green vectors denote increasing inequality; Red vectors denote decreasing inequality
User Satisfaction Survey
Diverging Likert scale bars anchored around neutral survey sentiment
40200204060← Disagree · Neutral · Agree →UsabilityPerformanceDocumentationSupport
Usability receives highest positive agree ratio (60%)
Positive sentiment extends to the right; negative sentiment diverges to the left
Diverging Population Demographic Pyramid
Bilateral horizontal bar chart displaying male vs female population distributions across age brackets
100k50k0k50k100kPopulation (Thousands)0-1415-2930-4445-5960-7475+
Peak working-age demographic concentrated in 30-44 bracket
Negative male X values mirror positive female X values around zero center axis
Marimekko Survey Mosaic Chart
Variable-width mosaic chart where column width and height encode 2D survey proportions
UsabilityPerformanceValueSupport0%20%40%60%80%100%Question Share of Total0%50%100%Within-Question Share
Support question represents largest total response volume
Mosaic area maps total counts as column width × row height product