Original MicroSims (1.0)

These are the original MicroSims from the first edition of this book (MicroSims 1.0). They are kept here as they were built, mostly on p5.js 1.x. The MicroSims for the current edition are listed on the MicroSims page.

This section of the MicroSims website contains examples of MicroSims that cover many different subjects in education including geometry, electronics, biology, physics, linear algebra, statistics, systems thinking, cellular automata, fractals and computer science.

We encourage you to submit your own MicroSims and we have a set of guidelines to help.

Gallery

• 555 Timer

  Interactive simulation of the classic 555 timer integrated circuit.

• A* Graph Search Algorithm

  Visualization of the A* pathfinding algorithm on a grid.

• AC Circuit MicroSim

  Interactive alternating current circuit simulation.

• AI Benchmarks Timeline

  Timeline of AI benchmark achievements and milestones.

• Arithmetic Logic Unit (ALU)

  Interactive simulation of an arithmetic logic unit.

• Analog Circuits

  Explore analog circuit fundamentals.

• Analog Clock

  Interactive analog clock face with moving hands.

• Animated Wire MicroSim

  Animated visualization of electrical current flow in a wire.

• Background Grid Controls

  Customizable background grid for MicroSim layouts.

• Bouncing Ball in a Rotating Hexagon

  Physics simulation of a ball bouncing inside a rotating hexagon.

• Bathtub MicroSim

  Stock and flow simulation demonstrating bathtub dynamics.

• Battery Drain

  Visualization of battery discharge over time.

• Battery Life Calculator

  Calculate battery life based on capacity and current draw.

• Breadth First Graph Search

  Visualization of breadth-first search algorithm.

• BFS vs DFS

  Side-by-side comparison of breadth-first and depth-first search.

• Binary Number

  Interactive binary number converter and visualizer.

• Book Build Workflow

  Workflow diagram for intelligent textbook generation.

• Bouncing Ball

  Classic bouncing ball physics simulation.

• Breadboard

  Interactive breadboard for circuit prototyping.

• Brownian Motion

  Simulation of random particle movement.

• Kinetic Molecular Theory

  Visualization of molecular motion and kinetic theory.

• Circle

  Interactive circle geometry exploration.

• Battery Circuit

  Simple battery and switch circuit simulation.

• Collision Avoidance Robot

  Robot navigation with obstacle avoidance.

• Color Names

  Explore named CSS colors interactively.

• Color Wheel Harmonies

  Interactive color wheel with harmony rules.

• Color Wheel with Named Colors

  Color wheel featuring CSS named colors.

• Conway's Game of Life

  Classic cellular automaton simulation.

• CSS Box Model Interactive

  Interactive visualization of the CSS box model.

• Curve Control PointerEvent

  Interactive Bezier curve manipulation.

• Data Element Mapper MicroSim

  Visual data element mapping tool.

• FFT Butterfly MicroSim

  Visualization of FFT butterfly computation pattern.

• Microphone Frequency Visualization with FFT

  Real-time audio frequency analysis using FFT.

• FFT Microphone V2

  Enhanced microphone frequency visualization.

• Fibonacci Clock

  Clock display using Fibonacci sequence encoding.

• Flashcards App

  Interactive flashcard study application.

• Flex Layout Playground

  Interactive CSS flexbox layout explorer.

• Flower Petal Designer

  Create flower patterns with customizable petals.

• Force Directed Graph

  Interactive force-directed graph visualization.

• Fourier

  Fourier series and transform visualization.

• Fractal Tree MicroSim

  Recursive fractal tree generator.

• Galton Board

  Simulation of the Galton board demonstrating normal distribution.

• Global Impact of MicroSims

  Visualization of MicroSims educational reach.

• Gold Star

  Interactive gold star shape generator.

• Learning Graph Viewer

  Interactive concept dependency graph explorer.

• H-Bridge Circuit

  Motor control H-bridge circuit simulation.

• Koch Curve Fractal

  Interactive Koch snowflake fractal generator.

• Lady Bug Walk

  Random walk simulation with a ladybug.

• Larson Scanner

  Knight Rider-style LED scanner animation.

