Showing: full SVG
Concept Groups
leftmost periwinkle arrow: 2 8 10
second periwinkle arrow from left: 0 1 5
fifth periwinkle arrow from left: 3 4 6 7 9 11
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
second periwinkle ar |
0.350
|
0.155 0.166 0.153 |
| 1 | path |
second periwinkle ar |
0.342
|
0.159 0.165 0.160 |
| 2 | path |
leftmost periwinkle |
0.345
|
0.180 0.167 0.174 |
| 3 | path |
fifth periwinkle arr |
0.336
|
0.166 0.166 0.168 |
| 4 | path |
fifth periwinkle arr |
0.340
|
0.171 0.165 0.173 |
| 5 | path |
second periwinkle ar |
0.357
|
0.149 0.167 0.152 |
| 6 | path |
fifth periwinkle arr |
0.482
|
0.004 0.000 0.004 |
| 7 | path |
fifth periwinkle arr |
0.489
|
0.003 0.000 0.003 |
| 8 | path |
leftmost periwinkle |
0.457
|
0.004 0.001 0.004 |
| 9 | path |
fifth periwinkle arr |
0.462
|
0.004 0.001 0.004 |
| 10 | path |
leftmost periwinkle |
0.424
|
0.004 0.002 0.004 |
| 11 | path |
fifth periwinkle arr |
0.471
|
0.003 0.001 0.003 |
SVG Code
<svg width="600" height="200" xmlns="http://www.w3.org/2000/svg">
<style>
.arrow {
fill: none;
stroke: #B0C4DE; /* light periwinkle */
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
}
</style>
<!-- Arrow 1 -->
<path class="arrow" d="M20 80 L50 100 L20 120" transform="translate(0,0)" />
<!-- Arrow 2 -->
<path class="arrow" d="M100 70 L130 90 L100 110" transform="translate(0,0)" />
<!-- Arrow 3 -->
<path class="arrow" d="M180 60 L210 80 L180 100" transform="translate(0,0)" />
<!-- Arrow 4 -->
<path class="arrow" d="M260 75 L290 95 L260 115" transform="translate(0,0)" />
<!-- Arrow 5 -->
<path class="arrow" d="M340 85 L370 105 L340 125" transform="translate(0,0)" />
<!-- Arrow 6 -->
<path class="arrow" d="M420 70 L450 90 L420 110" transform="translate(0,0)" />
<!-- Adding slight variations to simulate hand-drawn look -->
<path class="arrow" d="M50 100 L52 102 L54 100" opacity="0.3" />
<path class="arrow" d="M130 90 L132 92 L134 90" opacity="0.3" />
<path class="arrow" d="M210 80 L212 82 L214 80" opacity="0.3" />
<path class="arrow" d="M290 95 L292 97 L294 95" opacity="0.3" />
<path class="arrow" d="M370 105 L372 107 L374 105" opacity="0.3" />
<path class="arrow" d="M450 90 L452 92 L454 90" opacity="0.3" />
</svg>