panzoom
Version:
Extensible, mobile friendly pan and zoom framework (supports DOM and SVG).
444 lines (439 loc) • 104 kB
HTML
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='content-type' content='text/html; charset=utf-8' />
<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'>
<meta http-equiv='X-UA-Compatible' content='IE=edge' >
<META NAME='Description' content='Pan and zoom svg elements demo '>
<meta name='keywords' content='svg, pan, zoom' />
<meta name='author' content='Andrei Kashcha'>
<meta name='title' content='SVG panzoom demo' />
<title>SVG panzoom demo</title>
<style type="text/css" media="screen">
body, html {
position: fixed;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
svg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.header, .footer{
position: absolute;
padding: 10px;
margin: 0;
background: rgba(255, 255, 255, 0.4);
}
.header {
color: rgba(0, 0, 0, 0.82);
}
a {
color: #FF4081;
text-decoration: none;
}
.footer {
bottom: 10px;
color: rgba(0, 0, 0, 0.52);
}
</style>
<script src='../dist/panzoom.js' query='#scene' name='pz' pz-bounds='true' pz-autocenter='true'></script>
</head>
<body>
<svg width="922.9967651367188" height="769.8626708984375" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<style>/*
<![CDATA[ */
path {
stroke: #9F977F;
}
path#outline {
stroke: #858588;
fill: #F8F4E7;
}
text {
fill: #110502;
}
/* ]]>*/</style>
<g>
<g id="scene">
<path id="outline" d="m13.58194,323.13001l-1.05681,4.39305l-0.2928,3.29233l-0.43774,3.27621l0.50974,3.28206l1.15694,3.11339l0.56609,3.44891l0.19051,3.48986l-4.30105,1.1548l0.1426,4.4511l-1.9362,2.53367l-2.66337,1.75349l-2.66415,1.99523l-0.85182,3.21761l-1.94388,4.57078l0.41775,4.94937l4.81291,-3.80272l4.82876,3.78257l-0.60575,3.18024l-2.59651,1.93365l3.57618,3.34676l-4.11057,2.66329l2.47336,1.64009l1.87421,2.30103l3.44323,0.48502l1.02043,3.32413l-0.81505,6.77374l-6.28463,-2.65543l-1.91182,3.73044l-3.24152,2.65776l1.66503,4.11588l4.00682,1.91262l4.11126,0.84076l3.61247,2.13529l0.99086,4.26841l-3.27801,2.9079l4.06924,0.89192l1.89248,3.71116l-0.00641,3.64842l3.04637,2.00767l-0.12793,3.20941l-0.31227,3.19674l3.06634,0.81098l3.15622,0.31366l1.43823,3.8537l4.05082,-0.71439l3.80525,-1.23947l2.72085,2.93482l-0.35231,4.12241l3.77892,1.68469l3.71676,2.09061l-2.07933,3.72308l-0.93311,3.23551l1.99949,2.70949l-1.95673,3.07563l1.49982,3.32247l1.96261,2.53921l1.77518,2.6736l3.01652,1.82456l3.47798,0.57622l-0.00886,3.59917l1.88575,3.06562l2.60456,3.73303l0.60786,4.51108l2.59771,0.50782l1.89868,6.54378l5.14255,-2.16383l5.45811,-1.15635l1.26289,3.24798l3.48246,-0.12925l-1.43939,2.83166l1.40938,2.84672l4.39796,0.31623l4.28928,1.02178l1.11786,-4.41182l2.95604,2.15285l5.4054,0.27296l-0.50325,3.86742l0.81383,3.81417l0.84293,3.14138l1.0419,3.08111l3.56249,-1.6897l2.85757,2.71675l2.72925,-0.75315l2.12825,-1.86724l2.76304,-0.84449l1.80064,-2.25948l2.77255,1.7413l2.76271,-1.75687l2.84468,0.00039l2.54055,1.27974l0.46417,2.99224l-1.22453,2.76938l0.06795,3.32826l2.87063,1.68563l1.29969,1.97261l-0.34774,2.33653l-1.44686,2.94327l3.06707,1.16159l1.14451,1.95265l1.90137,1.2278l-0.72268,3.39245l1.36021,2.91711l0.75738,3.47662l2.99189,1.55617l3.36242,-0.25921l1.4668,4.50054l2.14295,1.71483l-1.73858,3.00141l3.60722,2.86764l5.17971,-1.00733l2.82183,-4.06147l1.72672,6.73631l6.5,-10.99477l4.39013,-0.24711l3.52007,2.63503l3.68157,0.10963l-0.63864,2.92058l4.18075,0.98129l-0.49408,-8.20079l1.53107,-0.9253l-0.25774,-3.27317l1.36548,-0.34083l1.01922,-3.63996l1.33092,0.18766l0.76844,1.10276l1.0045,-0.71732l1.08283,-0.59247l3.28103,4.17585l5.07344,1.5694l-2.35447,9.86212l1.3917,-4.87986l2.4665,0.87615l1.76591,-6.16172l0.67696,0.07764l2.93775,4.68252l0.506,-4.12255l2.91463,-0.18296l1.62803,-0.6493l-0.16215,-1.68154l2.59959,0.85263l2.27073,-0.75586l1.53568,1.83554l4.95781,-0.55524l0.66987,4.94362l3.47766,-3.30571l0.84267,3.83258l2.21237,-2.44848l1.95777,2.63245l3.00166,2.90069l3.03361,2.66177l3.8102,1.33048l1.05955,7.85195l2.026,-4.27085l0.90517,-0.39401l3.78023,-4.0078l5.37696,-1.61317l5.55817,0.78782l1.5953,4.97888l3.97129,3.40045l2.59876,4.35591l1.39873,4.87557l3.38173,-2.51033l3.408,-2.47454l5.3205,-1.44863l2.31525,5.00458l3.71124,-1.12852l3.83079,0.60979l2.88052,-2.45856l3.16016,-2.08693l4.99751,3.93431l3.00496,-5.60572l3.77482,1.80771l4.18496,0.05643l0.53896,4.37195l3.63076,2.4944l1.58413,4.06456l4.02216,1.68893l0.68149,3.92683l1.08133,3.83604l2.70157,2.95298l3.25811,2.32451l4.08907,-0.23253l4.08753,-0.25809l3.22303,2.53625l2.94011,2.85942l4.78766,-1.86089l2.76842,4.32671l4.17498,-0.29035l3.18161,-2.71886l4.48826,0.20348l4.48391,-0.28369l1.46337,4.25274l2.04718,4.00453l3.11825,-2.99183l3.80177,2.05451l3.6481,1.42694l3.30183,-2.10779l3.98903,-2.44159l1.31194,-4.48916l3.71736,2.48441l4.4223,0.65906l2.41423,-3.12878l3.86216,-0.83756l3.66145,0.61678l3.68289,0.4721l3.59302,-0.72633l2.9497,-2.17637l3.61257,-0.54332l3.53517,0.92109l4.51476,2.25159l4.23148,2.74725l5.18077,-0.07012l4.64376,2.29802l-0.82923,5.73696l4.58763,3.54316l2.38684,4.42216l3.1169,3.94176l4.44178,3.24567l-0.94132,5.42012l5.04082,2.96572l-1.45433,5.66483l4.9139,2.56836l1.12179,5.42996l-1.17946,4.92298l0.26514,5.05534l4.59921,2.66501l5.11848,-1.43394l5.00063,-2.06252l4.7838,2.52497l5.04668,-0.84981l4.8955,-1.4917l3.78496,-3.44868l3.24849,-3.9581l3.07181,-4.64669l4.39934,-3.41668l5.39476,1.88696l5.57881,-1.24137l2.43289,-4.48521l3.70579,-3.50757l-0.11631,-5.35417l3.32224,-4.20041l4.04924,1.7353l-0.09348,4.40441l2.92327,2.47602l0.96292,3.70796l0.37362,3.72195l1.33409,3.49467l1.39288,3.52117l2.6769,2.67824l1.79452,3.19663l1.81433,3.18542l-0.11674,3.84585l2.13054,3.2039l0.98682,4.58128l4.56654,1.05295l0.38865,3.96681l3.17763,1.88808l-3.76951,2.05353l11.36975,-5.57931l4.17729,-0.93513l4.42982,1.36386l2.57278,3.85542l4.47127,-0.70399l4.20953,1.66366l3.48832,2.59666l0.72202,4.28832l1.18116,4.10602l3.47512,2.48557l4.05093,0.84987l3.3009,2.49729l0.31399,1.65985l-3.26871,1.36929l-3.41385,0.95139l0.99176,4.34766l-4.02998,1.90918l-0.74654,3.61303l1.6935,3.2777l3.66665,2.18194l1.75731,1.12641l4.61598,0.42108l-1.55301,3.3375l3.13057,1.93655l0.39906,3.41333l-1.23171,1.50456l-4.38149,1.72672l1.65439,6.63594l1.38262,-1.44644l3.13155,1.88279l-1.54303,2.42825l0.76781,2.483l-0.93282,1.97266l1.08065,1.89571l-0.94202,2.92478l-1.97271,2.22971l-1.92584,2.75783l0.84466,3.32116l0.69143,3.35641l3.27146,-1.01774l3.25403,-1.07215l-1.17032,6.03428l6.09091,0.82642l-1.12665,4.1944l-2.91861,3.21623l2.98945,2.13235l2.13954,2.98431l3.96384,0.15445l2.53184,3.05379l-0.55168,-4.97555l-0.84649,-4.1364l5.35709,1.96501l1.13744,-5.72572l2.21409,-4.42239l5.18955,-5.30118l0.10441,5.29293l4.99389,3.4276l3.62068,-0.67295l-2.61677,-4.09542l-0.45826,0.13701l-1.00185,-2.47824l4.75146,-1.25213l0.23066,1.30042l5.54622,6.29169l2.36562,2.62124l2.42377,-2.56756l0.69154,-6.05306l2.83148,2.80815l0.93315,4.54807l1.50327,-9.17294l2.94999,-2.46502l-1.13023,-7.92114l7.94202,0.97269l5.21134,1.56407l1.7582,-3.68241l2.61627,0.44693l5.9124,-3.89497l9.16106,0.83791l6.12661,-2.57764l1.58347,-6.4554l2.2612,-5.49129l2.10625,-5.55256l4.34099,0.92278l2.94282,-3.32199l3.13115,4.88166l4.44916,-3.72016l-2.07044,-5.11994l1.48289,-2.35177l-3.22583,-1.12112l-3.06903,-4.63995l2.15861,-4.34328l4.12241,1.57118l3.38205,-1.24727l-0.16972,-1.67219l2.19697,-1.30844l4.51422,1.99516l4.56789,4.96448l3.82862,5.56914l6.467,1.96253l5.15286,5.76203l7.23557,-2.72018l4.61658,-6.5254l7.98335,-0.39964l6.5712,-3.28572l7.33843,-0.35247l3.46222,-6.57639l3.15484,-6.72926l-1.54565,-7.30845l-0.01014,-7.4701l4.60618,-1.7789l3.87789,-3.05671l2.97238,-4.29718l5.07811,-1.23022l3.6719,-3.28025l2.96978,-3.92725l3.28522,-3.80033l4.59793,-2.0234l3.74836,-3.78775l5.07797,-1.61595l2.89135,-4.31239l3.55616,-3.7829l4.44231,-3.74852l-0.5179,-5.78941l-2.51056,-5.38306l3.36396,-4.89531l-1.90794,-5.98615l-0.20868,-6.2794l6.98886,-0.41171l3.72118,-5.93013l-4.04644,-4.1791l-0.47352,-5.79779l1.05195,-5.40479l2.14449,-5.07144l-6.25589,-0.75136l-2.63536,-5.72326l-4.89645,-2.53069l-4.51484,-3.16163l2.33377,-5.8926l-3.90254,-4.99394l1.05349,-5.56875l4.49119,-0.09714l7.95218,-1.76549l3.40844,-6.43542l3.30434,-6.48948l2.86773,-5.44356l2.52008,-5.61297l-1.53094,-5.96541l-2.16644,-5.7651l3.61394,-5.51007l3.20392,-5.75816l-5.58346,-3.56077l-4.71007,-4.65504l-1.37654,-5.00207l-0.94956,-5.10039l4.33309,-2.406l1.50203,-0.85004l-0.57586,-2.38622l4.16933,-0.7494l0.90587,6.40085l3.13306,-1.60072l3.36401,-1.03044l-0.56154,-3.50504l0.56447,-3.50458l1.65706,-2.97079l-0.49743,-3.36512l3.2477,1.02323l3.19136,-1.18732l0.88785,-3.97644l-4.07434,0.00999l-2.98181,0.08412l-1.43039,-2.61767l6.06313,-2.64761l1.00083,-6.53985l5.70044,-1.11088l5.50037,-1.86412l1.81002,-6.19261l-3.49698,-5.42177l3.34015,-4.82678l3.10702,-4.98005l-5.29767,-3.07098l-3.1698,-5.23913l-4.44524,-5.22067l-6.73939,1.2634l-1.44387,-5.84452l1.79327,-5.74693l-2.62144,-5.63775l1.85662,-5.93372l-4.72908,-2.9554l-5.57461,0.14925l-0.445,-6.3164l-5.91387,-2.26296l2.79186,-4.75159l-1.50549,-5.30148l-6.01959,-4.71305l5.40834,-5.40353l-2.55905,-6.43655l5.25053,-4.51773l-6.30296,-0.86198l-2.89839,-5.66301l-1.54245,-5.0114l3.03625,-4.27488l0.63193,-4.86802l3.202,-3.72077l-5.91367,-1.32974l-5.8935,-1.41645l-3.22048,-5.2217l-4.66197,-3.98796l1.67075,-6.21135l-3.94509,-5.08022l-3.9795,-5.14003l1.95611,-6.1992l-2.47847,-5.69828l0.48287,-6.19517l1.608,-5.83731l0.52868,-6.03161l6.49072,-1.6841l6.70538,-0.05916l2.21731,-6.37768l4.21196,-5.27738l-2.28914,-4.56456l-3.26251,-3.92829l-3.54309,-5.54088l-6.11321,2.42557l-4.75724,-2.11476l-2.72855,-4.4338l-4.92342,-0.70807l-4.88879,-0.91714l-0.06241,-5.44579l1.37617,-5.26941l-5.56883,-1.79672l-2.62847,-5.22794l-4.95993,-3.38009l1.99262,-5.66175l4.12959,-6.6274l-7.46707,-2.28445l0.88264,-3.4513l-3.49457,-0.69178l-2.07308,1.32067l-1.81499,1.6576l-3.1345,-0.57713l1.13181,-1.5945l-2.11114,-2.06636l-6.04231,-1.61826l1.49595,-11.14105l-5.3984,4.51435l-0.73274,-3.24458l0.1166,6.26016l-1.27125,3.35289l-2.08384,-0.55889l-0.2103,-1.84219l-3.24388,-0.71103l-6.07598,2.73978l0.77381,-6.39116l-3.32851,9.56763l-2.69652,2.98294l-4.13038,2.54638l-4.5926,0.69258l-4.59744,-0.65964l-4.42852,-1.58715l-4.07005,-2.35916l-4.71636,-1.97435l-4.65261,2.12024l-4.30002,-4.44512l-6.0932,1.05936l-5.35364,2.28911l-2.59872,5.21039l-3.00229,4.25181l-5.11642,0.95598l-2.00026,4.42979l-3.03164,3.7991l-3.18535,-4.0102l0.35561,-5.10898l-5.20835,-0.80881l-2.71663,-4.51674l-1.94429,-4.52953l-2.34396,-4.33621l-3.89369,-4.21086l-5.55397,1.4302l-4.3888,-2.51751l-2.35285,-4.47922l5.30631,-4.90749l-5.39637,-4.80828l2.68909,-4.30443l-0.71876,-5.02422l-0.44003,-5.07575l-3.68144,-3.5219l-2.15261,-3.95002l-4.17357,-1.6786l-5.22096,-0.39679l-1.2288,-5.08979l4.41845,-3.67788l-3.2068,-4.77137l3.38902,-3.20892l-0.09651,-4.66619l-3.3359,-1.96812l-3.56984,-1.50264l-2.59073,-3.18603l0.03003,-4.10631l-5.48935,1.11701l-0.39991,-5.58756l-0.49604,-3.83302l-2.55037,-2.90409l-3.24846,-4.0129l2.20432,-4.6687l0.30175,-4.59472l-2.49539,-3.86982l-3.71007,6.07973l-5.21037,-4.85589l-4.37563,-1.15916l-4.04096,-2.03974l-3.27319,-1.64843l-2.23668,-2.90317l-4.24396,0.72089l-2.27211,-3.65629l-3.15893,-1.80488l-2.80517,-2.31678l-2.32473,-2.83499l-1.38013,-3.39659l-4.40196,-6.97076l-1.53795,-5.95339l-2.45913,-1.44676l-1.60096,-6.63093l-3.4123,11.2569l0.76676,2.88443l-3.51785,2.35496l-3.83661,4.50555l-0.68088,8.94525l-0.70522,6.72304l-4.54705,-0.09653l-1.93503,-1.25773l-6.90583,-5.70355l-2.23739,2.41714l-6.61079,-1.02762l11.61119,5.47223l4.81586,3.57973l0.44362,0.66314l-1.63293,2.84256l-5.55793,-0.02649l-4.49645,3.26699l3.19966,4.91599l5.83968,0.55043l-0.40339,2.49388l-2.47217,0.52011l-0.39662,2.0563l-0.8136,1.92971l0.03229,4.4958l-4.50525,-2.167l5.95723,6.70501l0.08982,2.57995l-2.55326,-0.38093l-0.38941,3.79586l0.77729,2.1915l-2.78545,1.06133l-2.96142,0.85657l3.00968,4.3567l-4.34504,-0.18223l-3.20655,2.93778l12.40321,-4.04418l-0.39963,6.53025l0.61026,6.51393l-1.55298,7.46007l-2.41762,7.2263l-7.65503,0.58187l-7.53165,-1.4874l-8.08492,0.54674l-5.28515,-6.14265l-6.48136,3.93099l-3.16201,6.88929l-0.35621,7.86373l3.16201,7.20879l-6.68014,3.96614l-5.05704,5.89754l-6.88299,0.34351l-5.79052,3.73678l-6.56639,1.20721l-6.67353,0.19679l-6.93538,-1.1265l-6.74134,1.98061l-3.47261,6.00563l-1.44385,6.78541l-6.88112,1.71442l-6.42202,-3.00776l-1.00623,7.43969l-6.62324,3.5347l-5.57372,-4.43862l-6.62449,2.6237l-6.25731,0.54939l-5.59717,2.85088l-5.37782,5.01782l-7.22631,-1.37112l-0.65362,7.04525l-5.36337,4.61487l-6.56018,-1.011l-6.62546,0.40176l-5.72517,-3.31808l-5.18646,-4.10949l-6.7884,-1.63207l-4.21449,-5.56635l-6.62975,0.80363l-6.49795,-1.54141l-6.7165,-0.82365l-6.73684,0.63634l-6.04154,5.60048l-7.2956,-3.82622l-3.03758,6.75283l-7.12725,2.00745l-3.80254,5.83654l-6.2757,3.02324l-7.6768,0.48399l-4.71761,6.07549l-6.10163,3.65998l-6.97528,1.40389l-4.59346,6.67982l3.41949,7.3503l-4.33397,6.03556l0.21414,7.42734l-6.95076,-1.35692l-6.3447,-3.14629l-6.73108,2.43882l-5.26456,4.85177l-2.75308,7.74676l-2.94698,7.67509l-7.71951,-3.84197l-8.52425,1.29946l-1.20914,-2.91313l-3.1391,-0.30718l-2.02473,-0.22665l-1.62703,-3.76612l-2.70953,1.39105l-2.39449,-3.15478l-3.06241,-2.51156l-3.18613,3.48956l-4.50224,-1.43464l-0.64766,-3.96678l-1.72973,-3.62807l-7.05849,-10.99808l-1.44151,-12.98854l-1.89344,6.56898l-0.31305,0.25017l1.59769,6.46447l-3.51125,5.67174l3.48511,3.12992l-7.86506,1.90134l-1.5906,-0.03445l-1.19702,1.04803l-1.43451,0.93071l-1.52726,-0.76912l-1.14753,2.08436l-2.23239,0.82331l-1.77887,-1.50269l-0.65033,-2.23595l-1.85385,-0.66979l-1.43732,1.34889l-1.28713,-1.23565l-1.77872,-0.14039l-1.80092,0.50973l-0.38106,1.83247l-2.36565,-0.2515l-0.02628,2.37884l-3.19486,1.15571l-2.76849,1.96932l0.55164,4.47746l-4.38583,1.05665l-3.36433,-0.24085l-3.3532,-0.36434l-3.30276,-1.12309l-2.31472,-2.60992l-1.53067,3.94714l-3.85637,-1.74682l-2.99713,0.91359l-2.80128,-1.40366l-2.81982,0.39658l-2.84668,0.07121l-3.18711,2.77821l-2.46019,-3.43855l-1.58819,4.44815l-3.40979,3.26829l-4.05615,2.33784l0.47816,3.38906l-5.11299,-2.72857l4.98519,8.52266l-0.56841,5.22642l-3.80858,3.62399l-5.29906,0.00795l-4.32949,3.05542l-2.44756,-4.42088l-2.25828,-4.5205l-3.36553,-2.01764l-3.83091,-0.84954l-3.17678,-2.53781l-4.05966,-0.22686l-3.69829,0.59955l-2.74531,2.54951l-3.58934,-0.21286l-3.58187,0.31427l-3.75212,0.60481l-3.79314,-0.23715l-2.47246,3.2751l-1.57878,-4.14338l1.00094,-1.38363l-2.61365,-2.74666l1.5438,13.62206l-5.59184,-0.22701l-4.23493,-0.81425l-3.39755,2.65599l-3.19113,2.9287l0.1912,4.32713l-3.1428,1.33696l-3.34795,0.67522l-3.78025,1.55073l-0.01537,4.08593l-1.40626,3.5583l-3.82304,0.15325l-4.40043,-1.0256"/>
<g id="lines">
<path id="svg_1" fill="transparent" stroke-width="6" d="m563.97178,339.26642l0,10"/>
<path id="svg_2" fill="transparent" stroke-width="2" d="m563.97178,339.26642l10,0"/>
<path id="svg_3" fill="transparent" stroke-width="6" d="m573.97178,329.26642l0,10"/>
<path id="svg_4" fill="transparent" stroke-width="6" d="m553.97178,279.26642l10,0"/>
<path id="svg_5" fill="transparent" stroke-width="4" d="m593.97178,289.26642l0,10"/>
<path id="svg_6" fill="transparent" stroke-width="2" d="m593.97178,259.26642l0,10"/>
<path id="svg_7" fill="transparent" stroke-width="4" d="m563.97178,269.26642l0,10"/>
<path id="svg_8" fill="transparent" stroke-width="4" d="m423.97178,309.26642l10,0"/>
<path id="svg_9" fill="transparent" stroke-width="4" d="m433.97178,309.26642l10,0"/>
<path id="svg_10" fill="transparent" stroke-width="4" d="m443.97178,309.26642l10,0"/>
<path id="svg_11" fill="transparent" stroke-width="4" d="m493.97178,309.26642l10,0"/>
<path id="svg_12" fill="transparent" stroke-width="4" d="m503.97178,299.26642l0,10"/>
<path id="svg_13" fill="transparent" stroke-width="4" d="m543.97178,299.26642l10,0"/>
<path id="svg_14" fill="transparent" stroke-width="6" d="m553.97178,289.26642l0,10"/>
<path id="svg_15" fill="transparent" stroke-width="6" d="m553.97178,279.26642l0,10"/>
<path id="svg_16" fill="transparent" stroke-width="2" d="m573.97178,359.26642l10,0"/>
<path id="svg_17" fill="transparent" stroke-width="4" d="m573.97178,349.26642l0,10"/>
<path id="svg_18" fill="transparent" stroke-width="2" d="m573.97178,339.26642l0,10"/>
<path id="svg_19" fill="transparent" d="m543.97178,299.26642l0,10"/>
<path id="svg_20" fill="transparent" stroke-width="6" d="m763.97178,339.26642l10,0"/>
<path id="svg_21" fill="transparent" stroke-width="6" d="m753.97178,339.26642l10,0"/>
<path id="svg_22" fill="transparent" stroke-width="4" d="m753.97178,269.26642l0,10"/>
<path id="svg_23" fill="transparent" stroke-width="2" d="m743.97178,269.26642l10,0"/>
<path id="svg_24" fill="transparent" stroke-width="8" d="m713.97178,299.26642l10,0"/>
<path id="svg_25" fill="transparent" stroke-width="8" d="m723.97178,299.26642l10,0"/>
<path id="svg_26" fill="transparent" stroke-width="8" d="m733.97178,299.26642l10,0"/>
<path id="svg_27" fill="transparent" stroke-width="8" d="m743.97178,299.26642l10,0"/>
<path id="svg_29" fill="transparent" stroke-width="2" d="m763.97178,259.26642l0,10"/>
<path id="svg_30" fill="transparent" stroke-width="4" d="m753.97178,269.26642l10,0"/>
<path id="svg_31" fill="transparent" d="m743.97178,279.26642l0,10"/>
<path id="svg_32" fill="transparent" d="m743.97178,269.26642l0,10"/>
<path id="svg_33" fill="transparent" stroke-width="4" d="m773.97178,339.26642l0,10"/>
<path id="svg_35" fill="transparent" d="m563.97178,89.26642l10,0"/>
<path id="svg_36" fill="transparent" stroke-width="2" d="m763.97178,269.26642l10,0"/>
<path id="svg_37" fill="transparent" stroke-width="2" d="m773.97178,269.26642l10,0"/>
<path id="svg_38" fill="transparent" stroke-width="2" d="m743.97178,469.26642l10,0"/>
<path id="svg_39" fill="transparent" d="m753.97178,469.26642l10,0"/>
<path id="svg_40" fill="transparent" stroke-width="2" d="m763.97178,469.26642l10,0"/>
<path id="svg_41" fill="transparent" d="m783.97178,459.26642l10,0"/>
<path id="svg_42" fill="transparent" stroke-width="2" d="m793.97178,399.26642l0,10"/>
<path id="svg_43" fill="transparent" d="m783.97178,269.26642l10,0"/>
<path id="svg_44" fill="transparent" stroke-width="2" d="m763.97178,259.26642l10,0"/>
<path id="svg_45" fill="transparent" d="m773.97178,259.26642l0,10"/>
<path id="svg_46" fill="transparent" d="m743.97178,279.26642l10,0"/>
<path id="svg_47" fill="transparent" d="m363.97178,509.26642l10,0"/>
<path id="svg_48" fill="transparent" stroke-width="2" d="m373.97178,509.26642l10,0"/>
<path id="svg_49" fill="transparent" stroke-width="4" d="m393.97178,499.26642l10,0"/>
<path id="svg_50" fill="transparent" stroke-width="4" d="m423.97178,499.26642l10,0"/>
<path id="svg_51" fill="transparent" stroke-width="2" d="m433.97178,489.26642l0,10"/>
<path id="svg_52" fill="transparent" stroke-width="4" d="m443.97178,479.26642l10,0"/>
<path id="svg_53" fill="transparent" stroke-width="6" d="m473.97178,459.26642l0,10"/>
<path id="svg_54" fill="transparent" stroke-width="6" d="m513.97178,389.26642l0,10"/>
<path id="svg_55" fill="transparent" stroke-width="4" d="m513.97178,379.26642l0,10"/>
<path id="svg_56" fill="transparent" stroke-width="4" d="m563.97178,359.26642l10,0"/>
<path id="svg_57" fill="transparent" d="m153.97178,519.26642l10,0"/>
<path id="svg_58" fill="transparent" d="m203.97178,269.26642l0,10"/>
<path id="svg_59" fill="transparent" d="m203.97178,279.26642l0,10"/>
<path id="svg_60" fill="transparent" d="m163.97178,289.26642l10,0"/>
<path id="svg_61" fill="transparent" stroke-width="4" d="m193.97178,309.26642l10,0"/>
<path id="svg_62" fill="transparent" stroke-width="2" d="m213.97178,309.26642l10,0"/>
<path id="svg_63" fill="transparent" stroke-width="2" d="m183.97178,309.26642l10,0"/>
<path id="svg_64" fill="transparent" stroke-width="4" d="m563.97178,259.26642l0,10"/>
<path id="svg_65" fill="transparent" stroke-width="4" d="m563.97178,329.26642l0,10"/>
<path id="svg_66" fill="transparent" stroke-width="4" d="m553.97178,299.26642l0,10"/>
<path id="svg_68" fill="transparent" d="m563.97178,349.26642l10,0"/>
<path id="svg_69" fill="transparent" d="m363.97178,249.26642l0,10"/>
<path id="svg_70" fill="transparent" stroke-width="4" d="m383.97178,259.26642l10,0"/>
<path id="svg_71" fill="transparent" d="m563.97178,109.26642l10,0"/>
<path id="svg_72" fill="transparent" d="m603.97178,209.26642l0,10"/>
<path id="svg_73" fill="transparent" d="m603.97178,209.26642l10,0"/>
<path id="svg_74" fill="transparent" d="m613.97178,189.26642l10,0"/>
<path id="svg_75" fill="transparent" stroke-width="2" d="m183.97178,509.26642l0,10"/>
<path id="svg_76" fill="transparent" stroke-width="2" d="m683.97178,649.26642l0,10"/>
<path id="svg_77" fill="transparent" d="m683.97178,659.26642l0,10"/>
<path id="svg_78" fill="transparent" d="m683.97178,669.26642l0,10"/>
<path id="svg_79" fill="transparent" d="m653.97178,679.26642l10,0"/>
<path id="svg_80" fill="transparent" stroke-width="2" d="m643.97178,639.26642l10,0"/>
<path id="svg_81" fill="transparent" stroke-width="4" d="m173.97178,369.26642l0,10"/>
<path id="svg_82" fill="transparent" d="m163.97178,369.26642l10,0"/>
<path id="svg_83" fill="transparent" stroke-width="2" d="m183.97178,379.26642l10,0"/>
<path id="svg_84" fill="transparent" stroke-width="2" d="m173.97178,379.26642l10,0"/>
<path id="svg_86" fill="transparent" stroke-width="2" d="m83.97178,429.26642l0,10"/>
<path id="svg_87" fill="transparent" stroke-width="2" d="m83.97178,439.26642l10,0"/>
<path id="svg_88" fill="transparent" d="m163.97178,369.26642l0,10"/>
<path id="svg_89" fill="transparent" d="m683.97178,679.26642l10,0"/>
<path id="svg_90" fill="transparent" d="m693.97178,679.26642l10,0"/>
<path id="svg_91" fill="transparent" d="m693.97178,669.26642l0,10"/>
<path id="svg_92" fill="transparent" d="m703.97178,669.26642l0,10"/>
<path id="svg_94" fill="transparent" stroke-width="2" d="m163.97178,379.26642l10,0"/>
<path id="svg_95" fill="transparent" stroke-width="2" d="m763.97178,339.26642l0,10"/>
<path id="svg_96" fill="transparent" d="m693.97178,669.26642l10,0"/>
<path id="svg_97" fill="transparent" stroke-width="2" d="m653.97178,639.26642l10,0"/>
<path id="svg_98" fill="transparent" stroke-width="2" d="m203.97178,309.26642l10,0"/>
<path id="svg_99" fill="transparent" stroke-width="2" d="m333.97178,279.26642l0,10"/>
<path id="svg_100" fill="transparent" stroke-width="2" d="m743.97178,289.26642l0,10"/>
<path id="svg_101" fill="transparent" stroke-width="4" d="m183.97178,339.26642l10,0"/>
<path id="svg_102" fill="transparent" d="m763.97178,349.26642l10,0"/>
<path id="svg_103" fill="transparent" stroke-width="2" d="m783.97178,429.26642l10,0"/>
<path id="svg_104" fill="transparent" d="m593.97178,639.26642l0,10"/>
<path id="svg_105" fill="transparent" stroke-width="2" d="m593.97178,619.26642l0,10"/>
<path id="svg_106" fill="transparent" stroke-width="2" d="m593.97178,629.26642l0,10"/>
<path id="svg_107" fill="transparent" d="m763.97178,479.26642l0,10"/>
<path id="svg_108" fill="transparent" d="m763.97178,469.26642l0,10"/>
<path id="svg_110" fill="transparent" d="m773.97178,469.26642l0,10"/>
<path id="svg_111" fill="transparent" d="m763.97178,479.26642l10,0"/>
<path id="svg_112" fill="transparent" d="m783.97178,409.26642l10,0"/>
<path id="svg_113" fill="transparent" stroke-width="2" d="m443.97178,509.26642l10,0"/>
<path id="svg_114" fill="transparent" d="m423.97178,489.26642l0,10"/>
<path id="svg_115" fill="transparent" d="m493.97178,299.26642l10,0"/>
<path id="svg_116" fill="transparent" stroke-width="4" d="m563.97178,349.26642l0,10"/>
<path id="svg_117" fill="transparent" d="m453.97178,309.26642l0,10"/>
<path id="svg_118" fill="transparent" d="m453.97178,319.26642l0,10"/>
<path id="svg_119" fill="transparent" d="m423.97178,489.26642l10,0"/>
<path id="svg_121" fill="transparent" stroke-width="2" d="m503.97178,389.26642l10,0"/>
<path id="svg_122" fill="transparent" d="m203.97178,509.26642l0,10"/>
<path id="svg_123" fill="transparent" d="m363.97178,509.26642l0,10"/>
<path id="svg_124" fill="transparent" d="m783.97178,229.26642l10,0"/>
<path id="svg_125" fill="transparent" stroke-width="2" d="m763.97178,209.26642l10,0"/>
<path id="svg_126" fill="transparent" d="m643.97178,289.26642l0,10"/>
<path id="svg_128" fill="transparent" d="m463.97178,469.26642l10,0"/>
<path id="svg_129" fill="transparent" d="m843.97178,449.26642l0,10"/>
<path id="svg_130" fill="transparent" stroke-width="2" d="m773.97178,229.26642l0,10"/>
<path id="svg_131" fill="transparent" d="m183.97178,379.26642l0,10"/>
<path id="svg_133" fill="transparent" d="m213.97178,379.26642l0,10"/>
<path id="svg_135" fill="transparent" stroke-width="2" d="m133.97178,449.26642l0,10"/>
<path id="svg_136" fill="transparent" stroke-width="2" d="m133.97178,439.26642l0,10"/>
<path id="svg_137" fill="transparent" d="m843.97178,459.26642l0,10"/>
<path id="svg_138" fill="transparent" stroke-width="2" d="m593.97178,269.26642l10,0"/>
<path id="svg_139" fill="transparent" d="m613.97178,269.26642l10,0"/>
<path id="svg_140" fill="transparent" stroke-width="2" d="m603.97178,269.26642l10,0"/>
<path id="svg_142" fill="transparent" d="m563.97178,329.26642l10,0"/>
<path id="svg_143" fill="transparent" d="m773.97178,229.26642l10,0"/>
<path id="svg_144" fill="transparent" d="m563.97178,249.26642l0,10"/>
<path id="svg_146" fill="transparent" d="m583.97178,349.26642l0,10"/>
<path id="svg_147" fill="transparent" d="m493.97178,299.26642l0,10"/>
<path id="svg_148" fill="transparent" d="m323.97178,289.26642l10,0"/>
<path id="svg_149" fill="transparent" d="m763.97178,229.26642l10,0"/>
<path id="svg_150" fill="transparent" d="m423.97178,319.26642l10,0"/>
<path id="svg_151" fill="transparent" d="m433.97178,309.26642l0,10"/>
<path id="svg_152" fill="transparent" d="m443.97178,319.26642l0,10"/>
<path id="svg_153" fill="transparent" d="m443.97178,309.26642l0,10"/>
<path id="svg_158" fill="transparent" d="m73.97178,429.26642l10,0"/>
<path id="svg_159" fill="transparent" stroke-width="2" d="m73.97178,459.26642l10,0"/>
<path id="svg_160" fill="transparent" d="m163.97178,519.26642l0,10"/>
<path id="svg_161" fill="transparent" d="m153.97178,519.26642l0,10"/>
<path id="svg_162" fill="transparent" d="m183.97178,389.26642l0,10"/>
<path id="svg_163" fill="transparent" d="m163.97178,399.26642l10,0"/>
<path id="svg_164" fill="transparent" d="m173.97178,399.26642l10,0"/>
<path id="svg_165" fill="transparent" d="m213.97178,389.26642l10,0"/>
<path id="svg_166" fill="transparent" d="m383.97178,249.26642l0,10"/>
<path id="svg_167" fill="transparent" d="m543.97178,309.26642l10,0"/>
<path id="svg_168" fill="transparent" d="m613.97178,269.26642l0,10"/>
<path id="svg_169" fill="transparent" d="m423.97178,309.26642l0,10"/>
<path id="svg_170" fill="transparent" d="m443.97178,319.26642l10,0"/>
<path id="svg_171" fill="transparent" d="m433.97178,319.26642l10,0"/>
<path id="svg_172" fill="transparent" d="m443.97178,329.26642l10,0"/>
<path id="svg_174" fill="transparent" d="m73.97178,419.26642l0,10"/>
<path id="svg_175" fill="transparent" d="m83.97178,459.26642l10,0"/>
<path id="svg_176" fill="transparent" d="m153.97178,529.26642l10,0"/>
<path id="svg_177" fill="transparent" stroke-width="6" d="m573.97178,329.26642l20,-30"/>
<path id="svg_178" fill="transparent" stroke-width="8" d="m593.97178,299.26642l50,0"/>
<path id="svg_179" fill="transparent" stroke-width="2" d="m563.97178,279.26642l30,10"/>
<path id="svg_180" fill="transparent" d="m593.97178,289.26642l0,-20"/>
<path id="svg_181" fill="transparent" stroke-width="2" d="m593.97178,239.26642l0,20"/>
<path id="svg_182" fill="transparent" stroke-width="4" d="m593.97178,259.26642l-30,0"/>
<path id="svg_183" fill="transparent" d="m383.97178,249.26642l10,10"/>
<path id="svg_184" fill="transparent" stroke-width="4" d="m393.97178,259.26642l0,20"/>
<path id="svg_185" fill="transparent" stroke-width="4" d="m393.97178,279.26642l10,10"/>
<path id="svg_186" fill="transparent" stroke-width="4" d="m403.97178,289.26642l20,20"/>
<path id="svg_187" fill="transparent" stroke-width="4" d="m453.97178,309.26642l40,0"/>
<path id="svg_188" fill="transparent" stroke-width="4" d="m503.97178,299.26642l40,0"/>
<path id="svg_189" fill="transparent" stroke-width="2" d="m613.97178,359.26642l-30,0"/>
<path id="svg_190" fill="transparent" stroke-width="8" d="m753.97178,339.26642l0,-20"/>
<path id="svg_191" fill="transparent" stroke-width="6" d="m753.97178,319.26642l0,-20"/>
<path id="svg_192" fill="transparent" stroke-width="4" d="m753.97178,299.26642l0,-20"/>
<path id="svg_193" fill="transparent" stroke-width="8" d="m713.97178,299.26642l-30,0"/>
<path id="svg_194" fill="transparent" stroke-width="2" d="m733.97178,299.26642l0,20"/>
<path id="svg_195" fill="transparent" d="m733.97178,319.26642l20,0"/>
<path id="svg_196" fill="transparent" stroke-width="4" d="m793.97178,399.26642l-10,-30"/>
<path id="svg_197" fill="transparent" stroke-width="4" d="m783.97178,369.26642l-10,-20"/>
<path id="svg_198" fill="transparent" stroke-width="8" d="m643.97178,299.26642l20,0"/>
<path id="svg_199" fill="transparent" stroke-width="8" d="m663.97178,299.26642l20,0"/>
<path id="svg_200" fill="transparent" d="m593.97178,79.26642l-20,10"/>
<path id="svg_201" fill="transparent" d="m573.97178,89.26642l0,20"/>
<path id="svg_202" fill="transparent" stroke-width="2" d="m603.97178,169.26642l0,-20"/>
<path id="svg_203" fill="transparent" d="m603.97178,149.26642l-20,-20"/>
<path id="svg_204" fill="transparent" d="m583.97178,129.26642l-10,-20"/>
<path id="svg_205" fill="transparent" d="m753.97178,469.26642l10,10"/>
<path id="svg_206" fill="transparent" stroke-width="2" d="m773.97178,469.26642l10,-10"/>
<path id="svg_207" fill="transparent" d="m793.97178,459.26642l0,-30"/>
<path id="svg_208" fill="transparent" stroke-width="2" d="m793.97178,429.26642l0,-20"/>
<path id="svg_209" fill="transparent" d="m823.97178,249.26642l-30,20"/>
<path id="svg_210" fill="transparent" d="m793.97178,269.26642l10,20"/>
<path id="svg_211" fill="transparent" stroke-width="2" d="m773.97178,259.26642l0,-20"/>
<path id="svg_212" fill="transparent" stroke-width="2" d="m373.97178,509.26642l-10,10"/>
<path id="svg_213" fill="transparent" stroke-width="2" d="m383.97178,509.26642l10,-10"/>
<path id="svg_215" fill="transparent" stroke-width="4" d="m403.97178,499.26642l20,0"/>
<path id="svg_216" fill="transparent" d="m433.97178,499.26642l10,10"/>
<path id="svg_217" fill="transparent" stroke-width="4" d="m433.97178,489.26642l10,-10"/>
<path id="svg_218" fill="transparent" stroke-width="6" d="m453.97178,479.26642l20,-10"/>
<path id="svg_219" fill="transparent" stroke-width="6" d="m473.97178,459.26642l10,-20"/>
<path id="svg_220" fill="transparent" stroke-width="6" d="m483.97178,439.26642l10,-10"/>
<path id="svg_221" fill="transparent" stroke-width="6" d="m493.97178,429.26642l20,-10"/>
<path id="svg_222" fill="transparent" stroke-width="6" d="m513.97178,419.26642l0,-20"/>
<path id="svg_223" fill="transparent" stroke-width="2" d="m513.97178,399.26642l-30,-10"/>
<path id="svg_224" fill="transparent" stroke-width="4" d="m513.97178,379.26642l20,-20"/>
<path id="svg_225" fill="transparent" stroke-width="4" d="m533.97178,359.26642l30,0"/>
<path id="svg_226" fill="transparent" d="m153.97178,519.26642l0,-40"/>
<path id="svg_227" fill="transparent" d="m163.97178,519.26642l20,0"/>
<path id="svg_228" fill="transparent" stroke-width="2" d="m183.97178,519.26642l20,0"/>
<path id="svg_229" fill="transparent" stroke-width="2" d="m203.97178,519.26642l140,0"/>
<path id="svg_230" fill="transparent" stroke-width="2" d="m343.97178,519.26642l20,0"/>
<path id="svg_231" fill="transparent" d="m203.97178,279.26642l10,30"/>
<path id="svg_232" fill="transparent" d="m203.97178,289.26642l-30,0"/>
<path id="svg_233" fill="transparent" d="m173.97178,289.26642l10,20"/>
<path id="svg_234" fill="transparent" stroke-width="2" d="m213.97178,379.26642l-20,0"/>
<path id="svg_235" fill="transparent" d="m193.97178,379.26642l0,-40"/>
<path id="svg_236" fill="transparent" stroke-width="4" d="m193.97178,339.26642l0,-30"/>
<path id="svg_237" fill="transparent" d="m203.97178,309.26642l0,-20"/>
<path id="svg_238" fill="transparent" stroke-width="2" d="m223.97178,309.26642l110,-20"/>
<path id="svg_239" fill="transparent" stroke-width="2" d="m613.97178,189.26642l0,20"/>
<path id="svg_240" fill="transparent" stroke-width="2" d="m613.97178,189.26642l-10,-20"/>
<path id="svg_241" fill="transparent" stroke-width="2" d="m613.97178,209.26642l-10,10"/>
<path id="svg_242" fill="transparent" stroke-width="2" d="m603.97178,219.26642l-10,20"/>
<path id="svg_243" fill="transparent" stroke-width="4" d="m563.97178,329.26642l-10,-20"/>
<path id="svg_244" fill="transparent" d="m363.97178,249.26642l20,0"/>
<path id="svg_245" fill="transparent" stroke-width="4" d="m363.97178,259.26642l20,0"/>
<path id="svg_246" fill="transparent" stroke-width="2" d="m153.97178,479.26642l20,0"/>
<path id="svg_247" fill="transparent" d="m153.97178,479.26642l-60,0"/>
<path id="svg_248" fill="transparent" stroke-width="2" d="m173.97178,479.26642l10,30"/>
<path id="svg_249" fill="transparent" d="m183.97178,509.26642l20,0"/>
<path id="svg_250" fill="transparent" stroke-width="2" d="m153.97178,439.26642l0,20"/>
<path id="svg_251" fill="transparent" stroke-width="2" d="m153.97178,439.26642l10,-40"/>
<path id="svg_252" fill="transparent" stroke-width="2" d="m153.97178,459.26642l0,20"/>
<path id="svg_253" fill="transparent" stroke-width="2" d="m133.97178,459.26642l20,0"/>
<path id="svg_254" fill="transparent" stroke-width="2" d="m93.97178,479.26642l0,-20"/>
<path id="svg_255" fill="transparent" stroke-width="2" d="m653.97178,719.26642l20,-20"/>
<path id="svg_256" fill="transparent" stroke-width="2" d="m653.97178,719.26642l0,-40"/>
<path id="svg_257" fill="transparent" stroke-width="2" d="m673.97178,699.26642l10,-20"/>
<path id="svg_258" fill="transparent" stroke-width="2" d="m633.97178,719.26642l20,0"/>
<path id="svg_259" fill="transparent" d="m633.97178,719.26642l-20,0"/>
<path id="svg_260" fill="transparent" d="m683.97178,649.26642l-20,-10"/>
<path id="svg_261" fill="transparent" d="m683.97178,659.26642l10,10"/>
<path id="svg_262" fill="transparent" d="m683.97178,679.26642l-20,0"/>
<path id="svg_263" fill="transparent" d="m653.97178,679.26642l0,-40"/>
<path id="svg_264" fill="transparent" d="m663.97178,679.26642l10,20"/>
<path id="svg_265" fill="transparent" stroke-width="2" d="m633.97178,739.26642l0,-20"/>
<path id="svg_266" fill="transparent" stroke-width="2" d="m643.97178,639.26642l-20,-20"/>
<path id="svg_267" fill="transparent" stroke-width="2" d="m183.97178,389.26642l-10,-10"/>
<path id="svg_268" fill="transparent" stroke-width="4" d="m173.97178,369.26642l0,-20"/>
<path id="svg_269" fill="transparent" stroke-width="4" d="m183.97178,339.26642l-10,10"/>
<path id="svg_270" fill="transparent" stroke-width="2" d="m33.97178,379.26642l10,20"/>
<path id="svg_271" fill="transparent" stroke-width="2" d="m43.97178,399.26642l30,0"/>
<path id="svg_272" fill="transparent" d="m73.97178,399.26642l0,20"/>
<path id="svg_273" fill="transparent" stroke-width="2" d="m73.97178,419.26642l10,10"/>
<path id="svg_274" fill="transparent" d="m83.97178,439.26642l0,20"/>
<path id="svg_275" fill="transparent" stroke-width="4" d="m93.97178,439.26642l20,0"/>
<path id="svg_276" fill="transparent" stroke-width="4" d="m113.97178,439.26642l20,0"/>
<path id="svg_277" fill="transparent" stroke-width="4" d="m133.97178,439.26642l20,0"/>
<path id="svg_278" fill="transparent" stroke-width="2" d="m163.97178,399.26642l0,-20"/>
<path id="svg_279" fill="transparent" d="m703.97178,679.26642l20,10"/>
<path id="svg_280" fill="transparent" d="m23.97178,349.26642l10,10"/>
<path id="svg_281" fill="transparent" d="m33.97178,359.26642l0,20"/>
<path id="svg_282" fill="transparent" d="m43.97178,349.26642l-10,10"/>
<path id="svg_283" fill="transparent" stroke-width="2" d="m483.97178,389.26642l0,-20"/>
<path id="svg_284" fill="transparent" d="m43.97178,429.26642l0,-30"/>
<path id="svg_285" fill="transparent" stroke-width="4" d="m333.97178,279.26642l0,-20"/>
<path id="svg_286" fill="transparent" stroke-width="4" d="m333.97178,259.26642l30,0"/>
<path id="svg_287" fill="transparent" d="m223.97178,389.26642l-10,-10"/>
<path id="svg_288" fill="transparent" stroke-width="2" d="m623.97178,619.26642l-30,0"/>
<path id="svg_289" fill="transparent" stroke-width="2" d="m593.97178,619.26642l-40,-20"/>
<path id="svg_290" fill="transparent" stroke-width="2" d="m553.97178,599.26642l0,-20"/>
<path id="svg_291" fill="transparent" stroke-width="2" d="m553.97178,579.26642l0,-20"/>
<path id="svg_292" fill="transparent" stroke-width="2" d="m553.97178,559.26642l-90,-30"/>
<path id="svg_293" fill="transparent" stroke-width="2" d="m463.97178,529.26642l-10,-20"/>
<path id="svg_294" fill="transparent" stroke-width="2" d="m453.97178,509.26642l0,-30"/>
<path id="svg_295" fill="transparent" stroke-width="2" d="m763.97178,429.26642l20,0"/>
<path id="svg_296" fill="transparent" d="m783.97178,429.26642l0,-20"/>
<path id="svg_297" fill="transparent" d="m593.97178,639.26642l-20,0"/>
<path id="svg_298" fill="transparent" d="m573.97178,639.26642l-30,10"/>
<path id="svg_299" fill="transparent" d="m773.97178,479.26642l10,30"/>
<path id="svg_300" fill="transparent" d="m453.97178,329.26642l30,40"/>
<path id="svg_301" fill="transparent" d="m503.97178,389.26642l-20,0"/>
<path id="svg_302" fill="transparent" d="m793.97178,229.26642l10,-20"/>
<path id="svg_303" fill="transparent" d="m803.97178,209.26642l-30,0"/>
<path id="svg_304" fill="transparent" d="m763.97178,209.26642l0,20"/>
<path id="svg_305" fill="transparent" d="m773.97178,209.26642l0,20"/>
<path id="svg_306" fill="transparent" d="m773.97178,239.26642l20,-10"/>
<path id="svg_307" fill="transparent" d="m603.97178,269.26642l10,10"/>
<path id="svg_308" fill="transparent" d="m613.97178,279.26642l30,10"/>
<path id="svg_309" fill="transparent" d="m783.97178,509.26642l20,0"/>
<path id="svg_310" fill="transparent" d="m823.97178,489.26642l-20,20"/>
<path id="svg_311" fill="transparent" d="m843.97178,459.26642l-50,0"/>
<path id="svg_312" fill="transparent" d="m203.97178,409.26642l10,-20"/>
<path id="svg_313" fill="transparent" d="m843.97178,469.26642l-20,20"/>
<path id="svg_314" fill="transparent" d="m743.97178,229.26642l20,0"/>
<path id="svg_315" fill="transparent" d="m323.97178,249.26642l10,10"/>
<path id="svg_316" fill="transparent" d="m403.97178,329.26642l20,-10"/>
<path id="svg_317" fill="transparent" d="m73.97178,429.26642l-30,0"/>
<path id="svg_318" fill="transparent" d="m93.97178,459.26642l0,-20"/>
<path id="svg_320" fill="transparent" d="m183.97178,399.26642l20,10"/>
</g>
<g id="nodes">
<a xlink:href="https://www.amazon.com/Introduction-Algorithms-3rd-MIT-Press/dp/0262033844?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0262033844" id="262033844">
<image id="svg_321" x="554.56567" y="365.26642" xlink:href="https://images-na.ssl-images-amazon.com/images/I/41-1VkO%2B1lL._SL160_.jpg" height="42" width="30.45"/>
</a>
<a xlink:href="https://www.amazon.com/Operating-System-Concepts-Abraham-Silberschatz/dp/1118063333?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=1118063333" id="1118063333">
<image id="svg_322" x="605.81321" y="305.2615" xlink:href="https://images-na.ssl-images-amazon.com/images/I/51Qy2upM%2BaL._SL160_.jpg" height="28" width="18.375"/>
</a>
<a xlink:href="https://www.amazon.com/Introduction-Theory-Computation-Michael-Sipser/dp/113318779X?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=113318779X" id="113318779X">
<image id="svg_323" x="516.39685" y="305.26642" xlink:href="https://images-na.ssl-images-amazon.com/images/I/41apNYvN%2B0L._SL160_.jpg" height="29" width="18.85"/>
</a>
<a xlink:href="https://www.amazon.com/Concepts-Programming-Languages-Robert-Sebesta/dp/013394302X?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=013394302X" id="013394302X">
<image id="svg_324" x="575.63287" y="203.06007" xlink:href="https://images-na.ssl-images-amazon.com/images/I/51B6bC3PBoL._SL160_.jpg" height="24" width="19.35"/>
</a>
<a xlink:href="https://www.amazon.com/Introduction-Formal-Languages-Automata/dp/1284077241?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=1284077241" id="1284077241">
<image id="svg_325" x="545.2843" y="255.85817" xlink:href="https://images-na.ssl-images-amazon.com/images/I/61eYzA-AQoL._SL160_.jpg" height="14" width="11.375"/>
</a>
<a xlink:href="https://www.amazon.com/Software-Engineering-10th-Ian-Sommerville/dp/0133943038?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0133943038" id="133943038">
<image id="svg_326" x="572.04218" y="231.26642" xlink:href="https://images-na.ssl-images-amazon.com/images/I/61GMYPmO%2BrL._SL160_.jpg" height="22" width="17.7375"/>
</a>
<a xlink:href="https://www.amazon.com/Understanding-UNIX-LINUX-Programming-Practice/dp/0130083968?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0130083968" id="130083968">
<image id="svg_327" x="392.3494" y="242.62463" xlink:href="https://images-na.ssl-images-amazon.com/images/I/51R70G8NJDL._SL160_.jpg" height="13" width="9.83125"/>
</a>
<a xlink:href="https://www.amazon.com/Database-Concepts-Abraham-Silberschatz-Professor/dp/0073523321?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0073523321" id="73523321">
<image id="svg_328" x="586.12708" y="334.26642" xlink:href="https://images-na.ssl-images-amazon.com/images/I/51PoU%2BwM0iL._SL160_.jpg" height="21" width="16.66875"/>
</a>
<a xlink:href="https://www.amazon.com/Artificial-Intelligence-Modern-Approach-3rd/dp/0136042597?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0136042597" id="136042597">
<image id="svg_329" x="591.47357" y="363.26642" xlink:href="https://images-na.ssl-images-amazon.com/images/I/41HT2wMcACL._SL160_.jpg" height="20" width="15.5"/>
</a>
<a xlink:href="https://www.amazon.com/Operating-Systems-Principles-Thomas-Anderson/dp/0985673524?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0985673524" id="985673524">
<image id="svg_330" x="563.62809" y="308.12679" xlink:href="https://images-na.ssl-images-amazon.com/images/I/51A84YSyauL._SL160_.jpg" height="13" width="9.99375"/>
</a>
<a xlink:href="https://www.amazon.com/Cracking-Coding-Interview-Programming-Questions/dp/0984782850?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0984782850" id="984782850">
<image id="svg_331" x="784.32178" y="330.59265" xlink:href="https://images-na.ssl-images-amazon.com/images/I/41GWhKc9%2BvL._SL160_.jpg" height="29" width="20.3"/>
</a>
<a xlink:href="https://www.amazon.com/Programming-Interviews-Exposed-Secrets-Landing/dp/1118261364?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=1118261364" id="1118261364">
<image id="svg_332" x="745.22614" y="251.26642" xlink:href="https://images-na.ssl-images-amazon.com/images/I/51NuRyiuU2L._SL160_.jpg" height="14" width="11.1125"/>
</a>
<a xlink:href="https://www.amazon.com/Programming-Pearls-2nd-Jon-Bentley/dp/0201657880?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0201657880" id="201657880">
<image id="svg_333" x="686.90533" y="309.26642" xlink:href="https://images-na.ssl-images-amazon.com/images/I/31jRD4esafL._SL160_.jpg" height="25" width="16.875"/>
</a>
<a xlink:href="https://www.amazon.com/Elements-Programming-Interviews-Insiders-Guide/dp/1479274836?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=1479274836" id="1479274836">
<image id="svg_334" x="780.78741" y="242.57117" xlink:href="https://images-na.ssl-images-amazon.com/images/I/414Gsyd-S9L._SL160_.jpg" height="17" width="11.36875"/>
</a>
<a xlink:href="https://www.amazon.com/Elements-Programming-Interviews-Java-Insiders/dp/1517671272?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=1517671272" id="1517671272">
<image id="svg_335" x="761.51718" y="289.97154" xlink:href="https://images-na.ssl-images-amazon.com/images/I/51EjkypFE0L._SL160_.jpg" height="22" width="15.4"/>
</a>
<a xlink:href="https://www.amazon.com/Algorithm-Design-Manual-Steven-Skiena/dp/1848000693?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=1848000693" id="1848000693">
<image id="svg_336" x="724.64368" y="264.02646" xlink:href="https://images-na.ssl-images-amazon.com/images/I/515GcxK1FFL._SL160_.jpg" height="19" width="13.65625"/>
</a>
<a xlink:href="https://www.amazon.com/Elements-Programming-Interviews-Python-Insiders/dp/1537713949?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=1537713949" id="1537713949">
<image id="svg_337" x="799.29749" y="370.49136" xlink:href="https://images-na.ssl-images-amazon.com/images/I/41G67wdhJKL._SL160_.jpg" height="25" width="17.5"/>
</a>
<a xlink:href="https://www.amazon.com/Dynamic-Programming-Coding-Interviews-Bottom-Up/dp/1946556696?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=1946556696" id="1946556696">
<image id="svg_338" x="773.86786" y="385.02371" xlink:href="https://images-na.ssl-images-amazon.com/images/I/51ITCreqN8L._SL160_.jpg" height="13" width="8.69375"/>
</a>
<a xlink:href="https://www.amazon.com/Algorithm-Design-Manual-Steven-Skiena/dp/1849967202?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=1849967202" id="1849967202">
<image id="svg_339" x="763.02682" y="313.87864" xlink:href="https://images-na.ssl-images-amazon.com/images/I/5186uqUuDUL._SL160_.jpg" height="21" width="15.88125"/>
</a>
<a xlink:href="https://www.amazon.com/Cracking-Coding-Interview-Programming-Questions/dp/098478280X?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=098478280X" id="098478280X">
<image id="svg_340" x="719.95929" y="306.56839" xlink:href="https://images-na.ssl-images-amazon.com/images/I/41wgksZup2L._SL160_.jpg" height="12" width="8.025"/>
</a>
<a xlink:href="https://www.amazon.com/Microelectronic-Circuits-Electrical-Computer-Engineering/dp/0199339139?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0199339139" id="199339139">
<image id="svg_341" x="573.43207" y="61.00184" xlink:href="https://images-na.ssl-images-amazon.com/images/I/51JxgvhF8vL._SL160_.jpg" height="20" width="16"/>
</a>
<a xlink:href="https://www.amazon.com/Probability-Stochastic-Processes-Introduction-Electrical/dp/1118324560?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=1118324560" id="1118324560">
<image id="svg_342" x="561.42432" y="116.51676" xlink:href="https://images-na.ssl-images-amazon.com/images/I/41K8imGS%2B2L._SL160_.jpg" height="18" width="14.5125"/>
</a>
<a xlink:href="https://www.amazon.com/Computer-Organization-Design-MIPS-Architecture/dp/0124077269?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=0124077269" id="124077269">
<image id="svg_343" x="599.11106" y="100.74392" xlink:href="https://images-na.ssl-images-amazon.com/images/I/51QfSVjsavL._SL160_.jpg" height="40" width="33.75"/>
</a>
<a xlink:href="https://www.amazon.com/Cracking-Tech-Career-Insider-Microsoft/dp/1118968085?SubscriptionId=AKIAIJKR6IY4BV5FKK7A&tag=wwwyasivcom-20&linkCode=xm2&camp=2025&creative=165953&creativeASIN=1118968085" id="1118968085">
<image id="svg_344" x="774.39844" y="273.26642" xlink:href="https://images-na.ssl-images-amazon.com/images/I/51BCOev7U