Visualizing Data

ALL DATA VISUALIZATION RESOURCES

making interactive bubble charts
Making an interactive bubble chart with D3 v. 4

Tutorial on how to make a bubble chart in D3 version 4.

using images in bubble charts part 1
Using images in D3 bubble charts (Part 1)

Tutorial on how to put background images onto bubble charts. Video 1 of 2.

using images in bubble charts p 2
Using images in D3 bubble charts (Part 2)

Tutorial on how to put background images onto bubble charts. Video 2 of 2.

interactive clustering and reorganizing
Interactive clustering and reorganizing in D3 bubble charts

Tutorial on how to use D3s Simulation/forceX to reposition your nodes in an interactive bubble chart.

ai2html intro
Introduction to Converting Illustrator to HTML

Tutorial on how to use the New York Times’ ai2html to make very simple responsive graphics and data visualizations. Video 1 of 2.

responsive data with ai2html
Responsive Data Visualizations in Illustrator with ai2html

Tutorial on how to use ai2html to make different versions of your data visualizations (or any graphics) for different size screens.

easy data driven bubble maps
Easy Data-Driven Bubble Maps in Adobe Illustrator

Tutorial on using Adobe Illustrator's pie graph tool to make bubble map data visualizations

making bubble charts in ai
Making Bubble Charts (Circle Scatterplots) using Illustrator

Tutorial on using Adobe Illustrator's pie tool and the scatter graph tool to make sized-circle bubble charts.

how to make data-driven bubble maps
How to Make Data-Driven Bubble Maps in Adobe Illustrator

Tutorial on making bubble maps in Adobe Illustrator.

bubble maps in 2 minutes
How to Make Bubble Maps in Illustrator (2-minute Tutorial)

Tutorial on making bubble maps in 2 minutes using Adobe Illustrator

visualization and network analysis
Visualization and Network Analysis

A class on visualization (built upon design principles from user experience considerations, graphic design, and the study of the human visual system) and social network analysis in journalism.

vis occrp
The OCCRP's Visual Investigative Scenarios

(VIS) is a data visualization platform designed to assist investigative journalists, activists and others in mapping complex business or crime networks.

matplotlib logo
Matplotlib

Library for Python that allows you to create all sorts of charts and graphs from your data sets.

d3.js logo
D3.js

The library d3.js powers most all of the custom visualizations you see on the internet today.

qgis logo
QGIS

Free software package for OS X, Windows and Linux that can manipulate and geographic information (e.g. shapefiles)

workbench logo
Workbench

A platform that allows journalists to scrape, clean, analyze and visualize data without requiring any coding

timelinejs logo
TimelineJS

An open-source tool that enables anyone to build visually rich, interactive timelines

quartz logo
Quartz Chartbuilder

A front-end charting application created by Quartz to help crank out attractive visuals for data-driven stories.

datawrapper logo
Datawrapper

Open-source tool that guides you through the creation of simple interactive graphs.

tableau logo
Tableau

An interactive data dashboard tool that does charting, mapping and other visualizations

I WANT TO

video-camera icon

Watch all the videos

book icon

Read all the materials

th icon

Explore all the available tools