Common charts for data analysis and business intelligence
Compare categorical data with vertical bars. Hover to see details.
Display trends over time with smooth animations and interactive points.
Stacked areas showing multiple data series with smooth curves.
Visualize relationships between two variables with color-coded categories.
Show proportions of a whole with interactive slices.
Pie chart variation with a hollow center for additional information.
Compare multiple variables on a circular grid.
Visualize data density with color-coded cells and gradient legend.
Analyze value distribution using binned frequencies.
Summarize distribution with quartiles, whiskers, and outliers.
Compare distributions across categories with density shapes.
Show 3 variables with X, Y, and bubble size encoding.
Track cumulative positive and negative changes across stages.
Visualize stage-by-stage conversion drop-off.
Track daily activity intensity across weeks and months.
Compare ranked categories with stem-and-dot markers.
Track open-high-low-close price movement over time.
Visualize flowing composition changes across multiple time series.
Compare multivariate samples across multiple dimensions.
Show bidirectional relationship strengths between categories.
Aggregate dense scatter points into hexagonal density bins.
Compare many category distributions as layered density ridges.
Compact layered time-series view with positive and negative bands.
Track ranking position changes across periods.
Compare many radar profiles side-by-side in a compact grid.
Render large point clouds with canvas while preserving SVG axes.
Explore nested and hierarchical data structures
Display hierarchical data as nested rectangles with size proportional to values.
Radial visualization of hierarchical data with interactive segments.
Nested circles representing hierarchical partitions by size.
Partitioned hierarchy layout shown as stacked rectangular layers.
Classic tree layout showing parent-child relationships.
Cluster-style hierarchical tree for leaf relationship distance patterns.
Visualize connections, relationships, and flows between entities
Interactive network visualization with draggable nodes and physics simulation.
Flow diagram showing the magnitude of flows between nodes.
Track categorical transitions across sequential stages.
Matrix view of connection intensity between network nodes.
Map-based views for regional intensity, symbol scaling, and population density patterns
Encode region-level values using sequential color intensity.
Compare regional magnitude with size-scaled symbols.
Represent regional concentration using sampled point densities.
Distort region area by metric value while preserving rough geography.
Additional chart types including grouped, stacked, and specialized visualizations
Side-by-side bars comparing multiple series across categories.
Bars with segments showing part-to-whole composition.
Cumulative area trends showing composition over time.
Grid of squares for intuitive percentage visualization.
Tiny inline charts for compact trend visualization.
Trellis display of multiple small charts for comparison.
Project timeline with task durations and progress tracking.
KPI performance gauge with qualitative ranges and targets.
Before/after comparison showing ranking changes.
Force-simulated scatter plot with no overlapping points.
Linear network visualization with curved connection arcs.
Two-dimensional market share with variable column widths.
Set relationships with overlapping circles and intersections.
Isolines showing elevation or density patterns.
Radial chart with varying radii (Coxcomb/Nightingale Rose).
Back-to-back demographic bars by age and gender.
Event timeline with markers and date labels.
Geographic movement visualization with curved flow lines.
Nearest-neighbor spatial partitioning with colored cells.
Circular hierarchical layout with radial branches.
This is a comprehensive showcase of 60 D3.js visualizations integrated with Material-UI 5 in a Next.js application. All visualizations feature: