spec_with_nested_signal.json

{
  "width": 400,
  "height": 200,
  "padding": {"top": 10, "left": 30, "bottom": 30, "right": 10},

  "signals": [
    {
      "name": "tooltip",
      "init": {},
      "streams": [
        {"type": "rect:mouseover", "expr": "datum"},
        {"type": "rect:mouseout", "expr": "{}"}
      ]
    }
  ],

  "data": [
    {
      "name": "table",
      "values": [
        {"x": 1,  "y": 28,"label": {"name":"abc"}}, {"x": 2,  "y": 55,"label": {"name":"abc"}},
        {"x": 3,  "y": 43,"label": {"name":"abc"}}, {"x": 4,  "y": 91,"label": {"name":"abc"}},
        {"x": 5,  "y": 81,"label": {"name":"abc"}}, {"x": 6,  "y": 53,"label": {"name":"abc"}},
        {"x": 7,  "y": 19,"label": {"name":"abc"}}, {"x": 8,  "y": 87,"label": {"name":"abc"}},
        {"x": 9,  "y": 52,"label": {"name":"abc"}}, {"x": 10, "y": 48,"label": {"name":"abc"}},
        {"x": 11, "y": 24,"label": {"name":"abc"}}, {"x": 12, "y": 49,"label": {"name":"abc"}},
        {"x": 13, "y": 87,"label": {"name":"abc"}}, {"x": 14, "y": 66,"label": {"name":"abc"}},
        {"x": 15, "y": 17,"label": {"name":"abc"}}, {"x": 16, "y": 27,"label": {"name":"abc"}},
        {"x": 17, "y": 68,"label": {"name":"abc"}}, {"x": 18, "y": 16,"label": {"name":"abc"}},
        {"x": 19, "y": 49,"label": {"name":"abc"}}, {"x": 20, "y": 15,"label": {"name":"abc"}}
      ]
    }
  ],

  "predicates": [
    {
      "name": "tooltip", "type": "==", 
      "operands": [{"signal": "tooltip._id"}, {"arg": "id"}]
    }
  ],

  "scales": [
    {
      "name": "x",
      "type": "ordinal",
      "range": "width",
      "domain": {"data": "table", "field": "x"}
    },
    {
      "name": "y",
      "type": "linear",
      "range": "height",
      "domain": {"data": "table", "field": "y"},
      "nice": true
    }
  ],

  "axes": [{"type": "x", "scale": "x"}],

  "marks": [
    {
      "type": "rect",
      "from": {"data": "table"},
      "properties": {
        "enter": {
          "x": {"scale": "x", "field": "x"},
          "width": {"scale": "x", "band": true, "offset": -1},
          "y": {"scale": "y", "field": "y"},
          "y2": {"scale": "y", "value": 0}
        },
        "update": {
          "fill": {
            "rule": [
              {
                "predicate": {
                  "name": "tooltip",
                  "id": {"field": "_id"}
                },
                "value": "red"
              },
              {"value": "steelblue"}
            ]
          }
        }
      }
    },
    {
      "type": "text",
      "properties": {
        "enter": {
          "align": {"value": "center"},
          "fill": {"value": "#333"}
        },
        "update": {
          "x": {"scale": "x", "signal": "tooltip.x"},
          "dx": {"scale": "x", "band": true, "mult": 0.5},
          "y": {"scale": "y", "signal": "tooltip.y", "offset": -5},
          "text": {"signal": "tooltip.label.name"},
          "fillOpacity": {
            "rule": [
              {
                "predicate": {
                  "name": "tooltip",
                  "id": {"value": null}
                },
                "value": 0
              },
              {"value": 1}
            ]
          }
        }
      }
    }
  ]
}

spec_without_nested_signal.json

{
  "width": 400,
  "height": 200,
  "padding": {"top": 10, "left": 30, "bottom": 30, "right": 10},

  "signals": [
    {
      "name": "tooltip",
      "init": {},
      "streams": [
        {"type": "rect:mouseover", "expr": "datum"},
        {"type": "rect:mouseout", "expr": "{}"}
      ]
    }
  ],

  "data": [
    {
      "name": "table",
      "values": [
        {"x": 1,  "y": 28,"label": {"name":"abc"}}, {"x": 2,  "y": 55,"label": {"name":"abc"}},
        {"x": 3,  "y": 43,"label": {"name":"abc"}}, {"x": 4,  "y": 91,"label": {"name":"abc"}},
        {"x": 5,  "y": 81,"label": {"name":"abc"}}, {"x": 6,  "y": 53,"label": {"name":"abc"}},
        {"x": 7,  "y": 19,"label": {"name":"abc"}}, {"x": 8,  "y": 87,"label": {"name":"abc"}},
        {"x": 9,  "y": 52,"label": {"name":"abc"}}, {"x": 10, "y": 48,"label": {"name":"abc"}},
        {"x": 11, "y": 24,"label": {"name":"abc"}}, {"x": 12, "y": 49,"label": {"name":"abc"}},
        {"x": 13, "y": 87,"label": {"name":"abc"}}, {"x": 14, "y": 66,"label": {"name":"abc"}},
        {"x": 15, "y": 17,"label": {"name":"abc"}}, {"x": 16, "y": 27,"label": {"name":"abc"}},
        {"x": 17, "y": 68,"label": {"name":"abc"}}, {"x": 18, "y": 16,"label": {"name":"abc"}},
        {"x": 19, "y": 49,"label": {"name":"abc"}}, {"x": 20, "y": 15,"label": {"name":"abc"}}
      ]
    }
  ],

  "predicates": [
    {
      "name": "tooltip", "type": "==", 
      "operands": [{"signal": "tooltip._id"}, {"arg": "id"}]
    }
  ],

  "scales": [
    {
      "name": "x",
      "type": "ordinal",
      "range": "width",
      "domain": {"data": "table", "field": "x"}
    },
    {
      "name": "y",
      "type": "linear",
      "range": "height",
      "domain": {"data": "table", "field": "y"},
      "nice": true
    }
  ],

  "axes": [{"type": "x", "scale": "x"}],

  "marks": [
    {
      "type": "rect",
      "from": {"data": "table"},
      "properties": {
        "enter": {
          "x": {"scale": "x", "field": "x"},
          "width": {"scale": "x", "band": true, "offset": -1},
          "y": {"scale": "y", "field": "y"},
          "y2": {"scale": "y", "value": 0}
        },
        "update": {
          "fill": {
            "rule": [
              {
                "predicate": {
                  "name": "tooltip",
                  "id": {"field": "_id"}
                },
                "value": "red"
              },
              {"value": "steelblue"}
            ]
          }
        }
      }
    },
    {
      "type": "text",
      "properties": {
        "enter": {
          "align": {"value": "center"},
          "fill": {"value": "#333"}
        },
        "update": {
          "x": {"scale": "x", "signal": "tooltip.x"},
          "dx": {"scale": "x", "band": true, "mult": 0.5},
          "y": {"scale": "y", "signal": "tooltip.y", "offset": -5},
          "text": {"signal": "tooltip.y"},
          "fillOpacity": {
            "rule": [
              {
                "predicate": {
                  "name": "tooltip",
                  "id": {"value": null}
                },
                "value": 0
              },
              {"value": 1}
            ]
          }
        }
      }
    }
  ]
}