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)

Introductory 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/

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

Hans Rosling (vizualisation): https://www.gapminder.org/fw/world-health-chart/

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

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

Vibe Coding

3D Visualisation:  https://t-sne-3d-explorer-707929378339.us-west1.run.app/ 

3D Visualisation (GitHub): https://github.com/datavizguy/vibe-prompts

Truth and beauty (Projects): https://truth-and-beauty.net/projects

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/

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

Cole Nussbaumer Knaflic: https://coleskitch.blogspot.com/

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/

Jer Thorp: https://www.jerthorp.me/

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

Jason van Lint: https://jvanlint.github.io/jasonvanlint/

DataViz Blogs/Collections:

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

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

Data Journalism: https://datajournalism.com/

Make-over Monday: https://makeovermonday.co.uk/

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

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

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

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

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/

Building Stories from Large Datasets: https://dataveyes.com/en/

Story Structures:

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

Writting a Logline: https://www.studiobinder.com/blog/write-compelling-logline-examples/

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

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

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

Navigation Types:

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

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

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/

Additional Examples:

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 

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/

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

Visualisation Catalogue: https://datavizcatalogue.com/

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

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

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

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

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

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:

Tool Landscape (2024): https://yanouski.com/work/dataviz-tools-network/

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:

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

Github Sample Datasets: https://github.com/plotly/datasets

Google Public Data:  https://www.google.com/publicdata/directory 

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

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

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

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

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

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

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

Melbourne Economic Data: https://metroverse.hks.harvard.edu/

Victoria Planning DataSets:  https://discover.data.vic.gov.au/dataset?groups=planning 

Additional Examples:

Melbourne Urban Forest Project: http://melbourneurbanforestvisual.com.au/#about

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

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

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/ 

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

Map Visuals:

Creative Map Annimations: https://mapzilla.co.uk/

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

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

Real Estate Example: https://app.powerbi.com/view?r=eyJrIjoiNmIyNmViMDctMDExZC00YjQ1LWI4ZDgtMmU0ZjY2YjM1MmIxIiwidCI6IjAxMzkxZmUzLTYxYjItNDhhMi04YzZjLTcxM2UwMDEwOGFmYiJ9 

Compare Various Power BI Maps:   

https://www.youtube.com/watch?v=UoSgydApTx4

Creating Weblinks:

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:

Inclusive Design: https://inclusive.microsoft.design/

WHO Design Language: https://clients.truth-and-beauty.net/who/data-dot-viz/docs/

Sound Design: https://drams.framer.website/

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/

Dropbox Brand Guidelines: https://brand.dropbox.com/

Color:

Color Brewer2: http://colorbrewer2.org/

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

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

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/

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

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

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

Alex UI Design (wireframes):  Alex V3.1 (Web 1280x800) 

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

Examples:

Make-over Monday: https://makeovermonday.co.uk/

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

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

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

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

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/

Building Services that earn trust: https://catalogue.projectsbyif.com/

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

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/

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: https://www.spotfire.com/

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/

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

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

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/

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/

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/

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

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

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

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

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

 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

Hodge  Conjecture: https://en.wikipedia.org/wiki/Hodge_conjecture