DataVIZ - Resources

"A person can have the greatest insight in the world.  But if that person can’t share the value of that insight with other people,  it doesn’t matter." - Gregory Berns (paraphrased)

Data Storytelling Examples:

World's Biggest Data Breaches & Hacks: https://www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks/

ABC News Privacy (Visual Profile): https://www.abc.net.au/news/2023-05-18/data-breaches-your-identity-interactive/102175688

Leading Oil & Gas producers: https://informationisbeautiful.net/visualizations/ukraine-russian-war-infographics-data-visuals/

Covid-19 Dashboard:  https://gisanddata.maps.arcgis.com/apps/opsdashboard/index.html#/bda7594740fd40299423467b48e9ecf6 

Hans Rosling: http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen

Steve Jobs (iPhone Launch): https://youtu.be/Etyt4osHgX0

911 Memorial: http://names.911memorial.org/

US Gun Killings: http://guns.periscopic.com/?year=2010

Luminaries:

Laurie Frick: https://www.lauriefrick.com/

Albero Cairo: http://www.thefunctionalart.com 

William Du Bois: https://www.smithsonianmag.com/history/first-time-together-and-color-book-displays-web-du-bois-visionary-infographics-180970826/

Women in DataViz (Full List): http://stephanieevergreen.com/females-in-dataviz/

Women in DataViz (Top 10): https://www.juiceanalytics.com/writing/celebrating-women-in-data-visualization

Stephen Few: https://www.perceptualedge.com/

Charles Minard: http://www.tableausoftware.com/public/gallery/minard-visualization-1812

John Snow: http://public.tableau.com/en-us/s/gallery/mapping-1854-cholera-outbreak

Florence Nightingale: http://boraberan.wordpress.com/2014/03/30/creating-coxcomb-charts-in-tableau/

Ben Shneiderman: http://www.cs.ubc.ca/~tmm/courses/cpsc533c-05-fall/readings/shneiderman96eyes.pdf

Nancy Duarte: https://www.ted.com/talks/nancy_duarte_the_secret_structure_of_great_talks/transcript?language=en

Cole Nussbaumer Knaflic: https://www.linkedin.com/in/colenussbaumer/

Seth Priebatsch (Gamifaction): http://www.ted.com/talks/lang/en/seth_priebatsch_the_game_layer_on_top_of_the_world.html 

Nicholas Feltron Home: http://feltron.com/

Brett Victor: http://worrydream.com/

Kight Foundation:  https://journalismcourses.org/ 

Paul Hodge (Visual Resume): https://app.powerbi.com/view?r=eyJrIjoiZTU4NGZlY2ItYjQ5ZS00NjhlLWExZWEtZGQ3MjYzNzYwMzg5IiwidCI6IjAxMzkxZmUzLTYxYjItNDhhMi04YzZjLTcxM2UwMDEwOGFmYiJ9

More... DataViz Experts: https://mode.com/blog/data-visualization-experts

DataViz Blogs/Collections:

Data Visualization Society: https://www.datavisualizationsociety.org/

Information is Beautiful: https://informationisbeautiful.net/

Data Journalism: https://datajournalism.com/

USA Facts: https://usafacts.org/

Periscopic: https://periscopic.com/#!/

FlowingData: https://flowingdata.com/

The Pudding: https://pudding.cool/

FiveThirtyEight.: https://fivethirtyeight.com/

Map Examples: https://www.mapbox.com/blog/hundreds-of-earths-to-explore

Financial Examples: https://www.visualcapitalist.com/

The Guardian: https://www.theguardian.com/interactive 

"If you wish to influence an individual or a group to embrace a particular value in their daily lives, tell them a compelling story." - Annette Simmons

Data Story Examples:

Bill Gates (extreme poverty): https://www.youtube.com/watch?v=efnHiz0USQE

The Hero's Journey: https://www.masterclass.com/articles/writing-101-what-is-the-heros-journey#joseph-campbell-and-the-heros-journey

Monroe's Motivated Sequence: https://www.mindtools.com/pages/article/MonroeMotivatedSequence.htm

And But Therefore: https://www.formalifesciencemarketing.com/white-papers/life-science-stories-and-but-therefore/

Randy Olson: https://en.wikipedia.org/wiki/Randy_Olson

