weave top-level constant
String
const weave
Raw JSON definition of the DiceBear weave avatar style.
Implementation
const String weave = '''{
"\$schema": "https://cdn.hopjs.net/npm/@dicebear/schema@1.3.0/dist/definition.min.json",
"\$comment": "Handcrafted definition. Manually maintained, not a Figma export.",
"meta": {
"license": {
"name": "CC0 1.0",
"url": "https://creativecommons.org/publicdomain/zero/1.0/",
"text": "„Weave” (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": "Weave",
"url": "https://www.dicebear.com"
}
},
"canvas": {
"elements": [
{
"name": "weave",
"type": "component"
}
],
"width": 100,
"height": 100
},
"attributes": {
"fill": "none",
"shape-rendering": "auto"
},
"components": {
"weave": {
"width": 100,
"height": 100,
"variants": {
"diagonal": {
"elements": [
{
"name": "lattice",
"type": "component",
"attributes": {
"transform": "rotate(45 50 50)"
}
}
],
"weight": 2
},
"diagonalBack": {
"elements": [
{
"name": "lattice",
"type": "component",
"attributes": {
"transform": "rotate(-45 50 50)"
}
}
],
"weight": 2
},
"straight": {
"elements": [
{
"name": "lattice",
"type": "component"
}
]
}
}
},
"lattice": {
"width": 100,
"height": 100,
"variants": {
"default": {
"elements": [
{
"name": "bandA",
"type": "component",
"attributes": {
"transform": "translate(37 -30)"
}
},
{
"name": "bandB",
"type": "component",
"attributes": {
"transform": "translate(37 -30)"
}
},
{
"name": "bandC02",
"type": "component",
"attributes": {
"transform": "translate(37 -30)"
}
},
{
"name": "lineAccent",
"type": "component"
},
{
"name": "bandC",
"type": "component",
"attributes": {
"transform": "rotate(90 46.5 83.5)"
}
},
{
"name": "bandA02",
"type": "component",
"attributes": {
"transform": "rotate(90 46.5 83.5)"
}
},
{
"name": "bandB02",
"type": "component",
"attributes": {
"transform": "rotate(90 46.5 83.5)"
}
},
{
"name": "lineAccent02",
"type": "component",
"attributes": {
"transform": "rotate(90 50 50)"
}
}
]
}
}
},
"bandA": {
"width": 27,
"height": 160,
"translate": {
"x": {
"min": -155.5556,
"max": 155.5556
}
},
"variants": {
"thin": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorA"
},
"fill-opacity": ".7",
"d": "M7 0h12v160H7z"
}
}
]
},
"medium": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorA"
},
"fill-opacity": ".7",
"d": "M4 0h18v160H4z"
}
}
]
},
"wide": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorA"
},
"fill-opacity": ".7",
"d": "M0 0h26v160H0z"
}
}
]
},
"twin": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorA"
},
"fill-opacity": ".7",
"d": "M2 0h16v160H2zm20 0h5v160h-5z"
}
}
]
}
}
},
"bandA02": {
"extends": "bandA"
},
"bandB02": {
"width": 27,
"height": 160,
"probability": 70,
"translate": {
"x": {
"min": -155.5556,
"max": 155.5556
}
},
"variants": {
"thin": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorB"
},
"fill-opacity": ".7",
"d": "M7 0h12v160H7z"
}
}
]
},
"medium": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorB"
},
"fill-opacity": ".7",
"d": "M4 0h18v160H4z"
}
}
]
},
"wide": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorB"
},
"fill-opacity": ".7",
"d": "M0 0h26v160H0z"
}
}
]
},
"twin": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorB"
},
"fill-opacity": ".7",
"d": "M2 0h16v160H2zm20 0h5v160h-5z"
}
}
]
}
}
},
"bandC02": {
"width": 27,
"height": 160,
"probability": 70,
"translate": {
"x": {
"min": -155.5556,
"max": 155.5556
}
},
"variants": {
"thin": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorC"
},
"fill-opacity": ".7",
"d": "M7 0h12v160H7z"
}
}
]
},
"medium": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorC"
},
"fill-opacity": ".7",
"d": "M4 0h18v160H4z"
}
}
]
},
"wide": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorC"
},
"fill-opacity": ".7",
"d": "M0 0h26v160H0z"
}
}
]
},
"twin": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorC"
},
"fill-opacity": ".7",
"d": "M2 0h16v160H2zm20 0h5v160h-5z"
}
}
]
}
}
},
"bandB": {
"width": 27,
"height": 160,
"translate": {
"x": {
"min": -155.5556,
"max": 155.5556
}
},
"variants": {
"thin": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorB"
},
"fill-opacity": ".7",
"d": "M7 0h12v160H7z"
}
}
]
},
"medium": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorB"
},
"fill-opacity": ".7",
"d": "M4 0h18v160H4z"
}
}
]
},
"wide": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorB"
},
"fill-opacity": ".7",
"d": "M0 0h26v160H0z"
}
}
]
},
"twin": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorB"
},
"fill-opacity": ".7",
"d": "M2 0h16v160H2zm20 0h5v160h-5z"
}
}
]
}
}
},
"bandC": {
"width": 27,
"height": 160,
"translate": {
"x": {
"min": -155.5556,
"max": 155.5556
}
},
"variants": {
"thin": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorC"
},
"fill-opacity": ".7",
"d": "M7 0h12v160H7z"
}
}
]
},
"medium": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorC"
},
"fill-opacity": ".7",
"d": "M4 0h18v160H4z"
}
}
]
},
"wide": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorC"
},
"fill-opacity": ".7",
"d": "M0 0h26v160H0z"
}
}
]
},
"twin": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "colorC"
},
"fill-opacity": ".7",
"d": "M2 0h16v160H2zm20 0h5v160h-5z"
}
}
]
}
}
},
"lineAccent": {
"width": 100,
"height": 100,
"translate": {
"x": {
"min": -42,
"max": 42
}
},
"variants": {
"default": {
"elements": [
{
"name": "path",
"type": "element",
"attributes": {
"fill": {
"type": "color",
"name": "line"
},
"fill-opacity": ".95",
"d": "M48.75-30h2.5v160h-2.5z"
}
}
]
}
}
},
"lineAccent02": {
"extends": "lineAccent"
}
},
"colors": {
"background": {
"values": [
"#fff7e0",
"#e3f4fb",
"#e6f8ec",
"#ffeee9",
"#f3ecfe",
"#fdf3d7"
]
},
"colorA": {
"values": [
"#22d3ee",
"#fb923c",
"#34d399",
"#f472b6",
"#a78bfa",
"#facc15",
"#60a5fa",
"#f87171"
]
},
"colorB": {
"values": [
"#22d3ee",
"#fb923c",
"#34d399",
"#f472b6",
"#a78bfa",
"#facc15",
"#60a5fa",
"#f87171"
],
"notEqualTo": [
"colorA"
]
},
"colorC": {
"values": [
"#22d3ee",
"#fb923c",
"#34d399",
"#f472b6",
"#a78bfa",
"#facc15",
"#60a5fa",
"#f87171"
],
"notEqualTo": [
"colorA",
"colorB"
]
},
"line": {
"values": [
"#f59e0b",
"#ec4899",
"#8b5cf6",
"#0ea5e9"
]
}
}
}
''';