Showing: full SVG
Concept Groups
leftmost light green bar with arrowhead:
middle light green bar: 1
rightmost light green bar: 2
arrowhead extending from bottom of left bar: 0 3 4
top edge of leftmost bar:
bottom edge of leftmost bar:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
arrowhead extending |
0.417
|
0.227 0.000 0.000 0.447 0.210 0.188 |
| 1 | rect |
middle light green b |
0.226
|
0.340 0.450 0.000 0.362 0.415 0.424 |
| 2 | rect |
rightmost light gree |
0.346
|
0.420 0.550 1.000 0.175 0.365 0.379 |
| 3 | polygon |
arrowhead extending |
0.321
|
0.009 0.000 0.000 0.009 0.006 0.005 |
| 4 | polygon |
arrowhead extending |
0.356
|
0.004 0.000 0.000 0.007 0.004 0.004 |
SVG Code
<svg width="200" height="150" viewBox="0 0 200 150" xmlns="http://www.w3.org/2000/svg">
<!-- Define colors -->
<defs>
<style type="text/css">
.bar { fill: #a8c99c; }
.arrow { fill: #a8c99c; }
</style>
</defs>
<!-- Bar Chart Bars -->
<!-- First (shortest) bar -->
<rect class="bar" x="30" y="60" width="20" height="70" rx="2" ry="2"/>
<!-- Second (medium) bar -->
<rect class="bar" x="70" y="40" width="20" height="90" rx="2" ry="2"/>
<!-- Third (tallest) bar -->
<rect class="bar" x="110" y="20" width="20" height="110" rx="2" ry="2"/>
<!-- Upward Arrow -->
<!-- Arrow shaft -->
<polygon class="arrow" points="20,130 40,110 45,115 30,130"/>
<!-- Arrowhead -->
<polygon class="arrow" points="40,110 50,100 55,105 45,115"/>
</svg>