Pixar Story Rules: https://www.davidaprice.com/pixar-story-rules

Pixar in a box: https://www.khanacademy.org/computing/pixar/storytelling

Headline Formulas: http://sumo.com/stories/headline-formulas 

Gamification: https://techcrunch.com/2010/08/25/scvngr-game-mechanics/

Story Structures: https://www.fassforward.com/our-thinking/story-structures-how-to-make-your-messages-work

Three Minute Thesis (3MT®): https://www.monash.edu/graduate-research/news-and-events/3mt

Examples of Data Storytelling: https://www.juiceanalytics.com/writing/20-best-data-storytelling-examples

Navigation:

Scrolling story (Airport winds):  https://trailsofwind.figures.cc/ 

Scrolling story (Money in politics) http://letsfreecongress.org/

Scrolling story (Intro to Machine learning): http://www.r2d3.us/visual-intro-to-machine-learning-part-1/

Scrolling Navigation Example: http://brussels-diversity.jetpack.ai/

Find You in the Data:  http://ifyouruledtheworld.figures.cc/ 

Agile User Stories: https://www.atlassian.com/agile/project-management/user-stories

Topic Generator: https://answerthepublic.com/

Uncover Audience Questions: https://questiondb.io/

Examples:

100 Meter Race: http://www.nytimes.com/interactive/2012/08/05/sports/olympics/the-100-meter-dash-one-race-every-medalist-ever.html

Personas: https://www.interaction-design.org/literature/article/personas-why-and-how-you-should-use-them

World Development Report 2021 (Data Stories): https://wdr2021.worldbank.org/

Climate Change: https://densitydesign.github.io/teaching-dd12/es01/group01/

Find yourself in the Data (Number of Hot Days): https://www.nytimes.com/interactive/2018/08/30/climate/how-much-hotter-is-your-hometown.html

Age of Death: https://flowingdata.com/2015/09/23/years-you-have-left-to-live-probably/

Type of Death: https://flowingdata.com/2016/01/19/how-you-will-die/

eBay Donations (video):  https://vimeo.com/114266806
Storytelling Example videos: https://vimeo.com/pviscontest 

New York Times - Brand Studio:  https://www.tbrandstudio.com/ 

Automated Narrative:   https://narrativescience.com/quill/power-bi/interactive-demo/ 

Microsoft Storyteller:  https://timelinestoryteller.com/ 

Fun Projects: https://tulpinteractive.com/

Examples of Narrative based DataViz: https://graphics.reuters.com/

Readability Test: https://app.readable.com/text/

"Data is a precious thing and will inevitably last longer than the systems themselves." - Tim Berners-Lee

Chart Selectors:

FT Visual Vocabulary (PDF): https://github.com/Financial-Times/chart-doctor/tree/main/visual-vocabulary

FT Visual Vocabulary (PowerBI): https://app.powerbi.com/view?r=eyJrIjoiMDA4YWIwZWEtMDE3ZS00YmFhLWE5YWMtODFlZWEzNTU1ODNiIiwidCI6IjZjMGE1YjljLTA4OWEtNDk0ZS1iMDVlLTcxNjEwOTgyOTA0NyIsImMiOjF9

FT Visual Vocabulary (Tableau): https://public.tableau.com/views/VisualVocabulary/VisualVocabulary?:embed=y&:display_count=yes&publish=yes&:showVizHome=no 

FT Visual Vocabulary (Vega - D3): https://gramener.github.io/visual-vocabulary-vega/

Visualisation Catalogue: https://datavizcatalogue.com/

The DataViz Project: https://datavizproject.com/

Chart Types (FlowingData): https://flowingdata.com/chart-types/

1 Dataset 100 Visualisation: https://100.datavizproject.com/

Chart Selector: http://extremepresentation.typepad.com/files/choosing-a-good-chart-09.pdf 

The Graphic Continuum: https://policyviz.com/product/graphic-continuum-poster/ 

Brown University (using D3): https://seeing-theory.brown.edu/index.html#firstPage

Financial Examples:

Visual Financial Income Statement: https://public.tableau.com/views/IncomeStatement_4/IncomeStatement?:embed=y&:display_count=yes&publish=yes&:showVizHome=no

