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

Scatter Plot

Free scatter plots, bubble charts, regression lines, and correlation plots.

Framed Scatter

Connected Scatter

Many Point Scatter

Log Scale Scatter

Scatter Marginal Histograms

Linear Regression

Surface Wind Directional Polar Scatter

Parallel Coordinates

Donut ChartsRadar Standard

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

Framed Region Scatterplot
Guide-free scatterplot enclosed in a rounded geometric plot frame
60 vehicle data points mapped inside bounded SVG frame
Shows strong inverse correlation between vehicle weight and fuel efficiency
Directed Connected Scatterplot
2D path trajectory tracking driving distance vs gas prices across time
198019902000201020205,0006,0007,0008,0009,00010,00011,000Miles Driven per Person1.21.41.61.8Cost of Gasoline ($/gal)
Trajectory arrows illustrate chronological progression over 40 years
Connected scatterplot connects 2D points sequentially to visualize non-monotonic relationship dynamics
High-Density Multivariate Bubble Scatterplot
Large point-count scatterplot encoding weight, acceleration, cylinder count, and engine displacement
2,0002,5003,0003,5004,0004,500Vehicle Weight (lb)15200-60 mph Acceleration (sec)
Bubble area scales with square-root engine displacement
Supports high point count rendering with custom radius and color encoding
Logarithmic Axis Class Size Scatterplot
Log-scale X axis scatter showing multi-order-of-magnitude codebase distributions
1002003004006008001k2k3k4k6k8k10k20k30k40k60k80kClass Size (Log Bytes)0246Package Hierarchy Depth
Log scale expands wide 100 to 100,000 Byte dynamic range
Logarithmic spacing prevents compression of smaller values on linear scales
Scatterplot with Marginal Histograms
Bivariate scatter paired with top and right 1D marginal frequency bins
170180190200210220230240Flipper Length (mm)3,0004,0005,0006,000Body Mass (g)
Marginal bars summarize 1D distribution peaks alongside 2D point cloud
Multi-view grid layout aligns top X-histogram and right Y-histogram seamlessly
Horsepower vs Fuel Economy
Scatterplot with fitted linear regression trend line
406080100120140160180200220Engine Power (hp)1020304050Fuel Economy (mpg)
Strong negative correlation observed between horsepower and MPG
Red line denotes ordinary least squares linear fit estimate
Surface Wind Directional Polar Scatter
2D polar coordinate distribution plotting wind bearings and speed observations
Multi-station wind velocity readings plotted by bearing
`radialDot` projects discrete observation points onto polar coordinate space
Multivariate Performance Profile
Parallel coordinates comparing multi-attribute athlete scores across events
100mLongJumpShotPutHighJump400mDecathlon Event020406080100Relative Score (%)
USA leads overall performance profile across speed events
Connected series lines display high-dimensional metric tradeoffs across vertical axes