• Concept Graph Prompt

  Prompt engineering for learning graph generation.

• Learning Modality Effectiveness

  Comparison of different learning modalities.

• Least Squares

  Interactive linear regression demonstration.

• Lissajous Figures

  Generate Lissajous curves with adjustable parameters.

• Logic Gates

  Interactive digital logic gate simulator.

• Maze Generator

  Procedural maze generation algorithms.

• Maze Solver

  Visualization of maze solving algorithms.

• AI-Assisted MicroSim Creation Workflow

  Workflow for creating MicroSims with AI assistance.

• MicroSim Growth Network Effect

  Visualization of MicroSim adoption growth.

• MicroSim Layout Architecture

  Standard MicroSim layout patterns and architecture.

• MicroSim Library Ecosystem

  Overview of JavaScript libraries used in MicroSims.

• MicroSim Uniqueness Interactive Venn Diagram

  Venn diagram showing what makes MicroSims unique.

• Mobile Compatible Buttons

  Touch-friendly button patterns for mobile devices.

• Rotating Motor

  Animated DC motor simulation.

• Named Colors

  Complete CSS named color reference.

• NeoPixel Simulation

  Addressable LED strip simulation.

• Neural Network

  Interactive neural network visualization.

• OODA Loop

  Observe-Orient-Decide-Act decision cycle diagram.

• p5.js Animation Loop Cycle

  Visualization of the p5.js draw loop.

• p5.js Coordinate System

  Interactive p5.js coordinate system explorer.

• History of p5.js and Creative Coding

  Timeline of p5.js and creative coding evolution.

• Particle Fields

  Interactive particle system with field effects.

• Pendulum

  Simple pendulum physics simulation.

• Regular Polygons

  Generate regular polygons with adjustable sides.

• Prisoners Dilemma

  Game theory simulation of the prisoner's dilemma.

• Projectile Motion

  Basic projectile motion physics.

• Projectile Motion with Gravity

  Projectile motion with adjustable gravity.

• Projecting AI Task Completion to 2030

  AI capability projection visualization.

• Pulse-Width Modulation

  Interactive PWM signal visualization.

• Pythagorean Theorem MicroSim

  Visual proof of the Pythagorean theorem.

• Rabbits and Foxes

  Predator-prey population dynamics simulation.

• Rainbow Color Picker

  Colorful rainbow-based color selection tool.

• Recursion Tree

  Visualization of recursive function calls.

• Resize in iframe

  Demonstration of responsive resizing in iframes.

• Resize Demo

  Canvas resize behavior demonstration.

• Responsive Design

  Responsive design patterns for MicroSims.

• Collision Avoidance Robot

  Multiple robot collision avoidance simulation.

• Rotating Gears

  Animated interlocking gear system.

• 7-Segment Display

  Interactive seven-segment LED display.

• Sierpinski

  Sierpinski triangle fractal generator.

• Simple Tree

  Basic recursive tree drawing.

• Sine and Cosine

  Interactive sine and cosine wave visualization.

• Sine Wave

  Adjustable sine wave generator.

• Slope and Intercept

  Interactive linear equation y = mx + b explorer.

• Snake MicroSim

  Classic snake game implementation.

• Solar Battery

  Solar panel and battery charging simulation.

• Solar Cell Battery Charger MicroSim

  Detailed solar cell charging system.

• Bouncing 3D Sphere Demo

  3D bouncing sphere with WebGL.

• Spinning 3D Shapes

  Rotating 3D geometric shapes.

• Star Rating MicroSim

  Interactive star rating component.

• String Harmonics

  Visualization of standing wave harmonics.

• Supply and Demand

  Economics supply and demand curve interaction.

• Temperature and Pressure

  Gas law temperature and pressure relationship.

• MicroSim Template

  Starter template for creating new MicroSims.

• Three Web Languages

  Overview of HTML, CSS, and JavaScript.

• Virus Spread Simulation

  Epidemic spread simulation model.

• Wave Sums and Fourier Synthesis

  Combine sine waves to create complex waveforms.

• Yin & Yang MicroSim

  Interactive yin-yang symbol generator.