Accounts Receivable Visualisation: https://public.tableau.com/profile/mike.crook.gocougs#!/vizhome/Finance-AccountsPayableReceiptsDemo/APReceivables

Finance Visualisation Examples: https://www.slideshare.net/UPABoston/data-visualizations-that-expand-your-visual-literacy

GDP Visual: https://viz.ged-project.de/

Data Visualization Tools:

Gartner Magic Quad (Animated): https://app.powerbi.com/view?r=eyJrIjoiMTUxYTVkZDYtZTA0Ni00MTVkLTk3ZWEtZGM0MmU5N2FmZTc0IiwidCI6IjAxMzkxZmUzLTYxYjItNDhhMi04YzZjLTcxM2UwMDEwOGFmYiJ9

Coverter (Excel to JSON, etc): https://shancarter.github.io/mr-data-converter/

Data Wrangler: http://vis.stanford.edu/wrangler/

Google Refine: http://openrefine.org/

Visualising Neural Networks: http://playground.tensorflow.org/

Google Lucid Colab Notebooks: https://github.com/tensorflow/lucid

Deep Visualization Toolbox (Jason Yosinshi): http://yosinski.com/deepvis#toolbox

Geospatial information editor: https://www.qgis.org/en/site/

Graph Visualisation tool: https://infranodus.com/use-case/innovation-consulting-trends

Infographic Tools:

Canva: https://www.canva.com/learn/best-infographics/

Flourish: https://flourish.studio/

Best tools: https://shorthand.com/the-craft/visual-storytelling-tools/index.html

Scrolltelling: 

http://cartodb.github.io/odyssey.js/

Examples: http://vallandingham.me/scroll_talk/examples/

https://www.vev.design/blog/scrollytelling-examples/

https://webflow.com/blog/scrollytelling-guide

https://shorthand.com/features/scrollytelling/

https://medium.com/nightingale/from-storytelling-to-scrollytelling-a-short-introduction-and-beyond-fbda32066964

Web Data Scraping:

Journalist Toolbox (with youtube videos): https://www.journaliststoolbox.org/2022/07/20/find-scrape-and-clean-data/

How to Data Scrape: https://www.icij.org/inside-icij/2018/09/web-scraping-how-to-harvest-data-for-untold-stories/

Tool kit for Journalists: https://journocode.com/en/tutorials/a-web-scraping-toolkit-for-journalists/

Scraping Geospatial Data: https://www.bellingcat.com/resources/how-tos/2018/09/05/scrape-interactive-geospatial-data

Data Scraping Tool: https://github.com/scrapinghub/portia

Data Journalism: https://datajournalism.com/read/newsletters/data-scraping-for-stories

Extract Data from Image: https://plotdigitizer.com/extrac-data-graph-image

Extract Data from Image2: https://automeris.io/WebPlotDigitizer/

Sample Data Sources:

Kaggle: https://www.kaggle.com/datasets

Hugging Face (The AI community building the future): https://huggingface.co/

Harvard University Data Atlas: https://atlas.cid.harvard.edu/

Univerity of California - UCI (Machine Learning Repository): https://archive.ics.uci.edu/ml/index.php

Melbourne Economic Data: https://metroverse.cid.harvard.edu/city/13023/economic-composition?digit_level=1

USA Facts: http://www.usafacts.org/

Sample DataSets: https://www.data-is-plural.com/

Global Data Examples:  https://ourworldindata.org/ 

Covid-19 Data: https://ourworldindata.org/coronavirus-data-explorer

Covid-19 Data: https://www.worldometers.info/coronavirus/

Covid-19 Data: https://data.cdc.gov/browse?tags=covid-19

Information is Beautiful Datasets: https://www.informationisbeautiful.net/data/

Melbourne Open Data: https://data.melbourne.vic.gov.au/

Melbourne Permit Visualisation: https://www.developmentactivity.melbourne.vic.gov.au/

Range of DataSet:  https://discover.data.vic.gov.au/dataset?groups=planning 

Other Examples:

Visualising Uncertainty (Hurrican example): https://www.mccormick.northwestern.edu/computer-science/news-events/news/articles/2019/how-data-visualizations-can-clarify-and-confound-uncertainty.html

Politics (2012 US Election): https://www.nytimes.com/elections/2012/electoral-map.html

