Editor

SketchSystems.spec

Editor
  Empty Canvas
    click Add Chart -> Canvas with Chart
  Canvas with Chart
    Inspector open*
      click Select Data Source -> Data Source Select inspector
    Data Source Select inspector
      back -> Canvas with Chart
      select a Data Source -> Canvas with Chart
      click Connect More Data Source -> Modal Marketplace window
  Modal Marketplace window  
    Marketplace*
      select a Data Source -> Login and Configure service
      close -> Canvas with Chart
    Login and Configure service
      login -> Choose metric
      back -> Modal Marketplace window
    Choose metric
      choose metric -> Canvas with Chart
      back -> Modal Marketplace window
      

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