1
|
<svg class="main-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="640" height="480" style="" viewBox="0 0 640 480"><rect x="0" y="0" width="640" height="480" style="fill: rgb(255, 255, 255); fill-opacity: 1;"/><defs id="defs-"><g class="clips"><clipPath id="clipxyplot" class="plotclip"><rect width="582" height="351"/></clipPath><clipPath class="axesclip" id="clipx"><rect x="51" y="0" width="582" height="480"/></clipPath><clipPath class="axesclip" id="clipy"><rect x="0" y="26" width="640" height="351"/></clipPath><clipPath class="axesclip" id="clipxy"><rect x="51" y="26" width="582" height="351"/></clipPath></g><g class="gradients"/><g class="patterns"/></defs><g class="bglayer"><rect class="bg" x="51" y="26" width="582" height="351" style="fill: rgb(235, 235, 235); fill-opacity: 1; stroke-width: 0;"/></g><g class="layer-below"><g class="imagelayer"/><g class="shapelayer"/></g><g class="cartesianlayer"><g class="subplot xy"><g class="layer-subplot"><g class="shapelayer"/><g class="imagelayer"/></g><g class="gridlayer"><g class="x"><path class="xgrid crisp" transform="translate(342,0)" d="M0,26v351" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/></g><g class="y"><path class="ygrid crisp" transform="translate(0,361.05)" d="M51,0h582" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,281.27)" d="M51,0h582" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,201.5)" d="M51,0h582" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,121.73)" d="M51,0h582" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ygrid crisp" transform="translate(0,41.95)" d="M51,0h582" style="stroke: rgb(255, 255, 255); stroke-opacity: 1; stroke-width: 0.664176px;"/></g></g><g class="zerolinelayer"/><path class="xlines-below"/><path class="ylines-below"/><g class="overlines-below"/><g class="xaxislayer-below"/><g class="yaxislayer-below"/><g class="overaxes-below"/><g class="plot" transform="translate(51,26)" clip-path="url(#clipxyplot)"><g class="barlayer mlayer"><g class="trace bars" style="opacity: 1;"><g class="points"><g class="point"><path d="M72.75,335.05V15.95H509.25V335.05Z" style="vector-effect: non-scaling-stroke; opacity: 1; stroke-width: 1.88976px; fill: rgb(89, 89, 89); fill-opacity: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/></g></g></g></g></g><g class="overplot"/><path class="xlines-above crisp" d="" style="fill: none; stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/><path class="ylines-above crisp" d="" style="fill: none; stroke-width: 1px; stroke: rgb(0, 0, 0); stroke-opacity: 0;"/><g class="overlines-above"/><g class="xaxislayer-above"><path class="xtick ticks crisp" d="M0,378v3.65296803652968" transform="translate(342,0)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><g class="xtick"><text text-anchor="middle" x="0" y="395.6803652968037" transform="translate(342,0)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre; opacity: 1;"><tspan class="line" dy="0em" x="0" y="395.6803652968037">this</tspan><tspan class="line" dy="1.3em" x="0" y="395.6803652968037">is very</tspan><tspan class="line" dy="2.6em" x="0" y="395.6803652968037">loooooooooooong</tspan><tspan class="line" dy="3.9000000000000004em" x="0" y="395.6803652968037">text to</tspan><tspan class="line" dy="5.2em" x="0" y="395.6803652968037">illustrate</tspan></text></g></g><g class="yaxislayer-above"><path class="ytick ticks crisp" d="M50,0h-3.65296803652968" transform="translate(0,361.05)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M50,0h-3.65296803652968" transform="translate(0,281.27)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M50,0h-3.65296803652968" transform="translate(0,201.5)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M50,0h-3.65296803652968" transform="translate(0,121.73)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><path class="ytick ticks crisp" d="M50,0h-3.65296803652968" transform="translate(0,41.95)" style="stroke: rgb(51, 51, 51); stroke-opacity: 1; stroke-width: 0.664176px;"/><g class="ytick"><text text-anchor="end" x="44.00913242009132" y="4.09132420091325" transform="translate(0,361.05)" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre; opacity: 1;">0</text></g><g class="ytick"><text text-anchor="end" x="44.00913242009132" y="4.09132420091325" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre; opacity: 1;" transform="translate(0,281.27)">25</text></g><g class="ytick"><text text-anchor="end" x="44.00913242009132" y="4.09132420091325" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre; opacity: 1;" transform="translate(0,201.5)">50</text></g><g class="ytick"><text text-anchor="end" x="44.00913242009132" y="4.09132420091325" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre; opacity: 1;" transform="translate(0,121.73)">75</text></g><g class="ytick"><text text-anchor="end" x="44.00913242009132" y="4.09132420091325" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 11.6895px; fill: rgb(77, 77, 77); fill-opacity: 1; white-space: pre; opacity: 1;" transform="translate(0,41.95)">100</text></g></g><g class="overaxes-above"/></g></g><g class="polarlayer"/><g class="smithlayer"/><g class="ternarylayer"/><g class="geolayer"/><g class="funnelarealayer"/><g class="pielayer"/><g class="iciclelayer"/><g class="treemaplayer"/><g class="sunburstlayer"/><g class="glimages"/><defs id="topdefs-"><g class="clips"/></defs><g class="layer-above"><g class="imagelayer"/><g class="shapelayer"><path data-index="0" fill-rule="evenodd" d="M51,377H633V26H51Z" style="opacity: 1; stroke: rgb(0, 0, 0); stroke-opacity: 0; fill: rgb(0, 0, 0); fill-opacity: 0; stroke-width: 0px;"/></g></g><g class="infolayer"><g class="g-gtitle"/><g class="g-xtitle" transform="translate(0,44.63313356164389)"><text class="xtitle" x="342" y="430.8356164383561" text-anchor="middle" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14.61px; fill: rgb(0, 0, 0); opacity: 1; font-weight: normal; white-space: pre;">x</text></g><g class="g-ytitle" transform="translate(3.2236328125,0)"><text class="ytitle" transform="rotate(-90,11.776255707762601,201.5)" x="11.776255707762601" y="201.5" text-anchor="middle" style="font-family: 'Open Sans', verdana, arial, sans-serif; font-size: 14.61px; fill: rgb(0, 0, 0); opacity: 1; font-weight: normal; white-space: pre;">y</text></g></g></svg>
|