Sports (Baseball Payback Lens): https://www.autodesk.com/research/publications/video-lens

Scientific Visualizations (Disease Subtyping): https://www.autodesk.com/research/publications/phenolines

GitHub Activity Visual: https://docs.github.com/en/github/setting-up-and-managing-your-github-profile/viewing-contributions-on-your-profile

Alternatives to PieCharts: https://www.tableau.com/about/blog/5-unusual-alternatives-pie-charts

Circular Visualisations: https://www.americanscientist.org/article/circular-visualizations

Visual Models: http://datavizproject.com/

Feature Visualisation Article: https://distill.pub/2017/feature-visualization/

Goggle/Tensorflow T-SNE Projector: http://projector.tensorflow.org/

Google/Tensorflow FACETS Explorer (Know your data): https://pair-code.github.io/facets/

Graphical Perception: http://web.cs.dal.ca/~sbrooks/csci4166-6406/seminars/readings/Cleveland_GraphicalPerception_Science85.pdf

Tableau Jitter: http://community.tableau.com/docs/DOC-5228

MU Collective Lab: https://mucollective.northwestern.edu/

Medical Network Graph:  https://snucm.elsevierpure.com/en/persons/y-chung-8/network/ 

Earth Wind Project: https://earth.nullschool.net/#current/wind/surface/level/orthographic=-226.41,-19.17,339 

Collection of example Charts across Tools: https://chartmaker.visualisingdata.com/

Protein Visualisation: https://aquaria.ws/P05067/4yn0/B

DuckDuckGo: https://duckduckgo.com/

DuckDuckGo (I feel ducky Movie example):  https://duckduckgo.com/?q=!ducky+IMDB+Avatar) 

DuckDuckGo (I feel ducky Jornalist example): https://duckduckgo.com/?q=!ducky+cpj.org+2008+Alexander+Klimchuk

"By visualizing information, we turn it into a landscape that you can explore with your eyes." - David McCandless

Accessibility:

USA Gov Accessibility considerations: https://accessibility.digital.gov/

Aust Gov Web Accessibility: https://www.apsc.gov.au/web-accessibility

Google material Design: https://material.io/design/usability/accessibility.html

Web Accessibility for Designers: https://webaim.org/resources/designers/

Microsoft's Inclusive design: https://www.microsoft.com/design/inclusive/

Apple Accessibility: https://developer.apple.com/design/human-interface-guidelines/foundations/accessibility/

IBM Carbon design (data visualisation): https://carbondesignsystem.com/data-visualization/getting-started/

Color:

Color Brewer2: http://colorbrewer2.org/

Adobe Color:  https://color.adobe.com/explore 

Color of Cultures: https://informationisbeautiful.net/visualizations/colours-in-cultures/

Film Color Palettes: http://film-palettes.tumblr.com/Gestalt 

Color Inspirations site:  https://colorsinspo.com/ 

Colors by Letter:  https://www.facemediagroup.co.uk/resources/a-to-z-guides/a-to-z-of-colours/colours-beginning-with-the-letter-a

Layout:

Principles: https://vizzendata.com/2020/07/06/utilizing-gestalt-principles-to-improve-your-data-visualization-design/

Style Guides (examples): https://policyviz.com/2016/11/30/style-guides/

Style Guides (resources): https://www.datavizstyleguide.com/

Material Design (Introduction): http://material.io/guidelines/material-design/introduction.htmlMaterial 

Design (Charts): https://material.io/design/communication/data-visualization.html#selecting-charts

IBM Design Language: https://www.ibm.com/design/language/data-visualization/overview/

IBM Icon Library: http://www.ibm.com/design/language/resources/icon-library/

Understanding Comics (Scott McCloud): http://scottmccloud.com/ 

Pre-attentive: http://www.csc.ncsu.edu/faculty/healey/download/tochi.96.pdf

Fonts:

Type Worlf: https://www.typewolf.com/

Fonts in Use: https://fontsinuse.com/

Fonts in the Wild: https://www.fontsinthewild.com/

Designers Only Need These 6 Fonts: https://youtu.be/_4cW79vF1mU

Font Comparison: http://www.identifont.com/differences?first=Futura&second=Century%20Gothic&p=5

You work for them: https://www.youworkforthem.com/

Examples:

Rhythm of Food: http://rhythm-of-food.net/

