 'quantitative' }
    //   }
    // }

    var flame = {
      "autosize": "pad",
      "height": 300,
      "width": 300,
      "background": "#2e3440",
      "scales": [
        {
          "name": "color",
          "type": "ordinal",
          "domain": {
            "field": "depth",
            "data": "tree",
            "sort": { "order": "ascending" }
          },
          "range": { "scheme": "tableau20" }
        }
      ],
      "signals": [
        {
          "name": "clicked",
          "val