Showing: full SVG
Concept Groups
leftmost periwinkle arrow: 0 1 2 3 6 7 8 9
second periwinkle arrow from left: 4 5 10 11
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
leftmost periwinkle |
0.593
|
0.206 0.141 |
| 1 | path |
leftmost periwinkle |
0.594
|
0.207 0.142 |
| 2 | path |
leftmost periwinkle |
0.597
|
0.205 0.139 |
| 3 | path |
leftmost periwinkle |
0.592
|
0.202 0.139 |
| 4 | path |
second periwinkle ar |
1.000
|
0.000 0.133 |
| 5 | path |
second periwinkle ar |
1.000
|
0.000 0.135 |
| 6 | path |
leftmost periwinkle |
0.580
|
0.051 0.037 |
| 7 | path |
leftmost periwinkle |
0.586
|
0.043 0.031 |
| 8 | path |
leftmost periwinkle |
0.590
|
0.039 0.027 |
| 9 | path |
leftmost periwinkle |
0.590
|
0.047 0.032 |
| 10 | path |
second periwinkle ar |
1.000
|
0.000 0.024 |
| 11 | path |
second periwinkle ar |
1.000
|
0.000 0.020 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="160" viewBox="0 0 900 160">
<!--
Step-by-step analysis (from the description):
1) The scene contains six separate chevron-style arrows.
2) All arrows point to the right and are arranged horizontally across the frame.
3) The style is hand-drawn/sketchy: slightly uneven strokes and imperfect geometry.
4) The arrows are outlines only (no fill), using a light periwinkle/pale blue stroke.
5) Background is transparent, so we do not draw any background rectangle.
-->
<defs>
<style>
.sketch {
fill: none;
stroke: #A9B9FF; /* light periwinkle / pale blue */
stroke-width: 6;
stroke-linecap: round;
stroke-linejoin: round;
}
</style>
</defs>
<!-- Six hand-drawn chevron arrows (each is a ">" shape), with slight variations -->
<path class="sketch" d="M 70 40 L 120 80 L 70 122" />
<path class="sketch" d="M 200 42 L 252 79 L 198 124" />
<path class="sketch" d="M 330 38 L 385 81 L 332 126" />
<path class="sketch" d="M 465 44 L 520 80 L 468 121" />
<path class="sketch" d="M 600 39 L 655 82 L 602 125" />
<path class="sketch" d="M 735 43 L 792 80 L 738 123" />
<!-- Add subtle "wobble" duplicates to enhance doodle/sketch feel -->
<g opacity="0.55">
<path class="sketch" d="M 68 42 L 118 81 L 69 120" />
<path class="sketch" d="M 202 40 L 250 81 L 200 126" />
<path class="sketch" d="M 328 41 L 387 79 L 334 124" />
<path class="sketch" d="M 467 41 L 518 82 L 470 123" />
<path class="sketch" d="M 598 41 L 657 80 L 604 123" />
<path class="sketch" d="M 737 41 L 790 82 L 740 121" />
</g>
</svg>