Tooling to get started in visual storytelling.

Resources

Our guide to get you started with all things visual.

Buried Signals

Getting Started Guide

Lapis is a no-code data storytelling tool that facilitates real-time collaboration and long-term community building

Kontinentalist

Lapis

Easily create immersive scrollytelling stories with Flourish, the ultimate tool for data visualization and storytelling.

Flourish Scrollytelling

On Data And Design is an evening lecture series initiated by Darjan Hil in 2018.

Superdot Studio

On Data & Design

Elija Meeks & Susie Lu

Viz Palette

A collection of dataviz caveats by data-to-viz.com

Data to Viz

A collection of graphic pitfalls

Unseen trends, uplifting stats, creative solutions — a new chart every day. From Information is Beautiful.

Information is Beautiful

Beautiful News

This guide gives you the good, the bad, and the in-between of commonly used 
charts and graphs for data communications.

Storytelling with Data

charts and graphs

Integrate custom live maps, location search, and turn-by-turn navigation into any mobile or web app with Mapbox APIs & SDKs. Get started for free.

Mapbox

Blogs, videos, podcasts, and other resources for the data journalism and visualization communities.

The Pudding

The Pudding Resources

Visual learners are people who think in pictures[1] and use words to communicate that picture to others. 

Adioma

How To Think Visually Using Visual Analogies – Infographic

What types of visualization do we search for and why? What tools and books influence our decisions?

Google News Lab x Adioma

Visualization Universe

Visuals are everywhere, and knowing the myriad aspects of visual communication can prove to be a comprehensive guide to the art of designing effectively.

DesignMatic

Commandments of Visual Communication

A poster and web site to assist designers and journalists to select the optimal symbology for data visualisations, by the Financial Times Visual Journalism Team.

Financial Times

Financial Times Visual Vocabulary

Collection of data visualizations to get inspired and find the right type

Ferdio

Data Viz Project

Reference sheet for different ways to visualize percentage data.

Info Newt

Visualizing Percentages

The Information is Beautiful Awards has been celebrating excellence & beauty in data visualization, infographics, interactives &  information art for eight years

Download a copy of my Core Principles of Data Visualization Cheat Sheet, a summary of intro material to do a better job communicating your data.

PolicyViz

DataViz Cheatsheet - PolicyViz

A handy guide and library of different data visualization techniques, tools, and a learning resource for data visualization.

The Data Visualisation Catalogue

Reading List

Our Twitter list of visual journalists and storytellers.

Our Twitter List

Responsive scrollable videos without obscure video encoding requirements. Compatible with React, Svelte, Vue, and plain HTML.

ScrollyVideo

ScrollyVideoJS

The biggest list of chart examples available on the web. 149 of the best viz projects displayed using a pinterest style sorted by tool and chart type.

Dataviz Inspiration

Dataviz Inspiration | Hundreds of chart examples

A classification of all possible chart types classified following the input data format.

From Data to Viz

Easily go from design to world-class site with Framer, the web builder for creative pros.

Framer

The freedom to create, the freedom to be seen, and the freedom to thrive. We know this is what you need, because we need it too.


MediaStorm Platform

A narrative scripting language for games.

Inkle

Felt lets you create maps collaboratively, using world-class data, and share them in a single click. 

Felt

Gephi is the leading visualization and exploration software for all kinds of graphs and networks.

Gephi

A simple way for journalists, designers,
and creators to weave interactive stories/

CartoDB

OdysseyJS

TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. Beginners can create a timeline using nothing more than a Google spreadshee.

Timeline

TimelineJS

Juxtapose helps you tell a story comparing two images. 

Juxtapose

JuxtaposeJS

A web-based reading and analysis environment for digital texts.

Voyant Tools

With a reasonable trade-off in force graph simulation accuracy, Cosmograph creates graph layouts within seconds allowing you to explore complex networks in real time.

Cosmograph

A free and open source tool for data visualization.

RAW Graphs

Create interactive, responsive & beautiful data visualizations with the online tool Datawrapper — no code required. Used by the UN, New York Times, SPIEGEL, and more.

Datawrapper

Datawrapper: Create charts, maps, and tables

The Pudding explains ideas debated in culture with visual essays.

Pudding.cool

World's Leading Visual Storytelling and Journalism Community

Society For News Design

Society for News Design

Hypothesis is a new effort to implement an old idea: A conversation layer over the entire web that works everywhere, without needing implementation by any underlying site.

Hypothesis

Machine Learning Research should be clear, dynamic and vivid. Distill Is Here to Help.

Distill.pub

Distill — Latest articles about machine learning

Beautiful, easy data visualization and storytelling.

Flourish.studio

Flourish

Explorable Explanations

Idyll can be used to create explorable explanations, write data-driven stories, and add interactivity to blog engines and content management systems. 