User Story Mapping

{
  "nodes": [
    { "id": "g1", "type": "ellipse", "label": "Discover product", "x": 40,  "y": 40,  "fill": "#dcfce7" },
    { "id": "g2", "type": "ellipse", "label": "Purchase",         "x": 320, "y": 40,  "fill": "#dcfce7" },
    { "id": "g3", "type": "ellipse", "label": "Get support",      "x": 600, "y": 40,  "fill": "#dcfce7" },
    { "id": "a1", "type": "rect",    "label": "Browse",  "x": 40,  "y": 140, "fill": "#dbeafe" },
    { "id": "a2", "type": "rect",    "label": "Compare", "x": 200, "y": 140, "fill": "#dbeafe" },
    { "id": "a3", "type": "rect",    "label": "Checkout","x": 320, "y": 140, "fill": "#dbeafe" },
    { "id": "a4", "type": "rect",    "label": "Pay",     "x": 460, "y": 140, "fill": "#dbeafe" },
    { "id": "a5", "type": "rect",    "label": "Search FAQ", "x": 600, "y": 140, "fill": "#dbeafe" },
    { "id": "t1", "type": "note",    "label": "Faceted search", "x": 40,  "y": 240, "fill": "#fef9c3" },
    { "id": "t2", "type": "note",    "label": "Side-by-side view", "x": 200, "y": 240, "fill": "#fef9c3" },
    { "id": "t3", "type": "note",    "label": "Saved cart",  "x": 320, "y": 240, "fill": "#fef9c3" },
    { "id": "t4", "type": "note",    "label": "Apple Pay",   "x": 460, "y": 240, "fill": "#fef9c3" },
    { "id": "t5", "type": "note",    "label": "Live chat",   "x": 600, "y": 240, "fill": "#fef9c3" }
  ],
  "edges": []
}