mattijn
11/21/2017 - 8:15 AM
matrix gebruik makende van de SOM codebook output
matrix gebruik makende van de SOM codebook output
{
"$schema": "https://vega.github.io/schema/vega/v3.0.json",
"autosize": "pad",
"width": 500,
"height": 300,
"padding": {
"left": 5,
"top": 5,
"right": 100,
"bottom": 5
},
"encode": {
"update": {
"stroke": {
"value": "#ccc"
},
"fill": {
"value": "transparent"
}
}
},
"data": [
{
"name": "source_0",
"url": "https://rawgit.com/mattijn/datasets/master/codebook.json",
"format": {
"type": "json"
}
}
],
"signals": [
{
"name": "parameter",
"value": "aa",
"bind": {
"input": "select",
"options": [
"aa",
"ab",
"ac",
"ad",
"ae",
"af",
"ag",
"ah",
"ai",
"aj",
"ak",
"al",
"am",
"an",
"ao",
"ap",
"aq",
"ar",
"as",
"at",
"au",
"av",
"aw",
"ax",
"ay",
"az",
"ba",
"bb",
"bc",
"bd",
"be",
"bf",
"bg",
"bh",
"bi"
]
}
},
{
"name": "x_step",
"value": 5
},
{
"name": "width",
"update": "bandspace(domain('x').length, 0, -0.05) * x_step"
},
{
"name": "y_step",
"value": 5
},
{
"name": "height",
"update": "bandspace(domain('y').length, 0, -0.05) * y_step"
}
],
"marks": [
{
"name": "marks",
"type": "rect",
"from": {
"data": "source_0"
},
"encode": {
"update": {
"x": {
"scale": "x",
"field": "X"
},
"y": {
"scale": "y",
"field": "Y"
},
"width": {
"scale": "x",
"band": 1,
"offset": 0
},
"height": {
"scale": "y",
"band": 1,
"offset": 0
},
"fill": {
"scale": "color",
"field": {
"signal": "parameter"
}
},
"tooltip": {
"signal": "'XY coord:'+format(datum.XY, 'c')+' list:['+format(datum.locs, 'c')+']'"
},
"stroke": {
"value": "#000"
},
"strokeWidth": {
"value": 0.15
}
},
"hover": {
"stroke": {
"value": "#000"
},
"strokeWidth": {
"value": 2
}
}
}
}
],
"scales": [
{
"name": "x",
"type": "band",
"domain": {
"data": "source_0",
"field": "X",
"sort": true
},
"range": {
"step": {
"signal": "x_step"
}
}
},
{
"name": "y",
"type": "band",
"domain": {
"data": "source_0",
"field": "Y",
"sort": true
},
"range": {
"step": {
"signal": "y_step"
}
}
},
{
"name": "color",
"type": "sequential",
"domain": {
"data": "source_0",
"field": {
"signal": "parameter"
}
},
"range": {
"scheme": "yellowgreenblue"
},
"reverse": false
}
],
"axes": [
{
"scale": "x",
"orient": "bottom",
"labels": false,
"tickCount": 5,
"offset": 0,
"zindex": 1,
"encode": {
"domain": {
"update": {
"strokeWidth": {
"value": 0
}
}
},
"ticks": {
"update": {
"strokeWidth": {
"value": 0
}
}
}
}
},
{
"scale": "y",
"offset": 0,
"orient": "left",
"zindex": 1,
"labels": false,
"encode": {
"domain": {
"update": {
"strokeWidth": {
"value": 0
}
}
},
"ticks": {
"update": {
"strokeWidth": {
"value": 0
}
}
}
}
}
],
"legends": [
{
"fill": "color",
"encode": {
"labels": {
"update": {
"limit": {
"value": 256
}
}
}
},
"orient": "right",
"title": {
"signal": "parameter"
},
"type": "symbol"
}
],
"config": {
"axis": {
"quantitativeExtent": 300
}
}
}