Skip to main content

Phase Change

Solid, liquid and gas from the same molecules. A heater adds or removes energy at a constant rate; the heating curve shows latent-heat plateaus as it melts and boils.

  • 16.1 KB .bexode
  • 8 live inputs
  • Responsive fit Layout
Live runtime

Use it

The code follows your customizations. Install with npm i exodeui.

import { ExodeUICanvas } from 'exodeui';

// sci-phase-change.bexode goes in /public (download it below)
export function SciPhaseChange() {
  return (
    <ExodeUICanvas
      src="/sci-phase-change.bexode"
      fit="Layout"   // responsive: redraws at any container size
      autoPlay
      interactive
      style={{ width: '100%', height: 560 }}
    />
  );
}

Inputs

InputTypeDefaultRange
titleTextPhase Change—
heatNumber0.4-1 – 1
attractNumber10.4 – 2
speedNumber10.1 – 3
accentText#5ee0ffhex colour
accent2Text#ffb454hex colour
bgText#06080bhex colour
textText#e6edf3hex colour