Generated by XState Viz: https://xstate.js.org/viz

machine.js

  
  const waterMachine = Machine({
    id: 'water',
    initial: 'liquid',
    states: {
      ice:  {
        on : { 
          HEAT: {
            target: "liquid"
          }
        
        }
      },
      liquid: {
        on: {
          HEAT: {
            target: "gas"
          },
          FREEZE: {
            target: "ice"
          }
        }
      },
      gas: {
        on: {
          HEAT: {
            target: "plasma"
          },
          FREEZE: {
            target: "liquid"
          }
        }
      },
      plasma: {
         on: {
          FREEZE: {
            target: "gas"
          }
        } 
      }
    }
  });