Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/uwdata/visualization-curriculum

A data visualization curriculum of interactive notebooks.
https://github.com/uwdata/visualization-curriculum

altair interactive-notebooks visualization-curriculum

Last synced: 25 days ago
JSON representation

A data visualization curriculum of interactive notebooks.

Host: GitHub
URL: https://github.com/uwdata/visualization-curriculum
Owner: uwdata
License: bsd-3-clause
Created: 2019-03-28T20:52:15.000Z (over 5 years ago)
Default Branch: main
Last Pushed: 2024-09-24T17:14:54.000Z (about 2 months ago)
Last Synced: 2024-10-01T15:23:20.410Z (about 1 month ago)
Topics: altair, interactive-notebooks, visualization-curriculum
Language: Jupyter Notebook
Homepage: https://uwdata.github.io/visualization-curriculum/
Size: 20 MB
Stars: 1,282
Watchers: 54
Forks: 259
Open Issues: 2
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-google-colab - Altair Curriculum - A data visualization curriculum of interactive notebooks. (Technologies)
awesome-starred - uwdata/visualization-curriculum - A data visualization curriculum of interactive notebooks. (others)

README

        # Data Visualization Curriculum

A data visualization curriculum of interactive notebooks, using [Vega-Lite](https://vega.github.io/vega-lite/) and [Altair](https://altair-viz.github.io/). This repository contains a series of **Python**-based Jupyter notebooks. The notebooks are online in a [Jupyter book](https://uwdata.github.io/visualization-curriculum/intro.html), runnable locally or online on [Colab](https://colab.research.google.com/github/uwdata/visualization-curriculum), [Nextjournal](https://github.nextjournal.com/uwdata/visualization-curriculum), or [Deepnote](https://deepnote.com/launch?url=https://github.com/uwdata/visualization-curriculum/blob/master/altair_introduction.ipynb). A corresponding set of **JavaScript** notebooks are available online on [Observable](https://observablehq.com/@uwdata/data-visualization-curriculum).

## Curriculum

### Table of Contents

1. Introduction to Vega-Lite / Altair


   

     [Jupyter Book](https://uwdata.github.io/visualization-curriculum/altair_introduction.html) |

     [Jupyter](https://github.com/uwdata/visualization-curriculum/blob/master/altair_introduction.ipynb) |

     [Colab](https://colab.research.google.com/github/uwdata/visualization-curriculum/blob/master/altair_introduction.ipynb) |

     [Nextjournal](https://github.nextjournal.com/uwdata/visualization-curriculum/blob/master/altair_introduction.ipynb) |

     [Observable](https://observablehq.com/@uwdata/introduction-to-vega-lite) |

     [Deepnote](https://deepnote.com/launch?url=https://github.com/uwdata/visualization-curriculum/blob/master/altair_introduction.ipynb)

   

2. Data Types, Graphical Marks, and Visual Encoding Channels


   

     [Jupyter Book](https://uwdata.github.io/visualization-curriculum/altair_marks_encoding.html) |

     [Jupyter](https://github.com/uwdata/visualization-curriculum/blob/master/altair_marks_encoding.ipynb) |

     [Colab](https://colab.research.google.com/github/uwdata/visualization-curriculum/blob/master/altair_marks_encoding.ipynb) |

     [Nextjournal](https://github.nextjournal.com/uwdata/visualization-curriculum/blob/master/altair_marks_encoding.ipynb) |

     [Observable](https://observablehq.com/@uwdata/data-types-graphical-marks-and-visual-encoding-channels) |

     [Deepnote](https://deepnote.com/launch?url=https://github.com/uwdata/visualization-curriculum/blob/master/altair_marks_encoding.ipynb)

   

3. Data Transformation


   

     [Jupyter Book](https://uwdata.github.io/visualization-curriculum/altair_data_transformation.html) |

     [Jupyter](https://github.com/uwdata/visualization-curriculum/blob/master/altair_data_transformation.ipynb) |

     [Colab](https://colab.research.google.com/github/uwdata/visualization-curriculum/blob/master/altair_data_transformation.ipynb) |

     [Nextjournal](https://github.nextjournal.com/uwdata/visualization-curriculum/blob/master/altair_data_transformation.ipynb) |

     [Observable](https://observablehq.com/@uwdata/data-transformation) |

     [Deepnote](https://deepnote.com/launch?url=https://github.com/uwdata/visualization-curriculum/blob/master/altair_data_transformation.ipynb)

   

4. Scales, Axes, and Legends


   

     [Jupyter Book](https://uwdata.github.io/visualization-curriculum/altair_scales_axes_legends.html) |

     [Jupyter](https://github.com/uwdata/visualization-curriculum/blob/master/altair_scales_axes_legends.ipynb) |

     [Colab](https://colab.research.google.com/github/uwdata/visualization-curriculum/blob/master/altair_scales_axes_legends.ipynb) |

     [Nextjournal](https://github.nextjournal.com/uwdata/visualization-curriculum/blob/master/altair_scales_axes_legends.ipynb) |

     [Observable](https://observablehq.com/@uwdata/scales-axes-and-legends) |

     [Deepnote](https://deepnote.com/launch?url=https://github.com/uwdata/visualization-curriculum/blob/master/altair_scales_axes_legends.ipynb)

   

5. Multi-View Composition


   

     [Jupyter Book](https://uwdata.github.io/visualization-curriculum/altair_view_composition.html) |

     [Jupyter](https://github.com/uwdata/visualization-curriculum/blob/master/altair_view_composition.ipynb) |

     [Colab](https://colab.research.google.com/github/uwdata/visualization-curriculum/blob/master/altair_view_composition.ipynb) |

     [Nextjournal](https://github.nextjournal.com/uwdata/visualization-curriculum/blob/master/altair_view_composition.ipynb) |

     [Observable](https://observablehq.com/@uwdata/multi-view-composition) |

     [Deepnote](https://deepnote.com/launch?url=https://github.com/uwdata/visualization-curriculum/blob/master/altair_view_composition.ipynb)

   

6. Interaction


   

     [Jupyter Book](https://uwdata.github.io/visualization-curriculum/altair_interaction.html) |

     [Jupyter](https://github.com/uwdata/visualization-curriculum/blob/master/altair_interaction.ipynb) |

     [Colab](https://colab.research.google.com/github/uwdata/visualization-curriculum/blob/master/altair_interaction.ipynb) |

     [Nextjournal](https://github.nextjournal.com/uwdata/visualization-curriculum/blob/master/altair_interaction.ipynb) |

     [Observable](https://observablehq.com/@uwdata/interaction) |

     [Deepnote](https://deepnote.com/launch?url=https://github.com/uwdata/visualization-curriculum/blob/master/altair_interaction.ipynb)

   

7. Cartographic Visualization


   

     [Jupyter Book](https://uwdata.github.io/visualization-curriculum/altair_cartographic.html) |

     [Jupyter](https://github.com/uwdata/visualization-curriculum/blob/master/altair_cartographic.ipynb) |

     [Colab](https://colab.research.google.com/github/uwdata/visualization-curriculum/blob/master/altair_cartographic.ipynb) |

     [Nextjournal](https://github.nextjournal.com/uwdata/visualization-curriculum/blob/master/altair_cartographic.ipynb) |

     [Observable](https://observablehq.com/@uwdata/cartographic-visualization) |

     [Deepnote](https://deepnote.com/launch?url=https://github.com/uwdata/visualization-curriculum/blob/master/altair_cartographic.ipynb)

   

### Support

- Altair Debugging Guide


  

     [Jupyter Book](https://uwdata.github.io/visualization-curriculum/altair_debugging.html) |

     [Jupyter](https://github.com/uwdata/visualization-curriculum/blob/master/altair_debugging.ipynb) |

     [Colab](https://colab.research.google.com/github/uwdata/visualization-curriculum/blob/master/altair_debugging.ipynb) |

     [Nextjournal](https://github.nextjournal.com/uwdata/visualization-curriculum/blob/master/altair_debugging.ipynb) |

     [Deepnote](https://deepnote.com/launch?url=https://github.com/uwdata/visualization-curriculum/blob/master/altair_debugging.ipynb)

  

## Getting Started

The visualization curriculum can be used either online or on your local computer.

### Online

- [Jupyter Book](https://uwdata.github.io/visualization-curriculum/) to read Python notebooks online.

- Run the **Python** notebooks online on [Colab](https://colab.research.google.com/github/uwdata/visualization-curriculum/), [Nextjournal](https://github.nextjournal.com/uwdata/visualization-curriculum/), or [Deepnote](https://deepnote.com/launch?url=https://github.com/uwdata/visualization-curriculum/blob/master/altair_introduction.ipynb)

- Run the **JavaScript** notebooks online using [Observable](https://observablehq.com/collection/@uwdata/visualization-curriculum)

### Local Installation

1. [Install Altair and a notebook environment](https://altair-viz.github.io/getting_started/installation.html). The most recent versions of these notebooks use _Altair version 4_.

2. Download the notebooks from the [releases page](https://github.com/uwdata/visualization-curriculum/releases). Typically you will want to use the most recent release.  (If you wish to use notebooks for Altair version 3, download the [Altair v3.2 release](https://github.com/uwdata/visualization-curriculum/releases/tag/altair-v3).)

3. Open the notebooks in your local notebook environment. For example, if you have JupyterLab installed (v1.0 or higher is required), run `jupyter lab` within the directory containing the notebooks.

Depending on your programming environment (and whether or not you have a live internet connection), you may want to specify a particular [renderer](https://altair-viz.github.io/user_guide/display_frontends.html) for Altair.

## Credits

Developed at the University of Washington by Jeffrey Heer, Dominik Moritz, Jake VanderPlas, and Brock Craft. Thanks to the [UW Interactive Data Lab](https://idl.cs.washington.edu/) and Arvind Satyanarayan for their valuable input and feedback! Thanks also to the students of [UW CSE512 Spring 2019](https://courses.cs.washington.edu/courses/cse512/19sp/), the first group to use these notebooks within an integrated course curriculum.