Skip to main content
Log in

Send feedback

Tell us what works and what could be better. We read every submission.

Send feedback

Tell us what works and what could be better. We read every submission.

Visualization Template Gallery

Start from a working visualization instead of a blank canvas. Browse the eight original VizHub Cloud collections, open any example, then fork it into your account.

179 original gallery placements across 8 collections.

Constructing Visualizations Reference Examples (React & D3)

Reference examples from the Constructing Visualizations course. · 8 examples

React & D3 Starter

Fork this template

CV: Pseudo Scatter Plot

Fork this template

CV: Clickable Circles

Fork this template

CV: Loading CSV Data

Fork this template

CV: Scatter Plot

Fork this template

CV: Line Chart

Fork this template

CV: Bar Chart

Fork this template

CV: Stacked Bar Chart

Fork this template

Vibe Coding Templates

Curated starter templates for editing with AI. · 5 examples

React & D3 Vibecoding Starter

Fork this template

Vanilla D3 Vibecoding Template

Fork this template

Clickable Circles

Fork this template

3D Cube of Spheres

Fork this template

React Tailwind Starter

Fork this template

Starter Templates

Minimal visualization starters. · 5 examples

HTML Starter

Fork this template

D3 Starter

Fork this template

React Starter

Fork this template

Circles with D3

Fork this template

ThreeJS Starter

Fork this template

Most Forked

Popular visualizations from VizHub Cloud. · 5 examples

HTML Starter

Fork this template

Hello VizHub

Fork this template

Let's make a face with D3.js!

Fork this template

React Starter

Fork this template

Shapes and Colors with SVG and CSS

Fork this template

Constructing Visualizations

D3 examples from the Constructing Visualizations course. · 45 examples

Blank Slate with Hot Reloading

Fork this template

Circles with D3

Fork this template

D3 Transitions

Fork this template

Solar System

Fork this template

CSV Dataset Template - Penguins

Fork this template

Margins

Fork this template

Viz Function Concept

Fork this template

Scales and Axes

Fork this template

Axis Labels

Fork this template

Simple Scatter Plot

Fork this template

Scatter Plot with Missing Data

Fork this template

UN Population Estimates 2024

Fork this template

Simple Bar Chart

Fork this template

Keeling Curve Data

Fork this template

Simple Line Chart

Fork this template

Mouse Follower

Fork this template

Responsive Viz Container

Fork this template

Responsive Axes

Fork this template

Axes with Hover

Fork this template

Responsive Scatter Plot

Fork this template

Responsive Bar Chart

Fork this template

Responsive Line Chart

Fork this template

Bar Chart with Basic Hover

Fork this template

Scatter Plot with Color

Fork this template

Interactive Color Legend

Fork this template

Simple World Map

Fork this template

World Cities

Fork this template

Spinning Globe

Fork this template

Daily Surface Air Temperature

Fork this template

Line Chart with Multiple Lines

Fork this template

Brushing Circles with D3-Brush

Fork this template

Zoomable Circles with D3-Zoom

Fork this template

Draggable Circles with D3-Drag

Fork this template

Draggable Circles with Voronoi Overlay

Fork this template

Parallel Coordinates Plot With Brushing

Fork this template

Globe with Panning & Zooming

Fork this template

Common UI Elements with D3

Fork this template

Menu with D3

Fork this template

Multiple Menus with D3

Fork this template

Interactive Stacked Bar Chart

Fork this template

Submarine Cables Globe

Fork this template

D3 Grouped Selections

Fork this template

Code Tree Viz from Livestream

Fork this template

Label Filtering Algorithm Prototype

Fork this template

Interactive Sparkline

Fork this template

Get it Right in Black & White

Examples from the free Get it Right in Black & White course. · 22 examples

SVG Fundamentals

Fork this template

Fill & Stroke

Fork this template

Pseudo Horizontal Bar Chart

Fork this template

Pseudo Line Chart with HTML

Fork this template

Pseudo Scatter Plot With HTML

Fork this template

Pseudo Slope Graph

Fork this template

Pseudo Circle Packing

Fork this template

Sol LeWitt Reproduction

Fork this template

Sol LeWitt Reproduction with D3

Fork this template

Sol LeWitt Reproduction with D3

Fork this template

D3 Selection Exploration

Fork this template

D3 Selections (with lines)

Fork this template

Double Harmonic

Fork this template

D3 Scatter Plot

Fork this template

Daily new cases of Covid in Italy (Episode 8)

Fork this template

Reusable D3 Scatter Plot

Fork this template

Reusable D3 Scatter Plot with Symbols

Fork this template

