vue-d3-dataviz-starter

---

Project starter to get up and moving quickly, with examples. For Sabine!

https://marguerite.io/vue-d3-dataviz-starter

Alternatively, you can ignore all the d3 and use this as a Vue + Vite starter.

Get started

Prereq

• Node (https://nodejs.org/en/download/)

1. Open terminal and clone this repo:

git clone [email protected]:margueriteroth/vue-d3-dataviz-starter.git

2. Go into that folder via terminal:

cd vue-d3-dataviz-starter

3. Install the node packages listed out in package.json:

npm install

4. Run the vite server

npm run dev

5. http://localhost:5173/

---

Charts and datasets

Line chart

• Average temperature anomaly mean time series
  • https://data.world/data-society/global-climate-change-data/workspace/file?filename=GlobalLandTemperatures%2FGlobalLandTemperaturesByState.csv
  • https://www.ncdc.noaa.gov/cag/global/time-series

Scatter plot

• Mass shootings
  • https://www.motherjones.com/politics/2012/12/mass-shootings-mother-jones-full-data/
  • https://data.world/marguerite/mother-jones-mass-shooting/workspace/file?filename=mass-shooting-mother-jones.csv