Tableau Pokemon: http://public.tableau.com/profile/mahesh.ramkumar#!/vizhome/Pokemon_66/Pokemonboard

Make-over Monday: http://www.makeovermonday.co.uk/community/

Flight Patterns: http://www.aaronkoblin.com/project/flight-patterns/

100 Dots visual: http://www.abc.net.au/news/2017-06-27/census-australia-as-100-people/8634318?sf92773377=1  

Headline Formulas: http://sumo.com/stories/headline-formulas

Morph (Make Art with Data): https://morph.graphics/

Font Matching Tool:  https://www.myfonts.com/WhatTheFont/ 

Free Artwork (Unsplash): https://unsplash.com/s/photos/data-wallpaper

PowerPoint Templates:  https://youexec.com/free-powerpoint-templates 

PowerPoint Templates: https://www.duarte.com/slidedocs/

Remove Image background: https://www.remove.bg/upload

Productivity Tools:

Witeboard: https://witeboard.com

Blush (build fun images): https://blush.design

What runs (shows what is running on a site): https://www.whatruns.com

Stock Videos (free): https://coverr.co

Workshop Frameworks: https://untools.co

"There are two goals when presenting data: convey your story and establish credibility" - Edward Tufte

Data Governance: https://alexsolutions.com.au/

Spotting Visual Lies: https://flowingdata.com/2017/02/09/how-to-spot-visualization-lies/

Dangerous Visualisations:  https://www.theguardian.com/world/2018/jan/28/fitness-tracking-app-gives-away-location-of-secret-us-army-bases

Overcoming Bias: http://alshams.github.io/responsibledata/bias-in-data-viz/

Clarify, don't Simplify: http://hbr.org/2016/06/visualizations-that-really-work

Recognising Patterns:  http://www.skillsyouneed.com/num/statistics-identifying-patterns.html

Beware Non-Zero Axis: http://stephanieevergreen.com/y-axis/

Tricks with Charts: http://www.businessinsider.com.au/fox-news-charts-tricks-data-2012-11

The Pie Chart debate:  http://visage.co/data-visualization-101-pie-charts/

Visual Data Governance:  http://alexsolutions.com.au/

Data Value vs. Data Risk: https://hbr.org/2017/05/whats-your-data-strategy

Tips and Tricks:  http://www.perceptualedge.com/articles/Whitepapers/Common_Pitfalls.pdf

Design IQ Test: http://www.perceptualedge.com/files/GraphDesignIQ.html

Truthiness: http://viz.wtf/archive

The Bikini Chart: http://eagereyes.org/blog/2012/bikini-chart

Soul Machines:  https://www.soulmachines.com/ 

"We shape our tools and afterwards our tools shape us." - Marshall McLuhan

Tools:

Gartner Magic Quad (Animated): https://app.powerbi.com/view?r=eyJrIjoiMTUxYTVkZDYtZTA0Ni00MTVkLTk3ZWEtZGM0MmU5N2FmZTc0IiwidCI6IjAxMzkxZmUzLTYxYjItNDhhMi04YzZjLTcxM2UwMDEwOGFmYiJ9

Microsoft SandDance: https://microsoft.github.io/SandDance/

Floursih (Animation without Programing): https://flourish.studio/

PowerBI: https://powerbi.microsoft.com/en-au/

Tableau Public (Fun Examples): https://public.tableau.com/en-us/gallery/workout-goal-tracker

Qlikview: http://www.qlikview.com/au

Spotfire: http://spotfire.tibco.com/trial

Yellowfin: http://www.yellowfinbi.com/

Datawrapper: https://www.datawrapper.de/

Google Data Studio:  https://datastudio.google.com/gallery?category=visualization

Wolframalpha: http://www.wolframalpha.com/

Catalog of Open Source DataViz Tools: https://dataviz.cafe/ 

Google Charts: http://developers.google.com/chart/interactive/docs/gallery/sankey

Raw Graphics (Quick on-line tool): https://www.rawgraphs.io/

Visual.ly: http://visual.ly/

Visage: https://visage.co/

Wordle: http://www.wordclouds.com/

Infogr.am: http://infogr.am/

Charticulator: https://charticulator.com/

Lyra Visualization Design Environment (VDE): http://idl.cs.washington.edu/projects/lyra/

