Template:Graph:MaterialPie

{ "version": 2, "width": {{{width|100}}}, "height": {{{height|100}}}, "data": [ { "name": "table", "values": [ {"name":"AFF","value":{{{val1|10}}}}, {"name":"MQ","value":{{{val2|10}}}}, {"name":"Ind","value":{{{val3|10}}}}, {"name":"Com","value":{{{val4|10}}}}, {"name":"HH","value":{{{val5|10}}}} ], "transform": [{"type": "pie","field": "value"}] } ], "scales": [ { "name": "r", "type":"sqrt", "domain": {"data": "table","field": "value"}, "range": [20,100] }, { "name":"color", "type":"ordinal", "domain":{"data":"table","field":"name"}, "range":"category10" } ], "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": "value"}, "stroke": {"value": "#fff"}, "fill":{"scale":"color","field":"name"} } } }, { "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": "value","offset": 8}, "theta": {"field": "layout_mid"}, "fill": {"value": "#000"}, "align": {"value": "center"}, "baseline": {"value": "middle"}, "text": {"field": "name"} } } } ], "legends":[{ "fill":"color", "title":"", "offset": 75, "properties":{ "symbols":{ "strokeWidth":{"value":0}, "shape":{"value":"square"} } } }] }