An interactive web application for visualizing binary numbers and their decimal representation, designed for educational use on smartboards and interactive displays.
- 8 Interactive Bit Switches with visual LED display
- Real-time Binary ↔ Decimal Conversion
- 30 Progressive Missions to learn binary concepts step by step
- Modular Display Options:
- Decimal values under switches (128, 64, 32, 16, 8, 4, 2, 1)
- Binary powers display (2⁷, 2⁶, 2⁵, ...)
- Binary string representation
- Grayscale visualization
- Touch-optimized for smartboards and tablets
- Responsive design for all screen sizes
Visit the live demo: https://becimal.tinfo.space
- Clone or download this repository
- Open
index.htmlin any modern web browser - No installation required!
Perfect for teaching:
- Binary number system fundamentals
- Bit manipulation and position values
- Powers of 2 concepts
- Binary to decimal conversion
- Computer data representation
The app includes 30 progressive missions that guide students through:
- Understanding what bits represent
- Basic decimal numbers (0, 1, 2, 4, 8...)
- Combining bits for larger numbers
- Complex decimal values up to 255
- Pure HTML5, CSS3, JavaScript - No frameworks needed
- Lightweight (~50KB total)
- Offline capable after first load
- Modern browser compatible (Chrome, Firefox, Safari, Edge)
- Toggle switches to set binary values
- Watch real-time updates of decimal representation
- Follow missions for guided learning
- Enable modules to show additional information
- Use hint bulbs 💡 for explanations
Contributions are welcome! Please feel free to submit issues or pull requests.
MIT License - Free for educational use and modification.
Built for Computer Science Education 🎓