Animated Reusable D3 Scatter Plot

Fork this template

Animated Scatter Plot with Menus

Fork this template

Scatter Plot with Menus Including Species

Fork this template

Analysis using scatterplots

Fork this template

Scatter Plot COVID-19 Vaccination and Cases with Dual Axis

Fork this template

Datavis 2020

D3 and React examples from Datavis 2020. · 59 examples

Hello HTML

Fork this template

Let's Make a Face Part I

Fork this template

Smiley Face Part II

Fork this template

Smiley Face Part III

Fork this template

Smiley Face Part IV

Fork this template

Smiley Face Part V

Fork this template

Smiley Face Part VI

Fork this template

Mouse Follower

Fork this template

Loading and Parsing CSV Data

Fork this template

Loading Data with React & D3

Fork this template

Vega-Lite API Template

Fork this template

Scatter Plot with Small Points

Fork this template

The Problem of Occlusion

Fork this template

Vega-Lite API Template

Fork this template

Vega-Lite API Template

Fork this template

Vega-Lite API Template

Fork this template

Vega-Lite API Template

Fork this template

Vega-Lite API Template

Fork this template

Vega-Lite API Template

Fork this template

Vega-Lite API Template

Fork this template

Vega-Lite API Template

Fork this template

Vega-Lite API Template

Fork this template

Temperature in San Francisco Area Chart

Fork this template

World Population Area Chart

Fork this template

CO2 Emissions Over Time

Fork this template

ILINet Flu Surveillance Data

Fork this template

ILINet Flu Surveillance Data

Fork this template

Rendering Data with React & D3

Fork this template

Pathetic Bar Chart

Fork this template

Axes with React & D3

Fork this template

Refactored Bar Chart

Fork this template

Stylized Bar Chart

Fork this template

Stylized Scatter Plot

Fork this template

Working with Time

Fork this template

Stylized Line Chart

Fork this template

Polished World Map

Fork this template

Menus with React

Fork this template

Scatter Plot with Menus

Fork this template

Polished Scatter Plot with Menus

Fork this template

Scatter Plot with Color

Fork this template

Scatter Plot with Color Legend

Fork this template

Interactive Color Legend

Fork this template

Points on a Map

Fork this template

Sized Points on a Map

Fork this template

Missing Migrants Scatter Plot

Fork this template

Missing Migrants Date Histogram

Fork this template

Missing Migrants on a Map

Fork this template

Missing Migrants Multiple Views

Fork this template

Multiple Views Cleanup

Fork this template

Multiple Views with Brushing

Fork this template

Migrant Deaths Linked Views with Fast Brushing

Fork this template

Missing Migrants Scatter Plot Log Scale

Fork this template

HIV/AIDS Choropleth Map

Fork this template

Global Coronavirus Deaths

Fork this template

Coronavirus Linear Y Axis

Fork this template

Coronavirus Log Y Axis

Fork this template

Coronavirus Deaths Over Time by Country

Fork this template

Coronavirus Deaths Over Time by Country With Voronoi Overlay

Fork this template

Organization Graph Diagram

Fork this template

Datavis 2018

D3 examples from the 2018 Data Visualization course. · 30 examples

Cars Report

Fork this template

HTML Cars Report

Fork this template

Shapes and Colors with SVG and CSS

Fork this template

Let's make a face with D3.js!

Fork this template

Data Table Summary

Fork this template

Auto MPG Summary

Fork this template

Customizing Axes

Fork this template

Cars Scatter Plot

Fork this template

Temperature in San Francisco Scatter Plot

Fork this template

Temperature in San Francisco Line Chart

Fork this template

Temperature in San Francisco Area Chart

Fork this template

World Population Area Chart

Fork this template

Bowl of Fruit - General Update Pattern

Fork this template

Bowl of Fruit - Animated Transitions

Fork this template

Bowl of Fruit - General Update Pattern Special Cases

Fork this template

Bowl of Fruit - Click to Select

Fork this template

Bowl of Fruit - Hover to Select

Fork this template

Let's make a map with D3.js!

Fork this template

Cheap Tricks for Interaction

Fork this template

Blank Canvas

Fork this template

World Countries Tree

Fork this template

Color and Size Legends

Fork this template

Choropleth Map

Fork this template

Choropleth Map with Interactive Filtering

Fork this template

Scatter Plot with Menus

Fork this template

Circles on a Map

Fork this template

Line Chart with Multiple Lines

Fork this template

Melting Data for Multiple Lines

Fork this template

Map with Selectable Countries

Fork this template

Selecting a Year on a Line Chart

Fork this template