Vorlage:Graph:Lines
{
// // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:Lines // Please do not modify it anywhere else, as it may get copied and override your changes. // Suggestions can be made at https://www.mediawiki.org/wiki/Template_talk:Graph:Lines // // Template translation is in https://commons.wikimedia.org/wiki/Data:Original/Template:Graphs.tab //
"version": 5, "$schema": "https://vega.github.io/schema/vega/v5.json", "width": 400, "height": 300,
"padding": "strict",
"signals": [{"name": "rightwidth", "update": "width + padding.right", "value":"400" }], "data": [{ "name": "chart", "url": "https://commons.wikimedia.org/w/api.php?action=jsondata&formatversion=2&title=%7B%7B%7Btable%7D%7D%7D&format=json&origin=*", "format": {"type": "json" , "property": "data" }, "transform": [
// Convert xField parameter into a field "_xfield" {"type": "formula", "as": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
}, {"type": "collect", "sort": {"field": ["_xfield"]} }
, {"type": "formula", "as": "_yfield", "expr": "datum.value" }
] },
], "scales": [ { "name": "x", "type": "time", "domain": {"data": "chart", "field": "_xfield"}, "range": "width",
}, { "name": "y", "type": "linear", "range": "height", "domain": {"data": "chart", "field": "_yfield"}, }, { "name": "color", "type": "ordinal", "range": {"scheme": "category10"}, "domain": {"data": "chart", "field": "key"} },
],
"axes": [ { "scale": "x", "orient": "bottom", "tickSize": 0, "tickCount": 7, "encode": { "update": { "labels": { } } } }, { "scale": "y", "orient": "left", "tickSize": 0, "encode": { "labels": { } } } ],
"marks": [ // Group data by the group parameter or "key", and draw lines, one line per group { "type": "group", "from": { "facet": { "name": ["key"], "data": "chart", "groupby": ["key"] } }, "marks": [ { "type": "line", "from": {"data": ["key"]}, "encode": { "hover": { "stroke": {"value": "red"} }, "update": { "stroke": {"scale": "color", "field": "key"} }, "enter": { "y": {"scale": "y", "field": "_yfield"}, "x": {"scale": "x", "field": "_xfield"}, "stroke": {"scale": "color", "field": "key"}, "interpolate": {"value": "linear"}, "strokeWidth": {"value": 2.5} } } } ], },
]
}