Simple on-line Chart Tool: https://datamatic.io/index.html

Programing Languages:

D3.js: http://d3js.org/

Processing: http://processing.org/

Java InfoVis: http://philogb.github.com/jit/demos.html

R GGPlot: http://ggplot2.org/

D3 SandPit/Lab: http://cssdeck.com/labs

D3 Sample: http://bl.ocks.org/d3noob/13a36f70a4f060b97e41

Observable https://observablehq.com/explore

Observable (Interactive example): https://observablehq.com/@russellgoldenberg/the-real-mvp-in-the-nba

Animation:

Visuals and animations for web (D3 examples): https://ksenia-k.com/

Floursih (Animation without Programing): https://flourish.studio/

Microsoft SandDance: https://microsoft.github.io/SandDance/

Autodesk Maya: https://flippednormals.com/downloads/3d-data-visualization-in-autodesk-maya/

Other Utilities:

Collection of example Charts across Tools: https://chartmaker.visualisingdata.com/ 

Geospatial information editor: https://www.qgis.org/en/site/

Squirrel365 (alternative to Xcelsius): https://squirrel365.io/

3D Maps:  https://www.mapbox.com/mapbox-studio/ 

Create Infographics (Canva): https://www.canva.com/create/infographics/

Photo Editor and Design Maker: https://www.fotor.com/

Circular Path Charts: http://circos.ca/

Remove Background:  https://www.remove.bg/upload 

---

DuckDuckGo: https://duckduckgo.com/

DuckDuckGo (I feel ducky Movie example):  https://duckduckgo.com/?q=!ducky+IMDB+Avatar) 

DuckDuckGo (I feel ducky Jornalist example): https://duckduckgo.com/?q=!ducky+cpj.org+2008+Alexander+Klimchuk

Mentimeter (Real-time survey tool): https://www.mentimeter.com/app

"It is better to have enough ideas for some of them to be wrong, than to be always right by having no ideas at all" - Edward de Bono

New York Times R&D: https://rd.nytimes.com/

Google Colab (Data Visualisation Notebooks): https://colab.research.google.com/drive/1_yo5kJqoG1amRnI4rh4IjNeC1peJyGVs

3D Riding the Nasdaq: http://graphics.wsj.com/3d-nasdaq/

Augmented Reality (Sandbox): http://www.youtube.com/watch?v=j9JXtTj0mzE

Augmented Reality (Pool table): http://youtu.be/zXHXusO8eGw

Embedded DataViz: http://www.trendhunter.com/trends/esben-oxholms-iwatch-concept

Mobile DataViz: http://jasonvanlint.com/pocketkpi/

Data Journalism: http://datajournalismhandbook.org/1.0/en/

John Underkoffler (Minority Report): http://goo.gl/SrxyXg

Video DataViz: http://422south.com/work

Virtual Reality (Oculus: DataViz): https://www.datavizvr.com/

Nicholas Feltron (Advanced 3D): https://medium.com/@feltron/adventures-in-3d-c3ddb0c60054  

Brett Victor: http://vimeo.com/66085662  

Memorable (Human recognisable): http://cvcl.mit.edu/papers/Borkin_etal_MemorableVisualization_TVCG2013.pdf

 Visualizing Clinical Trial Design (paper): https://www.lexjansen.com/phuse-us/2020/dv/DV07.pdf 

The Science of Visual Data Communication: https://journals.sagepub.com/stoken/default+domain/10.1177%2F15291006211051956-FREE/pdf

Pixel Approximate Entropy: https://github.com/cudbg/pae

What Do We Talk About When We Talk About Dashboards (https://alper.datav.is/publications/dashboards/ ):

https://alper.datav.is/assets/publications/dashboards/dashboards-preprint.pdf

Visual Analytics in Deep Learning: https://arxiv.org/pdf/1801.06889.pdf

Understanding Complex Deep Generative Models: https://ieeexplore.ieee.org/stamp/stamp.jsp?tp=&arnumber=8440049

What Makes a Visualization Memorable: https://vcg.seas.harvard.edu/publications/what-makes-a-visualization-memorable/paper

GAN Lab (https://poloclub.github.io/ganlab/ ): https://arxiv.org/pdf/1809.01587.pdf