Data Vis With Svelte Course

About this repository

The contents of this repository were created in conjunction as hands-on labs for Newline's Better Data Visualization with Svelte course by Connor Rothschild. I thoroughly enjoyed the course and if you're curious at all about Svelte, data visualization, or D3 it's well worth a look.

A few small notes for now before I flesh out this readme further: overall the code follows the structure as shown during the course content. I have made some small tweaks to styling and behavior in a few places according to what I prefer. There are a few minor bugs / feature improvements to be made to transitions and, in the scrollytelling project, making the hover behavior and scroll trigger combination play nice.

Running the projects

Any of the projects can be run with the following steps:

1. Clone the repository
2. cd into the cloned directory, then cd into the desired project, e.g. globe
3. Run npm install to add dependencies
4. Start the dev server with npm run dev
5. Open the server's address in your browser (f.ex http://localhost:5137)