📚 Resources

Table of contents

1. Altair
2. Learning D3
3. Storytelling Websites
4. Visualization Principles
5. Visualization Design Ideas
6. Color Palettes

Altair

• Altair Visualization Curriculum
• Vega-Altair User Guide

Learning D3

• D3 Gallery
• D3 in Depth
• Intro to D3.js
• Interactive Charts with D3
• https://wattenberger.com (Contain useful blog posts by a front-end developer, especially on learning about D3.js)
• https://observablehq.com/@wattenberger/prototyping-in-d3 (D3 Prototyping)
• https://vallandingham.me/vis/ (other cool blog)

Storytelling Websites

• https://pudding.cool

• https://github.com/the-pudding (Cool storytelling website, they provide open-source code, too)

-——————————————————————————————————-

• https://distill.pub

• https://github.com/distillpub (Interactive Machine Learning)

-——————————————————————————————————-

• https://mlu-explain.github.io/
• https://github.com/aws-samples/aws-mlu-explain Visual explanations of core machine learning concepts

-——————————————————————————————————-

• https://seeing-theory.brown.edu/#firstPage
• https://github.com/seeingtheory/Seeing-Theory (Cool Interactive Visualization on learning probability and statistics)

-——————————————————————————————————-

• https://d3gt.com/unit.html
• https://github.com/mrpandey/d3graphTheory (Visualizing Graph Theory Concepts)

Visualization Principles

• The Visual Display of Quantitative Information by Edward Tufte
• Fundamentals of Data Visualization by Claus Wilke

Visualization Design Ideas

• https://www.awwwards.com (HIGHLY RECOMMEND for design inspirations!)
• https://datavizproject.com (1 dataset, 100 visualizations)
• https://www.data-to-viz.com (taxonomy of visualizations)
• https://www.economist.com/graphic-detail?page=1 (Data Viz examples by The Economist)
• https://informationisbeautiful.net (cool data viz designs)

Color Palettes

• https://color.adobe.com/create/color-wheel (Adobe color palettes)
• http://zhongguose.com/#danqianhong (Chinese Traditional Colors)
• http://nipponcolors.com (Japanese Traditional Colors)
• https://picular.co. (Find the color of anything you want)
• https://webgradients.com (Different kind of linear gradients)
• https://www.happyhues.co/palettes/17 (Different color palette preview on same web design)