{ "$schema": "https://vega.github.io/schema/vega/v5.json", "background": "white", "padding": 5, "data": [ { "name": "source_0", "values": [ { "title": "Revenue", "subtitle": "US$, in thousands", "ranges": [150, 225, 300], "measures": [220, 270], "markers": [250] }, { "title": "Profit", "subtitle": "%", "ranges": [20, 25, 30], "measures": [21, 23], "markers": [26] }, { "title": "Order Size", "subtitle": "US$, average", "ranges": [350, 500, 600], "measures": [100, 320], "markers": [550] }, { "title": "New Customers", "subtitle": "count", "ranges": [1400, 2000, 2500], "measures": [1000, 1650], "markers": [2100] }, { "title": "Satisfaction", "subtitle": "out of 5", "ranges": [3.5, 4.25, 5], "measures": [3.2, 4.7], "markers": [4.4] } ] }, { "name": "data_0", "source": "source_0", "transform": [ { "type": "formula", "expr": "datum[\"ranges\"] && datum[\"ranges\"][\"2\"]", "as": "ranges.2" }, { "type": "formula", "expr": "datum[\"ranges\"] && datum[\"ranges\"][\"1\"]", "as": "ranges.1" }, { "type": "formula", "expr": "datum[\"ranges\"] && datum[\"ranges\"][\"0\"]", "as": "ranges.0" }, { "type": "formula", "expr": "datum[\"measures\"] && datum[\"measures\"][\"1\"]", "as": "measures.1" }, { "type": "formula", "expr": "datum[\"measures\"] && datum[\"measures\"][\"0\"]", "as": "measures.0" }, { "type": "formula", "expr": "datum[\"markers\"] && datum[\"markers\"][\"0\"]", "as": "markers.0" } ] }, { "name": "data_1", "source": "data_0", "transform": [ { "type": "filter", "expr": "isValid(datum[\"ranges.2\"]) && isFinite(+datum[\"ranges.2\"])" } ] }, { "name": "data_2", "source": "data_0", "transform": [ { "type": "filter", "expr": "isValid(datum[\"ranges.1\"]) && isFinite(+datum[\"ranges.1\"])" } ] }, { "name": "data_3", "source": "data_0", "transform": [ { "type": "filter", "expr": "isValid(datum[\"ranges.0\"]) && isFinite(+datum[\"ranges.0\"])" } ] }, { "name": "data_4", "source": "data_0", "transform": [ { "type": "filter", "expr": "isValid(datum[\"measures.1\"]) && isFinite(+datum[\"measures.1\"])" } ] }, { "name": "data_5", "source": "data_0", "transform": [ { "type": "filter", "expr": "isValid(datum[\"measures.0\"]) && isFinite(+datum[\"measures.0\"])" } ] }, { "name": "data_6", "source": "data_0", "transform": [ { "type": "filter", "expr": "isValid(datum[\"markers.0\"]) && isFinite(+datum[\"markers.0\"])" } ] }, { "name": "row_domain", "source": "data_0", "transform": [{"type": "aggregate", "groupby": ["title"]}] } ], "signals": [ {"name": "child_width", "value": 200}, {"name": "child_height", "value": 20} ], "layout": {"padding": 10, "columns": 1, "bounds": "full", "align": "all"}, "marks": [ { "name": "row_header", "type": "group", "role": "row-header", "from": {"data": "row_domain"}, "sort": {"field": "datum[\"title\"]", "order": "ascending"}, "title": { "text": { "signal": "isValid(parent[\"title\"]) ? parent[\"title\"] : \"\"+parent[\"title\"]" }, "orient": "left", "style": "guide-label", "frame": "group", "baseline": "middle", "align": "right", "angle": 0, "offset": 10 }, "encode": {"update": {"height": {"signal": "child_height"}}} }, { "name": "cell", "type": "group", "style": "cell", "from": { "facet": {"name": "facet", "data": "data_0", "groupby": ["title"]} }, "sort": {"field": ["datum[\"title\"]"], "order": ["ascending"]}, "data": [ { "source": "facet", "name": "data_0", "transform": [ { "type": "filter", "expr": "isValid(datum[\"ranges.2\"]) && isFinite(+datum[\"ranges.2\"])" } ] }, { "source": "facet", "name": "data_1", "transform": [ { "type": "filter", "expr": "isValid(datum[\"ranges.1\"]) && isFinite(+datum[\"ranges.1\"])" } ] }, { "source": "facet", "name": "data_2", "transform": [ { "type": "filter", "expr": "isValid(datum[\"ranges.0\"]) && isFinite(+datum[\"ranges.0\"])" } ] }, { "source": "facet", "name": "data_3", "transform": [ { "type": "filter", "expr": "isValid(datum[\"measures.1\"]) && isFinite(+datum[\"measures.1\"])" } ] }, { "source": "facet", "name": "data_4", "transform": [ { "type": "filter", "expr": "isValid(datum[\"measures.0\"]) && isFinite(+datum[\"measures.0\"])" } ] }, { "source": "facet", "name": "data_5", "transform": [ { "type": "filter", "expr": "isValid(datum[\"markers.0\"]) && isFinite(+datum[\"markers.0\"])" } ] } ], "encode": { "update": { "width": {"signal": "child_width"}, "height": {"signal": "child_height"} } }, "signals": [{"name": "height", "update": "child_height"}], "marks": [ { "name": "child_layer_0_marks", "type": "rect", "style": ["bar"], "from": {"data": "data_0"}, "encode": { "update": { "fill": {"value": "#eee"}, "ariaRoleDescription": {"value": "bar"}, "description": { "signal": "\"ranges[2]: \" + (format(datum[\"ranges.2\"], \"\"))" }, "x": {"scale": "child_x", "field": "ranges\\.2"}, "x2": {"scale": "child_x", "value": 0}, "yc": {"signal": "child_height", "mult": 0.5}, "height": {"value": 18} } } }, { "name": "child_layer_1_marks", "type": "rect", "style": ["bar"], "from": {"data": "data_1"}, "encode": { "update": { "fill": {"value": "#ddd"}, "ariaRoleDescription": {"value": "bar"}, "description": { "signal": "\"ranges[1]: \" + (format(datum[\"ranges.1\"], \"\"))" }, "x": {"scale": "child_x", "field": "ranges\\.1"}, "x2": {"scale": "child_x", "value": 0}, "yc": {"signal": "child_height", "mult": 0.5}, "height": {"value": 18} } } }, { "name": "child_layer_2_marks", "type": "rect", "style": ["bar"], "from": {"data": "data_2"}, "encode": { "update": { "fill": {"value": "#ccc"}, "ariaRoleDescription": {"value": "bar"}, "description": { "signal": "\"ranges[0]: \" + (format(datum[\"ranges.0\"], \"\"))" }, "x": {"scale": "child_x", "field": "ranges\\.0"}, "x2": {"scale": "child_x", "value": 0}, "yc": {"signal": "child_height", "mult": 0.5}, "height": {"value": 18} } } }, { "name": "child_layer_3_marks", "type": "rect", "style": ["bar"], "from": {"data": "data_3"}, "encode": { "update": { "fill": {"value": "lightsteelblue"}, "ariaRoleDescription": {"value": "bar"}, "description": { "signal": "\"measures[1]: \" + (format(datum[\"measures.1\"], \"\"))" }, "x": {"scale": "child_x", "field": "measures\\.1"}, "x2": {"scale": "child_x", "value": 0}, "yc": {"signal": "child_height", "mult": 0.5}, "height": {"value": 10} } } }, { "name": "child_layer_4_marks", "type": "rect", "style": ["bar"], "from": {"data": "data_4"}, "encode": { "update": { "fill": {"value": "steelblue"}, "ariaRoleDescription": {"value": "bar"}, "description": { "signal": "\"measures[0]: \" + (format(datum[\"measures.0\"], \"\"))" }, "x": {"scale": "child_x", "field": "measures\\.0"}, "x2": {"scale": "child_x", "value": 0}, "yc": {"signal": "child_height", "mult": 0.5}, "height": {"value": 10} } } }, { "name": "child_layer_5_marks", "type": "rect", "style": ["tick"], "from": {"data": "data_5"}, "encode": { "update": { "opacity": {"value": 0.7}, "fill": {"value": "black"}, "ariaRoleDescription": {"value": "tick"}, "description": { "signal": "\"markers[0]: \" + (format(datum[\"markers.0\"], \"\"))" }, "xc": {"scale": "child_x", "field": "markers\\.0"}, "yc": {"signal": "child_height", "mult": 0.5}, "height": {"value": 15}, "width": {"value": 2} } } } ], "scales": [ { "name": "child_x", "type": "linear", "domain": { "fields": [ {"data": "data_0", "field": "ranges\\.2"}, {"data": "data_1", "field": "ranges\\.1"}, {"data": "data_2", "field": "ranges\\.0"}, {"data": "data_3", "field": "measures\\.1"}, {"data": "data_4", "field": "measures\\.0"}, {"data": "data_5", "field": "markers\\.0"} ] }, "range": [0, {"signal": "child_width"}], "nice": false, "zero": true } ], "axes": [ { "scale": "child_x", "orient": "bottom", "grid": true, "tickCount": {"signal": "ceil(child_width/40)"}, "domain": false, "labels": false, "aria": false, "maxExtent": 0, "minExtent": 0, "ticks": false, "zindex": 0 }, { "scale": "child_x", "orient": "bottom", "grid": false, "labelFlush": true, "labelOverlap": true, "tickCount": {"signal": "ceil(child_width/40)"}, "zindex": 0 } ] } ]}