Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/datavis-tech/awesome-dataviz-education

A curated collection of open educational content for data visualization and related topics.
https://github.com/datavis-tech/awesome-dataviz-education

List: awesome-dataviz-education

Last synced: 16 days ago
JSON representation

A curated collection of open educational content for data visualization and related topics.

Awesome Lists containing this project

README 

        
# awesome-dataviz-education



A curated collection of open educational content for Data Visualization and Web Technologies.



Contributions welcome! Feel free to open issues or submit PRs.



## Community Spaces



- [D3 Slack](https://d3-slackin.herokuapp.com/)

- [D3 Zulip (new!)](https://d3js.zulipchat.com/)

- [D3 Discussions (very new!)](https://github.com/d3/d3/discussions)

- [Data Visualization Society Slack](https://www.datavisualizationsociety.com/join)

- [Observable Forum](https://talk.observablehq.com/)

- [VizHub Forum](https://vizhub.com/forum/)

- [Data-vis-jobs Mailing List](https://groups.google.com/g/data-vis-jobs?pli=1)

- [D3 Mailing List](https://groups.google.com/g/d3-js)

- [StackOverflow: Questions tagged [d3.js]](https://stackoverflow.com/questions/tagged/d3.js)

- [D3 GitHub Issues](https://github.com/d3)



## Videos



- [Data Visualization Society Fireside Chats, 2020, YouTube/Web](https://www.datavisualizationsociety.com/fireside-chats) - Interview series. See also [DVS YouTube Channel](https://www.youtube.com/channel/UCDvDHr5CYKBrbwaqRs04LPw).

- [EagerEyes TV by Robert Kosara, 2020, YouTube/Blog](https://eagereyes.org/tag/eagereyes-tv) - Amazing video series on data visualization.

- [Let's Learn D3.js! (with Shirley Wu) — Learn With Jason, 2020, YouTube](https://www.youtube.com/watch?list=PLz8Iz-Fnk_eTpvd49Sa77NiF8Uqq5Iykx&v=54APpd9TEWk&feature=emb_logo) - Livestream recording of 1:1 teaching session.

- [IEEE Vis Conference talks 2020, YouTube](https://www.youtube.com/channel/UCBJDy-9NtG3Db0YcuqNugiw)

- [IEEE Vis Conference talks 2013-2019, Vimeo/Web](https://jamesscottbrown.github.io/vis-videos/index.html)

- [Using React (Hooks) with D3 by Muri, 2019, YouTube](https://www.youtube.com/playlist?list=PLDZ4p-ENjbiPo4WH7KdHjh_EMI7Ic8b2B) - Tutorials in a playlist.

- [D3 and React, Together by Shirley Wu, 2018, YouTube](https://www.youtube.com/watch?v=zXBdNDnqV2Q) - Presentation on React & D3 integration.

- [Learn JavaScript - Full Course for Beginners by Beau Carnes, 2018, YouTube](https://www.youtube.com/watch?time_continue=6&v=PkZNo7MFNFg) - 3 hour video.

- [Tapestry Conference Videos, 2013 - 2018, YouTube](https://www.youtube.com/c/TapestryConference/playlists) - Conference talks.

- [OpenVis Conf Talks, 2017](http://www.openvisconf.com/2017/#videos) - Amazing recorded talks from OpenVis Conf.

- [Composing D3.js Visuals with Vue.js Workshop, Jon Snyder, 2018](https://www.youtube.com/watch?v=CkFktv0p3pw)

- [Kai Chang - Visually Exploring Multidimensional Data](https://www.youtube.com/watch?v=ypc7Ul9LkxA&t=73s)



## Data Visualization Taxonomies



- [Visual Vocabulary, Financial Times, 2018, Web](https://ft-interactive.github.io/visual-vocabulary/) - Awesome vizualization taxonomy.

- [Interactive Chart Chooser by Ann K. Emery](https://depictdatastudio.com/charts/)

- [The Data Visualisation Catalogue by Severino Ribecca](https://datavizcatalogue.com/index.html)

- [Data Viz Project by Ferdio](https://datavizproject.com/)

- [From Data to Viz](https://www.data-to-viz.com/)



## Visualization Examples



- [Xenographics by Maarten Lambrechts, 2020](https://xeno.graphics/) - Collection of unusual charts and maps.

- [D3 Examples Collection, 2020, Observable](https://observablehq.com/@d3) - Official D3 examples.

- [Remaking Figures from Bertin's Semiology of Graphics](https://nicolas.kruchten.com/semiology_of_graphics/)

- [The D3.js Graph Gallery, Yan Holtz, 2018](https://www.d3-graph-gallery.com/) - Collection of simple charts made with D3.



## JavaScript



- [The Modern JavaScript Tutorial by Ilya Kantor, 2022, Web](https://javascript.info/)

- [Eloquent JavaScript by Marijn Haverbeke, 2018, Web](https://eloquentjavascript.net/) - Book-length set of lessons.

- [Structure and Interpretation of Computer Programs — JavaScript Adaptation](https://source-academy.github.io/sicp/) - An adaptation of the classic [SICP](https://mitpress.mit.edu/sites/default/files/sicp/full-text/book/book.html) for JS.



## SVG



- [Understanding SVG Coordinate Systems and Transformations by Sara Soueidan, 2014](https://www.sarasoueidan.com/blog/svg-coordinate-systems/)



## Data Manipulation



- [Learn JS Data by Jim Vallandingham & contributors, 2019, GitHub](http://learnjsdata.com/index.html) - Data cleaning, manipulation, and wrangling in JavaScript.

- [Learn JS Data by John A Guerra Gómez, 2020, Observable](https://observablehq.com/collection/@berkeleyvis/learn-js-data) - Modernized version.

- [d3.group, d3.rollup by Philippe Rivière, 2019, Observable](https://observablehq.com/@d3/d3-group) - Examples of new APIs that replace `d3.nest`.



## D3



- [Guides and Examples by Dan Kerrigan, 2021, Observable](https://observablehq.com/collection/@nyuvis/guides-and-examples) - Nice intro D3 content.

- [D3 Discovery](https://d3-discovery.net/) - Finding D3 plugins with ease.

- [Touring the D3 Ecosystem by Ian Johnson, 2020, Observable](https://observablehq.com/@enjalot/touring-the-d3-ecosystem) - Index of D3 related links.

- [selection.join() enter and update duplication, 2020, GitHub Issue](https://github.com/d3/d3-selection/issues/260) - The new `join` API in a nutshell.

- [Learn D3 by Mike Bostock, 2020, Observable](https://observablehq.com/collection/@d3/learn-d3) - "A guided tour of your first steps using D3."

- [D3 Tutorial by Samuel Gratzl, 2020, GitHub](https://github.com/sgratzl/d3tutorial) - Introduction to D3 single-page tutorial.

- [How to learn D3.js by Amelia Wattenberger, 2020, Web](https://wattenberger.com/blog/d3) - Multi-page interactive tutorial on D3.

- [Workshop: Introduction to D3.js by Shirley Wu, 2020, Observable](https://observablehq.com/collection/@sxywu/introduction-to-d3-js) - Collection of workshop material.

- [D3 6.0 migration guide by Philippe Rivière, 2020, Observable](https://observablehq.com/@d3/d3v6-migration-guide) - Notable differences between v5 and v6.

- [D3 in Depth by Peter Cook, 2019, Web](https://www.d3indepth.com/)

- [selection.join by Mike Bostock, 2019, Observable](https://observablehq.com/@d3/selection-join) - Canonical example of data joins.

- [Data Visualization 2018 Course by Curran Kelleher, 2018, Web](https://curran.github.io/dataviz-course-2018/) - [13 hour video](https://www.youtube.com/watch?v=_8V5o2UHG0E) course with code examples.

- [What Makes Software Good? by Mike Bostock, 2016, Medium](https://medium.com/@mbostock/what-makes-software-good-943557f8a488) - Exposition on D3 v4.

- [D3 Documentation on Observable, Philippe Rivière, 2019](https://observablehq.com/@fil/d3-documentation-on-observable) 

- [d3 time formatting example by Zan Armstrong, 2017](https://bl.ocks.org/zanarmstrong/ca0adb7e426c12c06a95) - Useful reference for date parsing and formatting.

- [d3 formatting numbers example by Zan Armstrong, 2020](https://bl.ocks.org/zanarmstrong/05c1e95bf7aa16c4768e) - Useful reference for number parsing and formatting.



## React & D3



- [React + D3 by Amelia Wattenberger, 2020, Web](https://wattenberger.com/blog/react-and-d3) - Interactive single-page tutorial.

- [Interactive Data Visualization with Vega by Déborah Mesquita, 2019, Medium](https://towardsdatascience.com/interactive-data-visualization-with-vega-ab09e2843d54) - Article intro to Vega



## Reusable Chart Patterns



- [Building Reusable Data Visualization Components for a Modern Web by Thomas Gonzalez, 2019](https://medium.com/nightingale/building-reusable-data-visualization-components-for-a-modern-web-e3d648d58a7c)

- [Reusable D3 Charts and Launching D3 Boilerplate by Neal Humphrey, 2017](http://nhumphrey.com/blog/2017/Reusable-D3-Charts/)

- [D3 is Now Modular by Chris Viau, 2017](https://medium.com/@christopheviau/d3-js-modularity-d5eed78ba06e)

- [Towards Updatable D3.js Charts by Rob Moore, 2016](https://www.toptal.com/d3-js/towards-reusable-d3-js-charts)

- [Exploring Reusability with D3.js by Mike Pennisi, 2013](https://bocoup.com/blog/reusability-with-d3)

- [Towards Reusable Charts by Mike Bostock, 2012](https://bost.ocks.org/mike/chart/)



## Vega



- [Introduction to Vega-Lite by Jeffrey Heer, 2019, Observable](https://observablehq.com/@uwdata/introduction-to-vega-lite) - Collection of notebooks using [vega-lite-api](https://vega.github.io/vega-lite-api/)



## JavaScript Libraries



- [DruidJS](https://github.com/saehm/DruidJS) A JavaScript Library for Dimensionality Reduction.

- [Reorder.js](https://github.com/jdfekete/reorder.js/) Library to reorder matrices, inspired by Jacques Bertin.

- [Arquero](https://github.com/uwdata/arquero) Library for query processing and transformation of array-backed data tables.

- [Tidy.js](https://github.com/pbeshai/tidy) Ideas from the R Tidyverse, in JavaScript.

- [jStat](https://github.com/jstat/jstat) JavaScript Statistical Library.



## Maps



- [Why all world maps are wrong by Johnny Harris, 2016, YouTube](https://www.youtube.com/watch?v=kIID5FDi2JQ) - Timeless video on the concept of map projection.



## Books



- [Dataviz books everyone should read, 2019, information is beautiful](https://informationisbeautiful.net/visualizations/dataviz-books/) - Curated book list.

- [Data Visualization Book Reviews by Nadieh Bremer, 2020, Web](https://www.visualcinnamon.com/resources/learning-data-visualization/books) - Reviews and thoughts on the content and usefulness of books.

- [Fundamentals of Data Visualization by Claus O. Wilke, 2019, Web (free)](https://clauswilke.com/dataviz/index.html)



## Papers



- [Polaris: A System for Query, Analysis, and Visualization of Multidimensional Relational Databases by

  Chris Stolte, Diane Tang and Pat Hanrahan, 2002, IEEE TVCG](https://graphics.stanford.edu/papers/polaris_extended/polaris.pdf) - Seminal paper that lead to Tableau.

- [imMens: Real-time Visual Querying of Big Data](https://sfu-db.github.io/cmpt884-fall16/Papers/immens.pdf) - Great overview of data reduction techniques (section 3).

- [Data visualization literacy: Definitions, conceptual frameworks, exercises, and assessments](https://www.pnas.org/content/pnas/116/6/1857.full.pdf)



## Blogs



- [Visualising Data by Andy Kirk, 2010-2020, Web](https://www.visualisingdata.com/blog/) - Amazing blog, particularly the "BEST OF THE VISUALISATION WEB" collection.

- [FlowingData by Nathan Yau, Web, 2020](https://flowingdata.com/) - Highlights of visualization work and resources.

- [Storytelling with Data by Cole Nussbaumer](http://www.storytellingwithdata.com/blog)

- [Information is Beautiful by David McCandless](https://informationisbeautiful.net/)

- [Junk Charts by Kaiser Fung](http://junkcharts.typepad.com/)

- [The Pudding by Matt Daniels](https://pudding.cool/)

- [The Atlas by Quartz Media](https://www.theatlas.com/)

- [Graphic Detail by The Economist](https://www.economist.com/blogs/graphicdetail)

- [FiveThirtyEight](http://fivethirtyeight.com/) - Not a blog, FiveThirtyEight is known for data journalism and oftne share their data on Github.

- [Viz.WTF](http://viz.wtf/) - Blog about visualizations that make no sense.

- [ r/DataIsUgly ](https://www.reddit.com/r/dataisugly/) - Reddit community sharing often bad data visulizations.



## Paid Courses



- [Fullstack D3 and Data Visualization by Amelia Wattenberger, 2020](https://www.newline.co/fullstack-d3) - 8 week video course.

- [Introduction to D3.js by Shirley Wu, 2020, Frontend Masters](https://frontendmasters.com/courses/d3/) - 6 hour video course.

- [Data Visualization: Customizing Charts for Beauty & Impact by Nadieh Bremer, 2019, Skillshare](https://www.skillshare.com/classes/Data-Visualization-Customizing-Charts-for-Beauty-Impact/84030568) - Course on visualization approaches.

- [React for Data Visualization by Swizec Teller, 2019](https://reactfordataviz.com/)



## Free Courses



- [One Chart at a Time by Jon Schwabish](https://www.youtube.com/watch?v=gFFj22kjlZk&list=PLfv89tPxlTiVIrwuSBCISiBaGSH1CJR5-)

- [Interactive Data Visualization: Getting Started with D3.js - V5 by Bill Shander, 2020](https://www.skillshare.com/classes/Interactive-Data-Visualization-Getting-Started-with-D3-js-V5/2076025291/projects)

- [Data Visualization Courses by Bill Shander, 2016-2021, LinkedIn](https://www.linkedin.com/learning/instructors/bill-shander)

- [Datavis 2020 by Curran Kelleher, 2020, Web](https://datavis.tech/datavis-2020/) ([17-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 Course by Curran Kelleher, 2018](https://curran.github.io/dataviz-course-2018/)

- [Data Visualization for Storytelling and Discovery by Alberto Cairo, 2018](https://journalismcourses.org/course/data-visualization-for-storytelling-and-discovery/) -  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](https://journalismcourses.org/course/data-journalism-and-visualization-with-free-tools/) - Knight Center for Journalism in the America's massive open online course (MOOC) supported by Google.



## Iconic Visualizations



- [The Pudding: Human Terrain](https://pudding.cool/2018/10/city_3d/) ([blog](https://blog.mapbox.com/how-the-pudding-team-uses-mapbox-4b5b8577001f)) - 3D map of population density.



## Public Datasets



- [World Factbook](https://github.com/factbook/factbook.json) - Data on countries.

- [Our World in Data](https://ourworldindata.org/) - Datasets on various global issues.

- [Open Weather Map](https://openweathermap.org/api) - Current and forecast weather data.

- [HDX The Humanitarian Data Exchange](https://data.humdata.org/) - Datasets from UNHCA Services.

- [Open Develpment Mekong](https://data.opendevelopmentmekong.net/dataset) - Open Data from SE. Asia.



## List of Lists



 - [Awesome D3](https://github.com/wbkd/awesome-d3)

 - [Data Visualisation Resources by Severino Ribecca](https://datavizcatalogue.com/resources.html)

 - [Awesome visualization research by Matthew Conlen & Sam Petulla](https://github.com/mathisonian/awesome-visualization-research) - Curated list of Awesome visualization research papers, books, blog posts, and other readings.