htl.html`<svg width=${width} height=${height}>
<rect width=${width} height=${height} fill="hsl(216deg 100% 13%)"/>
</svg>`
height = 200
svgParser.parse(bubbleSample)
svgParser = require("svg-parser")
bubbleSample = `
<g transform="translate(25, 25)"><g class="x axis" transform="translate(0, 50)"></g><g class="node cursor-pointer" transform="translate(458.49048984294785, 50.14317032887083)"><circle r="5" fill="rgb(85, 152, 237)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(424.14348748610365, 69.19859879598903)"><circle r="5" fill="rgb(90, 146, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(455.6274394428731, 40.623741039428964)"><circle r="5" fill="rgb(86, 151, 238)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(535.3790958063701, 50.695789098413)"><circle r="5" fill="rgb(76, 162, 235)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(419.1758174760727, 50.84508531849628)"><circle r="5" fill="rgb(90, 146, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(354.40332536981714, 46.65336047334109)"><circle r="5" fill="rgb(99, 136, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(400.9109407393811, 33.55624781357919)"><circle r="5" fill="rgb(93, 142, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(526.6757411123709, 45.44542366243515)"><circle r="5" fill="rgb(77, 161, 235)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(484.3502300967558, 46.93326251944043)"><circle r="5" fill="rgb(82, 155, 236)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(409.84879563634775, 50.59995441812952)"><circle r="5" fill="rgb(91, 144, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(428.7876986577485, 51.01974110848833)"><circle r="5" fill="rgb(90, 146, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(440.711463360661, 59.1094759321363)"><circle r="5" fill="rgb(88, 149, 238)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(363.527667940842, 33.67250312235268)"><circle r="5" fill="rgb(98, 137, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(379.5329637596073, 47.306745640311746)"><circle r="5" fill="rgb(96, 139, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(382.8889567099289, 56.39190782827409)"><circle r="5" fill="rgb(95, 140, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(539.9124288527025, 41.78237892177823)"><circle r="5" fill="rgb(76, 163, 235)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(399.7552924524539, 50.03823356154185)"><circle r="5" fill="rgb(94, 142, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(346.56172676458743, 50.88699563126027)"><circle r="5" fill="rgb(100, 135, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(389.02422820492365, 48.81818534812378)"><circle r="5" fill="rgb(95, 141, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(337.7421585265502, 64.84544559002786)"><circle r="5" fill="rgb(102, 132, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(289.5752353960027, 25.23131721520907)"><circle r="5" fill="rgb(108, 125, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(495.39066508708447, 47.424493546604516)"><circle r="5" fill="rgb(81, 157, 236)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(404.43693893420476, 58.520546482942)"><circle r="5" fill="rgb(93, 142, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(591.4736508305814, 45.6040848857358)"><circle r="5" fill="rgb(70, 170, 233)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(270.278322546436, 61.93671010705513)"><circle r="5" fill="rgb(110, 122, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(378.5917628520009, 37.68845096303028)"><circle r="5" fill="rgb(96, 140, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(262.2766428800577, 56.71006894099262)"><circle r="5" fill="rgb(112, 121, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(330.284692896982, 40.67428364211103)"><circle r="5" fill="rgb(103, 131, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(376.8194317010147, 21.227648784230702)"><circle r="5" fill="rgb(96, 139, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(484.93103953925544, 64.6128137359712)"><circle r="5" fill="rgb(82, 155, 236)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(245.3743005753267, 55.09248746363446)"><circle r="5" fill="rgb(114, 118, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(449.0683263059152, 33.15835355867154)"><circle r="5" fill="rgb(87, 150, 238)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(588.3199993150537, 55.359092243837516)"><circle r="5" fill="rgb(70, 169, 233)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(433.6952967210632, 41.5283722003398)"><circle r="5" fill="rgb(89, 147, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(398.5054891083384, 24.294160933135387)"><circle r="5" fill="rgb(93, 142, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(322.19284577125393, 36.1348090559587)"><circle r="5" fill="rgb(103, 130, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(391.9357348402645, 31.35424648538533)"><circle r="5" fill="rgb(94, 141, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(410.5201773643479, 78.46889697960474)"><circle r="5" fill="rgb(91, 145, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(304.5094966974654, 54.31114293143749)"><circle r="5" fill="rgb(106, 127, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(444.4480543221843, 41.903495358070835)"><circle r="5" fill="rgb(88, 149, 238)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(370.6082005154156, 48.896741742410626)"><circle r="5" fill="rgb(98, 137, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(429.46112222913257, 32.50049208058299)"><circle r="5" fill="rgb(89, 147, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(386.25808595216495, 40.03750677384819)"><circle r="5" fill="rgb(95, 140, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(489.59043360829673, 55.56642384990453)"><circle r="5" fill="rgb(82, 156, 236)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(262.90310540770565, 46.95433642552599)"><circle r="5" fill="rgb(112, 121, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(377.8514687374002, 65.06638764236718)"><circle r="5" fill="rgb(96, 139, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(321.5422018547402, 16.552223560610464)"><circle r="5" fill="rgb(105, 129, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(414.71864371972333, 42.33578334713436)"><circle r="5" fill="rgb(91, 145, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(295.55726272895504, 76.75985557405025)"><circle r="5" fill="rgb(107, 127, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(516.7992810769415, 47.40772921079627)"><circle r="5" fill="rgb(78, 160, 235)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(305.66408565866595, 35.79645326208508)"><circle r="5" fill="rgb(105, 129, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(228.0780115324256, 43.10040884983699)"><circle r="5" fill="rgb(116, 116, 247)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(228.36007101080082, 53.035410544696056)"><circle r="5" fill="rgb(116, 116, 247)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(253.33746139751113, 60.73343096999428)"><circle r="5" fill="rgb(113, 120, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(346.99084473596105, 41.51801944545087)"><circle r="5" fill="rgb(100, 135, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(305.001402064426, 45.183411084577386)"><circle r="5" fill="rgb(106, 128, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(382.04429505624825, 29.286668999338847)"><circle r="5" fill="rgb(96, 140, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(479.613827080834, 56.15525307229236)"><circle r="5" fill="rgb(83, 155, 237)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(372.53154529811536, 30.000705719804607)"><circle r="5" fill="rgb(97, 138, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(321.65511660920413, 26.292633187069484)"><circle r="5" fill="rgb(104, 130, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(523.2767585390311, 64.92520910865595)"><circle r="5" fill="rgb(78, 160, 235)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(238.6710676766039, 29.459475090252614)"><circle r="5" fill="rgb(114, 118, 247)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(329.9224243794415, 49.778060360762446)"><circle r="5" fill="rgb(103, 131, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(395.6330379408986, 41.20424607321366)"><circle r="5" fill="rgb(95, 141, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(487.55389013077166, 37.415119358487374)"><circle r="5" fill="rgb(82, 155, 236)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(449.4564498172455, 63.0286588758409)"><circle r="5" fill="rgb(87, 149, 238)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(526.5111857139785, 55.398051025356864)"><circle r="5" fill="rgb(77, 161, 235)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(414.12184964647673, 59.292077434445076)"><circle r="5" fill="rgb(91, 145, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(320.3703547547653, 83.54785648169398)"><circle r="5" fill="rgb(103, 131, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(297.26121066820275, 30.723193707725283)"><circle r="5" fill="rgb(107, 127, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(370.7177959529831, 39.23577150523613)"><circle r="5" fill="rgb(97, 138, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(474.2811402182123, 47.70262830303866)"><circle r="5" fill="rgb(83, 154, 237)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(568.8590567244543, 51.47337586917007)"><circle r="5" fill="rgb(72, 167, 233)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(432.6376083532692, 64.55830164943848)"><circle r="5" fill="rgb(89, 147, 238)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(528.3533448955582, 35.60816847583167)"><circle r="5" fill="rgb(77, 161, 235)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(397.68330194147717, 65.37579184264709)"><circle r="5" fill="rgb(93, 142, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(363.9439610310534, 55.83073732198208)"><circle r="5" fill="rgb(98, 137, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(329.7029536766452, 11.621455591009871)"><circle r="5" fill="rgb(103, 132, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(236.60895102983952, 58.51046149008335)"><circle r="5" fill="rgb(115, 117, 247)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(355.815908175519, 27.27377337569425)"><circle r="5" fill="rgb(99, 136, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(312.8784795440088, 50.02966430716946)"><circle r="5" fill="rgb(105, 129, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(287.45757753290314, 62.799645530574885)"><circle r="5" fill="rgb(109, 124, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(422.8270496094799, 24.129371427417784)"><circle r="5" fill="rgb(90, 146, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(615.7401735071124, 54.445884101449565)"><circle r="5" fill="rgb(67, 173, 232)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(313.86799173949356, 40.711903509813894)"><circle r="5" fill="rgb(104, 129, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(477.61021025931245, 38.33378364087738)"><circle r="5" fill="rgb(83, 155, 237)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(304.06918637326015, 82.55114481549526)"><circle r="5" fill="rgb(107, 127, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(281.3657491668093, 28.672060988425518)"><circle r="5" fill="rgb(109, 124, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(448.32594612853455, 51.56689766832342)"><circle r="5" fill="rgb(87, 150, 238)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(402.06393785949587, 74.10268435932099)"><circle r="5" fill="rgb(94, 142, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(439.26454974115205, 33.57087075445945)"><circle r="5" fill="rgb(88, 148, 238)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(368.16004034134096, 64.720363351647)"><circle r="5" fill="rgb(97, 138, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(297.371313201101, 39.78419257951951)"><circle r="5" fill="rgb(107, 126, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(409.93618196586266, 33.4126509979387)"><circle r="5" fill="rgb(92, 143, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(330.0237101236678, 59.68830219518888)"><circle r="5" fill="rgb(103, 131, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(395.3949238277171, 14.721829731881503)"><circle r="5" fill="rgb(94, 141, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(361.99976004456306, 43.921327049028825)"><circle r="5" fill="rgb(98, 137, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(396.77634408258, 82.61912226165214)"><circle r="5" fill="rgb(94, 141, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(560.5441644891176, 45.917967668496544)"><circle r="5" fill="rgb(73, 166, 234)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(287.27064204470014, 81.36122119192657)"><circle r="5" fill="rgb(108, 125, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(329.97037337312497, 31.33125301403533)"><circle r="5" fill="rgb(103, 131, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(438.453100520292, 49.978089770451376)"><circle r="5" fill="rgb(88, 148, 238)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(458.92074314096345, 60.10388671380713)"><circle r="5" fill="rgb(85, 152, 237)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(347.53196594835833, 21.48681778262468)"><circle r="5" fill="rgb(101, 134, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(329.6705028445865, 69.17932580355267)"><circle r="5" fill="rgb(103, 131, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(338.4352615034009, 36.19159563667309)"><circle r="5" fill="rgb(102, 133, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(518.5497673415081, 37.58946473237804)"><circle r="5" fill="rgb(78, 160, 235)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(278.5911352416559, 86.33279146487902)"><circle r="5" fill="rgb(109, 124, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(264.16446160830674, 27.017594354019952)"><circle r="5" fill="rgb(111, 122, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(552.1201563929319, 51.30648165896092)"><circle r="5" fill="rgb(74, 164, 234)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(312.9241774136892, 68.81848492483154)"><circle r="5" fill="rgb(104, 130, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(581.6133640721844, 47.94148871626203)"><circle r="5" fill="rgb(71, 168, 233)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(312.3405044745668, 78.3905703427727)"><circle r="5" fill="rgb(104, 130, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(279.0213652831587, 57.70591262451414)"><circle r="5" fill="rgb(109, 124, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(0.0021262333911061257, 49.56970540240293)"><circle r="5" fill="rgb(140, 90, 254)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(354.49382035931586, 55.46138113414496)"><circle r="5" fill="rgb(99, 136, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(364.85106824115815, 24.111282487488086)"><circle r="5" fill="rgb(98, 136, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(321.8351819747432, 54.63223400590711)"><circle r="5" fill="rgb(104, 130, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(304.88186962392433, 63.168968445876324)"><circle r="5" fill="rgb(106, 127, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(247.72285660654296, 26.392005705293787)"><circle r="5" fill="rgb(114, 118, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(377.1921005175847, 82.48880824939363)"><circle r="5" fill="rgb(96, 139, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(357.1495042488051, 17.67310774778941)"><circle r="5" fill="rgb(98, 136, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(270.42381645054894, 52.72110375644128)"><circle r="5" fill="rgb(111, 122, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(322.4179539064221, 45.10946590471222)"><circle r="5" fill="rgb(103, 131, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(208.73767103038693, 41.640228237752844)"><circle r="5" fill="rgb(118, 114, 248)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(534.9711606256787, 60.7159456421463)"><circle r="5" fill="rgb(76, 162, 235)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(261.2263969472768, 76.21836427142979)"><circle r="5" fill="rgb(112, 121, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(313.90657258340474, 31.24397119129693)"><circle r="5" fill="rgb(105, 129, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(346.2603196113261, 80.14432392722813)"><circle r="5" fill="rgb(101, 133, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(281.862777660542, 19.4511993526605)"><circle r="5" fill="rgb(108, 125, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(219.12802760332062, 55.71534634251844)"><circle r="5" fill="rgb(117, 115, 247)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(321.49939657810063, 64.13111091172954)"><circle r="5" fill="rgb(104, 130, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(313.09212498821074, 20.61594663989821)"><circle r="5" fill="rgb(106, 128, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(382.28942980307187, 73.53852153019015)"><circle r="5" fill="rgb(96, 139, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(435.3073774796431, 24.387155382966096)"><circle r="5" fill="rgb(88, 148, 238)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(378.648888872746, 11.727751775865503)"><circle r="5" fill="rgb(96, 139, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(319.07575338040584, 93.10478214087863)"><circle r="5" fill="rgb(104, 130, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(273.91261877583094, 13.339898458950142)"><circle r="5" fill="rgb(110, 123, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(387.353624657004, 65.28114122600384)"><circle r="5" fill="rgb(95, 140, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(313.07035535486096, 58.959052278595315)"><circle r="5" fill="rgb(105, 129, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(297.68076542321484, 21.058584614773064)"><circle r="5" fill="rgb(107, 127, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(287.4031959556167, 91.1886486674483)"><circle r="5" fill="rgb(108, 125, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(272.9313412567038, 23.04389254829558)"><circle r="5" fill="rgb(110, 123, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(405.5686214491119, 42.09246139035318)"><circle r="5" fill="rgb(92, 144, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(373.58888741417996, 56.69062210034832)"><circle r="5" fill="rgb(96, 139, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(305.4235484339863, 26.741517251775857)"><circle r="5" fill="rgb(106, 127, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(295.81125572126257, 86.23492067915365)"><circle r="5" fill="rgb(107, 127, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(296.1754398728056, 58.591983401591804)"><circle r="5" fill="rgb(107, 126, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(272.32542473289834, 32.49595481320077)"><circle r="5" fill="rgb(110, 123, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(234.91863804518286, 67.97648142252439)"><circle r="5" fill="rgb(115, 117, 247)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(282.83341849514477, 9.16077461947613)"><circle r="5" fill="rgb(109, 124, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(414.30717187966616, 69.28782080598762)"><circle r="5" fill="rgb(91, 145, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(345.3996475150642, 70.15471922857938)"><circle r="5" fill="rgb(101, 134, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(255.0123444753264, 41.34961072650902)"><circle r="5" fill="rgb(112, 121, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(367.5240224398098, 82.40229606016524)"><circle r="5" fill="rgb(98, 137, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(246.30473517473632, 45.54274295348148)"><circle r="5" fill="rgb(114, 118, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(329.8542259471177, 21.413673653464745)"><circle r="5" fill="rgb(103, 131, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(467.38083181174187, 54.77229965614435)"><circle r="5" fill="rgb(84, 153, 237)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(241.05228089397954, 19.52780651229824)"><circle r="5" fill="rgb(114, 118, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(372.99845783986865, 73.45884846619104)"><circle r="5" fill="rgb(96, 139, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(392.79146540198525, 56.99781375347489)"><circle r="5" fill="rgb(95, 140, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(347.0769051085331, 31.329049483424882)"><circle r="5" fill="rgb(100, 135, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(328.9566998983507, 79.41841187592908)"><circle r="5" fill="rgb(103, 131, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(388.41388237954, 21.881076136879877)"><circle r="5" fill="rgb(94, 141, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(355.0544918148893, 37.08646057636936)"><circle r="5" fill="rgb(99, 136, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(382.5150548874797, 90.92802461613903)"><circle r="5" fill="rgb(95, 140, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(255.8437105514051, 31.400877584592344)"><circle r="5" fill="rgb(112, 120, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(278.38207729385846, 76.90570730729208)"><circle r="5" fill="rgb(109, 124, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(261.42097801975837, 66.20407330483337)"><circle r="5" fill="rgb(111, 121, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(369.3329440692125, 15.192982007295981)"><circle r="5" fill="rgb(97, 138, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(252.61509807582294, 80.76872404448967)"><circle r="5" fill="rgb(112, 120, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(650.4154202869623, 49.18886833142911)"><circle r="5" fill="rgb(63, 178, 231)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(295.9259773181697, 67.7933843649364)"><circle r="5" fill="rgb(107, 126, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(186.5869449580204, 59.22927300340577)"><circle r="5" fill="rgb(121, 111, 248)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(361.6998479098922, 8.732657769282447)"><circle r="5" fill="rgb(98, 137, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(328.6469981674166, 89.18357886943748)"><circle r="5" fill="rgb(103, 131, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(279.8776810170717, 38.07142550311636)"><circle r="5" fill="rgb(110, 123, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(289.08214779945143, 34.55787418318602)"><circle r="5" fill="rgb(107, 126, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(441.48478498449776, 68.9971528096641)"><circle r="5" fill="rgb(88, 149, 238)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(314.18286649842025, 10.546844850874876)"><circle r="5" fill="rgb(105, 129, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(346.44662125970007, 60.8009220865066)"><circle r="5" fill="rgb(100, 134, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(338.74383877670317, 26.413881959255136)"><circle r="5" fill="rgb(101, 133, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(424.03753740512786, 59.49818746462364)"><circle r="5" fill="rgb(90, 146, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(233.34388831653862, 77.84636101689614)"><circle r="5" fill="rgb(115, 117, 247)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(424.36963323977267, 42.421158184631615)"><circle r="5" fill="rgb(90, 146, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(358.29750892829264, 64.56253985213114)"><circle r="5" fill="rgb(99, 136, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(286.913044192733, 71.86450365839994)"><circle r="5" fill="rgb(108, 125, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(419.8802941304612, 33.48583219237271)"><circle r="5" fill="rgb(90, 146, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(279.16950774681965, 96.12911240316828)"><circle r="5" fill="rgb(109, 124, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(237.3173808703521, 39.28932944117514)"><circle r="5" fill="rgb(115, 117, 247)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(246.514341726915, 35.71749101928462)"><circle r="5" fill="rgb(114, 118, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(278.4752567425451, 66.62218357433328)"><circle r="5" fill="rgb(110, 123, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(617.7415313725814, 44.648202820577076)"><circle r="5" fill="rgb(66, 173, 232)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(357.5203576156113, 83.11042191435997)"><circle r="5" fill="rgb(98, 137, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(516.7157746910358, 57.37174590599816)"><circle r="5" fill="rgb(78, 160, 235)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(412.84236428778803, 23.81484223807192)"><circle r="5" fill="rgb(91, 145, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(387.0486292530015, 82.21024967498829)"><circle r="5" fill="rgb(95, 140, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(190.74065146649463, 50.13290157563106)"><circle r="5" fill="rgb(120, 112, 248)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(237.12172713109618, 49.171444920129034)"><circle r="5" fill="rgb(114, 118, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(321.03982173901693, 73.93381252672137)"><circle r="5" fill="rgb(104, 130, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(290.3652365230373, 15.727394087905001)"><circle r="5" fill="rgb(108, 125, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(217.53853668822296, 65.51530297291353)"><circle r="5" fill="rgb(117, 115, 247)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(296.81535478634373, 8.290240981623956)"><circle r="5" fill="rgb(107, 126, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(254.48724691975667, 19.308913961672843)"><circle r="5" fill="rgb(113, 119, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(337.544230448635, 84.66043366558947)"><circle r="5" fill="rgb(101, 133, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(264.2701242200258, 17.24716439482056)"><circle r="5" fill="rgb(111, 121, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(269.666128540999, 81.46513221467703)"><circle r="5" fill="rgb(111, 122, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(304.24907242839123, 73.16394819751946)"><circle r="5" fill="rgb(106, 128, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(338.586362551201, 16.41581954675316)"><circle r="5" fill="rgb(102, 132, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(303.7643826168244, 92.29630750802141)"><circle r="5" fill="rgb(107, 127, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(15.603320363074365, 49.36193889927793)"><circle r="5" fill="rgb(138, 92, 254)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(271.47318476808863, 42.99767111955965)"><circle r="5" fill="rgb(110, 123, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(363.65332468227933, 73.3752593165499)"><circle r="5" fill="rgb(98, 137, 241)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(199.30223623285605, 44.93004728988155)"><circle r="5" fill="rgb(119, 112, 248)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(179.15822482320974, 51.60212480276154)"><circle r="5" fill="rgb(121, 110, 249)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(279.0192753780833, 48.390870042004785)"><circle r="5" fill="rgb(109, 124, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(338.62448838438456, 45.53887080731455)"><circle r="5" fill="rgb(101, 133, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(392.35063546406684, 73.73161614173087)"><circle r="5" fill="rgb(94, 141, 240)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(304.90632793998026, 14.483621673482906)"><circle r="5" fill="rgb(106, 128, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(269.78522871334576, 71.46584794119255)"><circle r="5" fill="rgb(110, 123, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(420.3623038334426, 78.01566522508293)"><circle r="5" fill="rgb(91, 145, 239)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(191.96733322663496, 38.13319081485322)"><circle r="5" fill="rgb(120, 112, 248)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(210.08107049656596, 51.52441045163446)"><circle r="5" fill="rgb(118, 114, 248)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(263.7044135418119, 37.1166703601391)"><circle r="5" fill="rgb(111, 121, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(254.21555761587138, 51.159450007002626)"><circle r="5" fill="rgb(112, 121, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(242.93325739497325, 74.6754225597978)"><circle r="5" fill="rgb(114, 118, 247)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(229.74602820727833, 33.16862920433535)"><circle r="5" fill="rgb(116, 116, 247)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(153.8744974139694, 48.656376921925975)"><circle r="5" fill="rgb(124, 108, 249)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(338.1339974462602, 55.526792025260086)"><circle r="5" fill="rgb(102, 133, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(69.13980961497583, 49.202076587569145)"><circle r="5" fill="rgb(133, 98, 252)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(138.52584892013033, 50.47151065575899)"><circle r="5" fill="rgb(126, 106, 250)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(47.458230754934725, 49.29487676567612)"><circle r="5" fill="rgb(135, 95, 253)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(296.9694413068479, 49.10999538352427)"><circle r="5" fill="rgb(107, 127, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(160.2955910513223, 56.36308796883869)"><circle r="5" fill="rgb(123, 108, 249)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(162.90255284949768, 44.22093601788947)"><circle r="5" fill="rgb(123, 108, 249)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(170.29437401025402, 56.21005510849131)"><circle r="5" fill="rgb(122, 109, 249)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(218.14791236016174, 45.83981994385536)"><circle r="5" fill="rgb(117, 114, 247)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(113.35170191229412, 49.37476770049013)"><circle r="5" fill="rgb(128, 103, 251)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(252.40276988351152, 70.7701878084018)"><circle r="5" fill="rgb(113, 119, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(220.2124547374369, 36.055290176229114)"><circle r="5" fill="rgb(117, 115, 247)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(287.69336092256276, 53.785839069345684)"><circle r="5" fill="rgb(109, 124, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(353.65814584803917, 73.68491399438221)"><circle r="5" fill="rgb(99, 136, 242)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(306.131432502266, 4.563951581529864)"><circle r="5" fill="rgb(106, 128, 244)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(208.3868571289011, 61.38496332684307)"><circle r="5" fill="rgb(118, 113, 248)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(288.0830452049366, 43.793456389764216)"><circle r="5" fill="rgb(108, 125, 245)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(200.69708034115843, 54.84015399575415)"><circle r="5" fill="rgb(119, 113, 248)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(337.6730390633037, 74.66125978201275)"><circle r="5" fill="rgb(102, 132, 243)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(182.3339931028167, 42.12877721477224)"><circle r="5" fill="rgb(121, 111, 248)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(244.35800947608058, 64.77744110963546)"><circle r="5" fill="rgb(114, 118, 246)" stroke="white" stroke-width="2"></circle></g><g class="node cursor-pointer" transform="translate(697.9855942081995, 49.95886367828119)"><circle r="5" fill="rgb(57, 184, 229)" stroke="white" stroke-width="2"></circle></g></g>`
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
