Learning d3 Library

This repo contains the process of learning Javascript's d3 library.

Specifications

Python version: 3.8.1

Exercises

• Exercise 1: d3 fundamentals

• Exercise 2: data binding

• Exercise 3: loading data

• Challenge 1: buildings of the world

• Exercise 4: scales

• Exercise 5: margins, groups, axes and labels

• Project 1: star lion brewery

• Exercise 6: update events

• Exercise 7: transitions

• Project 2: leaf project

• Exercise 8: event handlers

• Exercise 9: line chart

• Exercise 10: area chart

• Exercise 11: stacked chart

• Exercise 12: pie arc chart

Usage

For simplicity's purposes, the built-in server from python will be used to host the practices.

1. Open a terminal.
   

2. Go to the directory of the folder where the index file is located.
   

3. Type:
   

$: python -m http.server

4. You need to see the output:
   

$: Serving HTTP on :: port 8000 (http://[::]:8000/) ...

5. The server is running. Now, go to http://localhost:8000/ in chrome web browser.
   

6. To stop the server, type Ctrl+C.

Tip

To avoid cache, which might render past versions of the scripts, type Shift + F5 to refresh in the browser.