Difference between revisions of "Template:Graph:CategoryPie"

Revision as of 08:03, 19 May 2020

@@ Line 2: / Line 2: @@
 {
    "width": 400,
-   "height": 100,
+   "height": 400,
-  "padding": {"top": 30, "left": 30, "bottom": 30, "right": 10},
    "data": [
      {
-       "name": "aggregate",
+       "name": "table",
-       "values": [
+       "values": [12, 23, 47, 6, 52, 19],
-        {"label": "Category A", "mean": 1, "lo": 0,   "hi": 2},
+      "transform": [{"type": "pie", "field": "data"}]
-        {"label": "Category B", "mean": 2, "lo": 1.5, "hi": 2.5},
-        {"label": "Category C", "mean": 3, "lo": 1.7, "hi": 4.3},
-        {"label": "Category D", "mean": 4, "lo": 3,   "hi": 5},
-        {"label": "Category E", "mean": 5, "lo": 4.1, "hi": 5.9}
-      ]
      }
    ],
    "scales": [
      {
-       "name": "y",
+       "name": "r",
-       "type": "ordinal",
+       "type": "sqrt",
-      "range": "height",
+       "domain": {"data": "table", "field": "data"},
-       "domain": {"data": "aggregate", "field": "label"}
+       "range": [20, 100]
-    },
-    {
-      "name": "x",
-      "type": "linear",
-      "domain": {"data": "aggregate", "field": "hi"},
-       "range": [100, 400],
-      "nice": true,
-      "zero": true
      }
-  ],
-  "axes": [
-    {"type": "x", "scale": "x", "ticks": 6}
    ],
    "marks": [
      {
-       "type": "text",
+       "type": "arc",
-       "from": {"data": "aggregate"},
+       "from": {"data": "table"},
        "properties": {
          "enter": {
-           "x": {"value": 0},
+           "x": {"field": {"group": "width"}, "mult": 0.5},
-           "y": {"scale": "y", "field": "label"},
+           "y": {"field": {"group": "height"}, "mult": 0.5},
-           "baseline": {"value": "middle"},
+          "startAngle": {"field": "layout_start"},
-           "fill": {"value": "#000"},
+           "endAngle": {"field": "layout_end"},
-           "text": {"field": "label"},
+           "innerRadius": {"value": 20},
-           "font": {"value": "Helvetica Neue"},
+          "outerRadius": {"scale": "r", "field": "data"},
-           "fontSize": {"value": 13}
+           "stroke": {"value": "#fff"}
+        },
+        "update": {
+           "fill": {"value": "#ccc"}
+        },
+        "hover": {
+           "fill": {"value": "pink"}
          }
        }
      },
      {
-       "type": "rect",
+       "type": "text",
-       "from": {"data": "aggregate"},
+       "from": {"data": "table"},
        "properties": {
          "enter": {
-           "x": {"scale": "x", "field": "lo"},
+           "x": {"field": {"group": "width"}, "mult": 0.5},
-          "x2": {"scale": "x", "field": "hi"},
+           "y": {"field": {"group": "height"}, "mult": 0.5},
-           "y": {"scale": "y", "field": "label", "offset": -1},
+           "radius": {"scale": "r", "field": "data", "offset": 8},
-           "height": {"value": 1},
+          "theta": {"field": "layout_mid"},
-          "fill": {"value": "#888"}
+           "fill": {"value": "#000"},
-        }
+           "align": {"value": "center"},
-      }
+           "baseline": {"value": "middle"},
-    },
+           "text": {"field": "data"}
-    {
-      "type": "symbol",
-      "from": {"data": "aggregate"},
-      "properties": {
-        "enter": {
-           "x": {"scale": "x", "field": "mean"},
-           "y": {"scale": "y", "field": "label"},
-           "size": {"value": 40},
-           "fill": {"value": "#000"}
          }
        }