Uploaded April 2026 | Updated September 2026, 1 hour ago
An overview of the YouTube Channel Visualizer tool that allows you to visualize your channel on a diagram to be able to surface key metrics that will help you create better-performing content. Additionally, you'll learn how to vibe-code a tool like this using the JointJS Claude Playground plugin for Claude Code.
🔗 Links
YouTube Channel Visualizer: cssw.io/youtube-channel-visualizer
JointJS Claude Playground: github.com/clientIO/jointjs-claude-playground
Guide on using JointJS-enhanced Claude Code Playground plugin: youtu.be/GSYSbJo6ras
📖 Chapters
00:00 What is YouTube Channel Visalizer
00:40 How to visualize link connections differently
01:30 How to arrange the videos by Timeline, Tags, Views, and Grid
01:39 How to work with tags in YouTube Channel Visualizer
02:37 How to arrange videos by Views
03:09 How to filter videos by type (Long/Short/Live Stream)
03:29 How to edit video properties
03:59 How the app persists settings through localStorage
04:44 How to export the channel visualization for social media in PNG format
05:06 How the Calendar view in YouTube Channel Visualizer works
05:21 How the Stats view in YouTube Channel Visuzlizer works
05:41 How to import your own channel using YouTube API Key
06:36 How to use YouTube Channel Visualizer as a YouTube planning tool
07:55 About security and privacy of the YouTube Channel Visualizer
08:19 How to create visual tools using JointJS Claude Playground plugin for Claude Code
09:32 How to install and use the JointJS Claude Playground plugin
11:22 Why you should share the tools and channel visualizations you create
Subscribe to my Newsletters:
💌 CSS Weekly: css-weekly.com
🤖 AI Developer: aideveloperweekly.com
Keep up-to-date with CSS Weekly:
💖 Become a member on Patreon: patreon.com/cssweekly
💼 LinkedIn: linkedin.com/in/zoranjambor
🦋 Bluesky: https://bsky.app/profile/cssweekly.com/
🐦 Twitter: twitter.com/@cssweekly
- Zoran Jambor
#claudecode #jointjs
An overview of the YouTube Channel Visualizer tool that allows you to visualize your channel on a diagram to be able to surface key metrics that will help you create better-performing content. Additionally, you'll learn how to vibe-code a tool like this using the JointJS Claude Playground plugin for Claude Code.
🔗 Links
YouTube Channel Visualizer: cssw.io/youtube-channel-visualizer
JointJS Claude Playground: github.com/clientIO/jointjs-claude-playground
Guide on using JointJS-enhanced Claude Code Playground plugin: youtu.be/GSYSbJo6ras
📖 Chapters
00:00 What is YouTube Channel Visalizer
00:40 How to visualize link connections differently
01:30 How to arrange the videos by Timeline, Tags, Views, and Grid
01:39 How to work with tags in YouTube Channel Visualizer
02:37 How to arrange videos by Views
03:09 How to filter videos by type (Long/Short/Live Stream)
03:29 How to edit video properties
03:59 How the app persists settings through localStorage
04:44 How to export the channel visualization for social media in PNG format
05:06 How the Calendar view in YouTube Channel Visualizer works
05:21 How the Stats view in YouTube Channel Visuzlizer works
05:41 How to import your own channel using YouTube API Key
06:36 How to use YouTube Channel Visualizer as a YouTube planning tool
07:55 About security and privacy of the YouTube Channel Visualizer
08:19 How to create visual tools using JointJS Claude Playground plugin for Claude Code
09:32 How to install and use the JointJS Claude Playground plugin
11:22 Why you should share the tools and channel visualizations you create
Subscribe to my Newsletters:
💌 CSS Weekly: css-weekly.com
🤖 AI Developer: aideveloperweekly.com
Keep up-to-date with CSS Weekly:
💖 Become a member on Patreon: patreon.com/cssweekly
💼 LinkedIn: linkedin.com/in/zoranjambor
🦋 Bluesky: https://bsky.app/profile/cssweekly.com/
🐦 Twitter: twitter.com/@cssweekly
- Zoran Jambor
#claudecode #jointjs
