User:Fbstj/test/graph
Jump to navigation
Jump to search
with the Article Statistics as of 2019-07-27
<graph mode=interactive> {
"version": 2, "width": 500, "height": 500, "data": [ { "name": "table", "values": [1351,683,836,230], "transform": [{"type": "pie","field": "data"}] } ], "scales": [ { "name": "r", "type": "sqrt", "domain": {"data": "table","field": "data"}, "range": [20,300] } ], "marks": [ { "type": "arc", "from": {"data": "table"}, "properties": { "enter": { "x": {"field": {"group": "width"},"mult": 0.5}, "y": {"field": {"group": "height"},"mult": 0.5}, "startAngle": {"field": "layout_start"}, "endAngle": {"field": "layout_end"}, "innerRadius": {"value": 20}, "outerRadius": {"scale": "r","field": "data"}, "stroke": {"value": "#fff"} }, "update": {"fill": {"value": "#ccc"} }, "hover": {"fill": {"value": "pink"} } } }, { "type": "text", "from": {"data": "table"}, "properties": { "enter": { "x": {"field": {"group": "width"},"mult": 0.5}, "y": {"field": {"group": "height"},"mult": 0.5}, "radius": {"scale": "r","field": "data","offset": 8}, "theta": {"field": "layout_mid"}, "fill": {"value": "#000"}, "align": {"value": "center"}, "baseline": {"value": "middle"}, "text": {"field": "data"} } } } ]
} </graph>