Websites and Inspirational Storytelling Platforms, Datavis

The Pudding

Some of the best visual essays and journalistic storytelling visualizations, produced by Matt Daniels and his collaborative team in Brooklyn.

Washington Post Graphics

Tumblr page of the Washington Post Graphics team

The Upshot / The New York Times

Data visualization column at The New York Times

Flowing Data

Data, design, and stats blog run by Nathan Yau 

Information is beautiful

Visualization blog founded by David McCandless, sharing information graphics and visualizations of all sorts

Awwwards.com

Top web design resource

Open Source Data Visualization Building Resources

Data / Design Resources

Suggested Readings and Books, Datavis

  • Edward Tufte, Visual Explanations
  • Scott Murray, Interactive Data Visualization for the Web
  • Colin Ware, Information Visualization

Alvin’s favorite visual and data storytelling books:

  • The Wall Street Journal Guide to Information Graphics, Dona Wong | Link
  • Understanding Comics, Scott McCloud | Link
  • The Functional Art, Alberto Cairo | Link

Data Visualization Style Guidelines

Company nameURL of guidelinesCompany typeLast updated
Sunlight Foundationhttps://sunlightfoundation.com/2014/03/12/datavizguidenon-profit2014
Consumer Financial Protection Bureauhttps://cfpb.github.io/design-system/guidelines/data-visualization-guidelinesgovernment2018
Dallas Morning Newshttps://knightcenter.utexas.edu/mooc/file/tdmn_graphics.pdfnews or journalism2005
The Urban Institutehttps://urbaninstitute.github.io/graphics-styleguide/non-profit
MinnPosthttp://code.minnpost.com/minnpost-styles/news or journalism2016
BBC Audienceshttps://public.tableau.com/profile/bbc.audiences#!/vizhome/BBCAudiencesTableauStyleGuide/Hellonews or journalism2018
IBMhttps://www.ibm.com/design/v1/language/experience/data-visualization/for profit2016
Office for National Statisticshttps://style.ons.gov.uk/category/data-visualisation/government2019
International Business Communication Standards (IBCS®)https://www.ibcs.com/standardsnon-profit2018
London City Intelligencehttps://data.london.gov.uk/blog/city-intelligence-data-design-guidelines/government2019
BBChttps://www.bbc.co.uk/gel/guidelines/how-to-design-infographicsnews or journalism2016
Shopifyhttps://polaris.shopify.com/design/data-visualizationstfor profit
Opowerhttps://ux.opower.com/opattern/how-to-charts.htmlfor profit2015?
Consults-IoT.Com LLPhttps://www.consults-iot.comnews or journalism
MailChimphttps://ux.mailchimp.com/patterns/datafor profit
Google- Material Designhttps://material.io/design/communication/data-visualization.htmlfor profit2019
Salesforcehttps://lightningdesignsystem.com/guidelines/charts/for profit2019
Cato Institutehttps://github.com/glosophy/CatoDataVizGuidelines/blob/master/PocketStyleBook.pdfnon-profit2019
BBChttps://bbc.github.io/rcookbook/news or journalism2019
Microsofthttps://docs.microsoft.com/en-us/office/dev/add-ins/design/data-visualization-guidelinesfor profit2017
ACIhttps://www.interaction-design.org/literature/book/the-encyclopedia-of-human-computer-interaction-2nd-ed/data-visualization-for-human-perceptionfor profit2019
Trafford Data Labhttps://www.trafforddatalab.io/graphics_companion/government5 June 2018
Trafford Data Labhttps://www.trafforddatalab.io/interactive_graphics_companion/governmentJanuary 2019
Adobehttps://spectrum.adobe.com/page/data-visualization-fundamentals/for profitDecember 2019
NZZhttps://nzzdev.github.io/Storytelling-Styleguide/#/news or journalism2019-07-24
Human Managedhttps://www.figma.com/file/jixsiIT7pCeiPMk8oiM6Qb/Data-viz-system?node-id=547%3A12066for profit2021
Sonoshttps://www.surgeryredcow.com/6Commercial
IBMhttps://www.ibm.com/design/language/data-visualization/overviewfor profit
U.S. Design Systemhttps://designsystem.digital.gov/components/data-visualizations/government2021
Avivahttps://standards.aviva.com/framework/element-library/components/pie-chart/for profit2021
why.It_Spaceanormalee.comFor my students (UX UI)Didn’t created it yet
Pearsonhttps://accessibility.pearson.com/resources/dataviz/for profitUnknown
Monash Climate Change Communication Research Hub (MCCCRH)https://apo.org.au/node/314650Higher Education/Research

Source: https://docs.google.com/spreadsheets/d/1F1gm5QLXh3USC8ZFx_M9TXYxmD-X5JLDD0oJATRTuIE/edit#gid=1679646668

Google Books (Ngram Viewer)

https://books.google.com/ngrams/

The Google Ngram Viewer or Google Books Ngram Viewer is an online search engine that charts the frequencies of any set of search strings using a yearly count of n-grams found in sources printed between 1500 and 2019 in Google’s text corpora in English, Chinese (simplified), French, German, Hebrew, Italian, Russian, or Spanish. There are also some specialized English corpora, such as American English, British English, and English Fiction.

Library of resources, Data Visualisation

Best beginner resource:

Data Visualization Catalogue 

Excellent library of resources, Dataviz :

DataViz Cheatsheet 

Visualizing Percentages 

Sizing Circles for Data Visualization 

Chart Chooser 

Chart Chooser Cards 

The Graphic Continuum

Financial Times Visual Vocabulary

The Data Viz Project 

Interactive Chart Chooser 

Graphic Cheat Sheet 

How to Choose Your Charts 

The Chart Guide 

Power BI Visuals Reference

Classification of Chart Types 

Chartmaker Directory 

Visual Analogies 

Visualization Universe

Data Visualization Checklist 

Play Your Charts Right 

From Data to Viz 

Qualitative Chart Chooser 

Which Visualization Quick Reference Guide