charts importeren

[SamaraFellaDina]

Ik heb hierbij dit Medium artikel gebruikt.

Hoe maak je een grafiek ik next.js?

1. installeer chart.js:

   npm install chart.js react-chartjs-2

2. Vervolgens importeer je de data in de bestanden waarin je een chart wilt voegen

   import {Chart as ChartJS} from "chart.js"

[SamaraFellaDina]

Naar welke bronnen heb je gekeken?

• Medium | Use Chartjs with Nextjs
• Medium | How to create a chart from a dynamic dataset
• Daarnaast heb ik veel aan Chatgpt gevraagd.

Wat is je tot nu toe gelukt?

Ik heb erg veel mee zitten spelen, aangezien het zo anders werkt dan Svelte. Als voorbeeld weet next.js niet wat onMount() betekent. Ik heb dus naar een aantal bronnen gekeken en veel gevraagd aan ChatGPT

• Ik heb daarnaast ook aan de icon library kunnen werken
  • https://github.com/SamaraFellaDina/choices-choices-the-tech-stack/issues/62

Maken van een status bar

Ik heb het voor elkaar gekregen dat de status bar het doet

Andere grafieken

Het is me helaas nog niet gelukt om de rest van de grafieken te maken, dit is hoe de code er tot nu toe uitziet, hier kan je de code daarvan vinden.