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"
          }
        }
      }
    }
  });