Technical/Practical Resources¶
Alt-Text¶
Axess Lab “Alt-texts: The Ultimate Guide”
Poet Training Tool “How to Describe Images”
W3C Web Accessability Tutorials “Complex Images”
Color¶
Coblis color blindness simulator
Coolors palette creator tool
Viz Palette color palette simulator for visualization
CSS¶
CSS Reference (lists and provides examples for many CSS properties)
CSS Tricks “Accessible SVGs”
Khan Academy “Intro to HTML/CSS”
W3 Schools “CSS Introduction”
D3.JS¶
D3 Official API is the best/most up-to-date source for information on D3
D3 Tutorials from Observable HQ
Jerome Cukier “D3 Cheat Sheet”
GitHub¶
Derek Banas “Git Tutorial”
Git “Mini-Videos”
GitHub “Git Cheat Sheet”
Megan Nelson “An Intro to Git and GitHub for Beginners”
HTML¶
Khan Academy “Intro to HTML/CSS”
W3 Schools “HTML Introduction”
JavaScript¶
Marijn Haverbeke Eloquent JavaScript: Third Edition
Markdown¶
John Gruber “Markdown” (Daring Fireball resource)
P5.JS¶
Dan Shiffman’s The Coding Train website and YouTube channel Note: The Coding Train has many non-P5 tutorials as well
P5.JS Official Tutorials
Stef Tervelde and Raphael de Courville “The Perfect p5.js + VSCode Setup for Everyday Creative Coding” blog post
Winnie Soon and Geoff Cox Aesthetic Programming open access P5.JS textbook
Python¶
Gilbert Tanner “Introduction to Data Visualization in Python”
Lorena A. Barba et al. Teaching and Learning with Jupyter
R¶
Juuso Parkkinen “Interactive Visualizations with R - A Mini Review”
React.JS¶
Kent C. Dodds “Super Simple Start to React”
React.JS “Tutorial: Intro to React” and “Hello World”
SVG¶
Amelia Wattenberger “Scaling SVG: Getting an Understanding of viewBox”
Vega and VegaLite¶
Deborah Mesquita “Interactive Visualization with Vega”
Vue.JS¶
Vue.JS “Guide” and “Comparison with Other Frameworks”
Other Tools¶
Andy Kirk’s collection of visualization tools
Everest Pipkin “Open Source, Experimental, and Tiny Tools Roundup”
Northwestern Knight Lab Tools (primarily JS based visualization tools)
SciencePo Médialab Tools
Other Resources¶
A11Y Project “Resources” contains a large collection of accessible design guides and materials
Digital Ocean has a large repository of free tutorials on various related subjects
Financial Times “Visual Vocabulary”
Jon Olav H. Eikenes “Designing a Custom Data Visualisation”
MDN Web Docs is a great general resource for coding
Miriam Posner tutorials
Programming Historian lessons
PolicyViz “Data Viz Cheatsheet”
Sara L. Fossheim “An Intro to Designing Accessible Data Visualizations”
School of Data Courses
Steve Franconeri “Which Visualization? A Quick Reference” and explanatory article: “Multiple Views on How to Choose a Visualization”
Tactical Tech “Data Acquisition for Beginners” and the broader “Exposing the Invisible - the Kit” project
Visualising Data “The Little of Visualization Design” (a guide to various problems you might encounter)
W3 Schools has many useful tutorials and references for coding