Claude.ai recently released the ability to publish “artifacts” – which are live views of the code (or graphs, or drawings, or outlines, etc.) that it produces based on a user prompt.

Way back when, in the good old days of last year, when getting ChatGPT to help me code interactive websites, I got it to help me develop a simulation of gas pressure in a container. We were working in HTML, CSS and JS. The implementation was simple – open the file in a browser.

Here is that simulation:

Gas Pressure Simulator

Gas Pressure Simulator

Bounces per Second: 0
Bounce Count: 0

Temperature: 25°C

Bounce Count Over Time

Claude built me a replica, and I added a few features (and dispensed with the live graph, for the sake of proving the concept.) This took only two prompts. The first to get the basic simulation up and running, and the second to add the pressure gauge.

Here’s the HTML version rewritten using Claude: Claude rewrite of ChatGPT Pressure Simulation

Here is the React version by Claude: Claude React Pressure Simulation