Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refines the observable10 scheme #1947

Merged
merged 4 commits into from
Dec 13, 2023
Merged

refines the observable10 scheme #1947

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
537b600
small refinements to the observable10 scheme:
Fil Dec 13, 2023
f2b693a
changelog
Fil Dec 13, 2023
b70438a
fix comment
Fil Dec 13, 2023
a5c8574
Update CHANGELOG.md
Fil Dec 13, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,12 @@

Year: **Current (2023)** · [2022](./CHANGELOG-2022.md) · [2021](./CHANGELOG-2021.md)

## 0.6.13

[Released December 13, 2023.](https://github.com/observablehq/plot/releases/tag/v0.6.13)

Fixes the *observable10* categorical color scheme. In 0.6.12, we inadvertently published an earlier draft; this fixed version better aligns the order of colors with *tableau10*.

## 0.6.12

[Released December 7, 2023.](https://github.com/observablehq/plot/releases/tag/v0.6.12)
Expand Down
6 changes: 3 additions & 3 deletions src/scales/schemes.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -83,11 +83,11 @@ const schemeObservable10 = [
"#efb118",
"#ff725c",
"#6cc5b0",
"#a463f2",
"#3ca951",
"#ff8ab7",
"#9c6b4e",
"#a463f2",
"#97bbf5",
"#3ca951",
"#9c6b4e",
"#9498a0"
];

Expand Down
3,986 changes: 1,993 additions & 1,993 deletions test/output/athletesHeightWeightSport.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1,568 changes: 784 additions & 784 deletions test/output/athletesSortNationality.html
View file
Open in desktop

Large diffs are not rendered by default.

1,582 changes: 791 additions & 791 deletions test/output/athletesSortNullLimit.html
View file
Open in desktop

Large diffs are not rendered by default.

6 changes: 3 additions & 3 deletions test/output/autoAreaStackColor.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions test/output/autoLineColorSeries.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions test/output/autoLineZero.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
732 changes: 366 additions & 366 deletions test/output/clamp.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions test/output/colorLegendCategorical.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,15 +31,15 @@
<rect width="100%" height="100%"></rect>
</svg>C</span><span class="plot-swatch"><svg width="15" height="15" fill="#6cc5b0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>D</span><span class="plot-swatch"><svg width="15" height="15" fill="#a463f2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</svg>D</span><span class="plot-swatch"><svg width="15" height="15" fill="#3ca951" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>E</span><span class="plot-swatch"><svg width="15" height="15" fill="#ff8ab7" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>F</span><span class="plot-swatch"><svg width="15" height="15" fill="#9c6b4e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</svg>F</span><span class="plot-swatch"><svg width="15" height="15" fill="#a463f2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>G</span><span class="plot-swatch"><svg width="15" height="15" fill="#97bbf5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>H</span><span class="plot-swatch"><svg width="15" height="15" fill="#3ca951" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</svg>H</span><span class="plot-swatch"><svg width="15" height="15" fill="#9c6b4e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>I</span><span class="plot-swatch"><svg width="15" height="15" fill="#9498a0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
Expand Down
6 changes: 3 additions & 3 deletions test/output/colorLegendCategoricalColumns.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@
</svg>
<div class="plot-swatch-label" title="Business services">Business services</div>
</div>
<div class="plot-swatch"><svg width="15" height="15" fill="#a463f2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<div class="plot-swatch"><svg width="15" height="15" fill="#3ca951" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>
<div class="plot-swatch-label" title="Construction">Construction</div>
Expand All @@ -58,7 +58,7 @@
</svg>
<div class="plot-swatch-label" title="Education and Health">Education and Health</div>
</div>
<div class="plot-swatch"><svg width="15" height="15" fill="#9c6b4e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<div class="plot-swatch"><svg width="15" height="15" fill="#a463f2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>
<div class="plot-swatch-label" title="Government">Government</div>
Expand All @@ -68,7 +68,7 @@
</svg>
<div class="plot-swatch-label" title="Finance">Finance</div>
</div>
<div class="plot-swatch"><svg width="15" height="15" fill="#3ca951" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<div class="plot-swatch"><svg width="15" height="15" fill="#9c6b4e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>
<div class="plot-swatch-label" title="Self-employed">Self-employed</div>
Expand Down
6 changes: 3 additions & 3 deletions test/output/colorLegendCategoricalReverse.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,15 +31,15 @@
<rect width="100%" height="100%"></rect>
</svg>H</span><span class="plot-swatch"><svg width="15" height="15" fill="#6cc5b0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>G</span><span class="plot-swatch"><svg width="15" height="15" fill="#a463f2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</svg>G</span><span class="plot-swatch"><svg width="15" height="15" fill="#3ca951" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>F</span><span class="plot-swatch"><svg width="15" height="15" fill="#ff8ab7" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>E</span><span class="plot-swatch"><svg width="15" height="15" fill="#9c6b4e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</svg>E</span><span class="plot-swatch"><svg width="15" height="15" fill="#a463f2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>D</span><span class="plot-swatch"><svg width="15" height="15" fill="#97bbf5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>C</span><span class="plot-swatch"><svg width="15" height="15" fill="#3ca951" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</svg>C</span><span class="plot-swatch"><svg width="15" height="15" fill="#9c6b4e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
</svg>B</span><span class="plot-swatch"><svg width="15" height="15" fill="#9498a0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="100%" height="100%"></rect>
Expand Down
2 changes: 1 addition & 1 deletion test/output/colorLegendOrdinalTicks.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
48 changes: 24 additions & 24 deletions test/output/decathlon.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,11 +32,11 @@
<path d="M-4.87,-4.87L4.87,4.87M-4.87,4.87L4.87,-4.87"></path>
</svg>FRG</span><span class="plot-swatch"><svg viewBox="-8 -8 16 16" width="15" height="15" fill="none" fill-opacity="1" stroke="#6cc5b0" stroke-opacity="1" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M0,-5.443L4.714,2.721L-4.714,2.721Z"></path>
</svg>GBR</span><span class="plot-swatch"><svg viewBox="-8 -8 16 16" width="15" height="15" fill="none" fill-opacity="1" stroke="#a463f2" stroke-opacity="1" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</svg>GBR</span><span class="plot-swatch"><svg viewBox="-8 -8 16 16" width="15" height="15" fill="none" fill-opacity="1" stroke="#3ca951" stroke-opacity="1" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M0,4.769L0,-4.769M-4.13,-2.384L4.13,2.384M-4.13,2.384L4.13,-2.384"></path>
</svg>SOV</span><span class="plot-swatch"><svg viewBox="-8 -8 16 16" width="15" height="15" fill="none" fill-opacity="1" stroke="#ff8ab7" stroke-opacity="1" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M3.534,3.534L3.534,-3.534L-3.534,-3.534L-3.534,3.534Z"></path>
</svg>TCH</span><span class="plot-swatch"><svg viewBox="-8 -8 16 16" width="15" height="15" fill="none" fill-opacity="1" stroke="#9c6b4e" stroke-opacity="1" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</svg>TCH</span><span class="plot-swatch"><svg viewBox="-8 -8 16 16" width="15" height="15" fill="none" fill-opacity="1" stroke="#a463f2" stroke-opacity="1" stroke-width="1.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z"></path>
</svg>USA</span>
</div><svg class="plot" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
Expand Down Expand Up @@ -115,14 +115,14 @@
<text transform="translate(620,370)">Long Jump →</text>
</g>
<g aria-label="dot" fill="none" stroke-width="1.5" transform="translate(0.5,0.5)">
<path transform="translate(608,289.36842105263173)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(608,289.36842105263173)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(570.2135922330095,285.9368421052634)" d="M0,-5.443L4.714,2.721L-4.714,2.721Z" stroke="#6cc5b0"></path>
<path transform="translate(543.2233009708738,358)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(543.2233009708738,358)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(435.26213592232995,196.7157894736845)" d="M-4.87,-4.87L4.87,4.87M-4.87,4.87L4.87,-4.87" stroke="#ff725c"></path>
<path transform="translate(424.4660194174759,121.22105263157894)" d="M-4.87,-4.87L4.87,4.87M-4.87,4.87L4.87,-4.87" stroke="#ff725c"></path>
<path transform="translate(332.69902912621376,265.3473684210527)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(559.4174757281554,241.32631578947365)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(510.8349514563109,296.23157894736846)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(332.69902912621376,265.3473684210527)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(559.4174757281554,241.32631578947365)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(510.8349514563109,296.23157894736846)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(413.66990291262124,347.70526315789493)" d="M0,-5.443L4.714,2.721L-4.714,2.721Z" stroke="#6cc5b0"></path>
<path transform="translate(451.45631067961165,73.17894736842082)" d="M-6.873,0L6.873,0M0,6.873L0,-6.873" stroke="#efb118"></path>
<path transform="translate(456.8543689320387,261.91578947368436)" d="M0,-5.443L4.714,2.721L-4.714,2.721Z" stroke="#6cc5b0"></path>
Expand All @@ -131,40 +131,40 @@
<path transform="translate(165.35922330097083,265.3473684210527)" d="M4.5,0A4.5,4.5,0,1,1,-4.5,0A4.5,4.5,0,1,1,4.5,0" stroke="#4269d0"></path>
<path transform="translate(537.8252427184467,265.3473684210527)" d="M0,-5.443L4.714,2.721L-4.714,2.721Z" stroke="#6cc5b0"></path>
<path transform="translate(505.4368932038833,138.3789473684213)" d="M-4.87,-4.87L4.87,4.87M-4.87,4.87L4.87,-4.87" stroke="#ff725c"></path>
<path transform="translate(273.3203883495146,327.11578947368423)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(273.3203883495146,327.11578947368423)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(52,189.85263157894715)" d="M4.5,0A4.5,4.5,0,1,1,-4.5,0A4.5,4.5,0,1,1,4.5,0" stroke="#4269d0"></path>
<path transform="translate(462.2524271844658,268.7789473684211)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(462.2524271844658,268.7789473684211)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(500.03883495145624,231.03157894736862)" d="M0,-5.443L4.714,2.721L-4.714,2.721Z" stroke="#6cc5b0"></path>
<path transform="translate(429.86407766990294,289.36842105263173)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(332.69902912621376,107.49473684210491)" d="M0,4.769L0,-4.769M-4.13,-2.384L4.13,2.384M-4.13,2.384L4.13,-2.384" stroke="#a463f2"></path>
<path transform="translate(462.2524271844658,330.54736842105257)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(257.1262135922329,107.49473684210491)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(251.72815533980582,138.3789473684213)" d="M0,4.769L0,-4.769M-4.13,-2.384L4.13,2.384M-4.13,2.384L4.13,-2.384" stroke="#a463f2"></path>
<path transform="translate(429.86407766990294,289.36842105263173)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(332.69902912621376,107.49473684210491)" d="M0,4.769L0,-4.769M-4.13,-2.384L4.13,2.384M-4.13,2.384L4.13,-2.384" stroke="#3ca951"></path>
<path transform="translate(462.2524271844658,330.54736842105257)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(257.1262135922329,107.49473684210491)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(251.72815533980582,138.3789473684213)" d="M0,4.769L0,-4.769M-4.13,-2.384L4.13,2.384M-4.13,2.384L4.13,-2.384" stroke="#3ca951"></path>
<path transform="translate(456.8543689320387,124.65263157894731)" d="M-4.87,-4.87L4.87,4.87M-4.87,4.87L4.87,-4.87" stroke="#ff725c"></path>
<path transform="translate(321.9029126213592,241.32631578947365)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(467.65048543689335,313.38947368421077)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(321.9029126213592,241.32631578947365)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(467.65048543689335,313.38947368421077)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(500.03883495145624,200.14736842105285)" d="M-6.873,0L6.873,0M0,6.873L0,-6.873" stroke="#efb118"></path>
<path transform="translate(348.89320388349495,152.1052631578947)" d="M-4.87,-4.87L4.87,4.87M-4.87,4.87L4.87,-4.87" stroke="#ff725c"></path>
<path transform="translate(456.8543689320387,237.8947368421053)" d="M-4.87,-4.87L4.87,4.87M-4.87,4.87L4.87,-4.87" stroke="#ff725c"></path>
<path transform="translate(462.2524271844658,244.757894736842)" d="M0,-5.443L4.714,2.721L-4.714,2.721Z" stroke="#6cc5b0"></path>
<path transform="translate(402.8737864077671,309.9578947368425)" d="M0,-5.443L4.714,2.721L-4.714,2.721Z" stroke="#6cc5b0"></path>
<path transform="translate(170.7572815533979,32)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(170.7572815533979,32)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(413.66990291262124,248.18947368421033)" d="M0,-5.443L4.714,2.721L-4.714,2.721Z" stroke="#6cc5b0"></path>
<path transform="translate(289.5145631067963,145.24210526315798)" d="M-4.87,-4.87L4.87,4.87M-4.87,4.87L4.87,-4.87" stroke="#ff725c"></path>
<path transform="translate(440.66019417475707,128.08421052631564)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(440.66019417475707,128.08421052631564)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(143.7669902912621,114.35789473684225)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(440.66019417475707,128.08421052631564)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(440.66019417475707,128.08421052631564)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(143.7669902912621,114.35789473684225)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(575.6116504854366,224.16842105263189)" d="M3.534,3.534L3.534,-3.534L-3.534,-3.534L-3.534,3.534Z" stroke="#ff8ab7"></path>
<path transform="translate(419.06796116504876,76.61052631578917)" d="M0,4.769L0,-4.769M-4.13,-2.384L4.13,2.384M-4.13,2.384L4.13,-2.384" stroke="#a463f2"></path>
<path transform="translate(419.06796116504876,76.61052631578917)" d="M0,4.769L0,-4.769M-4.13,-2.384L4.13,2.384M-4.13,2.384L4.13,-2.384" stroke="#3ca951"></path>
<path transform="translate(451.45631067961165,59.45263157894742)" d="M-6.873,0L6.873,0M0,6.873L0,-6.873" stroke="#efb118"></path>
<path transform="translate(284.1165048543692,145.24210526315798)" d="M4.5,0A4.5,4.5,0,1,1,-4.5,0A4.5,4.5,0,1,1,4.5,0" stroke="#4269d0"></path>
<path transform="translate(494.6407766990292,169.26315789473705)" d="M3.534,3.534L3.534,-3.534L-3.534,-3.534L-3.534,3.534Z" stroke="#ff8ab7"></path>
<path transform="translate(386.6796116504854,182.98947368421045)" d="M4.5,0A4.5,4.5,0,1,1,-4.5,0A4.5,4.5,0,1,1,4.5,0" stroke="#4269d0"></path>
<path transform="translate(235.53398058252418,179.55789473684212)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(235.53398058252418,169.26315789473705)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#9c6b4e"></path>
<path transform="translate(235.53398058252418,179.55789473684212)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(235.53398058252418,169.26315789473705)" d="M0,-4.995L4.995,0L0,4.995L-4.995,0Z" stroke="#a463f2"></path>
<path transform="translate(429.86407766990294,110.92631578947389)" d="M-4.87,-4.87L4.87,4.87M-4.87,4.87L4.87,-4.87" stroke="#ff725c"></path>
<path transform="translate(397.47572815534,73.17894736842082)" d="M-6.873,0L6.873,0M0,6.873L0,-6.873" stroke="#efb118"></path>
<path transform="translate(354.2912621359225,121.22105263157894)" d="M0,4.769L0,-4.769M-4.13,-2.384L4.13,2.384M-4.13,2.384L4.13,-2.384" stroke="#a463f2"></path>
<path transform="translate(354.2912621359225,121.22105263157894)" d="M0,4.769L0,-4.769M-4.13,-2.384L4.13,2.384M-4.13,2.384L4.13,-2.384" stroke="#3ca951"></path>
</g>
</svg>
</figure>
Loading