This video is the sixth and final video in a six-video series where I walkthrough how I created my submission for the 2024 Posit Table Contest. For my entry, I created an interactive Spotify dashboard using Quarto, GitHub Actions, GitHub Pages, Observable JavaScript, and, of course, the gt package. In this video, we'll create the table itself, and style it using CSS. We'll also add styling to the rest of the dashboard to create an overall Spotify-like theme.
Video 1 (Publishing Quarto Dashboards for FREE using GitHub Actions and GitHub Pages): https://youtu.be/5zYrgRylkH0
Video 2 (How to securely store passwords as environment variables using GitHub Actions): https://youtu.be/RNqsqcOYDp0
Video 3 (How to access Spotify data using R): https://youtu.be/MLs0f9vNk9c
Video 4 (Embedding media in Quarto projects using iframes): https://youtu.be/y7ZdBUtQxqg
Video 5 (Creating interactive Quarto dashboards with Observable JS, GitHub Actions, and GitHub Pages): https://youtu.be/1k1ExCgzXl0
Video 6 (Creating and styling the table): https://youtu.be/27Njh1i9-oM
Links:
Completed dashboard: https://melissavanbussel.github.io/spotify-dashboard/dashboard.html
Code repo for dashboard: https://github.com/melissavanbussel/spotify-dashboard
Want to support my channel or connect?
☕Buy me a coffee: https://ko-fi.com/melissavanbussel
💼 LinkedIn: https://www.linkedin.com/in/melissavanbussel/
🐦 Twitter: https://twitter.com/melvanbussel
🌐 Website: https://www.melissavanbussel.com/
💻 GitHub: https://github.com/melissavanbussel
*Please note: it’s helpful for me if you send me a message on LinkedIn when you add me letting me know you’re adding me because of YouTube, so that I can keep track of how I know each person in my network😊
00:00 Introduction
02:25 Table content
23:17 Styling the table and the dashboard