Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
awesome-dataviz-education
A curated collection of open educational content for data visualization and related topics.
https://github.com/datavis-tech/awesome-dataviz-education
Last synced: about 10 hours ago
JSON representation
-
React & D3
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- React + D3 by Amelia Wattenberger, 2020, Web - Interactive single-page tutorial.
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- React + D3 by Amelia Wattenberger, 2020, Web - Interactive single-page tutorial.
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
- Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium - Article intro to Vega
-
Community Spaces
-
Videos
- Data Visualization Society Fireside Chats, 2020, YouTube/Web - Interview series. See also [DVS YouTube Channel](https://www.youtube.com/channel/UCDvDHr5CYKBrbwaqRs04LPw).
- EagerEyes TV by Robert Kosara, 2020, YouTube/Blog - Amazing video series on data visualization.
- Let's Learn D3.js! (with Shirley Wu) — Learn With Jason, 2020, YouTube - Livestream recording of 1:1 teaching session.
- IEEE Vis Conference talks 2020, YouTube
- IEEE Vis Conference talks 2013-2019, Vimeo/Web
- Using React (Hooks) with D3 by Muri, 2019, YouTube - Tutorials in a playlist.
- D3 and React, Together by Shirley Wu, 2018, YouTube - Presentation on React & D3 integration.
- Learn JavaScript - Full Course for Beginners by Beau Carnes, 2018, YouTube - 3 hour video.
- Tapestry Conference Videos, 2013 - 2018, YouTube - Conference talks.
- OpenVis Conf Talks, 2017 - Amazing recorded talks from OpenVis Conf.
- Composing D3.js Visuals with Vue.js Workshop, Jon Snyder, 2018
- Kai Chang - Visually Exploring Multidimensional Data
- Using React (Hooks) with D3 by Muri, 2019, YouTube - Tutorials in a playlist.
-
Data Visualization Taxonomies
-
Visualization Examples
- Xenographics by Maarten Lambrechts, 2020 - Collection of unusual charts and maps.
- D3 Examples Collection, 2020, Observable - Official D3 examples.
- Remaking Figures from Bertin's Semiology of Graphics
- The D3.js Graph Gallery, Yan Holtz, 2018 - Collection of simple charts made with D3.
-
JavaScript
- The Modern JavaScript Tutorial by Ilya Kantor, 2022, Web
- Eloquent JavaScript by Marijn Haverbeke, 2018, Web - Book-length set of lessons.
- Structure and Interpretation of Computer Programs — JavaScript Adaptation - An adaptation of the classic [SICP](https://mitpress.mit.edu/sites/default/files/sicp/full-text/book/book.html) for JS.
- Structure and Interpretation of Computer Programs — JavaScript Adaptation - An adaptation of the classic [SICP](https://mitpress.mit.edu/sites/default/files/sicp/full-text/book/book.html) for JS.
-
SVG
-
Data Manipulation
- Learn JS Data by Jim Vallandingham & contributors, 2019, GitHub - Data cleaning, manipulation, and wrangling in JavaScript.
- Learn JS Data by John A Guerra Gómez, 2020, Observable - Modernized version.
- d3.group, d3.rollup by Philippe Rivière, 2019, Observable - Examples of new APIs that replace `d3.nest`.
-
D3
- Guides and Examples by Dan Kerrigan, 2021, Observable - Nice intro D3 content.
- D3 Discovery - Finding D3 plugins with ease.
- Touring the D3 Ecosystem by Ian Johnson, 2020, Observable - Index of D3 related links.
- selection.join() enter and update duplication, 2020, GitHub Issue - The new `join` API in a nutshell.
- Learn D3 by Mike Bostock, 2020, Observable - "A guided tour of your first steps using D3."
- How to learn D3.js by Amelia Wattenberger, 2020, Web - Multi-page interactive tutorial on D3.
- Workshop: Introduction to D3.js by Shirley Wu, 2020, Observable - Collection of workshop material.
- D3 in Depth by Peter Cook, 2019, Web
- selection.join by Mike Bostock, 2019, Observable - Canonical example of data joins.
- What Makes Software Good? by Mike Bostock, 2016, Medium - Exposition on D3 v4.
- d3 time formatting example by Zan Armstrong, 2017 - Useful reference for date parsing and formatting.
- d3 formatting numbers example by Zan Armstrong, 2020 - Useful reference for number parsing and formatting.
- D3 Tutorial by Samuel Gratzl, 2020, GitHub - Introduction to D3 single-page tutorial.
- Data Visualization 2018 Course by Curran Kelleher, 2018, Web - [13 hour video](https://www.youtube.com/watch?v=_8V5o2UHG0E) course with code examples.
- d3 time formatting example by Zan Armstrong, 2017 - Useful reference for date parsing and formatting.
- d3 formatting numbers example by Zan Armstrong, 2020 - Useful reference for number parsing and formatting.
- How to learn D3.js by Amelia Wattenberger, 2020, Web - Multi-page interactive tutorial on D3.
- D3 6.0 migration guide by Philippe Rivière, 2020, Observable - Notable differences between v5 and v6.
- D3 Documentation on Observable, Philippe Rivière, 2019
-
Reusable Chart Patterns
- Building Reusable Data Visualization Components for a Modern Web by Thomas Gonzalez, 2019
- Reusable D3 Charts and Launching D3 Boilerplate by Neal Humphrey, 2017
- D3 is Now Modular by Chris Viau, 2017
- Towards Updatable D3.js Charts by Rob Moore, 2016
- Exploring Reusability with D3.js by Mike Pennisi, 2013
- Towards Reusable Charts by Mike Bostock, 2012
-
Vega
- Introduction to Vega-Lite by Jeffrey Heer, 2019, Observable - Collection of notebooks using [vega-lite-api](https://vega.github.io/vega-lite-api/)
-
Maps
- Why all world maps are wrong by Johnny Harris, 2016, YouTube - Timeless video on the concept of map projection.
-
Books
-
Papers
- imMens: Real-time Visual Querying of Big Data - Great overview of data reduction techniques (section 3).
- Data visualization literacy: Definitions, conceptual frameworks, exercises, and assessments
-
Blogs
- Visualising Data by Andy Kirk, 2010-2020, Web - Amazing blog, particularly the "BEST OF THE VISUALISATION WEB" collection.
- FlowingData by Nathan Yau, Web, 2020 - Highlights of visualization work and resources.
- Storytelling with Data by Cole Nussbaumer
- Information is Beautiful by David McCandless
- Junk Charts by Kaiser Fung
- The Pudding by Matt Daniels
- The Atlas by Quartz Media
- Graphic Detail by The Economist
- FiveThirtyEight - Not a blog, FiveThirtyEight is known for data journalism and oftne share their data on Github.
- Viz.WTF - Blog about visualizations that make no sense.
- r/DataIsUgly - Reddit community sharing often bad data visulizations.
-
Paid Courses
- Fullstack D3 and Data Visualization by Amelia Wattenberger, 2020 - 8 week video course.
- Introduction to D3.js by Shirley Wu, 2020, Frontend Masters - 6 hour video course.
- Data Visualization: Customizing Charts for Beauty & Impact by Nadieh Bremer, 2019, Skillshare - Course on visualization approaches.
- React for Data Visualization by Swizec Teller, 2019
-
Free Courses
- One Chart at a Time by Jon Schwabish
- Interactive Data Visualization: Getting Started with D3.js - V5 by Bill Shander, 2020
- Data Visualization Courses by Bill Shander, 2016-2021, LinkedIn
- Datavis 2020 by Curran Kelleher, 2020, Web - hour video](https://www.freecodecamp.org/news/learn-data-visualization-in-this-free-17-hour-course/)) - Video course with code examples on React & D3 & Viz Theory.
- Data Visualization for Storytelling and Discovery by Alberto Cairo, 2018 - Knight Center for Journalism in the America's massive open online course (MOOC).
- Data Journalism and Visualization with Free Tools by Alberto Cairo, Simon Rogers et al., 2019 - Knight Center for Journalism in the America's massive open online course (MOOC) supported by Google.
-
Iconic Visualizations
- The Pudding: Human Terrain - the-pudding-team-uses-mapbox-4b5b8577001f)) - 3D map of population density.
-
Public Datasets
- Our World in Data - Datasets on various global issues.
- Open Weather Map - Current and forecast weather data.
- HDX The Humanitarian Data Exchange - Datasets from UNHCA Services.
- Open Develpment Mekong - Open Data from SE. Asia.
-
List of Lists
-
JavaScript Libraries
- DruidJS
- Reorder.js
- Arquero - backed data tables.
- Tidy.js
- jStat
- Reorder.js
Programming Languages
Categories
React & D3
42
D3
19
Videos
13
Blogs
11
Community Spaces
10
Reusable Chart Patterns
6
Free Courses
6
JavaScript Libraries
6
Data Visualization Taxonomies
5
JavaScript
4
Paid Courses
4
Visualization Examples
4
Public Datasets
4
Data Manipulation
3
Books
2
List of Lists
2
Papers
2
Iconic Visualizations
1
Vega
1
SVG
1
Maps
1
Sub Categories
Keywords
d3js
2
javascript
2
data
2
clustering
1
typescript
1
tutorial
1
svg
1
multiple-coordinated-view
1
mcv
1
html
1
data-join
1
d3v7
1
d3v6
1
d3v5
1
d3v4
1
d3-js
1
d3
1
css
1
codepen
1
barchart
1
maps
1
datavisualization
1
wrangling
1
tidyverse
1
dplyr
1
transform
1
table
1
query
1
dataframe
1
database
1
arrays
1
unsupervised-learning
1
umap
1
t-sne
1
pca
1
mds
1
matrix
1
ltsa
1
lle
1
javascript-library
1
isomap
1
fastmap
1
dimensionality-reduction
1
charts
1