{ "$schema": "https://vega.github.io/schema/vega-lite/v4.json", "data": { "values": [ {"actual": "A", "predicted": "A", "count": 13}, {"actual": "A", "predicted": "B", "count": 0}, {"actual": "A", "predicted": "C", "count": 0}, {"actual": "B", "predicted": "A", "count": 0}, {"actual": "B", "predicted": "B", "count": 10}, {"actual": "B", "predicted": "C", "count": 6}, {"actual": "C", "predicted": "A", "count": 0}, {"actual": "C", "predicted": "B", "count": 0}, {"actual": "C", "predicted": "C", "count": 9} ] }, "selection": { "highlight": {"type": "single"} }, "mark": {"type": "rect", "strokeWidth": 2}, "encoding": { "y": { "field": "actual", "type": "nominal" }, "x": { "field": "predicted", "type": "nominal" }, "fill": { "field": "count", "type": "quantitative" }, "stroke": { "condition": {"test": {"and": [{"selection": "highlight"}, "length(data(\"highlight_store\"))"]}, "value": "black"}, "value": null }, "opacity": { "condition": {"selection": "highlight", "value": 1}, "value": 0.5 }, "order": {"condition": {"selection": "highlight", "value": 1}, "value": 0} }, "config": { "scale": { "bandPaddingInner": 0, "bandPaddingOuter": 0 }, "view": {"step": 40}, "range": { "ramp": { "scheme": "yellowgreenblue" } }, "axis": { "domain": false } }}