Interactive Voice Response Tree

This Interactive Voice Response Tree (IVR tree) has nodes that contain a collapsible list of actions, controlled by a PanelExpanderButton, with a TreeExpanderButton underneath the body. See the Intro page on Buttons for more GoJS button information.

{ "class": "go.GraphLinksModel",
  "nodeDataArray": [
{"key":"1", "question":"Present choices",
 "actions":[
   {"text":"first", "figure":"ElectricalHazard", "fill":"blue"},
   {"text":"second", "figure":"FireHazard", "fill":"red"},
   {"text":"third", "figure":"IrritationHazard", "fill":"yellow"}
 ]},
{"key":"2", "question":"Hello World?"},
{"key":"3", "question":"How much?"},
{"key":"4", "question":"other choices",
 "actions":[
   {"text":"a much longer string",
    "figure":"FireHazard",
    "fill":{"class":"go.Brush", "type":"Linear",
            "start":{"class":"go.Spot", "x":0.5, "y":0, "offsetX":0, "offsetY":0},
            "end":{"class":"go.Spot", "x":0.5, "y":1, "offsetX":0, "offsetY":0},
            "colorStops":{"0":"yellow", "1":"orange"}}},
   {"text":"last","figure":"IrritationHazard", "fill":"yellow"}
 ],
 "fill":{"class":"go.Brush",
         "type":"Linear",
         "start":{"class":"go.Spot", "x":0.5, "y":0, "offsetX":0, "offsetY":0},
         "end":{"class":"go.Spot", "x":0.5, "y":1, "offsetX":0, "offsetY":0},
         "colorStops":{"0":"yellow", "1":"orange"}}},
{"key":"5", "question":"hi!"},
{"key":"6", "question":"more?"},
{"key":"7", "question":"less?"},
{"key":"8", "question":"do something"},
{"key":"9", "question":"do something else"},
{"key":"10", "question":"last action"},
{"key":"11", "category":"Terminal", "text":"OK",
 "fill":{"class":"go.Brush", "type":"Linear",
         "start":{"class":"go.Spot", "x":0.5, "y":0, "offsetX":0, "offsetY":0},
         "end":{"class":"go.Spot", "x":0.5, "y":1, "offsetX":0, "offsetY":0},
         "colorStops":{"0":"white", "1":"green"}},
 "stroke":"green"},
{"key":"12", "category":"Terminal", "text":"stop",
 "fill":{"class":"go.Brush", "type":"Linear",
         "start":{"class":"go.Spot", "x":0.5, "y":0, "offsetX":0, "offsetY":0},
         "end":{"class":"go.Spot", "x":0.5, "y":1, "offsetX":0, "offsetY":0},
         "colorStops":{"0":"white", "1":"red"}},
 "stroke":"red"}
 ],
  "linkDataArray": [
{"from":"1", "to":"2", "answer":"Yes"},
{"from":"1", "to":"3", "answer":"No"},
{"from":"1", "to":"4", "answer":"Maybe"},
{"from":"2", "to":"5", "answer":"Yes"},
{"from":"3", "to":"6", "answer":"High"},
{"from":"3", "to":"7", "answer":"Low"},
{"from":"7", "to":"8", "answer":"Yes"},
{"from":"7", "to":"9", "answer":"No"},
{"from":"7", "to":"10", "answer":"Maybe"},
{"from":"9", "to":"11"},
{"from":"10", "to":"12"}
 ]}