DataViz Gallery

Explore and interact with diverse chart types

Bar Chart

Uses bars to compare values quantitatively.

Bar Chart Bar Chart example
Engineer’s Salary Infographic

Side-by-Side Comparison

Places two data sets side-by-side for direct comparison.

Side-by-Side Comparison Side-by-Side Comparison example
Fixed vs Growth Mindset

Speedometer Chart

Displays performance metrics on a gauge.

Speedometer Chart Speedometer Chart example
Train Speeds by Francesco Franchi

Line Chart

Shows data progression over time.

Line Chart Line Chart example
Marathon Heart Rate Trends

Area Chart

Highlights area under the trend line.

Area Chart Area Chart example
Brockhaus Encyclopedia Timeline

Spiral Graph

Wraps a time series into spirals.

Spiral Graph Spiral Graph example
Seasonal Temperatures

Timeline

Chronological sequence of events.

Timeline Timeline example
Company History Overview

Gantt Chart

Timeline of tasks.

Gantt Chart Gantt Chart example
Sprint Roadmap

Staircase

Steps in incremental stages.

Staircase Staircase example
Milestone Progress

Pie Chart

Divides a whole into slices.

Pie Chart Pie Chart example
Market Share Breakdown

Donut Chart

A pie chart with a central hole.

Donut Chart Donut Chart example
Budget Allocation

Waffle Chart

Grid of squares representing percentages.

Waffle Chart Waffle Chart example
Election Results

Tree Map

Nested rectangles for hierarchy.

Tree Map Tree Map example
File System Usage

Sunburst Chart

Multi-level hierarchical pie chart.

Sunburst Chart Sunburst Chart example
Website Traffic Sources

Tape Diagram

Visual representation of ratios.

Tape Diagram Tape Diagram example
Class Grade Distribution

Pyramid

Triangular part-to-whole layers.

Pyramid Pyramid example
Maslow’s Hierarchy

Funnel

Progressive reduction layers.

Funnel Funnel example
Sales Pipeline

Bubble Chart

Rough comparison of quantities.

Bubble Chart Bubble Chart example
Company Revenue vs Employees

Bubble Race Chart

Animated bubbles over time.

Bubble Race Chart Bubble Race Chart example
GDP by Country Over Decades

Scatter Plot

Clusters and outliers.

Scatter Plot Scatter Plot example
Height vs Weight

Connected Scatter Plot

Scatter points connected by lines.

Connected Scatter Plot Connected Scatter Plot example
Stock Price vs Volume

Double Materiality Chart

Two-dimensional risk/impact matrix.

Double Materiality Chart Double Materiality Chart example
ESG Risk vs Financial Impact

Histogram

Value distribution in bins.

Histogram Histogram example
Exam Score Distribution

Box Plot

Shows quartiles & outliers.

Box Plot Box Plot example
Salary Range by Role

Violin Plot

Density plot with box plot.

Violin Plot Violin Plot example
Gene Expression Density

Range Plot

Min-max range over categories.

Range Plot Range Plot example
Temperature Ranges by City

Sankey Chart

Flows with proportional widths.

Sankey Chart Sankey Chart example
Energy Flow in Factory

Cycle Diagram

Circular process flow.

Cycle Diagram Cycle Diagram example
Project Lifecycle

Timeline (Circular)

Time events on a circle.

Timeline (Circular) Timeline (Circular) example
Historical Eras

Grid

Uniform, non-hierarchical layout.

Grid Grid example
Photo Gallery Layout

Periodic Table

Structured grid with meaning.

Periodic Table Periodic Table example
Chemical Elements Overview

Polar Grid

Concentric circles + radials.

Polar Grid Polar Grid example
Wind Direction Patterns

Pictogram Chart

Icons represent counts.

Pictogram Chart Pictogram Chart example
Population by Icons

Abstract Tree

Branching hierarchy metaphor.

Abstract Tree Abstract Tree example
Org Structure

Mind Map

Radial brainstorming layout.

Mind Map Mind Map example
Idea Brainstorm

Isotype

Standardized icons for values.

Isotype Isotype example
People Count in Icons

Parallel Coordinates Plot

Multivariate data on parallel axes.

Parallel Coordinates Plot Parallel Coordinates Plot example
Car Specs Comparison

Decision Tree

Flowchart of decisions & outcomes.

Decision Tree Decision Tree example
Loan Approval Logic

Block Scheme - Flowchart

Blocks connected by arrows.

Block Scheme - Flowchart Block Scheme - Flowchart example
Algorithm Steps

Gears

Interlocking circles to show dependency.

Gears Gears example
Team Roles Interaction

Spoke Wheel

Central hub with spokes.

Spoke Wheel Spoke Wheel example
Market Segment Radar

Subway Map

Stylized network paths.

Subway Map Subway Map example
Product Feature Roadmap

Spiral Wheel

Concentric spiral layers.

Spiral Wheel Spiral Wheel example
Customer Journey Stages