top of page

Dial Spectrum

Capture opinions or confidence on a continuous visual scale

Dial Spectrum: Visualizing Nuance and Confidence

The Dial Spectrum generator is a professional visual interface for code that captures nuanced learner data on a continuous scale. Unlike binary questions that force a "Yes" or "No" response, this tool allows instructional designers to measure confidence, comfort levels, or personal opinions across a spectrum. It serves as a sophisticated component for pre-assessment and reflective activities where the goal is to acknowledge a range of valid perspectives while providing a high-end creative aesthetic.

Dial Spectrum: Visualizing Nuance and Confidence

How To Use the Generators


Each tool in the eLearningDesign.org ecosystem follows a streamlined, three-step workflow designed to keep you focused on instructional strategy while we handle the technical execution.

  • Input Your Content: Open the Content tab to add your specific learning prompts, interactive options, and coaching feedback. This is where you build the logic and instructional heart of your activity.

  • Customize Your Design: Switch to the Design tab to align the tool with your course aesthetic. You can manually adjust colors, typography, and layout structures to ensure a seamless visual fit.

  • Generate and Embed: Go to the Generate tab to finalize your tool. Click "Copy Embed Code" for your authoring tool's HTML block, or "Download as HTML" for local hosting and offline use.

Common Use Cases


  • Confidence Self-Assessments: Use at the beginning of a module to let learners gauge their existing knowledge and set a baseline for growth.

  • Ethics and Soft Skills Training: Present a complex scenario and ask learners to dial in their level of comfort with a specific decision.

  • Change Readiness: Measure how team members feel about an upcoming organizational shift to provide targeted support based on their specific sentiment.

Technical Specifications


  • Visual Interface for Code: Focus on your instructional strategy while the generator handles the complex logic of tile-flipping and matching.

  • Fixed-Frame Optimization: Specifically designed to maintain grid integrity within iframes and web objects in Rise 360 and Storyline.

  • WCAG Friendly: Includes keyboard navigation support to ensure the matching activity is accessible.

  • Brand-Consistent Palette: Fully customizable settings that give the designer the ability to choose their own specific brand colors for any corporate, educational, or organizational identity.

bottom of page