Creating with code
Interactive essays on creative code, mostly using my Solandra framework
React and State
One of the key challenges for React Apps is state; Valtio is an excellent modern approach.
Flutter, an ideal framework for Algorithmic Art?
October 2021
Flutter is a cross platform framework for Apps. On most of its target platforms it uses a low level renderer called Skia to draw user…
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1" width="1" height="1">
<path style="fill:%23DBBDDA; fill-opacity:0.25;" d="M 0.08703755991696915 0.23269597852119828 A 0.43558128694592324 0.43558128694592324 0 0 0 -0.3485437270289541 0.6682772654671215 A 0.43558128694592324 0.43558128694592324 0 0 0 0.5226188468628924 0.6682772654671214 A 0.43558128694592324 0.43558128694592324 0 0 0 -0.3485437270289541 0.6682772654671216 A 0.43558128694592324 0.43558128694592324 0 0 0 0.5226188468628924 0.6682772654671213" />
<path style="fill:%23DBBDD5; fill-opacity:0.25;" d="M 0.2167502047302412 -0.13072073299593234 A 0.7131866595774066 0.7131866595774066 0 0 0 -0.49643645484716536 0.5824659265814743 A 0.7131866595774066 0.7131866595774066 0 0 0 0.9299368643076478 0.582465926581474 A 0.7131866595774066 0.7131866595774066 0 0 0 -0.49643645484716536 0.5824659265814744 A 0.7131866595774066 0.7131866595774066 0 0 0 0.9299368643076478 0.5824659265814739" />
<path style="fill:%23DBBDD9; fill-opacity:0.25;" d="M 0.8374361525874702 -0.5443973250886011 A 0.5567976449740454 0.5567976449740454 0 0 0 0.2806385076134248 0.01240031988544439 A 0.5567976449740454 0.5567976449740454 0 0 0 1.3942337975615156 0.012400319885444185 A 0.5567976449740454 0.5567976449740454 0 0 0 0.2806385076134248 0.012400319885444527 A 0.5567976449740454 0.5567976449740454 0 0 0 1.3942337975615156 0.01240031988544405" />
<path style="fill:%23DBBDD5; fill-opacity:0.25;" d="M 0.41198521904781804 0.1457489340645723 A 0.38808188044778685 0.38808188044778685 0 0 0 0.023903338600031188 0.5338308145123591 A 0.38808188044778685 0.38808188044778685 0 0 0 0.800067099495605 0.533830814512359 A 0.38808188044778685 0.38808188044778685 0 0 0 0.023903338600031188 0.5338308145123593 A 0.38808188044778685 0.38808188044778685 0 0 0 0.800067099495605 0.5338308145123589" />
<path style="fill:%23D8BDDB; fill-opacity:0.25;" d="M 0.38866315849437805 0.38736168074439503 A 0.5739661536601852 0.5739661536601852 0 0 0 -0.18530299516580717 0.9613278344045804 A 0.5739661536601852 0.5739661536601852 0 0 0 0.9626293121545633 0.9613278344045801 A 0.5739661536601852 0.5739661536601852 0 0 0 -0.18530299516580717 0.9613278344045805 A 0.5739661536601852 0.5739661536601852 0 0 0 0.9626293121545633 0.9613278344045799" />
<path style="fill:%23DBBDDB; fill-opacity:0.25;" d="M 0.2957487523890979 0.4491721847877493 A 0.41958512425621514 0.41958512425621514 0 0 0 -0.12383637186711721 0.8687573090439644 A 0.41958512425621514 0.41958512425621514 0 0 0 0.715333876645313 0.8687573090439643 A 0.41958512425621514 0.41958512425621514 0 0 0 -0.12383637186711721 0.8687573090439645 A 0.41958512425621514 0.41958512425621514 0 0 0 0.715333876645313 0.8687573090439642" />
<path style="fill:%23DABDDB; fill-opacity:0.25;" d="M 0.8127318349083613 0.49680503667247566 A 0.43902613022202996 0.43902613022202996 0 0 0 0.37370570468633135 0.9358311668945056 A 0.43902613022202996 0.43902613022202996 0 0 0 1.2517579651303912 0.9358311668945055 A 0.43902613022202996 0.43902613022202996 0 0 0 0.37370570468633135 0.9358311668945057 A 0.43902613022202996 0.43902613022202996 0 0 0 1.2517579651303912 0.9358311668945054" />
<path style="fill:%23D7BDDB; fill-opacity:0.25;" d="M 0.9896686757776892 0.6821755133092686 A 0.2572407227090001 0.2572407227090001 0 0 0 0.7324279530686891 0.9394162360182687 A 0.2572407227090001 0.2572407227090001 0 0 0 1.2469093984866895 0.9394162360182686 A 0.2572407227090001 0.2572407227090001 0 0 0 0.7324279530686891 0.9394162360182688 A 0.2572407227090001 0.2572407227090001 0 0 0 1.2469093984866895 0.9394162360182686" />
<path style="fill:none; stroke-width:0.02; stroke:%23490D59; stroke-opacity:0.36528497730786486; stroke-linecap:round;" d="M -0.13946113286930534 1.0528182604912117 C -1.0297064220032797 -0.0808011620233983, 0.6518185291893963 -0.3135700867832461, 1.0610473032157126 -0.1473846509808821" />
<path style="fill:none; stroke-width:0.02; stroke:%23590D58; stroke-opacity:0.3417295926312699; stroke-linecap:round;" d="M -0.1224633512403433 1.0708708459802587 C -0.7292010315339206 0.21076649991410012, 0.9759651820843225 -0.017226301206535677, 1.0997798745279372 -0.13978766511672178" />
<path style="fill:none; stroke-width:0.02; stroke:%233D0D59; stroke-opacity:0.46728118336216895; stroke-linecap:round;" d="M -0.08650174954563361 1.1438652412054264 C -0.0944706807846174 0.9024858934826132, 1.5852246647842678 0.5900400259761396, 1.0644731270974623 -0.11877315017353805" />
<path style="fill:none; stroke-width:0.05; stroke:%23590D3A; stroke-opacity:0.5092388590748851; stroke-linecap:round;" d="M -0.07731076393264748 1.080196576303173 C -0.15794120616462282 0.7530895539676026, 1.5363186944992826 0.5253114971981097, 1.1363646518080195 -0.12371016400941123" />
<path style="fill:none; stroke-width:0.02; stroke:%23410D59; stroke-opacity:0.2240500326014473; stroke-linecap:round;" d="M -0.12270454410118098 1.076882771593929 C -0.7972424536876421 0.14275774678561032, 0.8234925107517588 -0.05546083483837176, 1.0501727043139408 -0.05908879108164331" />
<path style="fill:none; stroke-width:0.02; stroke:%23590D14; stroke-opacity:0.41028891371947723; stroke-linecap:round;" d="M -0.12993664408801575 1.0954249128568192 C -0.944932341261287 0.057060552103923995, 0.7455671417034052 -0.19716666750914788, 1.0647813998311335 -0.12730513773901328" />
<path style="fill:none; stroke-width:0.02; stroke:%230D0D59; stroke-opacity:0.3587844799384677; stroke-linecap:round;" d="M -0.09456473366350117 1.1017853236996231 C -0.47650262002165766 0.4494760132786319, 1.2109887214427033 0.26057096224109394, 1.1371677346260756 -0.06703770498604995" />
<path style="fill:none; stroke-width:0.05; stroke:%23360D59; stroke-opacity:0.6133221511613351; stroke-linecap:round;" d="M -0.08586863539480818 1.1148699135551479 C -0.8542730695536711 0.149736633041107, 0.769049189662542 -0.1123564344779662, 1.0505320643936584 -0.07360027236819729" />
<path style="fill:none; stroke-width:0.05; stroke:%230D2959; stroke-opacity:0.5577232151682111; stroke-linecap:round;" d="M -0.06370625463159792 1.0894559987989114 C -0.2994763860045101 0.6350259214071303, 1.3414888770258107 0.35964714369858003, 1.0787479137822167 -0.1202542717858781" />
<path style="fill:none; stroke-width:0.05; stroke:%23590D21; stroke-opacity:0.33088394519605335; stroke-linecap:round;" d="M -0.11539053978648801 1.0838419352103061 C -0.6009776878811781 0.33321409200038177, 1.1071570792428371 0.12257984292327262, 1.1196935919195254 -0.1147649048961959" />
<path style="fill:none; stroke-width:0.02; stroke:%23160D59; stroke-opacity:0.47792066319090687; stroke-linecap:round;" d="M -0.08679130249986926 1.0813366225272416 C -0.5693044748903893 0.34006775569795095, 1.0713420781484997 0.14281084237571223, 1.1025449388618163 -0.06588206056481105" />
<path style="fill:none; stroke-width:0.05; stroke:%233C0D59; stroke-opacity:0.45942965471360236; stroke-linecap:round;" d="M -0.1466640323096651 1.110738453950829 C -0.48148899131144496 0.5046260551002706, 1.2509228485914803 0.30474711353042877, 1.1142695724004026 -0.09393943612261028" />
</svg>)
React Native Setup in Late 2021
August 2021
React Native is a leading, cross-platform, declarative UI framework with hot reloading. If you want to make mobile apps, along with Flutter…
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1" width="1" height="1">
<path style="fill:%23DBBDC2; fill-opacity:0.25;" d="M 0.705871735347728 0.2609313066652842 A 0.5542418288602672 0.5542418288602672 0 0 0 0.15162990648746077 0.8151731355255515 A 0.5542418288602672 0.5542418288602672 0 0 0 1.260113564207995 0.8151731355255513 A 0.5542418288602672 0.5542418288602672 0 0 0 0.15162990648746077 0.8151731355255516 A 0.5542418288602672 0.5542418288602672 0 0 0 1.260113564207995 0.8151731355255512" />
<path style="fill:%23DBBDBE; fill-opacity:0.25;" d="M 0.34918732247115514 0.3130486739362793 A 0.27697587039812105 0.27697587039812105 0 0 0 0.07221145207303409 0.5900245443344003 A 0.27697587039812105 0.27697587039812105 0 0 0 0.6261631928692761 0.5900245443344002 A 0.27697587039812105 0.27697587039812105 0 0 0 0.07221145207303409 0.5900245443344004 A 0.27697587039812105 0.27697587039812105 0 0 0 0.6261631928692761 0.5900245443344002" />
<path style="fill:%23DBBDC2; fill-opacity:0.25;" d="M 0.6591649029230698 -0.6042808819578631 A 0.6432170738474275 0.6432170738474275 0 0 0 0.015947829075642295 0.03893619188956451 A 0.6432170738474275 0.6432170738474275 0 0 0 1.3023819767704974 0.03893619188956427 A 0.6432170738474275 0.6432170738474275 0 0 0 0.015947829075642295 0.03893619188956467 A 0.6432170738474275 0.6432170738474275 0 0 0 1.3023819767704974 0.03893619188956412" />
<path style="fill:%23DBBDC9; fill-opacity:0.25;" d="M 0.462931371142421 -0.17789435204399362 A 0.9737405269938149 0.9737405269938149 0 0 0 -0.5108091558513939 0.7958461749498213 A 0.9737405269938149 0.9737405269938149 0 0 0 1.4366718981362359 0.795846174949821 A 0.9737405269938149 0.9737405269938149 0 0 0 -0.5108091558513939 0.7958461749498216 A 0.9737405269938149 0.9737405269938149 0 0 0 1.4366718981362359 0.7958461749498208" />
<path style="fill:%23DBBDC7; fill-opacity:0.25;" d="M 0.03401373660448992 0.058642033565286744 A 0.4243599559193437 0.4243599559193437 0 0 0 -0.3903462193148538 0.4830019894846305 A 0.4243599559193437 0.4243599559193437 0 0 0 0.45837369252383364 0.48300198948463036 A 0.4243599559193437 0.4243599559193437 0 0 0 -0.3903462193148538 0.48300198948463063 A 0.4243599559193437 0.4243599559193437 0 0 0 0.45837369252383364 0.48300198948463025" />
<path style="fill:none; stroke-width:0.02; stroke:%237A1F41; stroke-opacity:0.6287076830938914; stroke-linecap:round;" d="M 0.465636309793428 -0.13918969201111026 C 0.0072198319851547454 0.003404630444198753, 0.7858859496648462 0.9729624964079437, 0.5440980282034316 1.1018611276649752" />
<path style="fill:none; stroke-width:0.05; stroke:%237A351F; stroke-opacity:0.4097786718170613; stroke-linecap:round;" d="M 0.5263268029855932 -0.14702167170188973 C 0.4999626773665222 -0.03331864284841052, 1.2258648532635985 0.9772054965754833, 0.5380610979133895 1.0971468505060378" />
<path style="fill:none; stroke-width:0.05; stroke:%237A1F2E; stroke-opacity:0.3945496920092637; stroke-linecap:round;" d="M 0.4856729799495681 -0.14781417976898542 C 1.063820378145926 -0.060739719876310994, 1.806455347596204 0.9055930616094289, 0.5365310329468406 1.0698553981008523" />
<path style="fill:none; stroke-width:0.02; stroke:%237A1F54; stroke-opacity:0.352673138743425; stroke-linecap:round;" d="M 0.5329417088418695 -0.05849308846515693 C -0.09046168690062484 0.015228650121750564, 0.5095202282088991 0.9540472464415978, 0.4830019477077488 1.0545498916179694" />
<path style="fill:none; stroke-width:0.05; stroke:%237A1F54; stroke-opacity:0.3429853025922905; stroke-linecap:round;" d="M 0.5472017087109934 -0.09365511578602391 C 0.11796430433420313 0.004279827081348331, 0.7889891045489175 1.0231757159685206, 0.5092462694677722 1.1257638030135133" />
<path style="fill:none; stroke-width:0.02; stroke:%237A1F22; stroke-opacity:0.5561819186769957; stroke-linecap:round;" d="M 0.5381027802420367 -0.06851221800686581 C 0.2851515937167324 0.023875735421472033, 0.9031853175326994 1.0184407887931408, 0.47082784572404285 1.1005042114532255" />
<path style="fill:none; stroke-width:0.05; stroke:%237A1F28; stroke-opacity:0.5049364093072235; stroke-linecap:round;" d="M 0.46351113376106134 -0.0994285622588375 C -0.5863483406035517 0.043799408610507684, 0.14216240300744548 1.013006348362799, 0.5011659322587569 1.1124592674394176" />
<path style="fill:none; stroke-width:0.02; stroke:%237A1F56; stroke-opacity:0.43732187754282137; stroke-linecap:round;" d="M 0.501669910917425 -0.11224089704114382 C -0.7983447071682217 -0.04746111235284295, -0.13662801272131259 0.966080755107559, 0.4591862890841077 1.0974413929345286" />
<path style="fill:none; stroke-width:0.02; stroke:%237A1F32; stroke-opacity:0.4991399635410647; stroke-linecap:round;" d="M 0.4888722066961182 -0.14535849327409264 C 0.2637532637479115 -0.018792477720851575, 1.044336976807502 0.9901015443851403, 0.546254736616806 1.1289590990846583" />
<path style="fill:none; stroke-width:0.02; stroke:%237A4D1F; stroke-opacity:0.4080839320865774; stroke-linecap:round;" d="M 0.46279579059356996 -0.0985812785845393 C 0.06864424686958126 0.03072173321933075, 0.8017152048987456 0.9617984401286326, 0.5261319948040086 1.0847552707077914" />
<path style="fill:none; stroke-width:0.05; stroke:%237A1F50; stroke-opacity:0.47582560696408327; stroke-linecap:round;" d="M 0.5423605556646053 -0.1379426985906822 C -1.328742034445178 -0.16313153716012613, -0.7077054121470234 0.8699354061419038, 0.4553741319853092 1.0642832193109348" />
<path style="fill:none; stroke-width:0.02; stroke:%237A1F59; stroke-opacity:0.33434969392229513; stroke-linecap:round;" d="M 0.46739123400407495 -0.08767561877208235 C -0.811242217925726 0.025809380477133215, -0.10002853173803306 1.034231479973955, 0.46832586770422074 1.146317559748006" />
<path style="fill:none; stroke-width:0.05; stroke:%237A1F6A; stroke-opacity:0.4018416881189032; stroke-linecap:round;" d="M 0.533549201169138 -0.1314851142298695 C 0.2326219436907544 -0.02809708272652439, 0.9128868284807885 1.0061352289876246, 0.49431913877762096 1.1057932660373802" />
<path style="fill:none; stroke-width:0.02; stroke:%237A1F4D; stroke-opacity:0.5468632967661201; stroke-linecap:round;" d="M 0.49506249819879244 -0.09882564566513224 C 0.6086662220931658 0.009228964438473597, 1.3247787423282626 0.9842286292742974, 0.5192449754499616 1.1106604831769589" />
</svg>)
An Introduction to React Native Reanimated 2
August 2021
React Native Reanimated 2 is the main third party approach to animation for React Native. In version 1 a animation node graph approach was…
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1" width="1" height="1">
<path style="fill:%23BDC3DB; fill-opacity:0.25;" d="M 0.5173988142649375 0.32019857942372076 A 0.09699829118659098 0.09699829118659098 0 0 0 0.4204005230783465 0.41719687061031174 A 0.09699829118659098 0.09699829118659098 0 0 0 0.6143971054515285 0.41719687061031174 A 0.09699829118659098 0.09699829118659098 0 0 0 0.4204005230783465 0.4171968706103118 A 0.09699829118659098 0.09699829118659098 0 0 0 0.6143971054515285 0.4171968706103117" />
<path style="fill:%23BDBEDB; fill-opacity:0.25;" d="M 0.9618293666279345 0.35517498293332184 A 0.5887135099118417 0.5887135099118417 0 0 0 0.3731158567160928 0.9438884928451636 A 0.5887135099118417 0.5887135099118417 0 0 0 1.5505428765397762 0.9438884928451634 A 0.5887135099118417 0.5887135099118417 0 0 0 0.3731158567160928 0.9438884928451637 A 0.5887135099118417 0.5887135099118417 0 0 0 1.5505428765397762 0.9438884928451632" />
<path style="fill:%23BDC9DB; fill-opacity:0.25;" d="M 0.2064756042206678 -0.3843997334626428 A 0.8001588276017667 0.8001588276017667 0 0 0 -0.5936832233810989 0.41575909413912404 A 0.8001588276017667 0.8001588276017667 0 0 0 1.0066344318224345 0.4157590941391237 A 0.8001588276017667 0.8001588276017667 0 0 0 -0.5936832233810989 0.4157590941391242 A 0.8001588276017667 0.8001588276017667 0 0 0 1.0066344318224345 0.41575909413912354" />
<path style="fill:%23BDCCDB; fill-opacity:0.25;" d="M 0.3474191482255522 -0.8185417752501667 A 1.2496561942404403 1.2496561942404403 0 0 0 -0.9022370460148881 0.43111441899027375 A 1.2496561942404403 1.2496561942404403 0 0 0 1.5970753424659925 0.43111441899027325 A 1.2496561942404403 1.2496561942404403 0 0 0 -0.9022370460148881 0.43111441899027403 A 1.2496561942404403 1.2496561942404403 0 0 0 1.5970753424659925 0.431114418990273" />
<path style="fill:none; stroke-width:0.05; stroke:%23371386; stroke-opacity:0.36401457889299055; stroke-linecap:round;" d="M -1.0385202839056518 0.5720484378385938 C -1.0905365338320137 1.4933173895309326, 1.8872090327349789 1.2816542939778146, 1.938749147673391 0.7903066725366502" />
<path style="fill:none; stroke-width:0.05; stroke:%23137386; stroke-opacity:0.5937115639305227; stroke-linecap:round;" d="M -0.976131375237438 0.5822294654637288 C -1.0058769919216015 1.3647716979928757, 1.8919551195575535 1.1123564541613207, 1.9279069942330778 0.7486793086036532" />
<path style="fill:none; stroke-width:0.02; stroke:%2313864C; stroke-opacity:0.39453501298979216; stroke-linecap:round;" d="M -0.9440457646672618 0.546878030144551 C -0.9748856911349854 1.0393147280337665, 1.9913025009282053 0.8897567387021142, 2.0128653043422817 0.8249372196651649" />
<path style="fill:none; stroke-width:0.02; stroke:%23136686; stroke-opacity:0.44942166392932775; stroke-linecap:round;" d="M -0.9686264911165505 0.43604776895041586 C -1.0419760009989054 1.236130065330819, 1.888576845154593 1.1370598073491973, 1.9457666671743863 0.7589524282879555" />
<path style="fill:none; stroke-width:0.05; stroke:%2313867F; stroke-opacity:0.5559640697150454; stroke-linecap:round;" d="M -0.9038661003986266 0.4511944842049427 C -0.9641605549247463 1.327841253446784, 1.8747427727406247 1.1610402068522607, 1.9295568758963304 0.6939061039893581" />
<path style="fill:none; stroke-width:0.02; stroke:%235F1386; stroke-opacity:0.576141314764868; stroke-linecap:round;" d="M -0.9137831482924244 0.4523828008247787 C -0.9846410586356077 1.119025151561571, 1.9143150372525133 1.0731589631826153, 1.9616986365816922 0.8234012073499439" />
<path style="fill:none; stroke-width:0.05; stroke:%23301386; stroke-opacity:0.46217633097897265; stroke-linecap:round;" d="M -0.9632549958561721 0.4115339653956369 C -0.9848812705337397 0.8215681060108331, 2.0780347361716967 0.659990193418881, 2.091107360772427 0.6915919600684144" />
<path style="fill:none; stroke-width:0.02; stroke:%23134886; stroke-opacity:0.4101007712110158; stroke-linecap:round;" d="M -0.9476480232593489 0.5957610869497318 C -1.0057698190222073 1.628564385381775, 1.973673121896104 1.4108323656302038, 2.032172927012238 0.8082571455851636" />
<path style="fill:none; stroke-width:0.02; stroke:%23641386; stroke-opacity:0.4860652717216116; stroke-linecap:round;" d="M -1.0378048313369348 0.5090010978762733 C -1.0557094766605835 1.2012924120144621, 2.069546001567266 0.904205142349312, 2.097715227588049 0.663909490384055" />
<path style="fill:none; stroke-width:0.02; stroke:%23134A86; stroke-opacity:0.3034453565866856; stroke-linecap:round;" d="M -0.958879861497001 0.5236466438095829 C -0.9378275192261335 0.4587887238191376, 2.1061638511403427 0.26262886336600966, 2.0817214955084142 0.766762956498378" />
<path style="fill:none; stroke-width:0.02; stroke:%23133286; stroke-opacity:0.23888463159310405; stroke-linecap:round;" d="M -1.0676317145187586 0.5549455112902574 C -1.0899354702065869 1.1112607369209118, 2.0288597415649345 0.877105264132245, 2.052455485494364 0.771205130082412" />
<path style="fill:none; stroke-width:0.02; stroke:%23211386; stroke-opacity:0.34080308058937825; stroke-linecap:round;" d="M -1.0262660394525052 0.44079175200436843 C -1.1106995704004987 1.285587869261122, 2.030566831105441 1.2059925852454338, 2.0938581406771775 0.8132365331970851" />
<path style="fill:none; stroke-width:0.05; stroke:%23131E86; stroke-opacity:0.42079672977666926; stroke-linecap:round;" d="M -1.0973475661347907 0.4156832563595597 C -1.1757501085935336 1.4950052840496995, 1.8959583666140465 1.3200845623749553, 1.9676326543358484 0.6837997677068486" />
<path style="fill:none; stroke-width:0.05; stroke:%23132B86; stroke-opacity:0.5056635831584264; stroke-linecap:round;" d="M -0.9246605389390727 0.42319368365491367 C -0.9638506484787617 0.9693199994862106, 1.9336027620239116 0.838752743681019, 1.9615006897367764 0.7101735373213045" />
<path style="fill:none; stroke-width:0.05; stroke:%23133386; stroke-opacity:0.3825672516517183; stroke-linecap:round;" d="M -1.0705437700872245 0.5284526681332681 C -1.1537479480113135 1.8031670814072216, 1.8860181797651556 1.600439742843319, 1.9668195198105465 0.7644626902927991" />
<path style="fill:none; stroke-width:0.05; stroke:%23137B86; stroke-opacity:0.24976427752392916; stroke-linecap:round;" d="M -1.000556754858544 0.4615105614201559 C -1.0124528737344396 0.6941871418777309, 2.022025314319532 0.6169430789107871, 2.0135488886378448 0.8209430152723067" />
<path style="fill:none; stroke-width:0.05; stroke:%23138685; stroke-opacity:0.5402624582544555; stroke-linecap:round;" d="M -1.0265868257058783 0.580281470402977 C -1.032176054434245 1.1421300507776293, 1.8865623884988112 0.82833550250917, 1.9069576584107404 0.6889915273767785" />
<path style="fill:none; stroke-width:0.02; stroke:%23137A86; stroke-opacity:0.4549303513143747; stroke-linecap:round;" d="M -0.9812645369445954 0.4584718333750176 C -1.0654797887515053 1.256054285981404, 2.015102395748209 1.1974538530755192, 2.075789008479924 0.8429770044730974" />
</svg>)
Valtio: A great state management solution for React
August 2021
Valtio is a fantastic and relatively new state management library for React. It is extraordinarily clear, concise and easy to use, yet…
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1" width="1" height="1">
<path style="fill:%23BDDBCE; fill-opacity:0.25;" d="M 0.8896812230601759 -0.4174898711478756 A 0.48433107807774056 0.48433107807774056 0 0 0 0.4053501449824354 0.066841206929865 A 0.48433107807774056 0.48433107807774056 0 0 0 1.3740123011379164 0.06684120692986482 A 0.48433107807774056 0.48433107807774056 0 0 0 0.4053501449824354 0.06684120692986513 A 0.48433107807774056 0.48433107807774056 0 0 0 1.3740123011379164 0.06684120692986471" />
<path style="fill:%23BDDBC7; fill-opacity:0.25;" d="M 0.648750001774867 -0.14479887398999658 A 0.42805716019530893 0.42805716019530893 0 0 0 0.22069284157955804 0.2832582862053124 A 0.42805716019530893 0.42805716019530893 0 0 0 1.076807161970176 0.28325828620531224 A 0.42805716019530893 0.42805716019530893 0 0 0 0.22069284157955804 0.2832582862053125 A 0.42805716019530893 0.42805716019530893 0 0 0 1.076807161970176 0.2832582862053121" />
<path style="fill:%23BDDBCC; fill-opacity:0.25;" d="M 0.39944016786587344 0.08899990031933791 A 0.808558335725257 0.808558335725257 0 0 0 -0.4091181678593836 0.8975582360445951 A 0.808558335725257 0.808558335725257 0 0 0 1.2079985035911305 0.8975582360445947 A 0.808558335725257 0.808558335725257 0 0 0 -0.4091181678593836 0.8975582360445953 A 0.808558335725257 0.808558335725257 0 0 0 1.2079985035911305 0.8975582360445945" />
<path style="fill:%23BDDBD0; fill-opacity:0.25;" d="M 0.2377961165449365 -0.22083429121090192 A 0.5478040008624628 0.5478040008624628 0 0 0 -0.31000788431752635 0.32696970965156097 A 0.5478040008624628 0.5478040008624628 0 0 0 0.7856001174073993 0.3269697096515608 A 0.5478040008624628 0.5478040008624628 0 0 0 -0.31000788431752635 0.32696970965156114 A 0.5478040008624628 0.5478040008624628 0 0 0 0.7856001174073993 0.32696970965156064" />
<path style="fill:%23BDDBCB; fill-opacity:0.25;" d="M 0.9866510873474506 -0.14330340381151474 A 0.6042127831333222 0.6042127831333222 0 0 0 0.3824383042141284 0.4609093793218075 A 0.6042127831333222 0.6042127831333222 0 0 0 1.5908638704807727 0.46090937932180726 A 0.6042127831333222 0.6042127831333222 0 0 0 0.3824383042141284 0.46090937932180764 A 0.6042127831333222 0.6042127831333222 0 0 0 1.5908638704807727 0.46090937932180714" />
<path style="fill:%23BDDBC8; fill-opacity:0.25;" d="M 0.562202956544505 -0.18978231670843482 A 0.48265334187133324 0.48265334187133324 0 0 0 0.07954961467317179 0.2928710251628985 A 0.48265334187133324 0.48265334187133324 0 0 0 1.0448562984158383 0.2928710251628983 A 0.48265334187133324 0.48265334187133324 0 0 0 0.07954961467317179 0.2928710251628986 A 0.48265334187133324 0.48265334187133324 0 0 0 1.0448562984158383 0.2928710251628982" />
<path style="fill:%23BDDBC7; fill-opacity:0.25;" d="M 0.9995814003346102 0.12331846598952989 A 0.34436672821962866 0.34436672821962866 0 0 0 0.6552146721149815 0.4676851942091586 A 0.34436672821962866 0.34436672821962866 0 0 0 1.343948128554239 0.46768519420915844 A 0.34436672821962866 0.34436672821962866 0 0 0 0.6552146721149815 0.46768519420915866 A 0.34436672821962866 0.34436672821962866 0 0 0 1.343948128554239 0.4676851942091584" />
<path style="fill:none; stroke-width:0.01; stroke:%2319663A; stroke-opacity:0.4490419900181031; stroke-linecap:round;" d="M -0.10930879039331592 -0.20677415922137474 C 0.10742823946398006 -0.3666790218136064, 1.625930608924182 0.7553543293132368, 1.1324086245568767 1.215528954923635" />
<path style="fill:none; stroke-width:0.01; stroke:%23236619; stroke-opacity:0.34638753915187376; stroke-linecap:round;" d="M -0.1032307478911245 -0.14261856450091118 C 0.38778310302935504 -0.5901071711526538, 1.90427265885736 0.4100467959919376, 1.1627280298390457 1.1602232923713713" />
<path style="fill:none; stroke-width:0.01; stroke:%23196647; stroke-opacity:0.4279443336575365; stroke-linecap:round;" d="M -0.2868010178952014 -0.1782689309246033 C -0.25175174904714737 -0.18082130607661967, 1.499782134108774 0.8600922095061914, 1.1999397520661368 1.2149194173259108" />
<path style="fill:none; stroke-width:0.01; stroke:%2319664F; stroke-opacity:0.37082147410214666; stroke-linecap:round;" d="M -0.14764162029756486 -0.24222794590567956 C -0.2048089487260143 -0.15865188111822792, 1.4304551866078346 1.0010966121257714, 1.1999966452215403 1.2420147785836626" />
<path style="fill:none; stroke-width:0.01; stroke:%23192366; stroke-opacity:0.39839762556852515; stroke-linecap:round;" d="M -0.13639400838961915 -0.16721771955258077 C -0.47771513257570986 0.22801237679262654, 1.1478277909702135 1.1980605765065007, 1.24254071167762 1.129671768357411" />
<path style="fill:none; stroke-width:0.01; stroke:%23196662; stroke-opacity:0.29580001623436775; stroke-linecap:round;" d="M -0.12859625770918498 -0.11302284005997748 C 0.05960440171565062 -0.29235069751227216, 1.6911383564179578 0.6174235663255829, 1.2691497476282119 1.1262908252611188" />
<path style="fill:none; stroke-width:0.01; stroke:%23196658; stroke-opacity:0.3819288331417846; stroke-linecap:round;" d="M -0.17935924538594777 -0.2557964144467466 C 0.2698705705413158 -0.6577602068017736, 1.8874542306790956 0.4170366833427872, 1.1692788203559106 1.1416801042258262" />
<path style="fill:none; stroke-width:0.01; stroke:%2319661C; stroke-opacity:0.46878915345205796; stroke-linecap:round;" d="M -0.22882562561478204 -0.2902523677384393 C -0.6012149382411278 0.12045656539908789, 1.1444187091832827 1.2230634778583567, 1.2388873113069219 1.1619175841665985" />
<path style="fill:none; stroke-width:0.01; stroke:%2319664D; stroke-opacity:0.4804649593065952; stroke-linecap:round;" d="M -0.2343573885148461 -0.18176541611320307 C 0.07385543842894193 -0.46811373875590445, 1.7300432308082354 0.5504042854418594, 1.164083157668597 1.1690495260724638" />
<path style="fill:none; stroke-width:0.01; stroke:%2319664E; stroke-opacity:0.4662279458903917; stroke-linecap:round;" d="M -0.15713126664384947 -0.200332665922328 C -0.08946946038281112 -0.2278449144370825, 1.4850029226803985 0.9604634158419725, 1.124996177784951 1.29873010430506" />
<path style="fill:none; stroke-width:0.01; stroke:%23195E66; stroke-opacity:0.37445056054224146; stroke-linecap:round;" d="M -0.13842279507724686 -0.29401322373232686 C 0.21193970764932968 -0.5498346837608666, 1.7986739601128272 0.7042740796600394, 1.1415309692747744 1.2719474205851158" />
<path style="fill:none; stroke-width:0.01; stroke:%23196647; stroke-opacity:0.43421241058540433; stroke-linecap:round;" d="M -0.20573557303186735 -0.136604220535732 C 0.1374923236838934 -0.4718135099372377, 1.8639151715366702 0.5435654917531075, 1.2619720988643444 1.226247406208271" />
<path style="fill:none; stroke-width:0.01; stroke:%23196662; stroke-opacity:0.38205452464976625; stroke-linecap:round;" d="M -0.15464570727369129 -0.29114904573193756 C 0.24379156573413785 -0.6063188086651781, 1.8616830091161904 0.5943553776266353, 1.1672261979943293 1.2293265016740254" />
<path style="fill:none; stroke-width:0.01; stroke:%2319664B; stroke-opacity:0.5552830622255632; stroke-linecap:round;" d="M -0.13740560184035594 -0.1583392920666387 C -0.10697777849966505 -0.15791649002315478, 1.419236052325582 0.8563367761291699, 1.135018286930388 1.16036302179668" />
<path style="fill:none; stroke-width:0.01; stroke:%2319664D; stroke-opacity:0.6429385503704145; stroke-linecap:round;" d="M -0.12271485339269553 -0.2562602566413857 C -0.2767437422628163 -0.07169096141788384, 1.4166590064865172 1.0310116098507438, 1.2939683706192826 1.1847721763583954" />
<path style="fill:none; stroke-width:0.01; stroke:%2319664D; stroke-opacity:0.26869970566122237; stroke-linecap:round;" d="M -0.2393435176471991 -0.18705502642686483 C -0.145951301943134 -0.24431958658122332, 1.52262534000895 0.8686306019034127, 1.1508908252575436 1.2586470880919929" />
<path style="fill:none; stroke-width:0.01; stroke:%23196664; stroke-opacity:0.4795533064093548; stroke-linecap:round;" d="M -0.19147349690529852 -0.1065440864483543 C 0.1447010117774037 -0.41001972723682073, 1.7589371351932066 0.6251425970280211, 1.162417751544197 1.2515051715278558" />
<path style="fill:none; stroke-width:0.01; stroke:%23311966; stroke-opacity:0.410351280078734; stroke-linecap:round;" d="M -0.18989472421799566 -0.10143927561814846 C -0.34681861188659513 0.09441825225873379, 1.3253201206937635 1.1203396245909696, 1.2225317433808063 1.2600356880994645" />
<path style="fill:none; stroke-width:0.01; stroke:%231E6619; stroke-opacity:0.26967888668853257; stroke-linecap:round;" d="M -0.2178454307393053 -0.28520990528530676 C 0.30046465726590754 -0.7357716056949242, 1.9732457147139144 0.41818568073402385, 1.1676774361480011 1.201444146736115" />
<path style="fill:none; stroke-width:0.01; stroke:%23196631; stroke-opacity:0.3409368255115086; stroke-linecap:round;" d="M -0.25863881799004357 -0.130578526325324 C 0.4507213636173487 -0.9134392321574272, 2.241185770759049 0.057533157960264925, 1.281160914424652 1.202675747872878" />
<path style="fill:none; stroke-width:0.01; stroke:%231A6619; stroke-opacity:0.21884499711293617; stroke-linecap:round;" d="M -0.2313424734557436 -0.225725335777741 C 0.048635484893453484 -0.4686118305770863, 1.804955147859718 0.6657728192062895, 1.2399735153786495 1.2597767857913784" />
<path style="fill:none; stroke-width:0.01; stroke:%23196636; stroke-opacity:0.37483140826435013; stroke-linecap:round;" d="M -0.2819069504178143 -0.10064539028864537 C -0.3150856462321907 -0.032979757926448916, 1.374998421357726 1.0087493092571496, 1.144646038456332 1.280126196495616" />
<path style="fill:none; stroke-width:0.01; stroke:%2319664E; stroke-opacity:0.5093285730692572; stroke-linecap:round;" d="M -0.15631361245838438 -0.1394114847383534 C 0.06816248202296649 -0.3594201948158503, 1.7086922132796616 0.5555910709328423, 1.2490916600168844 1.1069509969189308" />
<path style="fill:none; stroke-width:0.01; stroke:%23194066; stroke-opacity:0.27431112564007687; stroke-linecap:round;" d="M -0.15418718280682386 -0.20981399126947475 C -0.2760560600342582 -0.060115865366101695, 1.4364561995962615 1.0912755367425353, 1.2706892459445318 1.2828773911077747" />
<path style="fill:none; stroke-width:0.01; stroke:%23196649; stroke-opacity:0.4483373444232639; stroke-linecap:round;" d="M -0.2702898410753256 -0.13422026899625544 C -0.245946062486602 -0.12561970889135643, 1.4063032744656963 0.9626902269454951, 1.1092973817880256 1.2839071873392838" />
<path style="fill:none; stroke-width:0.01; stroke:%2319665E; stroke-opacity:0.2582884982967467; stroke-linecap:round;" d="M -0.1930627451666029 -0.17145238204001917 C 0.4804569688580247 -0.8202538635953569, 2.2311734487372354 0.2810242963885734, 1.279899844326616 1.2805128339798675" />
<path style="fill:none; stroke-width:0.01; stroke:%23196658; stroke-opacity:0.4171976333143551; stroke-linecap:round;" d="M -0.12033943891205748 -0.211183236158694 C 0.6277569483792572 -0.9719344748275048, 2.288070808222272 0.02124231204276983, 1.287579655419975 1.115770443130844" />
<path style="fill:none; stroke-width:0.01; stroke:%232F6619; stroke-opacity:0.4595941803479923; stroke-linecap:round;" d="M -0.21861855382614237 -0.22268457866985672 C -0.25293346255657434 -0.15828837248050803, 1.3372596450777063 0.8908284075273414, 1.1087915245976563 1.1438228751556" />
<path style="fill:none; stroke-width:0.01; stroke:%2319663D; stroke-opacity:0.34600551693204845; stroke-linecap:round;" d="M -0.1887018391310912 -0.18191747791161347 C -0.0475155053118832 -0.28917726816485134, 1.6813633925843354 0.8156671809357509, 1.262167139676099 1.2688349843072992" />
<path style="fill:none; stroke-width:0.01; stroke:%2319663E; stroke-opacity:0.5868786133389667; stroke-linecap:round;" d="M -0.15702698917007432 -0.271675793332897 C 0.04463130263588144 -0.4210706299147438, 1.6282773677010298 0.7222746929315462, 1.1437277148691956 1.1854482873790124" />
</svg>)
Getting Started with Thermal Printing
June 2020
For a while I'd been interested in trying out retro thermal printing (see GameBoy Printer). You can print low quality printouts on cheap…
![](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1" width="1" height="1">
<path style="fill:%23BDDBCA; fill-opacity:0.25;" d="M 0.3240448845207923 0.33044284026923904 A 0.39224784841499355 0.39224784841499355 0 0 0 -0.06820296389420127 0.7226906886842326 A 0.39224784841499355 0.39224784841499355 0 0 0 0.7162927329357858 0.7226906886842325 A 0.39224784841499355 0.39224784841499355 0 0 0 -0.06820296389420127 0.7226906886842327 A 0.39224784841499355 0.39224784841499355 0 0 0 0.7162927329357858 0.7226906886842324" />
<path style="fill:%23BDDBCB; fill-opacity:0.25;" d="M 0.981856980394512 -0.02692950783358894 A 0.513396202075062 0.513396202075062 0 0 0 0.46846077831945 0.4864666942414731 A 0.513396202075062 0.513396202075062 0 0 0 1.495253182469574 0.48646669424147293 A 0.513396202075062 0.513396202075062 0 0 0 0.46846077831945 0.4864666942414732 A 0.513396202075062 0.513396202075062 0 0 0 1.495253182469574 0.48646669424147276" />
<path style="fill:%23BDDBC5; fill-opacity:0.25;" d="M 0.7831464349400011 0.1629636045747236 A 0.32168409860346947 0.32168409860346947 0 0 0 0.46146233633653166 0.4846477031781931 A 0.32168409860346947 0.32168409860346947 0 0 0 1.1048305335434705 0.484647703178193 A 0.32168409860346947 0.32168409860346947 0 0 0 0.46146233633653166 0.48464770317819317 A 0.32168409860346947 0.32168409860346947 0 0 0 1.1048305335434705 0.4846477031781929" />
<path style="fill:%23BDDBC6; fill-opacity:0.25;" d="M 0.15802831899467717 0.12008166703741319 A 0.30363671819471905 0.30363671819471905 0 0 0 -0.14560839920004187 0.4237183852321323 A 0.30363671819471905 0.30363671819471905 0 0 0 0.4616650371893962 0.4237183852321322 A 0.30363671819471905 0.30363671819471905 0 0 0 -0.14560839920004187 0.42371838523213234 A 0.30363671819471905 0.30363671819471905 0 0 0 0.4616650371893962 0.42371838523213207" />
<path style="fill:%23BDDBC7; fill-opacity:0.25;" d="M 0.9111035403353736 0.18693436465398733 A 0.17995365885151754 0.17995365885151754 0 0 0 0.731149881483856 0.36688802350550487 A 0.17995365885151754 0.17995365885151754 0 0 0 1.0910571991868911 0.3668880235055048 A 0.17995365885151754 0.17995365885151754 0 0 0 0.731149881483856 0.3668880235055049 A 0.17995365885151754 0.17995365885151754 0 0 0 1.0910571991868911 0.36688802350550476" />
<path style="fill:%23BDDBCF; fill-opacity:0.25;" d="M 0.9816285445575356 0.1235706953544361 A 0.3298831954504834 0.3298831954504834 0 0 0 0.6517453491070522 0.45345389080491955 A 0.3298831954504834 0.3298831954504834 0 0 0 1.311511740008019 0.45345389080491944 A 0.3298831954504834 0.3298831954504834 0 0 0 0.6517453491070522 0.4534538908049196 A 0.3298831954504834 0.3298831954504834 0 0 0 1.311511740008019 0.4534538908049193" />
<path style="fill:%23BDDBC5; fill-opacity:0.25;" d="M 0.18949154862934414 -0.21423337488155214 A 0.5417561590912126 0.5417561590912126 0 0 0 -0.3522646104618684 0.32752278420966047 A 0.5417561590912126 0.5417561590912126 0 0 0 0.7312477077205567 0.3275227842096603 A 0.5417561590912126 0.5417561590912126 0 0 0 -0.3522646104618684 0.32752278420966063 A 0.5417561590912126 0.5417561590912126 0 0 0 0.7312477077205567 0.32752278420966013" />
<path style="fill:%23BDDBC5; fill-opacity:0.25;" d="M 0.45063783817250236 0.5892561947003809 A 0.3209478320279169 0.3209478320279169 0 0 0 0.12969000614458548 0.9102040267282978 A 0.3209478320279169 0.3209478320279169 0 0 0 0.7715856702004192 0.9102040267282977 A 0.3209478320279169 0.3209478320279169 0 0 0 0.12969000614458548 0.9102040267282979 A 0.3209478320279169 0.3209478320279169 0 0 0 0.7715856702004192 0.9102040267282977" />
<path style="fill:%23BDDBC5; fill-opacity:0.25;" d="M 0.13770550345899324 0.4842659958841437 A 0.3767415782146451 0.3767415782146451 0 0 0 -0.23903607475565186 0.8610075740987888 A 0.3767415782146451 0.3767415782146451 0 0 0 0.5144470816736384 0.8610075740987887 A 0.3767415782146451 0.3767415782146451 0 0 0 -0.23903607475565186 0.8610075740987889 A 0.3767415782146451 0.3767415782146451 0 0 0 0.5144470816736384 0.8610075740987886" />
<path style="fill:none; stroke-width:0.02; stroke:%23067946; stroke-opacity:0.44884184549101597; stroke-linecap:round;" d="M -0.31316054315511477 -0.17738615097642407 C -0.7173899022482929 0.3903209331654704, 0.954957335330466 0.9392418564102738, 1.0100666122158044 0.9832728679874656" />
<path style="fill:none; stroke-width:0.05; stroke:%23067941; stroke-opacity:0.43594756837688337; stroke-linecap:round;" d="M -0.33926111739692943 -0.21994766907455143 C -1.0911865021053446 0.8758013867897465, 0.8278267452297718 1.382931451716228, 1.2272673279889903 0.9989786519132182" />
<path style="fill:none; stroke-width:0.05; stroke:%23067943; stroke-opacity:0.39949178241689126; stroke-linecap:round;" d="M -0.2798258487503189 0.010968408399182727 C -1.0323441183122566 0.9577361559258022, 0.8941526850489201 1.6311963100306235, 1.2283727614563111 1.385841298777967" />
<path style="fill:none; stroke-width:0.05; stroke:%23337906; stroke-opacity:0.46983136910156287; stroke-linecap:round;" d="M -0.013089771638256031 -0.268150801921544 C -0.8349524537424493 0.5610600117932103, 1.1551145640651557 1.5323736012928828, 1.4368076602222537 1.4056515345557026" />
<path style="fill:none; stroke-width:0.05; stroke:%23377906; stroke-opacity:0.20642711931690277; stroke-linecap:round;" d="M -0.19183205555087735 -0.19176925266025552 C -0.5497759444020165 0.3534058016503963, 1.4524004604331515 0.9890155963826703, 1.400826927598668 1.1779560959521362" />
<path style="fill:none; stroke-width:0.05; stroke:%23067931; stroke-opacity:0.3366513542186819; stroke-linecap:round;" d="M -0.36289258333379787 -0.0010414900159188556 C -0.6389023515378673 0.5972796150462306, 1.330681925622562 0.8962902523085031, 1.331756630211183 1.0462567621858778" />
<path style="fill:none; stroke-width:0.02; stroke:%23066F79; stroke-opacity:0.5640284259464761; stroke-linecap:round;" d="M 0.041685971651264586 -0.14955032912619215 C -0.5280131069156946 0.43501934110272766, 1.2420297364622745 1.327480394989074, 1.320092300073148 1.3654465882133688" />
<path style="fill:none; stroke-width:0.02; stroke:%23067962; stroke-opacity:0.24063630345921141; stroke-linecap:round;" d="M 0.04315089651541271 -0.16286768435471832 C -0.09167983609085428 0.07094020711514298, 1.4186668255790988 0.6430964467826243, 1.2082384392376386 0.9556495568183843" />
<path style="fill:none; stroke-width:0.02; stroke:%23067947; stroke-opacity:0.07343715460720884; stroke-linecap:round;" d="M -0.002751577296738028 -0.19449038066824725 C -0.1362758991049493 0.04668044450969622, 1.6679194126641779 0.7882396388470456, 1.3662378606061014 1.1950774228686742" />
<path style="fill:none; stroke-width:0.02; stroke:%23067945; stroke-opacity:0.423344854708404; stroke-linecap:round;" d="M -0.15948545519712026 0.010785039362274318 C -0.6516904655109164 0.5755559375399002, 0.8213580229515429 1.1975074649793105, 0.9517667026789014 1.160486823940187" />
<path style="fill:none; stroke-width:0.02; stroke:%23066A79; stroke-opacity:0.4593611770486031; stroke-linecap:round;" d="M -0.16085798231665704 -0.3423145931617688 C -0.7419566746704499 0.3167327802933443, 1.2310356955106916 1.1937352539338542, 1.3103091463859369 1.2380333150500704" />
<path style="fill:none; stroke-width:0.02; stroke:%2306796F; stroke-opacity:0.42156593903454426; stroke-linecap:round;" d="M -0.09842474988451677 -0.06733088825651096 C -0.07297070190585664 -0.0023676269071502, 1.4090085124176261 0.6178441404857584, 1.021725192011533 1.0842719667980254" />
<path style="fill:none; stroke-width:0.05; stroke:%23067928; stroke-opacity:0.43120315352102734; stroke-linecap:round;" d="M -0.3864236425565129 0.03246611134563537 C -0.7398509236784827 0.6794000403969606, 1.2093537776723884 1.0856144625943647, 1.2474456013379749 1.1703942366792015" />
<path style="fill:none; stroke-width:0.02; stroke:%23380679; stroke-opacity:0.127848442719323; stroke-linecap:round;" d="M 0.03583908748555764 -0.25943975722060864 C -0.29445493606229345 0.0919708942932303, 1.317467434683456 0.9831499690193795, 1.1692879034854022 1.1923824268118932" />
<path style="fill:none; stroke-width:0.02; stroke:%2306790C; stroke-opacity:0.3995181426528831; stroke-linecap:round;" d="M -0.14740036327872158 -0.14062249686392725 C -0.25669801902936196 0.059117438493997976, 1.3928742853820864 0.798213854502842, 1.0803119580347473 1.1860555936062167" />
<path style="fill:none; stroke-width:0.05; stroke:%2306791C; stroke-opacity:0.40550119135834567; stroke-linecap:round;" d="M -0.40583226486323126 -0.09121157396956542 C -0.4903655171445286 0.13311768425969545, 1.2066454284026036 0.5749056375685471, 0.9820882072343126 0.9805624265212687" />
<path style="fill:none; stroke-width:0.05; stroke:%2306793D; stroke-opacity:0.3361036251270195; stroke-linecap:round;" d="M -0.07055253600907774 0.006867706416088859 C -0.7021482024625878 0.7582215880455465, 0.9451295389249859 1.3937394242607641, 1.1956597203217925 1.237360859317032" />
<path style="fill:none; stroke-width:0.05; stroke:%230F7906; stroke-opacity:0.3181922300985748; stroke-linecap:round;" d="M -0.34119096467776 0.04032230337027831 C -0.6946892062448318 0.6758434078110976, 0.9209805331811827 0.9958338420029419, 1.0196551007128547 0.9681588036126929" />
<path style="fill:none; stroke-width:0.02; stroke:%2306792A; stroke-opacity:0.3296860707157385; stroke-linecap:round;" d="M -0.28709030399887003 -0.0030350003168205797 C -0.6494489265499563 0.6457843332997808, 1.2693446830021844 1.0595567334257108, 1.3158394817790093 1.1299224644761818" />
</svg>)
