<graph mode=interactive>
"version": 2,
"width": 1,
"height": 1,
"data": [
"values": [
{"a": "C", "b": 2}, {"a": "C", "b": 7}, {"a": "C", "b": 4},
{"a": "D", "b": 1}, {"a": "D", "b": 2}, {"a": "D", "b": 6},
{"a": "E", "b": 8}, {"a": "E", "b": 4}, {"a": "E", "b": 7}
]
},
"mark": "point",
"encoding": {
"x": {"field": "a", "type": "nominal"},
"y": {"field": "b", "type": "quantitative"}
]
</graph>
<graph>
{
"version": 2,
"width": 5001,
"height": 2601,
"paddingdata": 12,[
"background": "#edf1f7",
"data": [
{
"name": "countryNames",
"url": "wikidatasparql:///?query=PREFIX%20wikibase%3A%20%3Chttp%3A%2F%2Fwikiba.se%2Fontology%23%3E%0APREFIX%20wd%3A%20%3Chttp%3A%2F%2Fwww.wikidata.org%2Fentity%2F%3E%20%0APREFIX%20wdt%3A%20%3Chttp%3A%2F%2Fwww.wikidata.org%2Fprop%2Fdirect%2F%3E%0A%0ASELECT%20%3Fid%20%3Fvalue%20WHERE%20%7B%0A%20%20%20%7B%20SELECT%20DISTINCT%20%3Fid%20%20WHERE%20%7B%0A%20%20%20%20%20%3Fplace%20wdt%3AP17%20%3Fid%20.%0A%20%20%20%7D%20%7D%0A%20%20%20%3Fid%20wdt%3AP299%20%3Fcode%20.%0A%20%20%20SERVICE%20wikibase%3Alabel%20%7B%0A%20%20%20%20%20bd%3AserviceParam%20wikibase%3Alanguage%20%22en%2Cen%22%20.%0A%20%20%20%20%20%3Fid%20rdfs%3Alabel%20%3Fvalue%0A%20%20%20%7D%0A%7D%0A",
"format": { "type": "json" }
},
{
"name": "countryPopulation",
"url": "wikidatasparql:///?query=PREFIX%20wikibase%3A%20%3Chttp%3A%2F%2Fwikiba.se%2Fontology%23%3E%0APREFIX%20wd%3A%20%3Chttp%3A%2F%2Fwww.wikidata.org%2Fentity%2F%3E%20%0APREFIX%20wdt%3A%20%3Chttp%3A%2F%2Fwww.wikidata.org%2Fprop%2Fdirect%2F%3E%0A%0ASELECT%20%3Fid%20%3Fvalue%20WHERE%20%7B%0A%20%20%20%7B%20SELECT%20DISTINCT%20%3Fid%20%20WHERE%20%7B%0A%20%20%20%20%20%3Fplace%20wdt%3AP17%20%3Fid%20.%0A%20%20%20%7D%20%7D%0A%20%20%20%3Fid%20wdt%3AP299%20%3Fcode%20.%0A%20%20%20%3Fid%20wdt%3AP1082%20%3Fvalue%20.%0A%7D%0A",
"format": { "type": "json" }
},
{
"name": "museumCounts",
"url":"wikidatasparql:///?query=PREFIX%20wikibase%3A%20%3Chttp%3A%2F%2Fwikiba.se%2Fontology%23%3E%0APREFIX%20wd%3A%20%3Chttp%3A%2F%2Fwww.wikidata.org%2Fentity%2F%3E%20%0APREFIX%20wdt%3A%20%3Chttp%3A%2F%2Fwww.wikidata.org%2Fprop%2Fdirect%2F%3E%0A%0ASELECT%20DISTINCT%20%3Fid%20(count(*)%20as%20%3Fvalue)%20WHERE%20%7B%0A%20%20%20%3Fplace%20wdt%3AP31%2Fwdt%3AP279*%20wd%3AQ33506%20.%0A%20%20%20%3Fplace%20wdt%3AP17%20%3Fid%20.%0A%7D%0A%0AGROUP%20BY%20%3Fid",
"format": { "type": "json" }
},
{
"name": "map",
"url": "wikiraw:///Extension:Graph/Demo/RawData:WorldMap-json",
"format": {"type": "topojson","feature": "countries"},
"transform": [
{
"typename": "geopathhighlights",
"values": [{"id":"US","v":"blue"},{"id":"AU","v":"purple"},{"id":"CN","v":"red"},{"id":"BR","v":"pink"},{"id":"DZ","v":"green"}]
"value": "data",
"scale": 80,
"center": [-180,125],
"translate": [0,0],
"projection": "equirectangular"
},
{
"typename": "lookupcountries",
"keysurl": ["idwikiraw:///Extension:Graph/Demo/RawData:WorldMap-iso2-json"],
"format": {"type": "topojson", "onfeature": "countryNamescountries"},
"onKeytransform": "id",[
"as": ["name"], {
"default": {"value": { "valuetype": "???geopath"} },
} "value": "data",
{ "type": "formula", "field": "name", "exprscale": "datum.name.value" }80,
"translate":[0,0],
"projection": "equirectangular"
},
{
"type": "lookup",
"keys": [ "id" ],
"on": "highlights",
"onKey": "id",
"as": [ "zipped" ],
"default": {
"v": "#C0C0C0"
}
}
]
}
],
"marks": [
{
"type": "lookuppath",
"keysfrom": ["id"],{
"ondata": "countryPopulationcountries",
"onKey": "id" },
"asproperties": ["population"],{
"default": { "valueenter": {"value": 0} }
}, "path": {
{ "type": "formula", "field": "population", "exprfield": "datum.population.valuelayout_path" },
{ }
"type": "lookup" },
"keysupdate": ["id"],{
"onfill": "museumCounts",{
"onKeyfield": "idzipped.v",
"as": ["museums"], }
"default": {"value": {"value": 0} },
}, "hover": {
{ "type": "formula", "field": "museums", "exprfill": "datum.museums.value" },{
"value": "#989898"
{
"type": "formula", }
"field": "rate", }
}
"expr": "datum.population > 0 && datum.museums > 0 ? (datum.museums / datum.population) : 0.000000001"
}
]
}
}
],
</graph>
"signals": [
<graph>
{
"version": 2,
"width": 100,
"height": 100,
"data": [
{
"name": "tooltipSignaltable",
"values": [12,23,47,6,52,19],
"init": {"expr": "{x: 0, y: 0, datum: {name:'', population:'', museums:''} }"},
"streamstransform": [{"type": "pie","field": "data"}]
{
"type": "@map:mouseover",
"expr": "{x: eventX(), y: eventY(), datum: eventItem().datum}"
},
{
"type": "@map:mouseout",
"expr": "{x: 0, y: 0, datum: {name:'', population:'', museums:''} }"
}
]
}
],
"scales": [
{
"name": "colorr",
"type": "logsqrt",
"domain": {"data": "maptable","field": "ratedata"},
"zerorange": false[20,100]
"range": ["#FFEDBC", "#f83600"]
}
],
"marks": [
{
"type": "textarc",
"from": {"data": "table"},
"properties": {
"enter": {
"textx": {"valuefield": {"Museumsgroup": "width"},"mult": 0.5},
"xy": {"valuefield": {"group": "height"},"mult": 0.5},
"ystartAngle": {"valuefield": 25"layout_start"},
"fontSizeendAngle": {"valuefield": 32"layout_end"},
"fontWeightinnerRadius": {"value": "bold"20},
"fillouterRadius": {"valuescale": "steelbluer","field": "data"},
"stroke": {"value": "#fff"}
}
},
{
"name": "map",
"type": "path",
"from": {"data": "map"},
"properties": {
"enter": {"path": {"field": "layout_path"} },
"update": {
"fill": [
{
"test": "datum.rate !== null",
"scale": "color",
"field": "rate"
},
{"value": "grey"}
]
},
"hoverupdate": {"fill": {"value": "#989898ccc"} },
"hover": {"fill": {"value": "pink"} }
}
},
{
"type": "text",
"from": {"data": "table"},
"properties": {
"enter": {
"x": {"valuefield": 500{"group": "width"},"mult": 0.5},
"y": {"valuefield": 10{"group": "height"},"mult": 0.5},
"alignradius": {"valuescale": "rightr","field": "data","offset": 8},
"fontSizetheta": {"valuefield": 17"layout_mid"},
"fill": {"value": "black#000"},
"align": {"value": "center"},
"updatebaseline": {"value": "middle"},
"text": {"templatefield": "\u007b{tooltipSignal.datum.name}\u007d \u007b{tooltipSignal.datum.museums}\u007ddata"}
}
}
}
],
"legends": [
{
"fill": "color",
"title": "Per Capita",
"offset": -300,
"properties": {
"labels": {
"text": {"value": ""}
},
"gradient": {
"stroke": {"value": "transparent"}
},
"title": {
"fontSize": {"value": 14}
},
"legend": {
"x": {"value": 0},
"y": {"value": 180}
}
}
|