For the longest time, Physics teachers have had to either create circuit diagrams painstakingly using Microsoft Word or using LaTeX. However, recently String.sg shared the work of a primary science teacher Julienne, from Rosyth School, a circuit diagram builder that can be accessed at https://diagrams.string.sg/ This is a very elegant and intuitive way of creating circuit diagrams.
I went ahead and added some more circuit symbols as well as labelling functionality, including the use of Latex for symbol such as $\Omega$.
This app can also be embedded into SLS directly using the URL (https://physicstjc.github.io/sls/circuit-diagram/) as it is whitelisted. This will allow students to create their own circuit diagrams, and export as a png file for submission.
I created this video using a screen capture with the Windows Snipping Tool and added a voiceover as well as some videos and images generated using Google Vids. Google Vids turns out to be quite an accessible, cloud-based video editor that bridges the gap between a presentation tool and a traditional video production suite. Unlike complex timeline-based software, it utilizes a “scene-based” storyboard where users can easily drag and drop stock media, screen recordings, and brand assets, or even instantly convert Google Slides into a structured video.
With its deep Gemini AI integration, it can generate initial scripts and storyboards from a simple prompt, provide realistic AI avatars for narration, and offer a “transcript-based editing” feature that automatically trims video footage by simply deleting words from the text. Because it is natively built into Google Workspace, it enables real-time multiplayer collaboration—allowing teams to comment and edit together just as they would in a Google Doc—and supports flexible exporting in landscape, portrait, or square formats for seamless sharing across any platform.
This simulation allows students to explore the relationship between force, mass, and motion. By allowing students to add multiple force vectors (such as Tension, Friction, and Air Resistance) and observe the resulting velocity-time (v-t) graphs and strobe-like motion diagrams, the tool bridges the gap between abstract Free Body Diagrams (FBDs) and real-world kinematic outcomes. This multimodal approach—simultaneously presenting symbolic (free body diagrams), graphical (v-t graphs), and motion strobe representations—is crucial for deeper conceptual understanding.
This interactive can be uploaded as an interactive response question type in the Singapore Student Learning Space using this zipped package: https://physicstjc.github.io/sls/dynamics/Dynamics.zip which will record the interactions and send them to SLS via xAPI. Ensure that students click on “Save” within the app before submitting.
This app is an interactive tool for teaching how capacitors behave when connected in series and parallel. Students can enter values for two or three capacitors and switch between series and parallel arrangements to see how the total capacitance changes. By manipulating the capacitor values and observing the resulting total capacitance and underlying equations, learners build a deeper understanding of the rules for combining capacitors in circuits — such as how in series the total capacitance decreases and in parallel it increases.
The Motion Kinematics Simulator is an interactive educational tool designed to bridge the gap between abstract physics concepts and visual intuition. By combining a real-time particle animation with a dynamic displacement-time graph, the app allows users to observe how various types of motion—such as constant velocity, acceleration, and deceleration—translate into specific mathematical gradients. You can scrub through the simulation to analyze velocity calculations or testing your knowledge in the integrated Quiz Mode.
A rheostat controls the size of the electric current by changing the resistance in a circuit using a resistive track and a movable slider. Moving the slider changes the length of the resistive path, so a longer path gives a larger resistance and smaller current, while a shorter path gives a smaller resistance and larger current.
This morning, I was watching my students conduct an experiment with a rheostat and saw a few of them connecting the two lower plugs (A and B as shown in the simulation). I had to explain to them why the current would not change no matter how they move the slider. Then it occurred to me that this could be best explained using a simulation. So I created this simple simulation using a little vibe-coding to help my students visualise current flow through a rheostat, hopefully preventing them from connecting it the wrong way.
I used the following prompt on Trae.ai: “Create this html simulation of a rheostat. The canvas should show a realistic image of a rheostat with its three plugs. One above, next to the rod on which the slider is resting. Two on either side of the coil of wire. The user can connect two wires to any of the three plugs. The simulation should show the direction of current flow, from one terminal out to the other terminal. The resistance value will then be shown. Make the maximum resistance 20 ohm.”
It produced a working prototype within one prompt. I then made further prompts changes to refine the app. Trae.ai makes fast iterations much less painful as it only makes the changes to the necessary codes without having to generate the whole set of codes from scratch.
For Singapore teachers, this simulation is optimised for SLS and is directly embeddable to SLS as my github domain is whitelisted. Just paste the URL (https://physicstjc.github.io/sls/rheostat/) after clicking “Embed website”.
