Build a React Data Dashboard App | Next.js, MUI, Typescript - 6. Charts and Tables with Charts.js
Discover how to create engaging and interactive charts and tables using MUI and Charts.js as we build our Data Dashboard app. Follow me as we dive into the world of data visualization and show you how to level up your front-end skills with Charts.js, MUI and NextJS.
0:00 - Intro
1:00 - Install ChartsJS
1:35 - Login fix
4:15 - Light Theme
4:56 - Dashboard Scaffolding
6:40 - Data Ribbon
17:30 - TransactionsPerDay Chart
22:57 - Data Chart (ChartsJS)
29:57 - Doughnut Charts
36:34 - Footer
44:16 - Data Grid Table
48:09 - Side menu
49:30 - Outro
LINKS 🔗
► https://www.chartjs.org/
► https://github.com/thehashton/cb-data...
💬 Join us on our discord here:
► / discord
Visit our website:
► https://www.curiousbyte.dev
FOLLOW ✅
► / thehashton
► / curious_byte
SUPPORT THE CHANNEL ❤️
► https://www.buymeacoffee.com/curiousbyte
#frontend #webdev #developer #javascript #typescript #webdevelopment #typescript #charts #data #datavisualization
