Here is a project starter utilizing Vue 3 and d3 to create data visualizations.

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

image

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

Get started

Prerequisite

Install

  1. Open terminal and clone this repo:
git clone git@github.com:margueriteroth/...
  1. Go into that folder via terminal:
cd vue-d3-dataviz-starter
  1. Install the node packages listed out in package.json:
npm install
  1. Run the vite server
npm run dev
  1. http://localhost:3000/

Charts and datasets

Line chart

Scatter plot

Abortion is healthcare.
Donate to Planned Parenthood now
Scroll up ^
Woman (Marguerite) taking a selfie in the mirror, phone in hand, wearing a RHCP shirt.

Marguerite Roth

Software Engineer @Parse.ly