How to Design a State Chart

State charts are kind of nested state machines where you say, on or off. And if I'm on, I might also be in quiet mode or loud mode. So how do you get from one state to another? This is at statedesigner.com. If you're curious, there's a JavaScript library and then there's the app. It's free. You can use it, whatever.