Software Development Roles: Skill Attributes Visualisation

This 3D scatter plot visualises various software development roles based on three key skill attributes:

  • Project Timeline (x-axis): Representing the spectrum from project start to project end.
  • Focus Orientation (y-axis): Spanning from people focused to technology focused roles.
  • Thinking Style (z-axis): Differentiating between operational thinking and strategic thinking.

Each marker represents a distinct role, with its position indicating the relative emphasis on each of these attributes. Use the chart to explore how different roles balance these skills. How one person in a 3D space could assume another role nearby in the space.

Click the "Reset Chart View" button to reset the chart to its default view.

Click the "Set Y and X Front View" button to set the chart to see Y on the left and X on the bottom.

Click the "Set Y and Z Front View" button to set the chart to see Y on the left and Z on the bottom.

Interacting with the 3D Scatter Plot:

Zoom:

  • Mouse Scroll: Scroll the mouse wheel up and down to zoom in and out.

Rotate:

  • Click and Drag: Click and drag on the plot to rotate it in any direction.
  • Right Click and Drag: Right-click and drag on the plot to pan it left, right, up, or down.

Reset Chart View:

  • Reset Button: Click the "Reset Chart View" button below the plot to reset the view to its default position (Y axis left, X axis bottom, and Z axis depth).

Explore:

  • Hover: Hover over a data point to see additional information about the role it represents.

Teleprompter (2025)

Teleprompter

After 8 hours of pure vibe coding, I built a Teleprompter. It’s proof that coding with energy and intuition can shape the future of software development.

A free, browser-based app designed to help presenters, creators, and speakers deliver with clarity and confidence.

Key Features:

  • 🎤 Voice-Controlled Scrolling – Speak naturally and the script scrolls.
  • Classic Scrolling Mode – Prefer manual speed control?
  • ✍️ Script Dictation – Draft your script by talking straight into the tool.
  • 🪞 Pro-Rig Ready – Mirror and flip for real teleprompter hardware.
  • 🎨 Customizable Display – Speed, font (OpenDyslexic), layout, themes.
  • 🌐 Zero friction – No install. No sign-up. Just open and start.

Built with vanilla JavaScript, HTML, and CSS to solve a real-world problem—for myself and anyone needing a smoother speaking experience.

Speed: 1.0Font: 40.0ptMargin: 20%Spacing: 1.5Estimated time: 00:00© Chris Saunders
Not designed for small screens.
Welcome to the Ultimate Teleprompter! This is your guide to getting started. You can delete this text and paste your own script here. GETTING STARTED (3 EASY STEPS) 1. ADD YOUR SCRIPT: Click anywhere in this window and paste your text. 2. STYLE YOUR TEXT: Use the sliders and menus in the header to adjust font size, margins, and spacing to your liking. 3. CHOOSE YOUR MODE: Decide if you want to use Voice Control or Auto-Scroll. 🎤 USING VOICE CONTROL (RECOMMENDED) This mode follows your voice, giving you complete control over the pacing. To Start: Use your mouse to scroll to where you want to begin, then press the 🎤 Voice button. The system will automatically find the nearest word, gray out everything before it, and underline your first target word. How it Works: Simply start reading the underlined word. The prompter will advance automatically, keeping your current place near the top of the screen. GET LOST? RECOVER INSTANTLY: If you stumble or the prompter gets stuck, just pause for a second and say the word "resume" clearly. It will instantly re-center on your last correct word, ready for you to continue. To Stop: Press the 🔴 Stop Voice button at any time. The prompter will automatically stop and scroll back to the top. It will also stop automatically when you finish the last word of the script. ▶️ USING AUTO-SCROLL This is the classic, timed scrolling mode. Set Your Pace: Adjust the Speed slider in the header. Begin Scrolling: Press the ▶ Start or ⛶ Start Fullscreen button. Stop Scrolling: Press the ⏸ Stop button that appears. ⌨️ KEYBOARD SHORTCUTS Spacebar: Toggles Auto-Scroll ON and OFF. Arrow Keys (← →): Adjust side margins on the fly. Escape Key: Exits fullscreen mode. ALL CONTROLS EXPLAINED ▶ Start / ⏸ Stop: Toggles the automatic, timed scrolling. ⛶ Start Fullscreen: Begins auto-scroll in a clean, distraction-free view. 🎤 Voice: Toggles the voice-controlled scrolling mode. 🎤⛶ Voice Fullscreen: Begins voice control in a clean, distraction-free view. ⏮ Reset: Instantly scrolls the script back to the very top. 🔖 Bookmark / ↩ Go Bookmark: Save and return to a specific spot in your script. 🪞 Mirror / 🔃 Flip: Flips the text horizontally or vertically for use with physical teleprompter rigs. 💾 Save to File: Downloads your current script and settings as a .txt file. Happy recording! 🎬 A Note on Privacy: Voice recognition is performed securely by your browser's built-in service (like Google Chrome or Apple Safari). This application does not record, store, or have any access to your voice audio; it only receives the transcribed text. I built a teleprompter within a single day using vibe coding techniques.

Popular Posts