UI Kit

DataViz UI Kit

Chart.js dashboard with 8 chart types and stat cards.

DataViz UI Kit preview
DataViz UI Kit
$59
Chart.js dashboard with 8 chart types and stat cards.
๐Ÿ”’Secure checkout via Stripe
๐Ÿ“งYou will receive a download link by email after successful payment
๐Ÿ”„Lifetime updates included
โ†ฉ๏ธ30-day refund policy

This is a digital download. No physical item will be shipped.

By purchasing you agree to our Terms of Service. A 30-day refund is available โ€” see our Refund Policy.

About this product

DataViz UI Kit is a complete dashboard and data visualisation component system built on Chart.js. If you're building an admin panel, analytics dashboard, or any data-heavy interface, this kit gives you everything you need in one cohesive package.

Eight Chart.js chart types are pre-configured with sensible defaults, consistent colour palettes, and responsive sizing: line, bar, horizontal bar, doughnut, pie, radar, polar area, and scatter. Each chart ships with two variants โ€” standard and 'filled' โ€” and all tooltips are accessible to keyboard users.

The animated stat card components display a metric, a trend indicator (up/down arrow with percentage), and an inline sparkline in a compact card. On mount they count up from zero to the final value with a configurable easing curve.

The data table component is sortable on any column (client-side for small datasets, server-side hook available for large ones), filterable via a search input, paginated, and includes a CSV export button that generates a properly formatted file from the current filtered and sorted view. Light and dark themes are both included.

Features

  • 8 Chart.js chart types
  • Animated stat cards
  • Sparklines
  • Sortable data table
  • CSV export
  • Light and dark theme
  • Responsive
  • Accessible chart descriptions

Files included

  • dashboard.html
  • dataviz.css
  • dataviz.js
  • demo/index.html
  • README.md
Licence Single-site ยท Personal & commercial use ยท No redistribution or resale