Becimal — Binary-Decimal Visualizer
Live: https://becimal.tinfo.space/
Repo: https://github.com/HansTydecks/binary-decimal-visualizer
Brief description
A lightweight, purely client-side learning tool for visualizing 8-bit binary numbers. Students can turn bits on and off, immediately see the decimal value and work through 30 guided mission tasks that introduce concepts step by step.
Didactic notes
- Use: Introduction to binary representation, practice with place values (powers of 2), introduction to data representation and byte concept.
- Teaching activities: Have missions processed sequentially, partner work with alternating explainer/checker, series of measurements with given decimal numbers (e.g. which bits to set?) as quiz task.
- Differentiation: Optionally show powers (2⁷ … 2⁰), decimal values or grayscale visualization below the switches, depending on learning level.
Technical notes
- Technology: Pure HTML/CSS/JavaScript (no framework), very small and offline-capable after first loading.
- Operation: Touch-optimized for interactive boards and tablets; can be operated locally by opening index.html.
Further Development & Feedback
- Issues and pull requests are welcome: https://github.com/HansTydecks/binary-decimal-visualizer/issues
Please report errors or didactic suggestions for improvement in the GitHub repository.