examples/readme/hexagons.svg

<svg height="166.27687" width="144" xmlns="http://www.w3.org/2000/svg">
<rect fill="rgb(209,206,160)" height="100%" width="100%" x="0" y="0"/>
<polyline fill="#222" fill-opacity="0.08352941" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(-24, -20.784609)"/>
<polyline fill="#222" fill-opacity="0.08352941" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(120, -20.784609)"/>
<polyline fill="#222" fill-opacity="0.08352941" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(-24, 145.49226)"/>
<polyline fill="#222" fill-opacity="0.08352941" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(120, 228.63069)"/>
<polyline fill="#222" fill-opacity="0.08666667" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(12, 0)"/>
<polyline fill="#222" fill-opacity="0.08666667" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(12, 166.27687)"/>
<polyline fill="#222" fill-opacity="0.04431373" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(48, -20.784609)"/>
<polyline fill="#222" fill-opacity="0.04431373" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(48, 145.49226)"/>
<polyline fill="#222" fill-opacity="0.21843138" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(84, 0)"/>
<polyline fill="#222" fill-opacity="0.21843138" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(84, 166.27687)"/>
<polyline fill="#222" fill-opacity="0.03333333" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(-24, 20.784609)"/>
<polyline fill="#222" fill-opacity="0.03333333" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(120, 20.784609)"/>
<polyline fill="#ddd" fill-opacity="0.14235294" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(12, 41.56922)"/>
<polyline fill="#222" fill-opacity="0.18392156" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(48, 20.784609)"/>
<polyline fill="#ddd" fill-opacity="0.18156862" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(84, 41.56922)"/>
<polyline fill="#ddd" fill-opacity="0.1454902" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(-24, 62.35383)"/>
<polyline fill="#ddd" fill-opacity="0.1454902" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(120, 62.35383)"/>
<polyline fill="#222" fill-opacity="0.047450982" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(12, 83.138435)"/>
<polyline fill="#222" fill-opacity="0.21529411" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(48, 62.35383)"/>
<polyline fill="#222" fill-opacity="0.1462745" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(84, 83.138435)"/>
<polyline fill="#ddd" fill-opacity="0.06392157" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(-24, 103.92305)"/>
<polyline fill="#ddd" fill-opacity="0.06392157" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(120, 103.92305)"/>
<polyline fill="#ddd" fill-opacity="0.13294119" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(12, 124.70766)"/>
<polyline fill="#ddd" fill-opacity="0.20666668" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(48, 103.92305)"/>
<polyline fill="#222" fill-opacity="0.020784313" points="0,20.78461,12,0,36,0,48,20.78461,36,41.56922,12,41.56922,0,20.78461" stroke="#000" stroke-opacity="0.02" transform="translate(84, 124.70766)"/>
</svg>