Tutorial 8

Class Organization

Labs/Assignments

** Tutorial 4 ** Tutorial 6 ** Tutorial 7

** Assignment 2

sidehead Old Pages (2022) * Tutorials ** Tutorial 1 ** Tutorial 2 ** Tutorial 3 and 4 ** Tutorial 5 ** Tutorial 6 * Assignments Overview ** Assignment 0 ** Assignment 1 ** Assignment 2 ** Assignment 3 ** Assignment 4

right edit SideBar

Tutorial 8

Tutorial: Observable and D3

Teacher: Tingying He

D3.js is a powerful open-source JavaScript library to create custom interactive data visualizations in the web browser.

Before the class

  • Coding environment: We will demonstrate the coding on Microsoft Visual Studio Code. You can install the software from https://code.visualstudio.com/.
  • Local web server: We will install LiveServer to load the data table in the tutorial. In the VS Code, go to Extensions (Ctrl + Shift + X) on the left menu and search for LiveServer by Ritwick Dey. Then, click Install to install it on your VS Code environment.
  • Download the blank folder: The blank template and dataset we will use in the class can be downloaded here.

After the class

The solution to the charts in class are here.

Useful resources

Recent Changes (All) | Edit SideBar Page last modified on January 22, 2024, at 05:18 AM Edit Page | Page History
Powered by PmWiki