Difference between revisions of "Template:Graph:CategoryPie"

From Public Play Space Community
(Created page with "</graph> { "$schema": "https://vega.github.io/schema/vega/v5.json", "description": "A basic pie chart example.", "width": 200, "height": 200, "autosize": "none",...")
 
 
(39 intermediate revisions by the same user not shown)
Line 1: Line 1:
</graph>
<graph>{
{
   "width": 100,
  "$schema": "https://vega.github.io/schema/vega/v5.json",
   "height": 100,
  "description": "A basic pie chart example.",
   "width": 200,
   "height": 200,
  "autosize": "none",
 
  "signals": [
    {
      "name": "startAngle", "value": 0,
      "bind": {"input": "range", "min": 0, "max": 6.29, "step": 0.01}
    },
    {
      "name": "endAngle", "value": 6.29,
      "bind": {"input": "range", "min": 0, "max": 6.29, "step": 0.01}
    },
    {
      "name": "padAngle", "value": 0,
      "bind": {"input": "range", "min": 0, "max": 0.1}
    },
    {
      "name": "innerRadius", "value": 0,
      "bind": {"input": "range", "min": 0, "max": 90, "step": 1}
    },
    {
      "name": "cornerRadius", "value": 0,
      "bind": {"input": "range", "min": 0, "max": 10, "step": 0.5}
    },
    {
      "name": "sort", "value": false,
      "bind": {"input": "checkbox"}
    }
  ],
 
   "data": [
   "data": [
     {
     {
       "name": "table",
       "name": "table",
       "values": [
       "values": [
        {"id": 1, "field": 4},
          {"name":"GAME","color":"#2bddff","data":1},
        {"id": 2, "field": 6},
          {"name":"PLAY","color":"#00d67f","data":1},
        {"id": 3, "field": 10},
          {"name":"SPACE","color":"#0000ff","data":1}
        {"id": 4, "field": 3},
      ],
        {"id": 5, "field": 7},
       "transform": [{"type": "pie", "field": "data"}]
        {"id": 6, "field": 8}
      ],
       "transform": [
        {
          "type": "pie",
          "field": "field",
          "startAngle": {"signal": "startAngle"},
          "endAngle": {"signal": "endAngle"},
          "sort": {"signal": "sort"}
        }
      ]
     }
     }
   ],
   ],
   "scales": [
   "scales": [
     {
     {
       "name": "color",
       "name": "r",
       "type": "ordinal",
       "type": "sqrt",
       "domain": {"data": "table", "field": "id"},
       "domain": {"data": "table", "field": "data"},
       "range": {"scheme": "category20"}
       "range": [0, 50]
     }
     }
   ],
   ],
   "marks": [
   "marks": [
     {
     {
       "type": "arc",
       "type": "arc",
       "from": {"data": "table"},
       "from": {"data": "table"},
       "encode": {
       "properties": {
         "enter": {
         "enter": {
           "fill": {"scale": "color", "field": "id"},
           "x": {"field": {"group": "width"}, "mult": 0.5},
           "x": {"signal": "width / 2"},
          "y": {"field": {"group": "height"}, "mult": 0.5},
           "y": {"signal": "height / 2"}
          "startAngle": {"field": "layout_start"},
           "endAngle": {"field": "layout_end"},
           "innerRadius": {"value": 0},
          "outerRadius": {"value": 100}
         },
         },
         "update": {
         "update": {
           "startAngle": {"field": "startAngle"},
           "fill": {"field": "color"}
           "endAngle": {"field": "endAngle"},
        }
           "padAngle": {"signal": "padAngle"},
      }
           "innerRadius": {"signal": "innerRadius"},
    },
           "outerRadius": {"signal": "width / 2"},
    {
           "cornerRadius": {"signal": "cornerRadius"}
      "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},
          "angle": {"value": 25},
           "theta": {"field": "layout_mid"},
           "fill": {"value": "white"},
           "align": {"value": "center"},
           "baseline": {"value": "middle"},
          "text": {"field": "name"},
          "font": {"value": "Bebas Neue Bold"},
          "fontSize": {"value": 25},
           "fontWeight": {"value": "bold"}
         }
         }
       }
       }
Line 89: Line 62:
}
}
</graph>
</graph>
<noinclude>
<templatedata>
{
"params": {
"GAME":{
"type": "boolean",
"default": "1",
"required": true,
"suggested": true,
"description": "State whether this type of parameter is used by the project."},
"PLAY":{
"type": "boolean",
"default": "1",
"required": true,
"suggested": true,
"description": "State whether this type of parameter is used by the project."},
"SPACE":{
"type": "boolean",
"default": "1",
"required": true,
"suggested": true,
"description": "State whether this type of parameter is used by the project."}
},
"paramOrder": [
"GAME",
"PLAY",
"SPACE"
],
"description": "Template for selecting a parameter to the pie",
"format": "block"
}
</templatedata>
</noinclude>

Latest revision as of 07:38, 20 May 2020


Template for selecting a parameter to the pie

Template parameters

This template prefers block formatting of parameters.

ParameterDescriptionTypeStatus
GAMEGAME

State whether this type of parameter is used by the project.

Default
1
Booleanrequired
PLAYPLAY

State whether this type of parameter is used by the project.

Default
1
Booleanrequired
SPACESPACE

State whether this type of parameter is used by the project.

Default
1
Booleanrequired
Retrieved from "https://wiki.publicplayspace.eu/index.php?title=Template:Graph:CategoryPie&oldid=648"