Chart Components

A customizable semi-circular gauge component that visualizes metrics using animated bars, featuring responsive sizing, configurable thickness, and smooth motion-based value transitions.

A responsive bar chart component built with Recharts, featuring a clean card layout, interactive tooltips, and customizable axes for visualizing time-series data.

A brutalist-style overlay toolbar for charts that provides controls for exporting data as CSV, downloading images as PNG or SVG, and toggling fullscreen mode.

A custom SVG-based Sankey flow diagram that visualizes proportional relationships and data movement between nodes with automated layout calculation and accessible labeling.

A responsive CSS Grid-based heatmap chart that visualizes intensity data using color interpolation, featuring interactive cells, optional labels, and accessible keyboard navigation.

A responsive treemap chart built with Recharts that visualizes hierarchical data using proportional rectangles with a neubrutalism-inspired aesthetic, featuring custom labels, tooltips, and dynamic color mapping.

A responsive funnel chart for visualizing conversion flows, featuring bold neubrutalism styling, optional animations, custom tooltips, and Recharts integration.

A customizable SVG-based gauge chart featuring animated needle movement, configurable color zones, and multiple layout variants including semicircle, full ring, and meter styles.

A responsive radar chart built with Recharts for multi-variable data comparison, featuring customizable variants, optional tooltips, legends, and grid lines with support for animated transitions.

A responsive radial bar chart built with Recharts, featuring customizable nested or stacked rings, configurable angles, optional tooltips, and dynamic color mapping for visualizing multiple metrics.

A responsive donut chart built with Recharts featuring a customizable center content slot, optional animated transitions, configurable padding angles, and support for both internal and external data labels.

A lightweight, responsive sparkline component for inline data visualization, supporting line, area, and bar variants with trend-based coloring and optional end-point indicators using Recharts.

A responsive data visualization component built on Recharts featuring neubrutalism styling, multiple color palettes, and customizable configuration for complex analytical dashboards.

An animated statistical display component for chart overlays that uses NumberFlow for smooth numeric transitions, featuring customizable labels, prefixes, suffixes, and optional icon support.

A real-time animated line chart component featuring smooth natural curves, dynamic data updates, integrated X and Y axes, and a custom tooltip built with Visx and Framer Motion.

A responsive choropleth map visualization built with Visx and D3, featuring customizable geographic features and an integrated interactive tooltip for data display.

A composable candlestick financial chart featuring grid lines, X and Y axes, and interactive tooltips for visualizing OHLC market data using Visx and motion animations.

A hierarchical sunburst chart visualization featuring interactive segments, breadcrumb navigation, and dynamic labels for displaying nested data structures with smooth animations.

A composable Sankey chart component built with Visx that visualizes flow data through nodes and links, featuring customizable tooltips and responsive aspect ratio support.

A responsive funnel chart component built with Visx and Framer Motion, designed to visualize conversion stages with a configurable aspect ratio and clean data-driven layout.