About

Demo NextJS for D3js. Typscript, TailwindCSS and Hintertux.

Scope

Demonstrate what D3js can do in terms of rendering graphs.

A simple bar chart inspired by the initial exercises in the FCC data visualisation course.

Demos for each of the FCC certificate tests

Tech

React - NextJS

Setup with app-router. Custom build config for SSG in next.config.js.

Use client directive currently used on BarChart component, this is so we can allow the chart to update via user input (SSG not approriate, though maybe the initial render should be static? To be investigated).

A separate bar chart can hopefully be made to allow for static generation.

Typescript

All components developed in the app use TypeScript.

TailwindCSS

Really just used for text formatting and margins at the moment.

Hintertux

Header (nav) and Button instances.