Skip to content

Instantly share code, notes, and snippets.

@paul-hammant

paul-hammant/svgdemo.html

Created December 17, 2017 12:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save paul-hammant/c2a3729ae0f2fb71e7fd804f23c21243 to your computer and use it in GitHub Desktop.
Save paul-hammant/c2a3729ae0f2fb71e7fd804f23c21243 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
svgdemo.html
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="139 -165 728 472" width="728pt" height="472pt" xmlns:dc="http://purl.org/dc/elements/1.1/">
<metadata> Produced by OmniGraffle 7.5
<dc:date>2017-12-17 12:55:15 +0000</dc:date>
</metadata>
<defs>
<font-face font-family="Helvetica Neue" font-size="16" panose-1="2 0 5 3 0 0 0 2 0 4" units-per-em="1000" underline-position="-100" underline-thickness="50" slope="0" x-height="517" cap-height="714" ascent="951.9958" descent="-212.99744" font-weight="500">
<font-face-src>
<font-face-name name="HelveticaNeue"/>
</font-face-src>
</font-face>
<marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker" viewBox="-1 -4 10 8" markerWidth="10" markerHeight="8" color="#aaa">
<g>
<path d="M 8 0 L 0 -3 L 0 3 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/>
</g>
</marker>
<marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker_2" viewBox="-1 -4 10 8" markerWidth="10" markerHeight="8" color="#aaa">
<g>
<path d="M 8 0 L 0 -3 L 0 3 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/>
</g>
</marker>
</defs>
<g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1">
<title>merkel tree move</title>
<g>
<title>Layer 1</title>
<rect x="140" y="30.41212" width="25" height="19.587879" fill="#ff4040"/>
<rect x="140" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="177" y="30.41212" width="25" height="19.587879" fill="#ff4040"/>
<rect x="177" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="214" y="30.41212" width="25" height="19.587879" fill="#ff4040"/>
<rect x="214" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="251" y="30.41212" width="25" height="19.587879" fill="#ff4040"/>
<rect x="251" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="288" y="30.41212" width="25" height="19.587879" fill="#ff4040"/>
<rect x="288" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="325" y="30.41212" width="25" height="19.587879" fill="#ff4040"/>
<rect x="325" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="362" y="30.41212" width="25" height="19.587879" fill="#ff4040"/>
<rect x="362" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="399" y="30.41212" width="25" height="19.587879" fill="#ff4040"/>
<rect x="399" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="473" y="30.41212" width="25" height="19.587879" fill="#c0ffff"/>
<rect x="473" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="510" y="30.41212" width="25" height="19.587879" fill="#c0ffff"/>
<rect x="510" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="547" y="30.41212" width="25" height="19.587879" fill="#c0ffff"/>
<rect x="547" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="621" y="30.41212" width="25" height="19.587879" fill="#c0ffff"/>
<rect x="621" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="658" y="30.41212" width="25" height="19.587879" fill="#c0ffff"/>
<rect x="658" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="695" y="30.41212" width="25" height="19.587879" fill="#c0ffff"/>
<rect x="695" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="732" y="30.41212" width="25" height="19.587879" fill="#c0ffff"/>
<rect x="732" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="769" y="30.41212" width="25" height="19.587879" fill="#c0ffff"/>
<rect x="769" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="269.928" y="-60.79394" width="25" height="19.587879" fill="#bffdfd"/>
<rect x="269.928" y="-60.79394" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="510.22816" y="-60.79394" width="25" height="19.587879" fill="#c0ffff"/>
<rect x="510.22816" y="-60.79394" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="695" y="-60.79394" width="25" height="19.587879" fill="#c0ffff"/>
<rect x="695" y="-60.79394" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="153" y1="2.8666667" x2="411.85597" y2="2.8666667" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="485.39806" y1="2.8666667" x2="560.05825" y2="2.8666667" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="633" y1="2.8666667" x2="781.9709" y2="2.8666667" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="152.5" y1="30.41212" x2="152.5" y2="3.478788" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="189.5" y1="30.41212" x2="189.5" y2="2.8666667" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="226.5" y1="30.41212" x2="226.5" y2="3.3966057" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="263.5" y1="30.41212" x2="263.5" y2="3.4368957" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="300.5" y1="30.41212" x2="300.5" y2="4.17908" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="337.5" y1="30.41212" x2="337.5" y2="4.2166713" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="374.5" y1="30.41212" x2="374.5" y2="3.800277" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="411.5" y1="30.41212" x2="411.5" y2="3.528531" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="485.5" y1="30.41212" x2="485.5" y2="3.4534744" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="522.5" y1="30.41212" x2="522.5" y2="3.1238288" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="559.5" y1="30.41212" x2="559.5" y2="2.8666667" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="633.5" y1="30.41212" x2="633.5" y2="3.241192" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="670.5" y1="30.41212" x2="670.5" y2="2.8666667" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="707.5" y1="30.41212" x2="707.5" y2="3.662795" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="744.5" y1="30.41212" x2="744.5" y2="3.7915805" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="781.5" y1="30.41212" x2="781.5" y2="3.618233" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="282.428" y1="-41.20606" x2="282.428" y2="3.2708977" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke-dasharray="4,4"/>
<line x1="523.2264" y1="-41.61029" x2="523.2264" y2="2.8666667" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="707" y1="-40.99817" x2="707" y2="3.478788" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="511.2264" y="-152" width="25" height="19.587879" fill="#c0ffff"/>
<rect x="511.2264" y="-152" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="523.0604" y1="-87.93516" x2="707" y2="-87.93516" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path d="M 281.928 -60.84464 L 281.928 -87.81964 L 522.62006 -87.81964" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="523.2774" y1="-60.38971" x2="523.2774" y2="-87.678" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="707" y1="-59.77759" x2="707" y2="-87.32304" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="523.0604" y1="-132.41212" x2="523.0604" y2="-87.93516" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<text transform="translate(145.80427 282.0956)" fill="black">
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="0" y="15" textLength="9.184">T</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="7.408" y="15" textLength="307.568">ypical operations on a centralized Merkle tr</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="314.688" y="15" textLength="17.184">ee</tspan>
</text>
<rect x="343.5" y="123.61818" width="25" height="19.587879" fill="#40ff40"/>
<rect x="343.5" y="123.61818" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="380.5" y="123.61818" width="25" height="19.587879" fill="#40ff40"/>
<rect x="380.5" y="123.61818" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="417.5" y="123.61818" width="25" height="19.587879" fill="#40ff40"/>
<rect x="417.5" y="123.61818" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="454.5" y="123.61818" width="25" height="19.587879" fill="#40ff40"/>
<rect x="454.5" y="123.61818" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="491.5" y="123.61818" width="25" height="19.587879" fill="#40ff40"/>
<rect x="491.5" y="123.61818" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="528.5" y="123.61818" width="25" height="19.587879" fill="#40ff40"/>
<rect x="528.5" y="123.61818" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="565.5" y="123.61818" width="25" height="19.587879" fill="#40ff40"/>
<rect x="565.5" y="123.61818" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="602.5" y="123.61818" width="25" height="19.587879" fill="#40ff40"/>
<rect x="602.5" y="123.61818" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="356.5" y1="96.07273" x2="615.356" y2="96.07273" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="356" y1="123.61818" x2="356" y2="96.68485" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="393" y1="123.61818" x2="393" y2="96.07273" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="430" y1="123.61818" x2="430" y2="96.60267" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="467" y1="123.61818" x2="467" y2="96.64296" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="504" y1="123.61818" x2="504" y2="97.38514" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="541" y1="123.61818" x2="541" y2="97.42273" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="578" y1="123.61818" x2="578" y2="97.00634" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="615" y1="123.61818" x2="615" y2="96.73459" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="485.928" y1="52" x2="485.928" y2="96.47696" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="805" y="30.41212" width="25" height="19.587879" fill="#40ff40"/>
<rect x="805" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="669" y1="2.8666667" x2="817.9709" y2="2.8666667" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="817.5" y1="30.41212" x2="817.5" y2="3.618233" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="841" y="30.41212" width="25" height="19.587879" fill="#40ff40"/>
<rect x="841" y="30.41212" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="705" y1="2.8666667" x2="853.9709" y2="2.8666667" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="853.5" y1="30.41212" x2="853.5" y2="3.618233" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="528.5" y="215.16787" width="25" height="19.587879" fill="#40ff40"/>
<rect x="528.5" y="215.16787" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="565.5" y="215.16787" width="25" height="19.587879" fill="#40ff40"/>
<rect x="565.5" y="215.16787" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="602.5" y="215.16787" width="25" height="19.587879" fill="#40ff40"/>
<rect x="602.5" y="215.16787" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="540.89806" y1="187.62241" x2="615.55825" y2="187.62241" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="541" y1="215.16787" x2="541" y2="188.20922" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="578" y1="215.16787" x2="578" y2="187.87957" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="615" y1="215.16787" x2="615" y2="187.62241" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="578.7264" y1="143.14545" x2="578.7264" y2="187.62241" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="322.5" y="214.33968" width="25" height="19.587879" fill="#40ff40"/>
<rect x="322.5" y="214.33968" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<rect x="359.5" y="214.33968" width="25" height="19.587879" fill="#40ff40"/>
<rect x="359.5" y="214.33968" width="25" height="19.587879" stroke="gray" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="334.89806" y1="186.79423" x2="372" y2="187.05139" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="335" y1="214.33968" x2="335" y2="187.38103" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="372" y1="214.33968" x2="372" y2="187.05139" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="356.7264" y1="142.31727" x2="356.7264" y2="186.79423" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="430.05825" y1="63.10206" x2="463.03" y2="78.50073" marker-end="url(#FilledArrow_Marker)" stroke="#aaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="392.05825" y1="63.10206" x2="425.03" y2="78.50073" marker-end="url(#FilledArrow_Marker)" stroke="#aaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="352.05825" y1="63.10206" x2="385.03" y2="78.50073" marker-end="url(#FilledArrow_Marker)" stroke="#aaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="309.05825" y1="63.10206" x2="342.03002" y2="78.50073" marker-end="url(#FilledArrow_Marker)" stroke="#aaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="271.1165" y1="63.10206" x2="304.08827" y2="78.50073" marker-end="url(#FilledArrow_Marker)" stroke="#aaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="235" y1="63.10206" x2="267.97177" y2="78.50073" marker-end="url(#FilledArrow_Marker)" stroke="#aaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="196" y1="63.10206" x2="228.97177" y2="78.50073" marker-end="url(#FilledArrow_Marker)" stroke="#aaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="159.52913" y1="63.10206" x2="192.5009" y2="78.50073" marker-end="url(#FilledArrow_Marker)" stroke="#aaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<text transform="translate(221.47087 87.34873)" fill="black">
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x=".268" y="15" textLength="68.464">is moving</tspan>
</text>
<text transform="translate(427.04545 203.328)" fill="black">
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="0" y="15" textLength="71.44">added, in </tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="0" y="33.448" textLength="62.24">addition </tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="0" y="51.895996" textLength="85.072">to the move</tspan>
</text>
<text transform="translate(814.0309 108.07563)" fill="black">
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="0" y="15" textLength="45.648">added</tspan>
</text>
<line x1="833.5601" y1="99.32896" x2="833.5601" y2="79.22896" marker-end="url(#FilledArrow_Marker_2)" stroke="#aaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="494.28467" y1="234.35152" x2="509.41305" y2="233.2036" marker-end="url(#FilledArrow_Marker_2)" stroke="#aaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line x1="417.3105" y1="234.27273" x2="401.9327" y2="233.1655" marker-end="url(#FilledArrow_Marker_2)" stroke="#aaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<text transform="translate(296.5 -35.22217)" fill="black">
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x=".232" y="15" textLength="155.536">(will look like a delete)</tspan>
</text>
<text transform="translate(577 -164.27003)" fill="black">
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x=".388" y="15" textLength="32.896">addr</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="32.996" y="15" textLength="34.368">ess r</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="67.076" y="15" textLength="121.536">emains the same</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="5.588" y="33.448" textLength="177.824">even if the hash changes</tspan>
</text>
<line x1="572" y1="-142.72684" x2="556.8952" y2="-142.25697" marker-end="url(#FilledArrow_Marker_2)" stroke="#aaa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<text transform="translate(674 140.62172)" fill="black">
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="5.356" y="15" textLength="176.288">aaaaaaaaaaaa aaaaaaaa</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="3.364" y="33.448" textLength="180.272">bbbbbbbbbbbbbbbbbbb</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="2.676" y="51.895996" textLength="181.648">cc cc cc cc cc cc cc cc c</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x=".396" y="70.34399" textLength="186.208">dd dd dd dd dd dd dd</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="8.588" y="88.79199" textLength="169.824">ee ee ee ee ee ee</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="7.812" y="107.23999" textLength="9.232">ff</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="17.044" y="107.23999" textLength="27.024"> ff</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="44.068" y="107.23999" textLength="27.024"> ff</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="71.092" y="107.23999" textLength="27.024"> ff</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="98.116" y="107.23999" textLength="27.024"> ff</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="125.14" y="107.23999" textLength="27.024"> ff</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="152.164" y="107.23999" textLength="27.024"> ff</tspan>
<tspan font-family="Helvetica Neue" font-size="16" font-weight="500" x="16.732" y="125.68799" textLength="153.536">gg gg gg gg</tspan>
</text>
</g>
</g>
</svg>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment