Progressively Enhanced Data Viz with Remix

This is a demonstration of how to progressively enhance a data visualization!

The core idea can be seen by doing the following:

Run npm i && npm run setup && npm run dev
Navigate to the invoices page
Switch between invoices and notice the graph animates (you may need to add a few invoices first)
Disable JS and switch between invoices: the graph should show up but no longer animate

Where did I get the code?

The vast majority of this code comes from Kent C. Dodd's wonderful advanced-remix codebase, which has a nice demo Remix app.

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
app		app
prisma		prisma
public		public
workflows		workflows
.dockerignore		.dockerignore
.env		.env
.env.example		.env.example
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.npmrc		.npmrc
.prettierignore		.prettierignore
Dockerfile		Dockerfile
README.md		README.md
fly.toml		fly.toml
package-lock.json		package-lock.json
package.json		package.json
remix.config.js		remix.config.js
remix.env.d.ts		remix.env.d.ts
start.sh		start.sh
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json