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)

Introductory Examples:

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 

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

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/

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: http://stephanieevergreen.com/females-in-dataviz/

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/

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

Kight Foundation:  https://journalismcourses.org/ 

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

DataViz Blogs/Collections:

The Pudding: https://pudding.cool/

USA Facts: https://usafacts.org/

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

FlowingData: https://flowingdata.com/

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

FiveThirtyEight.: https://fivethirtyeight.com/

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

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

"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

Story Structure:

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

Navigation:

Scrolling Story:  https://trailsofwind.figures.cc/ 

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

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

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/blob/main/visual-vocabulary/Visual-vocabulary.pdf

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: http://www.datavizcatalogue.com/ 

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

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

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 Tools:

Data 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

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

Sample Data:

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

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/

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

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

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

FiveThirtyEight: https://projects.fivethirtyeight.com/

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

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

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/ 

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/

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

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

"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 Qud (Animated): https://app.powerbi.com/view?r=eyJrIjoiMTUxYTVkZDYtZTA0Ni00MTVkLTk3ZWEtZGM0MmU5N2FmZTc0IiwidCI6IjAxMzkxZmUzLTYxYjItNDhhMi04YzZjLTcxM2UwMDEwOGFmYiJ9&pageName=ReportSection

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

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

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

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

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

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

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

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

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

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:

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

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

Other Utilities:

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

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  

PowerBI Covid Dashboard: https://app.powerbi.com/view?r=eyJrIjoiYzcyYTg1ZDYtZjI2Zi00NWNhLWJhYzUtZTM1NjliZjlkOGExIiwidCI6ImIwMzNhNWMyLTFhNGUtNDIwMS1iNGZiLWIwZDkzYjlhMGIxOSIsImMiOjl9

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

PowerBI DAX Guide: https://dax.guide/

PowerBI Power Query/M-Language Blog (Guru): https://blog.crossjoin.co.uk/

PowerBI Addin Guide/Map: https://bi-survey.com/powerbimap/apps/

Python DataViz Gallery:  https://python-graph-gallery.com/  

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

PowerBI Guidance (helpful ref): https://docs.microsoft.com/en-us/power-bi/guidance/

PowerBI Version Archive: https://docs.microsoft.com/en-us/power-bi/fundamentals/desktop-latest-update-archive 

Charticulator: https://charticulator.com/

Memorable (Human recognisable): http://cvcl.mit.edu/papers/Borkin_etal_MemorableVisualization_TVCG2013.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