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.
Tutorials aren’t always enough to get you into front end career. Head to our website and apply for a job guarantee and work with me directly:
https://www.learnfrontendnow.com/?el=...
What you will get:
$70,000 job guarantee
Unlimited one to one live coaching with me
Apply for you - once you are ready and have learned the skills our coaches will apply for you
Beginner friendly, no experience or degree needed
Still not sure? Ask me directly on Instagram to see how I can help you https://www.instagram.com/thehashton/...
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...
FOLLOW ✅
► / thehashton
#frontend #webdev #developer #javascript #typescript #webdevelopment #typescript #charts #data #datavisualization