Changelog

• Enhance UI with dark/light mode toggle (99f6ca3)

in this devlog i have implemented a fully functional dark and light mode system with css custom properties for instant theme switching and localstorage for persistence. clicking the theme toggle button (🌙/☀️) instantly switches between dark mode with cyan/red accents and light mode with blue/red accents. all 12 color properties adapt seamlessly across the nav ui, wheatstone bridge circuit, pn diode graph, and controls. theme preference persists across page reloads, and a bug fix ensures reverse bias curve renders correctly.

in this devlog:

• i have updated the readme and all the parts
• optimized system functionality
• deployed it in github pages

#Future Improvements

• Export graph as image
• Download data as CSV
• Add more semiconductor devices
• Responsive design improvements
• Modular JavaScript structure

Changelog

• . (c0328bf)
• final commit (3714b24)
• readme update (857cf2c)
• Made the pn junc. part and optimize the system (d265f21)

in this devlog many things have changed:

• first the wheatstone bridge is fully optimized and many things are included
• second the pn junction diode is finished
• forward and reverse biasing is implemented
• the graph is implemented

future updates

the system can include more physics things which could help people actually learn practically in classes.

i started by setting up the basic app layout with section-based navigation, then got the carnot part working with interactive behavior and cleaner visuals. after that, i built the wheatstone bridge with a live rx slider, voltage output logic, and galvanometer deflection so it reacts when the bridge is balanced or unbalanced. most of the time went into refining the circuit drawing and connections so it looks more like the reference diagram and feels correct to use.
also i added geogebra link as i couldnt make the graph for thermodynamics.

In todays devlog i have implemented the carnot cycle graph which is a PV diagram, consists of two isothermal processes (one at high temperature Th and one at low temperature Tc) and two adiabatic processes connecting them. The graph typically shows a rectangular shape with the isothermal processes as horizontal lines and the adiabatic processes as vertical lines. The area enclosed by the cycle represents the work done by the engine, and the efficiency can be calculated using the temperatures of the heat source and sink.
for future update i am gonna make the graph interactive and also design the wheatstone bridge and pn junction diode graph with similar interactivity

Changelog

• Implement Carnot cycle (9ccf0d8)

hello everyone. hi again. i am creating a physics simulation in website using diff componects. this devlog indicates the completion of basic html structure and some css to improve the system uui…

future update:

• include the graphs and real physics thing
• implement js canvas

Changelog

• Add initial HTML, CSS (35b91b5)
• Initial commit (c843390)