disco top-level constant
String
const disco
Raw JSON definition of the DiceBear disco avatar style.
Implementation
const String disco = '''{
"\$schema": "https://cdn.hopjs.net/npm/@dicebear/schema@1.2.0/dist/definition.min.json",
"\$comment": "This file was generated by the DiceBear Exporter for Figma. https://www.figma.com/community/plugin/1005765655729342787",
"meta": {
"license": {
"name": "CC0 1.0",
"url": "https://creativecommons.org/publicdomain/zero/1.0/",
"text": "„Disco” (https://www.dicebear.com) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)"
},
"creator": {
"name": "DiceBear",
"url": "https://www.dicebear.com"
},
"source": {
"name": "Disco",
"url": "https://www.dicebear.com"
}
},
"canvas": {
"elements": [
{
"name": "g",
"type": "element",
"attributes": {
"style": "mix-blend-mode:overlay"
},
"children": [
{
"name": "mask",
"type": "element",
"attributes": {
"id": "dicebearDisco-a",
"style": "mask-type:alpha"
},
"children": [
{
"name": "rect",
"type": "element",
"attributes": {
"width": "135",
"height": "135",
"fill": "#D9D9D9"
}
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"mask": "url(#dicebearDisco-a)"
},
"children": [
{
"name": "pattern",
"type": "component",
"attributes": {
"transform": "translate(-82.5 -82.5)"
}
}
]
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"opacity": ".5"
},
"children": [
{
"name": "mask",
"type": "element",
"attributes": {
"id": "dicebearDisco-b",
"style": "mask-type:alpha"
},
"children": [
{
"name": "rect",
"type": "element",
"attributes": {
"width": "135",
"height": "135",
"fill": "#D9D9D9"
}
}
]
},
{
"name": "g",
"type": "element",
"attributes": {
"mask": "url(#dicebearDisco-b)"
},
"children": [
{
"name": "pattern",
"type": "component",
"attributes": {
"transform": "translate(-82.5 -82.5)"
}
}
]
}
]
}
],
"width": 135,
"height": 135
},
"attributes": {
"fill": "none",
"shape-rendering": "auto"
},
"components": {
"pattern": {
"width": 300,
"height": 300,
"translate": {
"x": {
"min": -20,
"max": 20,
"step": 5
},
"y": {
"min": -20,
"max": 20,
"step": 5
}
},
"variants": {
"default": {
"elements": [
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 269 149)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 269 134)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 269.25 119.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 269.25 104.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 269.5 89.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 269.5 74.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 269.5 59.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 269.5 44.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 269.5 29.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 253.5 148.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 253.5 133.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 253.75 118.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 253.75 103.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 254 89)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 254.25 74.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 254.5 59.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 254.5 44.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 254.5 29.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 238 148)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 238 133)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 238.25 118.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 238.5 103.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 238.75 88.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 239 74)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 239.25 59.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 239.5 44.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 239.5 29.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 222.5 147.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 222.5 132.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.45 0 0 .45 222.75 117.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 223 103)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 223.25 88.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 223.5 73.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 224 59)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 224.25 44.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 224.5 29.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.6 0 0 .6 207 147)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.6 0 0 .6 207 132)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.55 0 0 .55 207.25 117.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 207.5 102.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.45 0 0 .45 207.75 87.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 208.25 73.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 208.75 58.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 209 44)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 209.5 29.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 191.5 146.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 191.5 131.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.65 0 0 .65 191.75 116.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.55 0 0 .55 192.25 102.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 192.5 87.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 193 73)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 193.5 58.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 193.75 43.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 194.25 29.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.8 0 0 .8 176 146)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.75 0 0 .75 176.25 131.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 176.5 116.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.65 0 0 .65 176.75 101.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.55 0 0 .55 177.25 87.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.45 0 0 .45 177.75 72.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 178.25 58.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 178.75 43.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 179.25 29.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.9 0 0 .9 160.5 145.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.85 0 0 .85 160.75 130.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.75 0 0 .75 161.25 116.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 161.5 101.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.6 0 0 .6 162 87)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 162.5 72.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 163 58)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 163.5 43.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 164 29)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "translate(145 145)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.9 0 0 .9 145.5 130.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 269 164)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 253.5 163.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 238 163)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 222.5 162.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.6 0 0 .6 207 162)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 191.5 161.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.75 0 0 .75 176.25 161.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.85 0 0 .85 160.75 160.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.9 0 0 .9 145.5 160.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.8 0 0 .8 146 116)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 269.25 179.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 253.75 178.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 238.25 178.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.45 0 0 .45 222.75 177.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.55 0 0 .55 207.25 177.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.65 0 0 .65 191.75 176.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 176.5 176.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.75 0 0 .75 161.25 176.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.8 0 0 .8 146 176)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 146.5 101.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 269.25 194.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 253.75 193.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 238.5 193.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 223 193)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 207.5 192.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.55 0 0 .55 192.25 192.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.65 0 0 .65 176.75 191.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 161.5 191.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 146.5 191.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.6 0 0 .6 147 87)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 269.5 209.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 254 209)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 238.75 208.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 223.25 208.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.45 0 0 .45 207.75 207.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 192.5 207.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.55 0 0 .55 177.25 207.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.6 0 0 .6 162 207)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.6 0 0 .6 147 207)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 147.5 72.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 269.5 224.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 254.25 224.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 239 224)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 223.5 223.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 208.25 223.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 193 223)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.45 0 0 .45 177.75 222.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 162.5 222.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 147.5 222.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 148 58)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 269.5 239.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 254.5 239.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 239.25 239.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 224 239)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 208.75 238.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 193.5 238.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 178.25 238.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 163 238)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 148 238)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 148.5 43.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 269.5 254.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 254.5 254.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 239.5 254.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 224.25 254.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 209 254)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 193.75 253.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 178.75 253.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 163.5 253.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 148.5 253.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 149 29)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 269.5 269.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 29 149)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 29 134)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 29.25 119.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 29.25 104.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 29.5 89.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 29.5 74.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 29.5 59.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 29.5 44.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 29.5 29.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 29 164)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 29.25 179.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 29.25 194.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 29.5 209.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 29.5 224.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 29.5 239.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 29.5 254.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 29.5 269.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 254.5 269.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 43.5 148.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 43.5 133.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 43.75 118.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 43.75 103.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 44 89)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 44.25 74.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 44.5 59.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 44.5 44.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 44.5 29.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 43.5 163.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 43.75 178.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 43.75 193.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 44 209)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 44.25 224.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 44.5 239.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 44.5 254.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 44.5 269.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 239.5 269.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 58 148)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 58 133)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 58.25 118.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 58.5 103.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 58.75 88.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 59 74)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 59.25 59.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 59.5 44.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 59.5 29.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 58 163)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 58.25 178.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 58.5 193.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 58.75 208.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 59 224)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 59.25 239.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 59.5 254.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 59.5 269.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 224.5 269.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 72.5 147.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 72.5 132.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.45 0 0 .45 72.75 117.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 73 103)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 73.25 88.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 73.5 73.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 74 59)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 74.25 44.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 74.5 29.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 72.5 162.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.45 0 0 .45 72.75 177.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 73 193)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 73.25 208.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 73.5 223.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 74 239)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 74.25 254.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 74.5 269.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 209.5 269.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.6 0 0 .6 87 147)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.6 0 0 .6 87 132)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.55 0 0 .55 87.25 117.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 87.5 102.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.45 0 0 .45 87.75 87.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 88.25 73.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 88.75 58.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 89 44)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 89.5 29.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.6 0 0 .6 87 162)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.55 0 0 .55 87.25 177.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 87.5 192.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.45 0 0 .45 87.75 207.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 88.25 223.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 88.75 238.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 89 254)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.1 0 0 .1 89.5 269.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 194.25 269.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 101.5 146.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 101.5 131.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.65 0 0 .65 101.75 116.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.55 0 0 .55 102.25 102.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 102.5 87.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 103 73)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 103.5 58.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 103.75 43.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 104.25 29.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 101.5 161.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.65 0 0 .65 101.75 176.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.55 0 0 .55 102.25 192.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 102.5 207.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 103 223)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 103.5 238.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 103.75 253.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 104.25 269.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 179.25 269.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.8 0 0 .8 116 146)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.75 0 0 .75 116.25 131.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 116.5 116.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.65 0 0 .65 116.75 101.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.55 0 0 .55 117.25 87.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.45 0 0 .45 117.75 72.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 118.25 58.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 118.75 43.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 119.25 29.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.75 0 0 .75 116.25 161.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 116.5 176.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.65 0 0 .65 116.75 191.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.55 0 0 .55 117.25 207.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.45 0 0 .45 117.75 222.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.35 0 0 .35 118.25 238.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.25 0 0 .25 118.75 253.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.15 0 0 .15 119.25 269.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 164 269)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.9 0 0 .9 130.5 145.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.85 0 0 .85 130.75 130.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.75 0 0 .75 131.25 116.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 131.5 101.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.6 0 0 .6 132 87)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 132.5 72.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 133 58)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 133.5 43.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 134 29)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.85 0 0 .85 130.75 160.75)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.75 0 0 .75 131.25 176.25)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.7 0 0 .7 131.5 191.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.6 0 0 .6 132 207)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.5 0 0 .5 132.5 222.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.4 0 0 .4 133 238)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.3 0 0 .3 133.5 253.5)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 134 269)"
}
},
{
"name": "shape",
"type": "component",
"attributes": {
"transform": "matrix(.2 0 0 .2 149 269)"
}
}
]
}
}
},
"shape": {
"width": 10,
"height": 10,
"variants": {
"circle": {
"elements": [
{
"name": "circle",
"type": "element",
"attributes": {
"cx": "5",
"cy": "5",
"r": "5",
"fill": {
"type": "color",
"name": "shape"
}
}
}
]
},
"hexagon": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M4 .28a2 2 0 0 1 2 0l2.59 1.5a2 2 0 0 1 1 1.73v2.98a2 2 0 0 1-1 1.74L6 9.72a2 2 0 0 1-2 0l-2.59-1.5a2 2 0 0 1-1-1.73V3.51a2 2 0 0 1 1-1.74z",
"fill": {
"type": "color",
"name": "shape"
}
}
}
]
},
"pentagon": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M3.82.64a2 2 0 0 1 2.36 0l2.99 2.18a2 2 0 0 1 .72 2.23L8.75 8.57a2 2 0 0 1-1.9 1.38h-3.7a2 2 0 0 1-1.9-1.38L.11 5.05a2 2 0 0 1 .72-2.23z",
"fill": {
"type": "color",
"name": "shape"
}
}
}
]
},
"rectangle": {
"elements": [
{
"name": "rect",
"type": "element",
"attributes": {
"width": "10",
"height": "10",
"rx": "2",
"fill": {
"type": "color",
"name": "shape"
}
}
}
]
},
"triangle": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"d": "M3.27 1.38a2 2 0 0 1 3.46 0l2.98 5.16a2 2 0 0 1-1.73 3H2.02a2 2 0 0 1-1.73-3z",
"fill": {
"type": "color",
"name": "shape"
}
}
}
]
}
}
}
},
"colors": {
"background": {
"values": [
"#af5b6d",
"#a96433",
"#8e720f",
"#6f7b20",
"#3d8349",
"#01837a",
"#217e9c",
"#5674b0",
"#7d6ca7"
]
},
"shape": {
"notEqualTo": [],
"contrastTo": "background",
"values": [
"#000000",
"#ffffff"
]
}
}
}''';