statechart.js

SC.Statechart.create({

  rootState: SC.State.design({

    initialSubstate: 'ready',

    ready: SC.State.design({

      initialSubstate: 'simple',

      simple: SC.State.design({}),

      concurrent: SC.State.design({

        substatesAreConcurrent: YES,

        one: SC.State.design({
          initialSubstate: 'a',
          a: SC.State.design({}),
          b: SC.State.design({ })
        }),

        two: SC.State.design({
          initialSubstate: 'c',
          c: SC.State.design({}),
          d: SC.State.design({})
        })
      })
    })

  })
});