About SetViz

What is SetViz?

SetViz is an interactive learning platform designed to make set theory accessible and engaging through beautiful visualizations. Whether you're a student learning the basics or a teacher looking for visual aids, SetViz transforms abstract mathematical concepts into intuitive, interactive experiences.

Our Mission

To make set theory accessible and understandable through visual learning. We believe that seeing mathematical concepts in action helps build deeper understanding than abstract notation alone.

Learning Features

📚 Interactive Tutorial

Step-by-step guided learning with 8 comprehensive stages covering basic concepts to advanced relationships

🎮 Practice Mode

Test your knowledge with randomized practice questions and get instant feedback on your answers

📱 Mobile Friendly

Optimized for all devices with touch-friendly controls and responsive design for learning anywhere

🎨 Visual Learning

Beautiful Venn diagrams with interactive highlighting to understand unions, intersections, and complements

🌍 Multilingual

Available in English and Bahasa Malaysia to support diverse learning communities

📊 Progress Tracking

Built-in statistics to track your learning progress and see how you're improving over time

How to Use SetViz

Choose Your Mode: Start with Tutorial for guided learning or Practice for hands-on experience
Follow the Stages: Work through 8 comprehensive stages covering basic to advanced concepts
Interact with Visuals: Click on elements to add/remove them from sets and see real-time updates
Practice & Test: Use practice mode with randomized questions and instant feedback
Track Progress: Monitor your learning with built-in statistics and user count
Switch Languages: Toggle between English and Bahasa Malaysia as needed

What You'll Learn

Basic Set Concepts: Understanding what sets are and how they work
Set Notation: Learning symbols like A, A′, ∪, ∩, and their meanings
Set Operations: Union (∪), Intersection (∩), Complement (′), and Set Difference
Set Relationships: Independent, Overlapping, and Mutually Exclusive sets
Subset Relationships: Understanding A ⊆ B, A ⊂ B, and proper subsets
De Morgan's Laws: Visualizing complement relationships and logical equivalences
Visual Intuition: Building understanding through interactive visualizations

Features

🎨 Interactive Visualizations

Click buttons to see exactly which areas represent each set operation

📚 Progressive Learning

Structured 8-stage approach that builds understanding from basic concepts to advanced relationships

🔄 Relationship Exploration

Toggle between different set relationships to see how they affect operations

📱 Responsive Design

Works perfectly on desktop, tablet, and mobile devices

♿ Accessible

Built with accessibility in mind, supporting screen readers and keyboard navigation

🌐 No Login Required

Start learning immediately - no registration or account needed

Technical Details

Built with: HTML5, CSS3, JavaScript (ES6+), SVG

Deployment: Static site, perfect for GitHub Pages

Browser Support: Modern browsers (Chrome, Firefox, Safari, Edge)

License: Open source, inspired by ProbViz

Credits

Created by: Suriyati Ujang

Inspired by: ProbViz - for the clean, educational approach

Built with: ❤️ + JavaScript

Ready to Master Set Theory?

Start your interactive learning journey with beautiful visualizations and step-by-step guidance

Start Learning Now →