Visualizing Data in Vue (with Dennis Adriaansen)

DejaVue

In episode 52 of DejaVue (yes, it is a whole year), Dennis Adriaansen joins Michael and Alex to discuss data visualization in Vue.js. Dennis shares insights about building chart components, his experience with different charting libraries, and introduces his own Vue charting library. They explore topics like chart customization, performance considerations, and integrating charts into dashboards.

The conversation also gets into broader topics such as open source sustainability, UI libraries, and backend integrations with Nuxt.

Enjoy the episode!

Our Guest

Dennis Adriaansen

• Vue Chart Library
• X
• BSky

Chapters

• (00:00) - Welcome to DejaVue
• (00:33) - A year of DejaVue
• (01:20) - Another announcement from Michael
• (02:52) - How did you get into programming?
• (07:07) - Would people choose Vue more if it was more popular?
• (11:37) - Podcasts and Hot Takes
• (19:03) - Why charts?
• (21:05) - How do you get started with building chart components?
• (23:39) - What was your use case for charts?
• (25:16) - What does Unovis provide?
• (29:31) - Why not other Chart Libraries?
• (34:34) - Performance of Charts
• (38:48) - A tiny Vapor update
• (40:40) - Which Charts does your library support?
• (44:10) - When do you do Open Source?
• (45:05) - Open Source Funding & Contributions
• (49:47) - What makes a good Dashboard?
• (52:03) - Which backend do you use with Nuxt?
• (58:41) - Do you have a preferred UI library?
• (01:01:43) - Where can people find you?

Links and Resources

• DejaVue #051 - Vite Inside Out (with Matias "Patak" Capeletto)
• Mastering Nuxt*
• DejaVue #E049 - The Fusion of Laravel and Vue (with Aaron Francis)
• DejaVue #E041 - The Quadruple Migration (with Rijk van Zanten)
• D3.js
• Tremor Labs
• chart.js
• Unovis
• Dennis' Nuxt error dashboard
• Vapor Playground
• Reading Vue Vapor
• Vue Chrts (Dennis' Lib)
• Open Source Pledge
• BBF Pattern
• zod
• valibot
• Standard Schema
• Nuxt UI*
• Inspira UI
• Reka UI

Your Hosts

Alexander Lichter

• Bluesky
• YouTube
• Website

Michael Thiessen

• Twitter
• YouTube
• Website

---

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.