Cato*

SketchSystems.spec

Cato*
  Logged Out
    log in -> Logged In
    sign up -> User Registration
  
  Logged In
    log out -> Logged Out
    
    Onboarding*
      learn about Cato -> Documentation

      0 of 3 Units Completed*
        train Cato -> Training Data Upload
        
      1 of 3 Units Completed
        inspect training results -> Training Results Presentation
        
      2 of 3 Units Completed
        interact with prediction model -> Interactive Prediction
    
    Training Data Upload
      pick file -> Okay To Send?
    
      No Errors*
      File Size Exceeded
      Wrong File Format
      
      Okay To Send?
        valid file? -> Loading
        file size exceeded? -> File Size Exceeded
        wrong file format? -> Wrong File Format
      
      Loading
        server accepted -> Success
        server rejected -> Failure
      
      Success
      Failure
    
    Training Results Presentation
    
    Interactive Prediction
  
User Registration
  register -> Logged In
    
Documentation

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}