Difference between revisions of "User:Fbstj/test/graph"
Jump to navigation
Jump to search
(Created page with "with the Article Statistics as of 2019-07-27 <graph mode=interactive> { "version": 2, "width": 500, "height": 500, "data": [ { "name": "table", "value...") |
m (boom) |
||
Line 1: | Line 1: | ||
with the Article Statistics as of 2019-07-27 |
with the Article Statistics as of 2019-07-27 |
||
− | <graph |
+ | <graph> |
{ |
{ |
||
"version": 2, |
"version": 2, |
||
− | "width": |
+ | "width": 400, |
− | "height": |
+ | "height": 400, |
"data": [ |
"data": [ |
||
{ |
{ |
||
− | "name": " |
+ | "name": "X", |
− | "values": [ |
+ | "values": [ |
− | + | {"count":230, "label":"Stubs", "color":"gray" }, |
|
+ | {"count":836, "label":"Middling", "color":"blue" }, |
||
+ | {"count":683, "label":"Reviewing", "color":"orange" }, |
||
+ | {"count":1351, "label":"Complete", "color":"green" }, |
||
+ | ], |
||
+ | "transform": [{"type": "pie","field": "count"}] |
||
} |
} |
||
], |
], |
||
Line 17: | Line 22: | ||
"name": "r", |
"name": "r", |
||
"type": "sqrt", |
"type": "sqrt", |
||
− | "domain": {"data": " |
+ | "domain": {"data": "X","field": "count"}, |
"range": [20,300] |
"range": [20,300] |
||
} |
} |
||
Line 24: | Line 29: | ||
{ |
{ |
||
"type": "arc", |
"type": "arc", |
||
− | "from": {"data": " |
+ | "from": {"data": "X"}, |
"properties": { |
"properties": { |
||
"enter": { |
"enter": { |
||
Line 31: | Line 36: | ||
"startAngle": {"field": "layout_start"}, |
"startAngle": {"field": "layout_start"}, |
||
"endAngle": {"field": "layout_end"}, |
"endAngle": {"field": "layout_end"}, |
||
− | "innerRadius": {"value": |
+ | "innerRadius": {"value": 0}, |
− | "outerRadius": {" |
+ | "outerRadius": {"field":"count", "scale": "r"}, |
− | "stroke": {"value": " |
+ | "stroke": {"value": "white"}, |
⚫ | |||
}, |
}, |
||
− | "update": {"fill": {"value": "{{{1|#ccc}}}"} }, |
||
⚫ | |||
} |
} |
||
}, |
}, |
||
{ |
{ |
||
"type": "text", |
"type": "text", |
||
− | "from": {"data": " |
+ | "from": {"data": "X"}, |
"properties": { |
"properties": { |
||
"enter": { |
"enter": { |
||
"x": {"field": {"group": "width"},"mult": 0.5}, |
"x": {"field": {"group": "width"},"mult": 0.5}, |
||
"y": {"field": {"group": "height"},"mult": 0.5}, |
"y": {"field": {"group": "height"},"mult": 0.5}, |
||
− | "radius": {" |
+ | "radius": {"field": "count", "scale": "r","offset": -50}, |
"theta": {"field": "layout_mid"}, |
"theta": {"field": "layout_mid"}, |
||
− | "fill": {"value": " |
+ | "fill": {"value": "white"}, |
"align": {"value": "center"}, |
"align": {"value": "center"}, |
||
"baseline": {"value": "middle"}, |
"baseline": {"value": "middle"}, |
||
− | "text": {"field": " |
+ | "text": {"field": "label"}, "fontWeight":{"value": "bold",} |
} |
} |
||
} |
} |
Revision as of 20:25, 27 July 2019
with the Article Statistics as of 2019-07-27
<graph> {
"version": 2, "width": 400, "height": 400, "data": [ { "name": "X", "values": [
{"count":230, "label":"Stubs", "color":"gray" }, {"count":836, "label":"Middling", "color":"blue" }, {"count":683, "label":"Reviewing", "color":"orange" }, {"count":1351, "label":"Complete", "color":"green" }, ],
"transform": [{"type": "pie","field": "count"}] } ], "scales": [ { "name": "r", "type": "sqrt", "domain": {"data": "X","field": "count"}, "range": [20,300] } ], "marks": [ { "type": "arc", "from": {"data": "X"}, "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": 0}, "outerRadius": {"field":"count", "scale": "r"}, "stroke": {"value": "white"}, "fill": {"field": "color"} }, } }, { "type": "text", "from": {"data": "X"}, "properties": { "enter": { "x": {"field": {"group": "width"},"mult": 0.5}, "y": {"field": {"group": "height"},"mult": 0.5}, "radius": {"field": "count", "scale": "r","offset": -50}, "theta": {"field": "layout_mid"}, "fill": {"value": "white"}, "align": {"value": "center"}, "baseline": {"value": "middle"}, "text": {"field": "label"}, "fontWeight":{"value": "bold",} } } } ]
} </graph>