Mall:Läti majandus:Keskmine palk piirkonniti
Ilme
<graph mode=interactive title="Keskmine palk piirkonniti">
{
"version": 2,
"width": 600,
"height": 420,
"padding": 12,
"background": "#edf1f7",
"signals": [
{
"name": "isDragging",
"init": false,
"streams": [
{"type": "@handle:mousedown","expr": "true"},
{"type": "mouseup","expr": "false"}
]
},
{
"name": "scaledHandlePosition",
"streams": [
{
"type": "mousemove[isDragging]",
"expr": "eventX()",
"scale": {"name": "yearsScale","invert": true}
}
]
},
{
"name": "currentYear",
"init": "2017",
"expr": "scaledHandlePosition"
},
{
"name": "tooltipSignal",
"init": {"expr": "{x: 0, y: 0, datum: {} }"},
"streams": [
{
"type": "@map:mouseover",
"expr": "{x: eventX(), y: eventY(), datum: eventItem().datum.zipped}"
},
{
"type": "@map:mouseout",
"expr": "{x: 0, y: 0, datum: {} }"
}
]
}
],
"data": [
{
"name": "highlights",
"url": "wikiraw:///Vikipeedia:Andmed/LV-average wages-2009-2017.csv",
"format": {"type": "csv"},
"transform": [
{
"type": "formula",
"field": "v",
"expr": "parseFloat(datum[''+currentYear])"
}
]
},
{
"name": "countries",
"url": "wikiraw:///Vikipeedia:Andmed/LV-adm1-2017.json",
"format": {"type": "topojson","feature": "collection"},
"transform": [
{
"type": "geopath",
"value": "data",
"scale": 7500,
"center": [-4.5,58.9],
"translate": [0,0],
"rotate": -25,
"projection": "albers"
},
{
"type": "lookup",
"keys": ["properties['LAU2_code']"],
"on": "highlights",
"onKey": "LAU2_code",
"as": ["zipped"],
"default": {"v": null, "name":"No data"}
}
]
}
],
"scales": [
{
"name": "yearsScale",
"type": "ordinal",
"domain": ["2009","2010","2011","2012","2013","2014","2015","2016","2017"],
"range": "width",
"points": false,
},
{
"name": "color",
"type": "linear",
"domain": {"data": "countries","field": "zipped.v"},
"domainMin": 0,
"zero": false,
"range": ["#A8EB12", "#051937"]
}
],
"marks": [
{
"name": "yearLabel",
"type": "text",
"properties": {
"enter": {
"x": {"value": 0},
"y": {"value": 25},
"fontSize": {"value": 32},
"fontWeight": {"value": "bold"},
"fill": {"value": "steelblue"}
},
"update": {"text": {"signal": "currentYear"} }
}
},
{
"name": "scrollLine",
"type": "rule",
"properties": {
"enter": {
"x": {"value": 0},
"y": {"value": 40},
"x2": {"value": 600},
"stroke": {"value": "#000"},
"strokeWidth": {"value": 2}
}
}
},
{
"name": "handle",
"type": "path",
"properties": {
"enter": {
"y": {"value": 40},
"path": {"value": "m-5.5,-10l0,20l11.5,-10l-11.5,-10z"},
"stroke": {"value": "#880"},
"strokeWidth": {"value": 2.5}
},
"update": {
"x": {"scale": "yearsScale","signal": "currentYear"},
"fill": {"value": "#fff"}
},
"hover": {"fill": {"value": "#f00"} }
}
},
{
"name": "map",
"type": "path",
"from": {"data": "countries"},
"properties": {
"enter": {"path": {"field": "layout_path"} },
"update": {
"fill": [
{
"test": "datum.zipped.v !== null",
"scale": "color",
"field": "zipped.v"
},
{"value": "grey"}
]
},
"hover": {"fill": {"value": "#989898"} }
}
},
{
"type": "text",
"properties": {
"enter": {
"x": {"value": 600},
"y": {"value": 10},
"align": {"value": "right"},
"fontSize": {"value": 17},
"fill": {"value": "black"}
},
"update": {
"text": {"template": "\u007b{tooltipSignal.datum.name}\u007d \u007b{tooltipSignal.datum.v}\u007d"}
}
}
}
],
"legends": [
{
"fill": "color",
"title": "Keskmine palk",
"offset": -300,
"properties": {
"gradient": {
"stroke": {"value": "transparent"}
},
"title": {
"fontSize": {"value": 14}
},
"legend": {
"x": {"value": 0},
"y": {"value": 360}
}
}
}
]
}
</graph>