Module

x/vega_lite/examples/compiled/arc_radial_histogram.vg.json

A concise grammar of interactive graphics, built on Vega.
Latest
File
{ "$schema": "https://vega.github.io/schema/vega/v5.json", "background": "white", "padding": 5, "width": 200, "height": 200, "style": "cell", "data": [ { "name": "source_0", "url": "data/movies.json", "format": {"type": "json"}, "transform": [ { "type": "extent", "field": "IMDB Rating", "signal": "layer_1_bin_maxbins_10_IMDB_Rating_extent" }, { "type": "bin", "field": "IMDB Rating", "as": [ "bin_maxbins_10_IMDB Rating", "bin_maxbins_10_IMDB Rating_end" ], "signal": "layer_1_bin_maxbins_10_IMDB_Rating_bins", "extent": {"signal": "layer_1_bin_maxbins_10_IMDB_Rating_extent"}, "maxbins": 10 }, { "type": "aggregate", "groupby": [ "bin_maxbins_10_IMDB Rating", "bin_maxbins_10_IMDB Rating_end" ], "ops": ["count"], "fields": [null], "as": ["__count"] } ] }, { "name": "data_0", "source": "source_0", "transform": [ { "type": "filter", "expr": "isValid(datum[\"bin_maxbins_10_IMDB Rating\"]) && isFinite(+datum[\"bin_maxbins_10_IMDB Rating\"])" } ] }, { "name": "data_1", "source": "source_0", "transform": [ { "type": "filter", "expr": "isValid(datum[\"bin_maxbins_10_IMDB Rating\"]) && isFinite(+datum[\"bin_maxbins_10_IMDB Rating\"])" } ] } ], "marks": [ { "name": "layer_0_marks", "type": "arc", "style": ["arc"], "from": {"data": "data_0"}, "encode": { "update": { "stroke": {"value": "white"}, "tooltip": { "signal": "{\"IMDB Rating (binned)\": !isValid(datum[\"bin_maxbins_10_IMDB Rating\"]) || !isFinite(+datum[\"bin_maxbins_10_IMDB Rating\"]) ? \"null\" : format(datum[\"bin_maxbins_10_IMDB Rating\"], \"\") + \" – \" + format(datum[\"bin_maxbins_10_IMDB Rating_end\"], \"\"), \"Count of Records\": format(datum[\"__count\"], \"\")}" }, "fill": {"value": "#4c78a8"}, "description": { "signal": "\"IMDB Rating (binned): \" + (!isValid(datum[\"bin_maxbins_10_IMDB Rating\"]) || !isFinite(+datum[\"bin_maxbins_10_IMDB Rating\"]) ? \"null\" : format(datum[\"bin_maxbins_10_IMDB Rating\"], \"\") + \" – \" + format(datum[\"bin_maxbins_10_IMDB Rating_end\"], \"\")) + \"; Count of Records: \" + (format(datum[\"__count\"], \"\"))" }, "x": {"signal": "width", "mult": 0.5}, "y": {"signal": "height", "mult": 0.5}, "outerRadius": {"scale": "radius", "field": "__count"}, "innerRadius": {"scale": "radius", "value": 0}, "endAngle": [ { "test": "!isValid(datum[\"bin_maxbins_10_IMDB Rating\"]) || !isFinite(+datum[\"bin_maxbins_10_IMDB Rating\"])", "value": 0 }, {"scale": "theta", "field": "bin_maxbins_10_IMDB Rating"} ], "startAngle": [ { "test": "!isValid(datum[\"bin_maxbins_10_IMDB Rating\"]) || !isFinite(+datum[\"bin_maxbins_10_IMDB Rating\"])", "value": 0 }, {"scale": "theta", "field": "bin_maxbins_10_IMDB Rating_end"} ] } } }, { "name": "layer_1_marks", "type": "text", "style": ["text"], "from": {"data": "data_1"}, "encode": { "update": { "align": {"value": "right"}, "fill": {"value": "black"}, "description": { "signal": "\"IMDB Rating (binned): \" + (!isValid(datum[\"bin_maxbins_10_IMDB Rating\"]) || !isFinite(+datum[\"bin_maxbins_10_IMDB Rating\"]) ? \"null\" : format(datum[\"bin_maxbins_10_IMDB Rating\"], \"\") + \" – \" + format(datum[\"bin_maxbins_10_IMDB Rating_end\"], \"\")) + \"; Count of Records: \" + (format(datum[\"__count\"], \"\"))" }, "x": {"signal": "width", "mult": 0.5}, "y": {"signal": "height", "mult": 0.5}, "text": { "signal": "!isValid(datum[\"bin_maxbins_10_IMDB Rating\"]) || !isFinite(+datum[\"bin_maxbins_10_IMDB Rating\"]) ? \"null\" : format(datum[\"bin_maxbins_10_IMDB Rating\"], \"\") + \" – \" + format(datum[\"bin_maxbins_10_IMDB Rating_end\"], \"\")" }, "angle": { "signal": "scale(\"angle\", 0.5 * datum[\"bin_maxbins_10_IMDB Rating\"] + 0.5 * datum[\"bin_maxbins_10_IMDB Rating_end\"])" }, "baseline": {"value": "middle"}, "radius": {"scale": "radius", "field": "__count", "offset": 15}, "theta": [ { "test": "!isValid(datum[\"bin_maxbins_10_IMDB Rating\"]) || !isFinite(+datum[\"bin_maxbins_10_IMDB Rating\"])", "value": 0 }, { "signal": "scale(\"theta\", 0.5 * datum[\"bin_maxbins_10_IMDB Rating\"] + 0.5 * datum[\"bin_maxbins_10_IMDB Rating_end\"])" } ] } } } ], "scales": [ { "name": "theta", "type": "linear", "domain": { "signal": "[layer_1_bin_maxbins_10_IMDB_Rating_bins.start, layer_1_bin_maxbins_10_IMDB_Rating_bins.stop]" }, "range": [0, 6.283185307179586], "bins": {"signal": "layer_1_bin_maxbins_10_IMDB_Rating_bins"}, "zero": false }, { "name": "radius", "type": "sqrt", "domain": { "fields": [ {"data": "data_0", "field": "__count"}, {"data": "data_1", "field": "__count"} ] }, "range": [0, {"signal": "min(width,height)/2"}], "zero": true }, { "name": "angle", "type": "linear", "domain": { "signal": "[layer_1_bin_maxbins_10_IMDB_Rating_bins.start, layer_1_bin_maxbins_10_IMDB_Rating_bins.stop]" }, "range": [90, 450], "bins": {"signal": "layer_1_bin_maxbins_10_IMDB_Rating_bins"}, "zero": false } ], "config": {"style": {"cell": {"stroke": null}}}}