diff --git a/docs/_app/immutable/chunks/_examples.DJO-zfaW.js b/docs/_app/immutable/chunks/_examples.DJO-zfaW.js
new file mode 100644
index 00000000..512a4bc9
--- /dev/null
+++ b/docs/_app/immutable/chunks/_examples.DJO-zfaW.js
@@ -0,0 +1 @@
+import{s as B,e as w,c as E,b as x,f as _,u as k,i as h,a as b,g as y,n as P,E as ae,v as be,t as G,d as X,h as z,j as xe,A as U,U as se,y as $e,r as Ne,a4 as It,k as We,a5 as ct,B as fe,C as le}from"./scheduler.P37s_KnH.js";import{S as M,i as j,c as i,b as m,m as p,t as c,a as u,d as g,g as ye,e as ke,f as oe}from"./index.GooPGtyi.js";import{a0 as zt,L as V,I as q,T as L,K as ce,M as ue,a8 as ut,N as Re,P as it,O as mt,f as te,J as Y,Q as pt,R as Q,S as we,U as gt,V as Pt,W as Tt,X as Vt,Y as Z,Z as ie,_ as _t,$ as F,w as dt,a1 as Lt,u as Bt,a2 as J,a3 as Mt,a4 as jt,a5 as At,a6 as Ye,a7 as Nt,a9 as Rt,aa as Ot,ab as qt,ac as Ut,ad as Wt,ae as Yt,af as Jt,ag as Gt,ah as Oe,ai as Xt,aj as Ft,o as Ht,ak as ht}from"./Brush.html.I1clC5X0.js";import{A as R,a as W,S as Qt,b as vt,V as Zt,T as er,c as tr,C as rr,d as Ke,e as nr,R as ar,f as bt,g as yt,h as sr,i as $r,j as fr,B as lr,K as kt,k as or,l as cr,m as ur,n as ir}from"./dots.plnXAFy8.js";import{e as H}from"./each.zMdpk9aP.js";import{b as mr,u as Je,g as pr,e as gr,d as Ge,c as _r,t as dr,a as Xe,f as hr,p as he,h as vr,i as br,j as yr,k as kr,l as wr,m as Er}from"./pointsFour.fzEDaS5G.js";function Dr($,e,{domain:a,thresholds:t}={}){if(typeof $!="object")throw new TypeError("The first argument of bin() must be an array or data object");let n=mr();if(e){const r=typeof e=="function"?e:f=>f[e];n=n.value(r)}return a&&(n=n.domain(a)),t&&(n=n.thresholds(t)),n($)}function qe($,e,{value:a,order:t,offset:n}={}){if(typeof $!="object")throw new TypeError("The first argument of stack() must be an array or data object");if(!Array.isArray(e))throw new TypeError("The second argument of stack() must be an array of key names");let r=zt().keys(e);return a&&(r=r.value(a)),t&&(r=r.order(t)),n&&(r=r.offset(n)),r($)}function Sr($,e,{groupTo:a="group",valueTo:t="value",keepKeys:n=void 0}={}){if(!Array.isArray($))throw new TypeError("The first argument of groupLonger() must be an array of data");if(!Array.isArray(e))throw new TypeError("The second argument of groupLonger() must be an array of key names");const r=new Set(e),f=n||Object.keys($[0]).filter(s=>!r.has(s));return e.map(s=>({[a]:s,values:$.map(l=>({...Object.fromEntries(f.map(o=>[o,l[o]])),[t]:l[s],[a]:s}))}))}function xr($){let e,a,t,n,r,f,s,l;return e=new R({}),t=new W({props:{ticks:4}}),r=new ce({}),s=new ue({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment),f=b(),i(s.$$.fragment)},l(o){m(e.$$.fragment,o),a=y(o),m(t.$$.fragment,o),n=y(o),m(r.$$.fragment,o),f=y(o),m(s.$$.fragment,o)},m(o,d){p(e,o,d),h(o,a,d),p(t,o,d),h(o,n,d),p(r,o,d),h(o,f,d),p(s,o,d),l=!0},p:P,i(o){l||(c(e.$$.fragment,o),c(t.$$.fragment,o),c(r.$$.fragment,o),c(s.$$.fragment,o),l=!0)},o(o){u(e.$$.fragment,o),u(t.$$.fragment,o),u(r.$$.fragment,o),u(s.$$.fragment,o),l=!1},d(o){o&&(_(a),_(n),_(f)),g(e,o),g(t,o),g(r,o),g(s,o)}}}function Kr($){let e,a;return e=new L({props:{$$slots:{default:[xr]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Cr($){let e,a,t;return a=new V({props:{padding:{top:8,right:10,bottom:20,left:25},x:Ir,y:Ce,yDomain:[0,null],data:q,$$slots:{default:[Kr]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&1&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Ir="myX",Ce="myY";function zr($){return q.forEach(e=>{e[Ce]=+e[Ce]}),[]}class Pr extends M{constructor(e){super(),j(this,e,zr,Cr,B,{})}}function Tr($){let e,a,t,n;return e=new R({props:{gridlines:!1}}),t=new W({props:{gridlines:!1,ticks:4}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p:P,i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Vr($){let e,a;return e=new Qt({props:{r:wt*1.5,fill:"#0cf"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Lr($){let e,a,t,n;return e=new vt({props:{r:wt,fill:Ar}}),t=new Zt({props:{stroke:"#333"}}),t.$on("voronoi-mouseover",Nr),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p:P,i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Br($){let e,a,t,n,r,f;return e=new L({props:{$$slots:{default:[Tr]},$$scope:{ctx:$}}}),t=new ut({props:{$$slots:{default:[Vr]},$$scope:{ctx:$}}}),r=new L({props:{$$slots:{default:[Lr]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p(s,l){const o={};l&1&&(o.$$scope={dirty:l,ctx:s}),e.$set(o);const d={};l&1&&(d.$$scope={dirty:l,ctx:s}),t.$set(d);const v={};l&1&&(v.$$scope={dirty:l,ctx:s}),r.$set(v)},i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function Mr($){let e,a,t;return a=new V({props:{padding:{top:10,right:5,bottom:20,left:25},x:jr,y:Ie,xPadding:[me,me],yPadding:[me,me],data:q,$$slots:{default:[Br]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&1&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const jr="myX",Ie="myY",wt=3,me=10,Ar="#fff";function Nr($){console.log("dispatched event",$,$.detail)}function Rr($){return q.forEach(e=>{e[Ie]=+e[Ie]}),[]}class Or extends M{constructor(e){super(),j(this,e,Rr,Mr,B,{})}}function Fe($){const e={...$[11].props,...$[2].get($[11].props[Et])};$[12]=e}function He($,e,a){const t=$.slice();t[13]=e[a][0],t[14]=e[a][1];const n=t[13].replace(/^\w/,r=>r.toUpperCase());return t[15]=n,t}function qr($){let e,a;return e=new pt({props:{projection:$[4]}}),e.$on("mousemove",$[8]),e.$on("mouseout",$[9]),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Qe($){let e,a;return e=new er({props:{evt:$[0],$$slots:{default:[Ur,({detail:t})=>({11:t}),({detail:t})=>t?2048:0]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1&&(r.evt=t[0]),n&264192&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Ze($){let e,a,t=$[15]+"",n,r,f,s=(typeof $[14]=="number"?$[7]($[14]):$[14])+"",l;return{c(){e=w("div"),a=w("span"),n=G(t),r=G(":"),f=b(),l=G(s),this.h()},l(o){e=E(o,"DIV",{class:!0});var d=x(e);a=E(d,"SPAN",{});var v=x(a);n=X(v,t),r=X(v,":"),v.forEach(_),f=y(d),l=X(d,s),d.forEach(_),this.h()},h(){k(e,"class","row")},m(o,d){h(o,e,d),z(e,a),z(a,n),z(a,r),z(e,f),z(e,l)},p(o,d){d&2048&&t!==(t=o[15]+"")&&xe(n,t),d&2048&&s!==(s=(typeof o[14]=="number"?o[7](o[14]):o[14])+"")&&xe(l,s)},d(o){o&&_(e)}}}function Ur($){Fe($);let e,a=H(Object.entries($[12])),t=[];for(let n=0;n<a.length;n+=1)t[n]=Ze(He($,a,n));return{c(){for(let n=0;n<t.length;n+=1)t[n].c();e=ae()},l(n){for(let r=0;r<t.length;r+=1)t[r].l(n);e=ae()},m(n,r){for(let f=0;f<t.length;f+=1)t[f]&&t[f].m(n,r);h(n,e,r)},p(n,r){if(Fe(n),r&2180){a=H(Object.entries(n[12]));let f;for(f=0;f<a.length;f+=1){const s=He(n,a,f);t[f]?t[f].p(s,r):(t[f]=Ze(s),t[f].c(),t[f].m(e.parentNode,e))}for(;f<t.length;f+=1)t[f].d(1);t.length=a.length}},d(n){n&&_(e),be(t,n)}}}function Wr($){let e,a,t=$[1]!==!0&&Qe($);return{c(){t&&t.c(),e=ae()},l(n){t&&t.l(n),e=ae()},m(n,r){t&&t.m(n,r),h(n,e,r),a=!0},p(n,r){n[1]!==!0?t?(t.p(n,r),r&2&&c(t,1)):(t=Qe(n),t.c(),c(t,1),t.m(e.parentNode,e)):t&&(ye(),u(t,1,1,()=>{t=null}),ke())},i(n){a||(c(t),a=!0)},o(n){u(t),a=!1},d(n){n&&_(e),t&&t.d(n)}}}function Yr($){let e,a,t,n;return e=new L({props:{$$slots:{default:[qr]},$$scope:{ctx:$}}}),t=new Y({props:{pointerEvents:!1,$$slots:{default:[Wr]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&262147&&(s.$$scope={dirty:f,ctx:r}),e.$set(s);const l={};f&262147&&(l.$$scope={dirty:f,ctx:r}),t.$set(l)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Jr($){let e,a,t;return a=new V({props:{data:$[3],z:$[10],zScale:Re(),zRange:$[6],flatData:$[5],$$slots:{default:[Yr]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&262147&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Gr="myValue",Xr="name",Et="name";function Fr($,e,a){const t=new Map,n=it(Je,Je.objects.states),r=pr;mt.forEach(I=>{t.set(I[Xr],I)});let f,s=!0;const l=n.features.map(I=>I.properties),o=["#ffdecc","#ffc09c","#ffa06b","#ff7a33"],d=te(",");return[f,s,t,n,r,l,o,d,I=>a(0,f=a(1,s=I)),()=>a(1,s=!0),I=>t.get(I[Et])[Gr]]}class Hr extends M{constructor(e){super(),j(this,e,Fr,Jr,B,{})}}function Qr($){let e,a,t,n,r,f;return e=new R({props:{gridlines:!1}}),t=new W({props:{snapBaselineLabel:!0}}),r=new gt({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function Zr($){let e,a;return e=new Pt({props:{annotations:$[0]}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function en($){let e,a;return e=new Tt({props:{annotations:$[0]}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function tn($){let e,a;return e=new Vt({}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function rn($){let e,a,t,n,r,f;return e=new L({props:{$$slots:{default:[Qr]},$$scope:{ctx:$}}}),t=new Y({props:{$$slots:{default:[Zr]},$$scope:{ctx:$}}}),r=new L({props:{$$slots:{defs:[tn],default:[en]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p(s,l){const o={};l&2&&(o.$$scope={dirty:l,ctx:s}),e.$set(o);const d={};l&2&&(d.$$scope={dirty:l,ctx:s}),t.$set(d);const v={};l&2&&(v.$$scope={dirty:l,ctx:s}),r.$set(v)},i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function nn($){let e,a,t;return a=new V({props:{padding:{top:0,right:0,bottom:20,left:20},x:an,y:ze,xScale:Q().paddingInner(.02).round(!0),xDomain:["1979","1980","1981","1982","1983"],yDomain:[0,null],data:we,$$slots:{default:[rn]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&2&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const an="year",ze="value";function sn($){const e=[{text:"Example text...",top:"18%",left:"30%",arrows:[{clockwise:!1,source:{anchor:"left-bottom",dx:-2,dy:-7},target:{x:"28%",y:"75%"}},{source:{anchor:"right-bottom",dy:-7,dx:5},target:{x:"68%",y:"48%"}}]}];return we.forEach(a=>{a[ze]=+a[ze]}),[e]}class $n extends M{constructor(e){super(),j(this,e,sn,nn,B,{})}}function fn($){let e,a,t,n,r,f;return e=new R({props:{format:$[3],tickMarks:!0}}),t=new W({props:{format:$[4]}}),r=new Lt({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function ln($){let e,a;return e=new L({props:{$$slots:{default:[fn]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&256&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function on($){let e,a,t;return a=new V({props:{padding:{top:0,right:0,bottom:20,left:17},x:$[6],y:$[0],z:cn,zScale:Z(),zDomain:$[1],zRange:$[2],flatData:ie($[5]),data:$[5],$$slots:{default:[ln]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&256&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const ne="month",cn="key";function un($){const e=[0,1],a=_t("%Y-%m-%d"),t=Object.keys(F[0]).filter(o=>o!==ne),n=["#ff00cc","#ff7ac7","#ffb3c0","#ffe4b8"],r=dt("%b. %-d"),f=o=>te("~s")(o);F.forEach(o=>{o[ne]=typeof o[ne]=="string"?a(o[ne]):o[ne],t.forEach(d=>{o[d]=+o[d]})});const s=qe(F,t);return[e,t,n,r,f,s,o=>o.data[ne]]}class mn extends M{constructor(e){super(),j(this,e,un,on,B,{})}}function pn($){let e,a,t,n,r,f;return e=new R({props:{gridlines:!1}}),t=new W({props:{ticks:4,gridlines:!1,format:$[3]}}),r=new Mt({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function gn($){let e,a;return e=new L({props:{$$slots:{default:[pn]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&64&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function _n($){let e,a,t;return a=new V({props:{padding:{top:0,right:0,bottom:20,left:20},x:$[5],y:$[0],z:dn,xScale:Q().paddingInner(.02).round(!0),xDomain:Bt(J,Pe),zScale:Z(),zDomain:$[1],zRange:$[2],flatData:ie($[4]),data:$[4],$$slots:{default:[gn]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&64&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Pe="year",dn="key";function hn($){const e=[0,1],a=Object.keys(J[0]).filter(s=>s!==Pe),t=["#00e047","#7ceb68","#b7f486","#ecfda5"];J.forEach(s=>{a.forEach(l=>{s[l]=+s[l]})});const n=s=>te("~s")(s),r=qe(J,a);return[e,a,t,n,r,s=>s.data[Pe]]}class vn extends M{constructor(e){super(),j(this,e,hn,_n,B,{})}}function bn($){let e,a,t,n,r,f;return e=new R({props:{gridlines:!1,ticks:F.map($[4]).sort(En),format:$[1],snapLabels:!0,tickMarks:!0}}),t=new W({props:{ticks:4,format:$[2]}}),r=new jt({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function yn($){let e,a,t,n;return e=new At({}),t=new tr({props:{formatTitle:$[1],dataset:F}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p:P,i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function kn($){let e,a,t,n;return e=new L({props:{$$slots:{default:[bn]},$$scope:{ctx:$}}}),t=new Y({props:{$$slots:{default:[yn]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&128&&(s.$$scope={dirty:f,ctx:r}),e.$set(s);const l={};f&128&&(l.$$scope={dirty:f,ctx:r}),t.$set(l)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function wn($){let e,a,t;return a=new V({props:{padding:{top:7,right:10,bottom:20,left:25},x:ee,y:Dt,z:St,yDomain:[0,null],zScale:Z(),zRange:$[0],flatData:ie($[3],"values"),data:$[3],$$slots:{default:[kn]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&128&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const ee="month",Dt="value",St="fruit",En=($,e)=>$-e;function Dn($){const e=_t("%Y-%m-%d"),a=Object.keys(F[0]).filter(l=>l!==ee),t=["#ffe4b8","#ffb3c0","#ff7ac7","#ff00cc"];F.forEach(l=>{l[ee]=typeof l[ee]=="string"?e(l[ee]):l[ee],a.forEach(o=>{l[o]=+l[o]})});const n=dt("%b. %e"),r=l=>te("~s")(l),f=Sr(F,a,{groupTo:St,valueTo:Dt});return[t,n,r,f,l=>l[ee]]}class Sn extends M{constructor(e){super(),j(this,e,Dn,wn,B,{})}}function xn($){let e,a;return e=new Ot({props:{projection:$[1],fill:"#fff"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Kn($){let e,a;return e=new pt({props:{projection:$[1],features:$[0].features.slice(40,50)}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Cn($){let e,a;return e=new qt({props:{projection:$[1],features:$[3],getCoordinates:$[6],getLabel:$[7]}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function In($){let e,a,t,n,r,f;return e=new ut({props:{$$slots:{default:[xn]},$$scope:{ctx:$}}}),t=new L({props:{$$slots:{default:[Kn]},$$scope:{ctx:$}}}),r=new Y({props:{pointerEvents:!1,$$slots:{default:[Cn]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p(s,l){const o={};l&1024&&(o.$$scope={dirty:l,ctx:s}),e.$set(o);const d={};l&1024&&(d.$$scope={dirty:l,ctx:s}),t.$set(d);const v={};l&1024&&(v.$$scope={dirty:l,ctx:s}),r.$set(v)},i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function zn($){let e,a,t;return a=new V({props:{data:$[0],z:$[8],zScale:Re(),zRange:$[5],flatData:$[4],$$slots:{default:[In]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&1024&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Pn="myValue",Tn="center",et="abbr",Vn="name",Ln="name";function Bn($){const e=it(Ye,Ye.objects.collection),a=Rt,t=new Map;mt.forEach(v=>{t.set(v[Vn],v[Pn])});const n=["VT","MD","NJ","RI","DC","DE","WV","MA","CT","NH"],r=Nt.filter(v=>!n.includes(v[et])),f=e.features.map(v=>v.properties);return[e,a,t,r,f,["#ffdecc","#ffc09c","#ffa06b","#ff7a33"],v=>v[Tn],v=>v[et],v=>t.get(v[Ln])]}class Mn extends M{constructor(e){super(),j(this,e,Bn,zn,B,{})}}function jn($){let e,a,t,n,r,f;return e=new R({props:{tickMarks:!0,baseline:!0,snapLabels:!0}}),t=new W({props:{tickMarks:!0,gridlines:!1}}),r=new Ut({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function An($){let e,a;return e=new L({props:{$$slots:{default:[jn]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Nn($){let e,a,t;return a=new V({props:{padding:{bottom:20,left:35},x:Te,y:Rn,yScale:Q().paddingInner(.05),xDomain:[0,null],data:we,$$slots:{default:[An]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&1&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Te="value",Rn="year";function On($){return we.forEach(e=>{e[Te]=+e[Te]}),[]}class qn extends M{constructor(e){super(),j(this,e,On,Nn,B,{})}}function Un($){let e,a,t,n,r,f;return e=new R({props:{baseline:!0,snapLabels:!0,format:$[3]}}),t=new W({props:{gridlines:!1}}),r=new Wt({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function Wn($){let e,a;return e=new L({props:{$$slots:{default:[Un]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&64&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Yn($){let e,a,t;return a=new V({props:{padding:{top:0,bottom:20,left:35},x:$[0],y:$[5],z:Jn,yScale:Q().paddingInner(.05),zScale:Z(),zDomain:$[1],zRange:$[2],flatData:ie($[4]),data:$[4],$$slots:{default:[Wn]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&64&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const tt="year",Jn="key";function Gn($){const e=[0,1],a=Object.keys(J[0]).filter(s=>s!==tt),t=["#00bbff","#8bcef6","#c4e2ed","#f7f6e3"];J.forEach(s=>{a.forEach(l=>{s[l]=+s[l]})});const n=s=>te("~s")(s),r=qe(J,a);return[e,a,t,n,r,s=>s.data[tt]]}class Xn extends M{constructor(e){super(),j(this,e,Gn,Yn,B,{})}}function Fn($){let e,a,t,n;return e=new R({}),t=new W({props:{tickMarks:!1,ticks:5}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p:P,i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Hn($){let e,a;return e=new Jt({props:{r:na}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Qn($){let e;return{c(){e=w("div"),this.h()},l(a){e=E(a,"DIV",{class:!0,style:!0}),x(e).forEach(_),this.h()},h(){k(e,"class","circle svelte-d2cww5"),U(e,"top",$[1]+"px"),U(e,"left",$[0]+"px"),U(e,"display",$[2]?"block":"none")},m(a,t){h(a,e,t)},p(a,t){t&2&&U(e,"top",a[1]+"px"),t&1&&U(e,"left",a[0]+"px"),t&4&&U(e,"display",a[2]?"block":"none")},d(a){a&&_(e)}}}function Zn($){let e,a;return e=new Gt({props:{$$slots:{default:[Qn,({x:t,y:n,visible:r})=>({0:t,1:n,2:r}),({x:t,y:n,visible:r})=>(t?1:0)|(n?2:0)|(r?4:0)]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&15&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function ea($){let e,a,t,n,r,f;return e=new L({props:{$$slots:{default:[Fn]},$$scope:{ctx:$}}}),t=new Yt({props:{$$slots:{default:[Hn]},$$scope:{ctx:$}}}),r=new Y({props:{$$slots:{default:[Zn]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p(s,l){const o={};l&8&&(o.$$scope={dirty:l,ctx:s}),e.$set(o);const d={};l&8&&(d.$$scope={dirty:l,ctx:s}),t.$set(d);const v={};l&8&&(v.$$scope={dirty:l,ctx:s}),r.$set(v)},i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function ta($){let e,a,t;return a=new V({props:{padding:{top:5,right:5,bottom:20,left:25},x:ra,y:Ve,xPadding:[pe,pe],yPadding:[pe,pe],data:q,$$slots:{default:[ea]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-d2cww5")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&8&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const ra="myX",Ve="myY",na=3,pe=6;function aa($){return q.forEach(e=>{e[Ve]=+e[Ve]}),[]}class sa extends M{constructor(e){super(),j(this,e,aa,ta,B,{})}}function $a($){let e,a,t,n,r,f;return e=new R({}),t=new W({props:{gridlines:!1}}),r=new rr({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function fa($){let e,a;return e=new L({props:{$$slots:{default:[$a]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&4&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function la($){let e,a,t;return a=new V({props:{padding:{right:10,bottom:20,left:30},x:$[0],y:xt,yScale:Q().paddingInner(.05).round(!0),xDomain:[0,null],xPadding:[10,0],zScale:Z(),zDomain:$[0],zRange:$[1],data:J,$$slots:{default:[fa]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&4&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const xt="year";function oa($){const e=Object.keys(J[0]).filter(t=>t!==xt),a=["#f0c","#00bbff","#00e047","#ff7a33"];return J.forEach(t=>{e.forEach(n=>{t[n]=+t[n]})}),[e,a]}class ca extends M{constructor(e){super(),j(this,e,oa,la,B,{})}}function ua($){let e,a,t,n,r,f;return e=new R({props:{gridlines:!1,baseline:!0,ticks:$[3],format:$[7]}}),t=new W({props:{gridlines:!1,ticks:3}}),r=new gt({props:{fill:"#fff",stroke:"#000",strokeWidth:1}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p(s,l){const o={};l&8&&(o.ticks=s[3]),e.$set(o)},i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function ia($){let e,a;return e=new L({props:{$$slots:{default:[ua]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&520&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function ma($){let e,a,t,n,r,f,s,l,o,d,v,K;return o=new V({props:{padding:{top:20,right:5,bottom:20,left:30},x:$[5],y:pa,xDomain:$[1],xScale:Q().paddingInner(0),yDomain:[0,null],data:$[2],$$slots:{default:[ia]},$$scope:{ctx:$}}}),{c(){e=w("div"),a=w("input"),t=b(),n=w("span"),r=G($[0]),f=G(" bins"),s=b(),l=w("div"),i(o.$$.fragment),this.h()},l(S){e=E(S,"DIV",{class:!0,style:!0});var I=x(e);a=E(I,"INPUT",{style:!0,type:!0,min:!0,max:!0,step:!0,class:!0}),t=y(I),n=E(I,"SPAN",{class:!0,style:!0});var N=x(n);r=X(N,$[0]),f=X(N," bins"),N.forEach(_),I.forEach(_),s=y(S),l=E(S,"DIV",{class:!0});var D=x(l);m(o.$$.fragment,D),D.forEach(_),this.h()},h(){U(a,"margin","0"),k(a,"type","range"),k(a,"min","4"),k(a,"max","100"),k(a,"step","4"),k(a,"class","svelte-v09z8s"),k(n,"class","counter-container"),U(n,"display","inline-block"),U(n,"vertical-align","top"),U(n,"width","70px"),U(n,"text-align","right"),k(e,"class","input-container"),U(e,"position","absolute"),U(e,"right","10px"),U(e,"z-index","9"),k(l,"class","chart-container svelte-v09z8s")},m(S,I){h(S,e,I),z(e,a),se(a,$[0]),z(e,t),z(e,n),z(n,r),z(n,f),h(S,s,I),h(S,l,I),p(o,l,null),d=!0,v||(K=[$e(a,"change",$[6]),$e(a,"input",$[6])],v=!0)},p(S,[I]){I&1&&se(a,S[0]),(!d||I&1)&&xe(r,S[0]);const N={};I&2&&(N.xDomain=S[1]),I&4&&(N.data=S[2]),I&520&&(N.$$scope={dirty:I,ctx:S}),o.$set(N)},i(S){d||(c(o.$$.fragment,S),d=!0)},o(S){u(o.$$.fragment,S),d=!1},d(S){S&&(_(e),_(s),_(l)),g(o),v=!1,Ne(K)}}}const pa="length";function ga($,e,a){let t,n,r;const f=te(".2f"),s=["x0","x1"];let l=40;const o=gr(Ge);function d(){l=It(this.value),a(0,l)}const v=K=>+f(K);return $.$$.update=()=>{$.$$.dirty&1&&a(1,t=_r(o,l)),$.$$.dirty&2&&a(3,n=dr(t,5)),$.$$.dirty&2&&a(2,r=Dr(Ge,K=>K,{domain:o,thresholds:t}))},[l,t,r,n,f,s,d,v]}class _a extends M{constructor(e){super(),j(this,e,ga,ma,B,{})}}function da($){let e,a;return e=new ce({props:{stroke:"#000"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function ha($){let e,a;return e=new L({props:{$$slots:{default:[da]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1024&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function va($){let e,a;return e=new V({props:{padding:{top:2,right:6,bottom:2,left:6},x:$[1].x,y:$[1].y,data:$[0],xDomain:$[2],yDomain:$[3],$$slots:{default:[ha]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,[n]){const r={};n&2&&(r.x=t[1].x),n&2&&(r.y=t[1].y),n&1&&(r.data=t[0]),n&4&&(r.xDomain=t[2]),n&8&&(r.yDomain=t[3]),n&1024&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function ba($,e,a){let t,n,{data:r}=e,{fullExtents:f}=e,{scale:s}=e,{extentGetters:l}=e;const o={duration:300,easing:hr},d=Xe(void 0,o);We($,d,S=>a(2,t=S));const v=Xe(void 0,o);We($,v,S=>a(3,n=S));const K=Oe(r,l);return $.$$set=S=>{"data"in S&&a(0,r=S.data),"fullExtents"in S&&a(6,f=S.fullExtents),"scale"in S&&a(7,s=S.scale),"extentGetters"in S&&a(1,l=S.extentGetters)},$.$$.update=()=>{$.$$.dirty&192&&d.set(s==="shared"?f.x:K.x),$.$$.dirty&192&&v.set(s==="shared"?f.y:K.y)},[r,l,t,n,d,v,f,s]}class ya extends M{constructor(e){super(),j(this,e,ba,va,B,{data:0,fullExtents:6,scale:7,extentGetters:1})}}function rt($,e,a){const t=$.slice();return t[6]=e[a],t}function nt($){let e,a,t,n;return a=new ya({props:{data:$[6],fullExtents:$[2],scale:$[0],extentGetters:$[1]}}),{c(){e=w("div"),i(a.$$.fragment),t=b(),this.h()},l(r){e=E(r,"DIV",{class:!0});var f=x(e);m(a.$$.fragment,f),t=y(f),f.forEach(_),this.h()},h(){k(e,"class","small-multiple-container svelte-1xmktbf")},m(r,f){h(r,e,f),p(a,e,null),z(e,t),n=!0},p(r,f){const s={};f&1&&(s.scale=r[0]),a.$set(s)},i(r){n||(c(a.$$.fragment,r),n=!0)},o(r){u(a.$$.fragment,r),n=!1},d(r){r&&_(e),g(a)}}}function ka($){let e,a,t,n,r,f,s,l,o,d,v,K,S,I,N=H(he),D=[];for(let C=0;C<N.length;C+=1)D[C]=nt(rt($,N,C));const O=C=>u(D[C],1,1,()=>{D[C]=null});return K=ct($[4][0]),{c(){e=w("div"),a=w("label"),t=w("input"),n=G("Individual scale"),r=b(),f=w("label"),s=w("input"),l=G("Shared scale"),o=b(),d=w("div");for(let C=0;C<D.length;C+=1)D[C].c();this.h()},l(C){e=E(C,"DIV",{class:!0});var A=x(e);a=E(A,"LABEL",{class:!0});var T=x(a);t=E(T,"INPUT",{type:!0,class:!0}),n=X(T,"Individual scale"),T.forEach(_),r=y(A),f=E(A,"LABEL",{class:!0});var re=x(f);s=E(re,"INPUT",{type:!0,class:!0}),l=X(re,"Shared scale"),re.forEach(_),A.forEach(_),o=y(C),d=E(C,"DIV",{class:!0});var Ue=x(d);for(let Ee=0;Ee<D.length;Ee+=1)D[Ee].l(Ue);Ue.forEach(_),this.h()},h(){k(t,"type","radio"),t.__value="individual",se(t,t.__value),k(t,"class","svelte-1xmktbf"),k(a,"class","svelte-1xmktbf"),k(s,"type","radio"),s.__value="shared",se(s,s.__value),k(s,"class","svelte-1xmktbf"),k(f,"class","svelte-1xmktbf"),k(e,"class","input-container svelte-1xmktbf"),k(d,"class","group-container svelte-1xmktbf"),K.p(t,s)},m(C,A){h(C,e,A),z(e,a),z(a,t),t.checked=t.__value===$[0],z(a,n),z(e,r),z(e,f),z(f,s),s.checked=s.__value===$[0],z(f,l),h(C,o,A),h(C,d,A);for(let T=0;T<D.length;T+=1)D[T]&&D[T].m(d,null);v=!0,S||(I=[$e(t,"change",$[3]),$e(s,"change",$[5])],S=!0)},p(C,[A]){if(A&1&&(t.checked=t.__value===C[0]),A&1&&(s.checked=s.__value===C[0]),A&7){N=H(he);let T;for(T=0;T<N.length;T+=1){const re=rt(C,N,T);D[T]?(D[T].p(re,A),c(D[T],1)):(D[T]=nt(re),D[T].c(),c(D[T],1),D[T].m(d,null))}for(ye(),T=N.length;T<D.length;T+=1)O(T);ke()}},i(C){if(!v){for(let A=0;A<N.length;A+=1)c(D[A]);v=!0}},o(C){D=D.filter(Boolean);for(let A=0;A<D.length;A+=1)u(D[A]);v=!1},d(C){C&&(_(e),_(o),_(d)),be(D,C),K.r(),S=!1,Ne(I)}}}function wa($,e,a){const t={x:o=>o.x,y:o=>o.y},n=Oe(ie(he),t);he.sort((o,d)=>d[d.length-1].y-o[o.length-1].y);let r="individual";const f=[[]];function s(){r=this.__value,a(0,r)}function l(){r=this.__value,a(0,r)}return[r,t,n,s,f,l]}class Ea extends M{constructor(e){super(),j(this,e,wa,ka,B,{})}}function at($,e,a){const t=$.slice();return t[5]=e[a],t[7]=a,t}function Da($){let e,a;return e=new Ft({}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Sa($){let e,a;return e=new L({props:{$$slots:{default:[Da]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&256&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function st($){let e,a,t,n;return a=new V({props:{padding:{top:1,right:1,bottom:1,left:1},x:"key",z:Ka,zScale:Re(),zRange:$[1],data:$[5].values,$$slots:{default:[Sa]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),t=b(),this.h()},l(r){e=E(r,"DIV",{class:!0,style:!0,"data-month":!0});var f=x(e);m(a.$$.fragment,f),t=y(f),f.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-1lqvxpk"),k(e,"style","width:calc("+100/$[2].length+"% - "+$t+"px);"+($[7]===0?`margin-right:${$t*2}px`:"")),k(e,"data-month",$[0][+$[5].key+1])},m(r,f){h(r,e,f),p(a,e,null),z(e,t),n=!0},p(r,f){const s={};f&256&&(s.$$scope={dirty:f,ctx:r}),a.$set(s)},i(r){n||(c(a.$$.fragment,r),n=!0)},o(r){u(a.$$.fragment,r),n=!1},d(r){r&&_(e),g(a)}}}function xa($){let e,a,t=H($[2]),n=[];for(let f=0;f<t.length;f+=1)n[f]=st(at($,t,f));const r=f=>u(n[f],1,1,()=>{n[f]=null});return{c(){for(let f=0;f<n.length;f+=1)n[f].c();e=ae()},l(f){for(let s=0;s<n.length;s+=1)n[s].l(f);e=ae()},m(f,s){for(let l=0;l<n.length;l+=1)n[l]&&n[l].m(f,s);h(f,e,s),a=!0},p(f,[s]){if(s&7){t=H(f[2]);let l;for(l=0;l<t.length;l+=1){const o=at(f,t,l);n[l]?(n[l].p(o,s),c(n[l],1)):(n[l]=st(o),n[l].c(),c(n[l],1),n[l].m(e.parentNode,e))}for(ye(),l=t.length;l<n.length;l+=1)r(l);ke()}},i(f){if(!a){for(let s=0;s<t.length;s+=1)c(n[s]);a=!0}},o(f){n=n.filter(Boolean);for(let s=0;s<n.length;s+=1)u(n[s]);a=!1},d(f){f&&_(e),be(n,f)}}}const $t=10,Ka=$=>$.values.length;function Ca($){const e=["January","February","March","April","May","June","July","August","September","October","November","December"],a=vr.map(f=>(f.date=new Date(f.timestring),f)),t=["#fff5cc","#ffeba9","#ffe182","#ffd754","#ffcc00"],r=Xt().key(f=>f.date.getUTCMonth()).key(f=>f.timestring.split("T")[0]).entries(a).sort((f,s)=>f.key-s.key);return[e,t,r]}class Ia extends M{constructor(e){super(),j(this,e,Ca,xa,B,{})}}function za($){let e,a,t,n,r,f;return e=new R({props:{ticks:[0,4,8,12,16,20,24].map(La),format:$[2]}}),t=new W({}),r=new vt({props:{r:Va,fill:"rgba(255, 204, 0, 0.75)"}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function Pa($){let e,a;return e=new L({props:{$$slots:{default:[za]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&64&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Ta($){let e,a,t;return a=new V({props:{padding:{top:0,right:15,bottom:20,left:75},x:Kt,y:Ct,xDomain:[0,24*60*60],yDomain:$[1],xScale:br(),yScale:Q().paddingInner(.05).round(!0),data:$[0],$$slots:{default:[Pa]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&64&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Kt="seconds",Ct="day",Va=4,La=$=>$*60*60;function Ba($){const e=yr.map(s=>{const l=s.timestring.split("T"),o=l[1].replace("Z","").split(":").map(d=>+d);return s[Kt]=o[0]*60*60+o[1]*60+o[2],s[Ct]=l[0],s}),a=Oe(e,{x:s=>s.timestring}),t=a.x[0].toString().split("T")[0].split("-").map(s=>+s),n=a.x[1].toString().split("T")[0].split("-").map(s=>+s),r=Ht.range(new Date(Date.UTC(t[0],t[1]-1,t[2])),new Date(Date.UTC(n[0],n[1]-1,n[2]+1))).map(s=>s.toISOString().split("T")[0]).sort();return[e,r,s=>`${Math.floor(s/60/60)}:00`]}class Ma extends M{constructor(e){super(),j(this,e,Ba,Ta,B,{})}}function ja($){let e,a,t,n;return e=new nr({}),t=new ar({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Aa($){let e,a;return e=new L({props:{$$slots:{default:[ja]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&4&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Na($){let e,a,t;return a=new V({props:{padding:{top:30,right:0,bottom:7,left:0},x:$[0],xDomain:[0,10],xRange:Oa,data:Ke,$$slots:{default:[Aa]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&4&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Ra="name",Oa=({height:$})=>[0,$/2];function qa($){const e=["fastball","change","slider","cutter","curve"],a=Object.keys(Ke[0]).filter(t=>t!==Ra);return Ke.forEach(t=>{a.forEach(n=>{t[n]=+t[n]})}),[e]}class Ua extends M{constructor(e){super(),j(this,e,qa,Na,B,{})}}function Wa($){let e,a;return e=new yt({props:{idKey:Ga,valueKey:Le,fill:"#ff00cc",stroke:"#9f0080",textColor:"#61004e",textStroke:"#ffdbf8",textStrokeWidth:1}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Ya($){let e,a;return e=new Y({props:{$$slots:{default:[Wa]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Ja($){let e,a,t;return a=new V({props:{padding:{top:0,bottom:20,left:30},data:bt,$$slots:{default:[Ya]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&1&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Ga="fruit",Le="value";function Xa($){return bt.forEach(e=>{e[Le]=+e[Le]}),[]}class Fa extends M{constructor(e){super(),j(this,e,Xa,Ja,B,{})}}const Ha=[{name:"Eve",parent:""},{name:"Cain",parent:"Eve"},{name:"Seth",parent:"Eve"},{name:"Enos",parent:"Seth"},{name:"Noam",parent:"Seth"},{name:"Abel",parent:"Eve"},{name:"Awan",parent:"Eve"},{name:"Enoch",parent:"Awan"},{name:"Azura",parent:"Eve"}];function Qa($){let e,a;return e=new yt({props:{idKey:ts,parentKey:rs,spacing:5,sortBy:ns,labelVisibilityThreshold:as,stroke:"#00bbff"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Za($){let e,a;return e=new Y({props:{$$slots:{default:[Qa]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function es($){let e,a,t;return a=new V({props:{padding:{top:0,bottom:20,left:30},data:Ha,$$slots:{default:[Za]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&1&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const ts="name",rs="parent",ns=($,e)=>e.depth-$.depth,as=$=>!1;class ss extends M{constructor(e){super(),j(this,e,null,es,B,{})}}function $s($){let e,a;return e=new $r({props:{colorNodes:os,colorLinks:cs}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function fs($){let e,a;return e=new L({props:{$$slots:{default:[$s]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function ls($){let e,a,t;return a=new V({props:{data:sr,$$slots:{default:[fs]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&1&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const os=$=>"#00bbff",cs=$=>"#00bbff35";class us extends M{constructor(e){super(),j(this,e,null,ls,B,{})}}function is($){let e,a,t,n,r,f,s,l;return e=new R({props:{ticks:hs}}),t=new W({props:{ticks:4}}),r=new ce({props:{stroke:"#00e047"}}),s=new ue({props:{fill:"#00e04710"}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment),f=b(),i(s.$$.fragment)},l(o){m(e.$$.fragment,o),a=y(o),m(t.$$.fragment,o),n=y(o),m(r.$$.fragment,o),f=y(o),m(s.$$.fragment,o)},m(o,d){p(e,o,d),h(o,a,d),p(t,o,d),h(o,n,d),p(r,o,d),h(o,f,d),p(s,o,d),l=!0},p:P,i(o){l||(c(e.$$.fragment,o),c(t.$$.fragment,o),c(r.$$.fragment,o),c(s.$$.fragment,o),l=!0)},o(o){u(e.$$.fragment,o),u(t.$$.fragment,o),u(r.$$.fragment,o),u(s.$$.fragment,o),l=!1},d(o){o&&(_(a),_(n),_(f)),g(e,o),g(t,o),g(r,o),g(s,o)}}}function ms($){let e,a;return e=new L({props:{$$slots:{default:[is]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&16&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function ps($){let e,a,t,n;return e=new ce({props:{stroke:"#00e047"}}),t=new ue({props:{fill:"#00e04710"}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p:P,i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function gs($){let e,a,t,n;function r(l){$[2](l)}function f(l){$[3](l)}let s={};return $[0][0]!==void 0&&(s.min=$[0][0]),$[0][1]!==void 0&&(s.max=$[0][1]),e=new ht({props:s}),fe.push(()=>oe(e,"min",r)),fe.push(()=>oe(e,"max",f)),{c(){i(e.$$.fragment)},l(l){m(e.$$.fragment,l)},m(l,o){p(e,l,o),n=!0},p(l,o){const d={};!a&&o&1&&(a=!0,d.min=l[0][0],le(()=>a=!1)),!t&&o&1&&(t=!0,d.max=l[0][1],le(()=>t=!1)),e.$set(d)},i(l){n||(c(e.$$.fragment,l),n=!0)},o(l){u(e.$$.fragment,l),n=!1},d(l){g(e,l)}}}function _s($){let e,a,t,n;return e=new L({props:{$$slots:{default:[ps]},$$scope:{ctx:$}}}),t=new Y({props:{$$slots:{default:[gs]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&16&&(s.$$scope={dirty:f,ctx:r}),e.$set(s);const l={};f&17&&(l.$$scope={dirty:f,ctx:r}),t.$set(l)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function ds($){let e,a,t,n,r,f;return a=new V({props:{padding:{right:10,bottom:20,left:25},x:ft,y:ve,yDomain:[0,null],data:$[1],$$slots:{default:[ms]},$$scope:{ctx:$}}}),r=new V({props:{padding:{top:5},x:ft,y:ve,yDomain:[0,null],data:q,$$slots:{default:[_s]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),t=b(),n=w("div"),i(r.$$.fragment),this.h()},l(s){e=E(s,"DIV",{class:!0});var l=x(e);m(a.$$.fragment,l),l.forEach(_),t=y(s),n=E(s,"DIV",{class:!0});var o=x(n);m(r.$$.fragment,o),o.forEach(_),this.h()},h(){k(e,"class","brushed-chart-container svelte-12vpq9d"),k(n,"class","brush-container svelte-12vpq9d")},m(s,l){h(s,e,l),p(a,e,null),h(s,t,l),h(s,n,l),p(r,n,null),f=!0},p(s,[l]){const o={};l&2&&(o.data=s[1]),l&16&&(o.$$scope={dirty:l,ctx:s}),a.$set(o);const d={};l&17&&(d.$$scope={dirty:l,ctx:s}),r.$set(d)},i(s){f||(c(a.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(a.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(e),_(t),_(n)),g(a),g(r)}}}const ft="myX",ve="myY",hs=$=>{const e=$.filter(a=>a%1===0);return e.length>7?e.filter((a,t)=>t%2===0):e};function vs($,e,a){let t=[null,null];q.forEach(s=>{s[ve]=+s[ve]});let n;function r(s){$.$$.not_equal(t[0],s)&&(t[0]=s,a(0,t))}function f(s){$.$$.not_equal(t[1],s)&&(t[1]=s,a(0,t))}return $.$$.update=()=>{$.$$.dirty&3&&(a(1,n=q.slice((t[0]||0)*q.length,(t[1]||1)*q.length)),n.length<2&&a(1,n=q.slice(t[0]*q.length,t[0]*q.length+2)))},[t,n,r,f]}class bs extends M{constructor(e){super(),j(this,e,vs,ds,B,{})}}function ys($){let e,a,t,n,r,f,s,l;return e=new R({props:{ticks:xs}}),t=new W({props:{ticks:2}}),r=new ce({props:{stroke:$[5]}}),s=new ue({props:{fill:`${$[5]}10`}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment),f=b(),i(s.$$.fragment)},l(o){m(e.$$.fragment,o),a=y(o),m(t.$$.fragment,o),n=y(o),m(r.$$.fragment,o),f=y(o),m(s.$$.fragment,o)},m(o,d){p(e,o,d),h(o,a,d),p(t,o,d),h(o,n,d),p(r,o,d),h(o,f,d),p(s,o,d),l=!0},p(o,d){const v={};d&32&&(v.stroke=o[5]),r.$set(v);const K={};d&32&&(K.fill=`${o[5]}10`),s.$set(K)},i(o){l||(c(e.$$.fragment,o),c(t.$$.fragment,o),c(r.$$.fragment,o),c(s.$$.fragment,o),l=!0)},o(o){u(e.$$.fragment,o),u(t.$$.fragment,o),u(r.$$.fragment,o),u(s.$$.fragment,o),l=!1},d(o){o&&(_(a),_(n),_(f)),g(e,o),g(t,o),g(r,o),g(s,o)}}}function ks($){let e,a;return e=new L({props:{$$slots:{default:[ys]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&544&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function ws($){let e,a,t,n;return e=new ce({props:{stroke:$[5]}}),t=new ue({props:{fill:`${$[5]}10`}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&32&&(s.stroke=r[5]),e.$set(s);const l={};f&32&&(l.fill=`${r[5]}10`),t.$set(l)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Es($){let e,a,t,n;function r(l){$[7](l)}function f(l){$[8](l)}let s={};return $[0]!==void 0&&(s.min=$[0]),$[1]!==void 0&&(s.max=$[1]),e=new ht({props:s}),fe.push(()=>oe(e,"min",r)),fe.push(()=>oe(e,"max",f)),{c(){i(e.$$.fragment)},l(l){m(e.$$.fragment,l)},m(l,o){p(e,l,o),n=!0},p(l,o){const d={};!a&&o&1&&(a=!0,d.min=l[0],le(()=>a=!1)),!t&&o&2&&(t=!0,d.max=l[1],le(()=>t=!1)),e.$set(d)},i(l){n||(c(e.$$.fragment,l),n=!0)},o(l){u(e.$$.fragment,l),n=!1},d(l){g(e,l)}}}function Ds($){let e,a,t,n;return e=new L({props:{$$slots:{default:[ws]},$$scope:{ctx:$}}}),t=new Y({props:{$$slots:{default:[Es]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&544&&(s.$$scope={dirty:f,ctx:r}),e.$set(s);const l={};f&515&&(l.$$scope={dirty:f,ctx:r}),t.$set(l)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Ss($){let e,a,t,n,r,f,s;return t=new V({props:{padding:{right:10,bottom:20,left:25},x:$[2],y:$[3],yDomain:[0,null],data:$[6],$$slots:{default:[ks]},$$scope:{ctx:$}}}),f=new V({props:{padding:{top:5},x:$[2],y:$[3],yDomain:[0,null],data:$[4],$$slots:{default:[Ds]},$$scope:{ctx:$}}}),{c(){e=w("div"),a=w("div"),i(t.$$.fragment),n=b(),r=w("div"),i(f.$$.fragment),this.h()},l(l){e=E(l,"DIV",{class:!0});var o=x(e);a=E(o,"DIV",{class:!0});var d=x(a);m(t.$$.fragment,d),d.forEach(_),n=y(o),r=E(o,"DIV",{class:!0});var v=x(r);m(f.$$.fragment,v),v.forEach(_),o.forEach(_),this.h()},h(){k(a,"class","chart-container svelte-ypfvhs"),k(r,"class","brush-container svelte-ypfvhs"),k(e,"class","chart-wrapper svelte-ypfvhs")},m(l,o){h(l,e,o),z(e,a),p(t,a,null),z(e,n),z(e,r),p(f,r,null),s=!0},p(l,[o]){const d={};o&4&&(d.x=l[2]),o&8&&(d.y=l[3]),o&64&&(d.data=l[6]),o&544&&(d.$$scope={dirty:o,ctx:l}),t.$set(d);const v={};o&4&&(v.x=l[2]),o&8&&(v.y=l[3]),o&16&&(v.data=l[4]),o&547&&(v.$$scope={dirty:o,ctx:l}),f.$set(v)},i(l){s||(c(t.$$.fragment,l),c(f.$$.fragment,l),s=!0)},o(l){u(t.$$.fragment,l),u(f.$$.fragment,l),s=!1},d(l){l&&_(e),g(t),g(f)}}}const xs=$=>{const e=$.filter(a=>a%1===0);return e.length>7?e.filter((a,t)=>t%2===0):e};function Ks($,e,a){let{min:t=null}=e,{max:n=null}=e,{xKey:r="x"}=e,{yKey:f="y"}=e,{data:s=[]}=e,{stroke:l="#00e047"}=e,o;function d(K){t=K,a(0,t)}function v(K){n=K,a(1,n)}return $.$$set=K=>{"min"in K&&a(0,t=K.min),"max"in K&&a(1,n=K.max),"xKey"in K&&a(2,r=K.xKey),"yKey"in K&&a(3,f=K.yKey),"data"in K&&a(4,s=K.data),"stroke"in K&&a(5,l=K.stroke)},$.$$.update=()=>{$.$$.dirty&83&&(a(6,o=s.slice((t||0)*s.length,(n||1)*s.length)),o.length<2&&a(6,o=s.slice(t*s.length,t*s.length+2)))},[t,n,r,f,s,l,o,d,v]}class Cs extends M{constructor(e){super(),j(this,e,Ks,Ss,B,{min:0,max:1,xKey:2,yKey:3,data:4,stroke:5})}}function lt($,e,a){const t=$.slice();return t[5]=e[a],t[7]=a,t}function ot($){let e,a,t,n;function r(l){$[3](l)}function f(l){$[4](l)}let s={data:$[5],xKey:zs,yKey:Be,stroke:$[2][$[7]]};return $[0][0]!==void 0&&(s.min=$[0][0]),$[0][1]!==void 0&&(s.max=$[0][1]),e=new Cs({props:s}),fe.push(()=>oe(e,"min",r)),fe.push(()=>oe(e,"max",f)),{c(){i(e.$$.fragment)},l(l){m(e.$$.fragment,l)},m(l,o){p(e,l,o),n=!0},p(l,o){const d={};!a&&o&1&&(a=!0,d.min=l[0][0],le(()=>a=!1)),!t&&o&1&&(t=!0,d.max=l[0][1],le(()=>t=!1)),e.$set(d)},i(l){n||(c(e.$$.fragment,l),n=!0)},o(l){u(e.$$.fragment,l),n=!1},d(l){g(e,l)}}}function Is($){let e,a,t=H($[1]),n=[];for(let f=0;f<t.length;f+=1)n[f]=ot(lt($,t,f));const r=f=>u(n[f],1,1,()=>{n[f]=null});return{c(){e=w("div");for(let f=0;f<n.length;f+=1)n[f].c();this.h()},l(f){e=E(f,"DIV",{class:!0});var s=x(e);for(let l=0;l<n.length;l+=1)n[l].l(s);s.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-lbwmtv")},m(f,s){h(f,e,s);for(let l=0;l<n.length;l+=1)n[l]&&n[l].m(e,null);a=!0},p(f,[s]){if(s&7){t=H(f[1]);let l;for(l=0;l<t.length;l+=1){const o=lt(f,t,l);n[l]?(n[l].p(o,s),c(n[l],1)):(n[l]=ot(o),n[l].c(),c(n[l],1),n[l].m(e,null))}for(ye(),l=t.length;l<n.length;l+=1)r(l);ke()}},i(f){if(!a){for(let s=0;s<t.length;s+=1)c(n[s]);a=!0}},o(f){n=n.filter(Boolean);for(let s=0;s<n.length;s+=1)u(n[s]);a=!1},d(f){f&&_(e),be(n,f)}}}const zs="myX",Be="myY";function Ps($,e,a){let t=[null,null];const n=[q,kr,wr,Er];n.forEach(l=>{l.forEach(o=>{o[Be]=+o[Be]})});const r=["#00e047","#00bbff","#ff00cc","#ffcc00"];function f(l){$.$$.not_equal(t[0],l)&&(t[0]=l,a(0,t))}function s(l){$.$$.not_equal(t[1],l)&&(t[1]=l,a(0,t))}return[t,n,r,f,s]}class Ts extends M{constructor(e){super(),j(this,e,Ps,Is,B,{})}}function Vs($){let e,a,t,n;return e=new R({props:{baseline:!0,format:$[2],tickMarks:!0}}),t=new lr({props:{r:$[5]<400?ge/1.6:ge,spacing:1,getTitle:$[3]}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&32&&(s.r=r[5]<400?ge/1.6:ge),t.$set(s)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Ls($){let e,a;return e=new kt({props:{align:"end",shape:"circle",lookup:{USA:"U.S."}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Bs($){let e,a,t,n;return e=new L({props:{$$slots:{default:[Vs]},$$scope:{ctx:$}}}),t=new Y({props:{pointerEvents:!1,$$slots:{default:[Ls]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&96&&(s.$$scope={dirty:f,ctx:r}),e.$set(s);const l={};f&64&&(l.$$scope={dirty:f,ctx:r}),t.$set(l)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Ms($){let e,a,t;return a=new V({props:{padding:{bottom:15},x:Me,z:de,zScale:Z(),zRange:$[0],data:$[1],$$slots:{default:[Bs,({width:n})=>({5:n}),({width:n})=>n?32:0]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&96&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Me="Weight_in_lbs",de="Origin",De="Name",ge=4;function js($){const e=new Set,a=["#ccc","#fc0","#000"],t=fr.map(f=>(e.add(f[de]),{[De]:f[De],[Me]:+f[Me],[de]:f[de]})),n=te(",");return[a,t,n,f=>f.data[De]]}class As extends M{constructor(e){super(),j(this,e,js,Ms,B,{})}}function Ns($){let e,a,t,n;return e=new R({}),t=new cr({props:{r:$[3]<400?_e/1.25:_e,strokeWidth:1,xStrength:.95,yStrength:.075,getTitle:$[2]}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&8&&(s.r=r[3]<400?_e/1.25:_e),t.$set(s)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Rs($){let e,a;return e=new kt({props:{shape:"circle"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Os($){let e,a,t,n;return e=new L({props:{$$slots:{default:[Ns]},$$scope:{ctx:$}}}),t=new Y({props:{pointerEvents:!1,$$slots:{default:[Rs]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&24&&(s.$$scope={dirty:f,ctx:r}),e.$set(s);const l={};f&16&&(l.$$scope={dirty:f,ctx:r}),t.$set(l)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function qs($){let e,a,t;return a=new V({props:{padding:{bottom:15},x:je,z:Ae,zScale:Z(),zRange:$[0],data:$[1],$$slots:{default:[Os,({width:n})=>({3:n}),({width:n})=>n?8:0]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&24&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const je="date_of_birth",Ae="gender",Se="name",_e=6;function Us($){const e=["#fc0","#000"],a=or.map(n=>({[Se]:n[Se],[Ae]:n[Ae],[je]:+n[je].split("-")[0]}));return[e,a,n=>n[Se]]}class Ws extends M{constructor(e){super(),j(this,e,Us,qs,B,{})}}function Ys($){let e,a;return e=new ir({props:{manyBodyStrength:Qs,xStrength:Zs,groupBy:JSON.parse($[0]),nodeStroke:"#000"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1&&(r.groupBy=JSON.parse(t[0])),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Js($){let e,a;return e=new L({props:{$$slots:{default:[Ys]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&33&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Gs($){let e,a,t,n,r,f,s,l,o,d,v,K,S,I,N;return v=new V({props:{data:ur,x:Xs,r:Fs,z:Hs,xScale:Q(),rRange:[3,12],zScale:Z(),zRange:$[1],$$slots:{default:[Js]},$$scope:{ctx:$}}}),S=ct($[3][0]),{c(){e=w("div"),a=w("label"),t=w("input"),n=G("Group by category"),r=b(),f=w("label"),s=w("input"),l=G("Clump together"),o=b(),d=w("div"),i(v.$$.fragment),this.h()},l(D){e=E(D,"DIV",{class:!0});var O=x(e);a=E(O,"LABEL",{class:!0});var C=x(a);t=E(C,"INPUT",{type:!0,class:!0}),n=X(C,"Group by category"),C.forEach(_),r=y(O),f=E(O,"LABEL",{class:!0});var A=x(f);s=E(A,"INPUT",{type:!0,class:!0}),l=X(A,"Clump together"),A.forEach(_),O.forEach(_),o=y(D),d=E(D,"DIV",{class:!0});var T=x(d);m(v.$$.fragment,T),T.forEach(_),this.h()},h(){k(t,"type","radio"),t.__value="true",se(t,t.__value),k(t,"class","svelte-11z1nx4"),k(a,"class","svelte-11z1nx4"),k(s,"type","radio"),s.__value="false",se(s,s.__value),k(s,"class","svelte-11z1nx4"),k(f,"class","svelte-11z1nx4"),k(e,"class","input-container"),k(d,"class","chart-container svelte-11z1nx4"),S.p(t,s)},m(D,O){h(D,e,O),z(e,a),z(a,t),t.checked=t.__value===$[0],z(a,n),z(e,r),z(e,f),z(f,s),s.checked=s.__value===$[0],z(f,l),h(D,o,O),h(D,d,O),p(v,d,null),K=!0,I||(N=[$e(t,"change",$[2]),$e(s,"change",$[4])],I=!0)},p(D,[O]){O&1&&(t.checked=t.__value===D[0]),O&1&&(s.checked=s.__value===D[0]);const C={};O&33&&(C.$$scope={dirty:O,ctx:D}),v.$set(C)},i(D){K||(c(v.$$.fragment,D),K=!0)},o(D){u(v.$$.fragment,D),K=!1},d(D){D&&(_(e),_(o),_(d)),g(v),S.r(),I=!1,Ne(N)}}}const Xs="category",Fs="value",Hs="category";let Qs=3,Zs=.1;function e$($,e,a){let t="true";const n=["#f0c","#0cf","#fc0"],r=[[]];function f(){t=this.__value,a(0,t)}function s(){t=this.__value,a(0,t)}return[t,n,f,r,s]}class t$ extends M{constructor(e){super(),j(this,e,e$,Gs,B,{})}}const l$=[{replPath:"ad32f9f301484d0cace82272126e9d09?version=3.46.2",title:"Line + area",slug:"Line",component:Pr},{replPath:"71cde05fa1e94583be57046207f72c02?version=3.46.2",title:"WebGL Scatter (svg axes, quadtree hover)",slug:"ScatterWebgl",component:sa},{replPath:"14b8f866cc414a9ebdfbb5eaabf66ae2?version=3.46.2",title:"Map (svg, tooltip, pre-projected)",slug:"MapSvg",component:Hr},{replPath:"a8135fcccf3d42e68b1f29be00fc72c6?version=3.46.2",title:"Multilayer map (canvas + svg)",slug:"MapLayered",component:Mn},{replPath:"666164c95fb9441188aab2622a4e8547?version=3.46.2",title:"Column annotated",slug:"Column",component:$n},{replPath:"f38656e90d0644cfb460206005c492e5?version=3.46.2",title:"Stacked column",slug:"ColumnStacked",component:vn},{replPath:"91fe94cac36c4829903238382563bc81?version=3.46.2",title:"Bar",slug:"Bar",component:qn},{replPath:"8d2e9a75cb0e4bf7abb86cb65915a93c?version=3.46.2",title:"Stacked bar",slug:"BarStacked",component:Xn},{replPath:"cc8d7b6ace40433da8d694f2877258a8?version=3.46.2",title:"Multiline (html labels + quadtree tooltip)",slug:"MultiLine",component:Sn},{replPath:"e6ae831e723646c8a01a039b3eeb33cb?version=3.46.2",title:"Stacked area",slug:"AreaStacked",component:mn},{replPath:"d9a9c151058d4e3eb74a4eed60eabb54?version=3.46.2",title:"Scatter (svg + canvas + voronoi)",slug:"Scatter",component:Or},{replPath:"f9f33add37d440f78b24092c7ba8154d?version=3.46.2",title:"Cleveland dot plot",slug:"ClevelandDotPlot",component:ca},{replPath:"fd96397862ff43e09fc8c83bfd818642?version=3.46.2",title:"Calendar (one cake per month)",slug:"Calendar",component:Ia},{replPath:"2c5131bd0b694d54a6211b40afbd3c09?version=3.46.2",title:"Time of day plot",slug:"Timeplot",component:Ma},{replPath:"58a15bea15bd46ee8364409c15045a8b?version=3.46.2",title:"Histogram (variable bins)",slug:"Histogram",component:_a},{replPath:"1c3297c4347248fc885b215f4907f8b2?version=3.46.2",title:"Small multiples (animated domain transition)",slug:"SmallMultiples",component:Ea},{replPath:"cb6bb95b7d1549f7be8d8fc7258ea1da?version=3.46.2",title:"Radar chart",slug:"Radar",component:Ua},{replPath:"5d3d22482b3d400d96c88d7de7ff45b1?version=3.46.2",title:"Circle pack",slug:"CirclePack",component:Fa},{replPath:"8ecba3df31e24658bf039a1a4d5daedc?version=3.46.2",title:"Nested circle pack",slug:"CirclePackNested",component:ss},{replPath:"0f7f35ffe2f14a25860772897f7a0b5c?version=3.46.2",title:"Sankey",slug:"Sankey",component:us},{replPath:"4e7a8affd4724d03b33493c85e50471c?version=3.46.2",title:"Brush",slug:"Brush",component:bs},{replPath:"0eaf387a0a564971865fb6176f959940?version=3.46.2",title:"Synced brush",slug:"SyncedBrush",component:Ts},{replPath:"132d2c81c3f841a0be0162443b008a92?version=3.46.2",title:"Beeswarm",slug:"Beeswarm",component:As},{replPath:"9d0e23f494f645b4a9623c46474462f6?version=3.46.2",title:"Beeswarm, force layout",slug:"BeeswarmForce",component:Ws},{replPath:"1879eb5e27f74784a69b65a11844f373?version=3.46.2",title:"Circle pack, force layout",slug:"CirclePackForce",component:t$}];export{l$ as e};
diff --git a/docs/_app/immutable/chunks/_examples.sYS4I3XL.js b/docs/_app/immutable/chunks/_examples.sYS4I3XL.js
deleted file mode 100644
index 49a84cb6..00000000
--- a/docs/_app/immutable/chunks/_examples.sYS4I3XL.js
+++ /dev/null
@@ -1 +0,0 @@
-import{s as L,e as w,c as E,b as x,f as _,u as k,i as h,a as b,g as y,n as P,E as ae,v as be,t as G,d as X,h as z,j as xe,A as U,U as se,y as $e,r as Ne,a4 as It,k as We,a5 as ct,B as fe,C as le}from"./scheduler.P37s_KnH.js";import{S as M,i as j,c as i,b as m,m as p,t as c,a as u,d as g,g as ye,e as ke,f as oe}from"./index.GooPGtyi.js";import{a0 as zt,L as V,I as q,T as B,K as ce,M as ue,a8 as ut,N as Re,P as it,O as mt,f as te,J as Y,Q as pt,R as Q,S as we,U as gt,V as Pt,W as Tt,X as Vt,Y as Z,Z as ie,_ as _t,$ as F,w as dt,a1 as Bt,u as Lt,a2 as J,a3 as Mt,a4 as jt,a5 as At,a6 as Ye,a7 as Nt,a9 as Rt,aa as Ot,ab as qt,ac as Ut,ad as Wt,ae as Yt,af as Jt,ag as Gt,ah as Oe,ai as Xt,aj as Ft,o as Ht,ak as ht}from"./Brush.html.I1clC5X0.js";import{A as R,a as W,S as Qt,b as vt,V as Zt,T as er,c as tr,C as rr,d as Ke,e as nr,R as ar,f as bt,g as yt,h as sr,i as $r,j as fr,B as lr,K as kt,k as or,l as cr,m as ur,n as ir}from"./dots.plnXAFy8.js";import{e as H}from"./each.zMdpk9aP.js";import{b as mr,u as Je,g as pr,e as gr,d as Ge,c as _r,t as dr,a as Xe,f as hr,p as he,h as vr,i as br,j as yr,k as kr,l as wr,m as Er}from"./pointsFour.fzEDaS5G.js";function Dr($,e,{domain:a,thresholds:t}={}){if(typeof $!="object")throw new TypeError("The first argument of bin() must be an array or data object");let n=mr();if(e){const r=typeof e=="function"?e:f=>f[e];n=n.value(r)}return a&&(n=n.domain(a)),t&&(n=n.thresholds(t)),n($)}function qe($,e,{value:a,order:t,offset:n}={}){if(typeof $!="object")throw new TypeError("The first argument of stack() must be an array or data object");if(!Array.isArray(e))throw new TypeError("The second argument of stack() must be an array of key names");let r=zt().keys(e);return a&&(r=r.value(a)),t&&(r=r.order(t)),n&&(r=r.offset(n)),r($)}function Sr($,e,{groupTo:a="group",valueTo:t="value",keepKeys:n=void 0}={}){if(!Array.isArray($))throw new TypeError("The first argument of groupLonger() must be an array of data");if(!Array.isArray(e))throw new TypeError("The second argument of groupLonger() must be an array of key names");const r=new Set(e),f=n||Object.keys($[0]).filter(s=>!r.has(s));return e.map(s=>({[a]:s,values:$.map(l=>({...Object.fromEntries(f.map(o=>[o,l[o]])),[t]:l[s],[a]:s}))}))}function xr($){let e,a,t,n,r,f,s,l;return e=new R({}),t=new W({props:{ticks:4}}),r=new ce({}),s=new ue({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment),f=b(),i(s.$$.fragment)},l(o){m(e.$$.fragment,o),a=y(o),m(t.$$.fragment,o),n=y(o),m(r.$$.fragment,o),f=y(o),m(s.$$.fragment,o)},m(o,d){p(e,o,d),h(o,a,d),p(t,o,d),h(o,n,d),p(r,o,d),h(o,f,d),p(s,o,d),l=!0},p:P,i(o){l||(c(e.$$.fragment,o),c(t.$$.fragment,o),c(r.$$.fragment,o),c(s.$$.fragment,o),l=!0)},o(o){u(e.$$.fragment,o),u(t.$$.fragment,o),u(r.$$.fragment,o),u(s.$$.fragment,o),l=!1},d(o){o&&(_(a),_(n),_(f)),g(e,o),g(t,o),g(r,o),g(s,o)}}}function Kr($){let e,a;return e=new B({props:{$$slots:{default:[xr]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Cr($){let e,a,t;return a=new V({props:{padding:{top:8,right:10,bottom:20,left:25},x:Ir,y:Ce,yDomain:[0,null],data:q,$$slots:{default:[Kr]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&1&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Ir="myX",Ce="myY";function zr($){return q.forEach(e=>{e[Ce]=+e[Ce]}),[]}class Pr extends M{constructor(e){super(),j(this,e,zr,Cr,L,{})}}function Tr($){let e,a,t,n;return e=new R({props:{gridlines:!1}}),t=new W({props:{gridlines:!1,ticks:4}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p:P,i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Vr($){let e,a;return e=new Qt({props:{r:wt*1.5,fill:"#0cf"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Br($){let e,a,t,n;return e=new vt({props:{r:wt,fill:Ar}}),t=new Zt({props:{stroke:"#333"}}),t.$on("voronoi-mouseover",Nr),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p:P,i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Lr($){let e,a,t,n,r,f;return e=new B({props:{$$slots:{default:[Tr]},$$scope:{ctx:$}}}),t=new ut({props:{$$slots:{default:[Vr]},$$scope:{ctx:$}}}),r=new B({props:{$$slots:{default:[Br]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p(s,l){const o={};l&1&&(o.$$scope={dirty:l,ctx:s}),e.$set(o);const d={};l&1&&(d.$$scope={dirty:l,ctx:s}),t.$set(d);const v={};l&1&&(v.$$scope={dirty:l,ctx:s}),r.$set(v)},i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function Mr($){let e,a,t;return a=new V({props:{padding:{top:10,right:5,bottom:20,left:25},x:jr,y:Ie,xPadding:[me,me],yPadding:[me,me],data:q,$$slots:{default:[Lr]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&1&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const jr="myX",Ie="myY",wt=3,me=10,Ar="#fff";function Nr($){console.log("dispatched event",$,$.detail)}function Rr($){return q.forEach(e=>{e[Ie]=+e[Ie]}),[]}class Or extends M{constructor(e){super(),j(this,e,Rr,Mr,L,{})}}function Fe($){const e={...$[11].props,...$[2].get($[11].props[Et])};$[12]=e}function He($,e,a){const t=$.slice();t[13]=e[a][0],t[14]=e[a][1];const n=t[13].replace(/^\w/,r=>r.toUpperCase());return t[15]=n,t}function qr($){let e,a;return e=new pt({props:{projection:$[4]}}),e.$on("mousemove",$[8]),e.$on("mouseout",$[9]),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Qe($){let e,a;return e=new er({props:{evt:$[0],$$slots:{default:[Ur,({detail:t})=>({11:t}),({detail:t})=>t?2048:0]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1&&(r.evt=t[0]),n&264192&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Ze($){let e,a,t=$[15]+"",n,r,f,s=(typeof $[14]=="number"?$[7]($[14]):$[14])+"",l;return{c(){e=w("div"),a=w("span"),n=G(t),r=G(":"),f=b(),l=G(s),this.h()},l(o){e=E(o,"DIV",{class:!0});var d=x(e);a=E(d,"SPAN",{});var v=x(a);n=X(v,t),r=X(v,":"),v.forEach(_),f=y(d),l=X(d,s),d.forEach(_),this.h()},h(){k(e,"class","row")},m(o,d){h(o,e,d),z(e,a),z(a,n),z(a,r),z(e,f),z(e,l)},p(o,d){d&2048&&t!==(t=o[15]+"")&&xe(n,t),d&2048&&s!==(s=(typeof o[14]=="number"?o[7](o[14]):o[14])+"")&&xe(l,s)},d(o){o&&_(e)}}}function Ur($){Fe($);let e,a=H(Object.entries($[12])),t=[];for(let n=0;n<a.length;n+=1)t[n]=Ze(He($,a,n));return{c(){for(let n=0;n<t.length;n+=1)t[n].c();e=ae()},l(n){for(let r=0;r<t.length;r+=1)t[r].l(n);e=ae()},m(n,r){for(let f=0;f<t.length;f+=1)t[f]&&t[f].m(n,r);h(n,e,r)},p(n,r){if(Fe(n),r&2180){a=H(Object.entries(n[12]));let f;for(f=0;f<a.length;f+=1){const s=He(n,a,f);t[f]?t[f].p(s,r):(t[f]=Ze(s),t[f].c(),t[f].m(e.parentNode,e))}for(;f<t.length;f+=1)t[f].d(1);t.length=a.length}},d(n){n&&_(e),be(t,n)}}}function Wr($){let e,a,t=$[1]!==!0&&Qe($);return{c(){t&&t.c(),e=ae()},l(n){t&&t.l(n),e=ae()},m(n,r){t&&t.m(n,r),h(n,e,r),a=!0},p(n,r){n[1]!==!0?t?(t.p(n,r),r&2&&c(t,1)):(t=Qe(n),t.c(),c(t,1),t.m(e.parentNode,e)):t&&(ye(),u(t,1,1,()=>{t=null}),ke())},i(n){a||(c(t),a=!0)},o(n){u(t),a=!1},d(n){n&&_(e),t&&t.d(n)}}}function Yr($){let e,a,t,n;return e=new B({props:{$$slots:{default:[qr]},$$scope:{ctx:$}}}),t=new Y({props:{pointerEvents:!1,$$slots:{default:[Wr]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&262147&&(s.$$scope={dirty:f,ctx:r}),e.$set(s);const l={};f&262147&&(l.$$scope={dirty:f,ctx:r}),t.$set(l)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Jr($){let e,a,t;return a=new V({props:{data:$[3],z:$[10],zScale:Re(),zRange:$[6],flatData:$[5],$$slots:{default:[Yr]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&262147&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Gr="myValue",Xr="name",Et="name";function Fr($,e,a){const t=new Map,n=it(Je,Je.objects.states),r=pr;mt.forEach(I=>{t.set(I[Xr],I)});let f,s=!0;const l=n.features.map(I=>I.properties),o=["#ffdecc","#ffc09c","#ffa06b","#ff7a33"],d=te(",");return[f,s,t,n,r,l,o,d,I=>a(0,f=a(1,s=I)),()=>a(1,s=!0),I=>t.get(I[Et])[Gr]]}class Hr extends M{constructor(e){super(),j(this,e,Fr,Jr,L,{})}}function Qr($){let e,a,t,n,r,f;return e=new R({props:{gridlines:!1}}),t=new W({props:{snapBaselineLabel:!0}}),r=new gt({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function Zr($){let e,a;return e=new Pt({props:{annotations:$[0]}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function en($){let e,a;return e=new Tt({props:{annotations:$[0]}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function tn($){let e,a;return e=new Vt({}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function rn($){let e,a,t,n,r,f;return e=new B({props:{$$slots:{default:[Qr]},$$scope:{ctx:$}}}),t=new Y({props:{$$slots:{default:[Zr]},$$scope:{ctx:$}}}),r=new B({props:{$$slots:{defs:[tn],default:[en]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p(s,l){const o={};l&2&&(o.$$scope={dirty:l,ctx:s}),e.$set(o);const d={};l&2&&(d.$$scope={dirty:l,ctx:s}),t.$set(d);const v={};l&2&&(v.$$scope={dirty:l,ctx:s}),r.$set(v)},i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function nn($){let e,a,t;return a=new V({props:{padding:{top:0,right:0,bottom:20,left:20},x:an,y:ze,xScale:Q().paddingInner(.02).round(!0),xDomain:["1979","1980","1981","1982","1983"],yDomain:[0,null],data:we,$$slots:{default:[rn]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&2&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const an="year",ze="value";function sn($){const e=[{text:"Example text...",top:"18%",left:"30%",arrows:[{clockwise:!1,source:{anchor:"left-bottom",dx:-2,dy:-7},target:{x:"28%",y:"75%"}},{source:{anchor:"right-bottom",dy:-7,dx:5},target:{x:"68%",y:"48%"}}]}];return we.forEach(a=>{a[ze]=+a[ze]}),[e]}class $n extends M{constructor(e){super(),j(this,e,sn,nn,L,{})}}function fn($){let e,a,t,n,r,f;return e=new R({props:{format:$[3],tickMarks:!0}}),t=new W({props:{format:$[4]}}),r=new Bt({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function ln($){let e,a;return e=new B({props:{$$slots:{default:[fn]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&256&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function on($){let e,a,t;return a=new V({props:{padding:{top:0,right:0,bottom:20,left:17},x:$[6],y:$[0],z:cn,zScale:Z(),zDomain:$[1],zRange:$[2],flatData:ie($[5]),data:$[5],$$slots:{default:[ln]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&256&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const ne="month",cn="key";function un($){const e=[0,1],a=_t("%Y-%m-%d"),t=Object.keys(F[0]).filter(o=>o!==ne),n=["#ff00cc","#ff7ac7","#ffb3c0","#ffe4b8"],r=dt("%b. %-d"),f=o=>te("~s")(o);F.forEach(o=>{o[ne]=typeof o[ne]=="string"?a(o[ne]):o[ne],t.forEach(d=>{o[d]=+o[d]})});const s=qe(F,t);return[e,t,n,r,f,s,o=>o.data[ne]]}class mn extends M{constructor(e){super(),j(this,e,un,on,L,{})}}function pn($){let e,a,t,n,r,f;return e=new R({props:{gridlines:!1}}),t=new W({props:{ticks:4,gridlines:!1,format:$[3]}}),r=new Mt({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function gn($){let e,a;return e=new B({props:{$$slots:{default:[pn]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&64&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function _n($){let e,a,t;return a=new V({props:{padding:{top:0,right:0,bottom:20,left:20},x:$[5],y:$[0],z:dn,xScale:Q().paddingInner(.02).round(!0),xDomain:Lt(J,Pe),zScale:Z(),zDomain:$[1],zRange:$[2],flatData:ie($[4]),data:$[4],$$slots:{default:[gn]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&64&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Pe="year",dn="key";function hn($){const e=[0,1],a=Object.keys(J[0]).filter(s=>s!==Pe),t=["#00e047","#7ceb68","#b7f486","#ecfda5"];J.forEach(s=>{a.forEach(l=>{s[l]=+s[l]})});const n=s=>te("~s")(s),r=qe(J,a);return[e,a,t,n,r,s=>s.data[Pe]]}class vn extends M{constructor(e){super(),j(this,e,hn,_n,L,{})}}function bn($){let e,a,t,n,r,f;return e=new R({props:{gridlines:!1,ticks:F.map($[4]).sort(En),format:$[1],snapTicks:!0,tickMarks:!0}}),t=new W({props:{ticks:4,format:$[2]}}),r=new jt({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function yn($){let e,a,t,n;return e=new At({}),t=new tr({props:{formatTitle:$[1],dataset:F}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p:P,i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function kn($){let e,a,t,n;return e=new B({props:{$$slots:{default:[bn]},$$scope:{ctx:$}}}),t=new Y({props:{$$slots:{default:[yn]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&128&&(s.$$scope={dirty:f,ctx:r}),e.$set(s);const l={};f&128&&(l.$$scope={dirty:f,ctx:r}),t.$set(l)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function wn($){let e,a,t;return a=new V({props:{padding:{top:7,right:10,bottom:20,left:25},x:ee,y:Dt,z:St,yDomain:[0,null],zScale:Z(),zRange:$[0],flatData:ie($[3],"values"),data:$[3],$$slots:{default:[kn]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&128&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const ee="month",Dt="value",St="fruit",En=($,e)=>$-e;function Dn($){const e=_t("%Y-%m-%d"),a=Object.keys(F[0]).filter(l=>l!==ee),t=["#ffe4b8","#ffb3c0","#ff7ac7","#ff00cc"];F.forEach(l=>{l[ee]=typeof l[ee]=="string"?e(l[ee]):l[ee],a.forEach(o=>{l[o]=+l[o]})});const n=dt("%b. %e"),r=l=>te("~s")(l),f=Sr(F,a,{groupTo:St,valueTo:Dt});return[t,n,r,f,l=>l[ee]]}class Sn extends M{constructor(e){super(),j(this,e,Dn,wn,L,{})}}function xn($){let e,a;return e=new Ot({props:{projection:$[1],fill:"#fff"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Kn($){let e,a;return e=new pt({props:{projection:$[1],features:$[0].features.slice(40,50)}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Cn($){let e,a;return e=new qt({props:{projection:$[1],features:$[3],getCoordinates:$[6],getLabel:$[7]}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function In($){let e,a,t,n,r,f;return e=new ut({props:{$$slots:{default:[xn]},$$scope:{ctx:$}}}),t=new B({props:{$$slots:{default:[Kn]},$$scope:{ctx:$}}}),r=new Y({props:{pointerEvents:!1,$$slots:{default:[Cn]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p(s,l){const o={};l&1024&&(o.$$scope={dirty:l,ctx:s}),e.$set(o);const d={};l&1024&&(d.$$scope={dirty:l,ctx:s}),t.$set(d);const v={};l&1024&&(v.$$scope={dirty:l,ctx:s}),r.$set(v)},i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function zn($){let e,a,t;return a=new V({props:{data:$[0],z:$[8],zScale:Re(),zRange:$[5],flatData:$[4],$$slots:{default:[In]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&1024&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Pn="myValue",Tn="center",et="abbr",Vn="name",Bn="name";function Ln($){const e=it(Ye,Ye.objects.collection),a=Rt,t=new Map;mt.forEach(v=>{t.set(v[Vn],v[Pn])});const n=["VT","MD","NJ","RI","DC","DE","WV","MA","CT","NH"],r=Nt.filter(v=>!n.includes(v[et])),f=e.features.map(v=>v.properties);return[e,a,t,r,f,["#ffdecc","#ffc09c","#ffa06b","#ff7a33"],v=>v[Tn],v=>v[et],v=>t.get(v[Bn])]}class Mn extends M{constructor(e){super(),j(this,e,Ln,zn,L,{})}}function jn($){let e,a,t,n,r,f;return e=new R({props:{tickMarks:!0,baseline:!0,snapTicks:!0}}),t=new W({props:{tickMarks:!0,gridlines:!1}}),r=new Ut({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function An($){let e,a;return e=new B({props:{$$slots:{default:[jn]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Nn($){let e,a,t;return a=new V({props:{padding:{bottom:20,left:35},x:Te,y:Rn,yScale:Q().paddingInner(.05),xDomain:[0,null],data:we,$$slots:{default:[An]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&1&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Te="value",Rn="year";function On($){return we.forEach(e=>{e[Te]=+e[Te]}),[]}class qn extends M{constructor(e){super(),j(this,e,On,Nn,L,{})}}function Un($){let e,a,t,n,r,f;return e=new R({props:{baseline:!0,snapLabels:!0,format:$[3]}}),t=new W({props:{gridlines:!1}}),r=new Wt({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function Wn($){let e,a;return e=new B({props:{$$slots:{default:[Un]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&64&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Yn($){let e,a,t;return a=new V({props:{padding:{top:0,bottom:20,left:35},x:$[0],y:$[5],z:Jn,yScale:Q().paddingInner(.05),zScale:Z(),zDomain:$[1],zRange:$[2],flatData:ie($[4]),data:$[4],$$slots:{default:[Wn]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&64&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const tt="year",Jn="key";function Gn($){const e=[0,1],a=Object.keys(J[0]).filter(s=>s!==tt),t=["#00bbff","#8bcef6","#c4e2ed","#f7f6e3"];J.forEach(s=>{a.forEach(l=>{s[l]=+s[l]})});const n=s=>te("~s")(s),r=qe(J,a);return[e,a,t,n,r,s=>s.data[tt]]}class Xn extends M{constructor(e){super(),j(this,e,Gn,Yn,L,{})}}function Fn($){let e,a,t,n;return e=new R({}),t=new W({props:{tickMarks:!1,ticks:5}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p:P,i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Hn($){let e,a;return e=new Jt({props:{r:na}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Qn($){let e;return{c(){e=w("div"),this.h()},l(a){e=E(a,"DIV",{class:!0,style:!0}),x(e).forEach(_),this.h()},h(){k(e,"class","circle svelte-d2cww5"),U(e,"top",$[1]+"px"),U(e,"left",$[0]+"px"),U(e,"display",$[2]?"block":"none")},m(a,t){h(a,e,t)},p(a,t){t&2&&U(e,"top",a[1]+"px"),t&1&&U(e,"left",a[0]+"px"),t&4&&U(e,"display",a[2]?"block":"none")},d(a){a&&_(e)}}}function Zn($){let e,a;return e=new Gt({props:{$$slots:{default:[Qn,({x:t,y:n,visible:r})=>({0:t,1:n,2:r}),({x:t,y:n,visible:r})=>(t?1:0)|(n?2:0)|(r?4:0)]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&15&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function ea($){let e,a,t,n,r,f;return e=new B({props:{$$slots:{default:[Fn]},$$scope:{ctx:$}}}),t=new Yt({props:{$$slots:{default:[Hn]},$$scope:{ctx:$}}}),r=new Y({props:{$$slots:{default:[Zn]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p(s,l){const o={};l&8&&(o.$$scope={dirty:l,ctx:s}),e.$set(o);const d={};l&8&&(d.$$scope={dirty:l,ctx:s}),t.$set(d);const v={};l&8&&(v.$$scope={dirty:l,ctx:s}),r.$set(v)},i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function ta($){let e,a,t;return a=new V({props:{padding:{top:5,right:5,bottom:20,left:25},x:ra,y:Ve,xPadding:[pe,pe],yPadding:[pe,pe],data:q,$$slots:{default:[ea]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-d2cww5")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&8&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const ra="myX",Ve="myY",na=3,pe=6;function aa($){return q.forEach(e=>{e[Ve]=+e[Ve]}),[]}class sa extends M{constructor(e){super(),j(this,e,aa,ta,L,{})}}function $a($){let e,a,t,n,r,f;return e=new R({}),t=new W({props:{gridlines:!1}}),r=new rr({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function fa($){let e,a;return e=new B({props:{$$slots:{default:[$a]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&4&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function la($){let e,a,t;return a=new V({props:{padding:{right:10,bottom:20,left:30},x:$[0],y:xt,yScale:Q().paddingInner(.05).round(!0),xDomain:[0,null],xPadding:[10,0],zScale:Z(),zDomain:$[0],zRange:$[1],data:J,$$slots:{default:[fa]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&4&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const xt="year";function oa($){const e=Object.keys(J[0]).filter(t=>t!==xt),a=["#f0c","#00bbff","#00e047","#ff7a33"];return J.forEach(t=>{e.forEach(n=>{t[n]=+t[n]})}),[e,a]}class ca extends M{constructor(e){super(),j(this,e,oa,la,L,{})}}function ua($){let e,a,t,n,r,f;return e=new R({props:{gridlines:!1,baseline:!0,ticks:$[3],format:$[7]}}),t=new W({props:{gridlines:!1,ticks:3}}),r=new gt({props:{fill:"#fff",stroke:"#000",strokeWidth:1}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p(s,l){const o={};l&8&&(o.ticks=s[3]),e.$set(o)},i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function ia($){let e,a;return e=new B({props:{$$slots:{default:[ua]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&520&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function ma($){let e,a,t,n,r,f,s,l,o,d,v,K;return o=new V({props:{padding:{top:20,right:5,bottom:20,left:30},x:$[5],y:pa,xDomain:$[1],xScale:Q().paddingInner(0),yDomain:[0,null],data:$[2],$$slots:{default:[ia]},$$scope:{ctx:$}}}),{c(){e=w("div"),a=w("input"),t=b(),n=w("span"),r=G($[0]),f=G(" bins"),s=b(),l=w("div"),i(o.$$.fragment),this.h()},l(S){e=E(S,"DIV",{class:!0,style:!0});var I=x(e);a=E(I,"INPUT",{style:!0,type:!0,min:!0,max:!0,step:!0,class:!0}),t=y(I),n=E(I,"SPAN",{class:!0,style:!0});var N=x(n);r=X(N,$[0]),f=X(N," bins"),N.forEach(_),I.forEach(_),s=y(S),l=E(S,"DIV",{class:!0});var D=x(l);m(o.$$.fragment,D),D.forEach(_),this.h()},h(){U(a,"margin","0"),k(a,"type","range"),k(a,"min","4"),k(a,"max","100"),k(a,"step","4"),k(a,"class","svelte-v09z8s"),k(n,"class","counter-container"),U(n,"display","inline-block"),U(n,"vertical-align","top"),U(n,"width","70px"),U(n,"text-align","right"),k(e,"class","input-container"),U(e,"position","absolute"),U(e,"right","10px"),U(e,"z-index","9"),k(l,"class","chart-container svelte-v09z8s")},m(S,I){h(S,e,I),z(e,a),se(a,$[0]),z(e,t),z(e,n),z(n,r),z(n,f),h(S,s,I),h(S,l,I),p(o,l,null),d=!0,v||(K=[$e(a,"change",$[6]),$e(a,"input",$[6])],v=!0)},p(S,[I]){I&1&&se(a,S[0]),(!d||I&1)&&xe(r,S[0]);const N={};I&2&&(N.xDomain=S[1]),I&4&&(N.data=S[2]),I&520&&(N.$$scope={dirty:I,ctx:S}),o.$set(N)},i(S){d||(c(o.$$.fragment,S),d=!0)},o(S){u(o.$$.fragment,S),d=!1},d(S){S&&(_(e),_(s),_(l)),g(o),v=!1,Ne(K)}}}const pa="length";function ga($,e,a){let t,n,r;const f=te(".2f"),s=["x0","x1"];let l=40;const o=gr(Ge);function d(){l=It(this.value),a(0,l)}const v=K=>+f(K);return $.$$.update=()=>{$.$$.dirty&1&&a(1,t=_r(o,l)),$.$$.dirty&2&&a(3,n=dr(t,5)),$.$$.dirty&2&&a(2,r=Dr(Ge,K=>K,{domain:o,thresholds:t}))},[l,t,r,n,f,s,d,v]}class _a extends M{constructor(e){super(),j(this,e,ga,ma,L,{})}}function da($){let e,a;return e=new ce({props:{stroke:"#000"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function ha($){let e,a;return e=new B({props:{$$slots:{default:[da]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1024&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function va($){let e,a;return e=new V({props:{padding:{top:2,right:6,bottom:2,left:6},x:$[1].x,y:$[1].y,data:$[0],xDomain:$[2],yDomain:$[3],$$slots:{default:[ha]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,[n]){const r={};n&2&&(r.x=t[1].x),n&2&&(r.y=t[1].y),n&1&&(r.data=t[0]),n&4&&(r.xDomain=t[2]),n&8&&(r.yDomain=t[3]),n&1024&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function ba($,e,a){let t,n,{data:r}=e,{fullExtents:f}=e,{scale:s}=e,{extentGetters:l}=e;const o={duration:300,easing:hr},d=Xe(void 0,o);We($,d,S=>a(2,t=S));const v=Xe(void 0,o);We($,v,S=>a(3,n=S));const K=Oe(r,l);return $.$$set=S=>{"data"in S&&a(0,r=S.data),"fullExtents"in S&&a(6,f=S.fullExtents),"scale"in S&&a(7,s=S.scale),"extentGetters"in S&&a(1,l=S.extentGetters)},$.$$.update=()=>{$.$$.dirty&192&&d.set(s==="shared"?f.x:K.x),$.$$.dirty&192&&v.set(s==="shared"?f.y:K.y)},[r,l,t,n,d,v,f,s]}class ya extends M{constructor(e){super(),j(this,e,ba,va,L,{data:0,fullExtents:6,scale:7,extentGetters:1})}}function rt($,e,a){const t=$.slice();return t[6]=e[a],t}function nt($){let e,a,t,n;return a=new ya({props:{data:$[6],fullExtents:$[2],scale:$[0],extentGetters:$[1]}}),{c(){e=w("div"),i(a.$$.fragment),t=b(),this.h()},l(r){e=E(r,"DIV",{class:!0});var f=x(e);m(a.$$.fragment,f),t=y(f),f.forEach(_),this.h()},h(){k(e,"class","small-multiple-container svelte-1xmktbf")},m(r,f){h(r,e,f),p(a,e,null),z(e,t),n=!0},p(r,f){const s={};f&1&&(s.scale=r[0]),a.$set(s)},i(r){n||(c(a.$$.fragment,r),n=!0)},o(r){u(a.$$.fragment,r),n=!1},d(r){r&&_(e),g(a)}}}function ka($){let e,a,t,n,r,f,s,l,o,d,v,K,S,I,N=H(he),D=[];for(let C=0;C<N.length;C+=1)D[C]=nt(rt($,N,C));const O=C=>u(D[C],1,1,()=>{D[C]=null});return K=ct($[4][0]),{c(){e=w("div"),a=w("label"),t=w("input"),n=G("Individual scale"),r=b(),f=w("label"),s=w("input"),l=G("Shared scale"),o=b(),d=w("div");for(let C=0;C<D.length;C+=1)D[C].c();this.h()},l(C){e=E(C,"DIV",{class:!0});var A=x(e);a=E(A,"LABEL",{class:!0});var T=x(a);t=E(T,"INPUT",{type:!0,class:!0}),n=X(T,"Individual scale"),T.forEach(_),r=y(A),f=E(A,"LABEL",{class:!0});var re=x(f);s=E(re,"INPUT",{type:!0,class:!0}),l=X(re,"Shared scale"),re.forEach(_),A.forEach(_),o=y(C),d=E(C,"DIV",{class:!0});var Ue=x(d);for(let Ee=0;Ee<D.length;Ee+=1)D[Ee].l(Ue);Ue.forEach(_),this.h()},h(){k(t,"type","radio"),t.__value="individual",se(t,t.__value),k(t,"class","svelte-1xmktbf"),k(a,"class","svelte-1xmktbf"),k(s,"type","radio"),s.__value="shared",se(s,s.__value),k(s,"class","svelte-1xmktbf"),k(f,"class","svelte-1xmktbf"),k(e,"class","input-container svelte-1xmktbf"),k(d,"class","group-container svelte-1xmktbf"),K.p(t,s)},m(C,A){h(C,e,A),z(e,a),z(a,t),t.checked=t.__value===$[0],z(a,n),z(e,r),z(e,f),z(f,s),s.checked=s.__value===$[0],z(f,l),h(C,o,A),h(C,d,A);for(let T=0;T<D.length;T+=1)D[T]&&D[T].m(d,null);v=!0,S||(I=[$e(t,"change",$[3]),$e(s,"change",$[5])],S=!0)},p(C,[A]){if(A&1&&(t.checked=t.__value===C[0]),A&1&&(s.checked=s.__value===C[0]),A&7){N=H(he);let T;for(T=0;T<N.length;T+=1){const re=rt(C,N,T);D[T]?(D[T].p(re,A),c(D[T],1)):(D[T]=nt(re),D[T].c(),c(D[T],1),D[T].m(d,null))}for(ye(),T=N.length;T<D.length;T+=1)O(T);ke()}},i(C){if(!v){for(let A=0;A<N.length;A+=1)c(D[A]);v=!0}},o(C){D=D.filter(Boolean);for(let A=0;A<D.length;A+=1)u(D[A]);v=!1},d(C){C&&(_(e),_(o),_(d)),be(D,C),K.r(),S=!1,Ne(I)}}}function wa($,e,a){const t={x:o=>o.x,y:o=>o.y},n=Oe(ie(he),t);he.sort((o,d)=>d[d.length-1].y-o[o.length-1].y);let r="individual";const f=[[]];function s(){r=this.__value,a(0,r)}function l(){r=this.__value,a(0,r)}return[r,t,n,s,f,l]}class Ea extends M{constructor(e){super(),j(this,e,wa,ka,L,{})}}function at($,e,a){const t=$.slice();return t[5]=e[a],t[7]=a,t}function Da($){let e,a;return e=new Ft({}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Sa($){let e,a;return e=new B({props:{$$slots:{default:[Da]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&256&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function st($){let e,a,t,n;return a=new V({props:{padding:{top:1,right:1,bottom:1,left:1},x:"key",z:Ka,zScale:Re(),zRange:$[1],data:$[5].values,$$slots:{default:[Sa]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),t=b(),this.h()},l(r){e=E(r,"DIV",{class:!0,style:!0,"data-month":!0});var f=x(e);m(a.$$.fragment,f),t=y(f),f.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-1lqvxpk"),k(e,"style","width:calc("+100/$[2].length+"% - "+$t+"px);"+($[7]===0?`margin-right:${$t*2}px`:"")),k(e,"data-month",$[0][+$[5].key+1])},m(r,f){h(r,e,f),p(a,e,null),z(e,t),n=!0},p(r,f){const s={};f&256&&(s.$$scope={dirty:f,ctx:r}),a.$set(s)},i(r){n||(c(a.$$.fragment,r),n=!0)},o(r){u(a.$$.fragment,r),n=!1},d(r){r&&_(e),g(a)}}}function xa($){let e,a,t=H($[2]),n=[];for(let f=0;f<t.length;f+=1)n[f]=st(at($,t,f));const r=f=>u(n[f],1,1,()=>{n[f]=null});return{c(){for(let f=0;f<n.length;f+=1)n[f].c();e=ae()},l(f){for(let s=0;s<n.length;s+=1)n[s].l(f);e=ae()},m(f,s){for(let l=0;l<n.length;l+=1)n[l]&&n[l].m(f,s);h(f,e,s),a=!0},p(f,[s]){if(s&7){t=H(f[2]);let l;for(l=0;l<t.length;l+=1){const o=at(f,t,l);n[l]?(n[l].p(o,s),c(n[l],1)):(n[l]=st(o),n[l].c(),c(n[l],1),n[l].m(e.parentNode,e))}for(ye(),l=t.length;l<n.length;l+=1)r(l);ke()}},i(f){if(!a){for(let s=0;s<t.length;s+=1)c(n[s]);a=!0}},o(f){n=n.filter(Boolean);for(let s=0;s<n.length;s+=1)u(n[s]);a=!1},d(f){f&&_(e),be(n,f)}}}const $t=10,Ka=$=>$.values.length;function Ca($){const e=["January","February","March","April","May","June","July","August","September","October","November","December"],a=vr.map(f=>(f.date=new Date(f.timestring),f)),t=["#fff5cc","#ffeba9","#ffe182","#ffd754","#ffcc00"],r=Xt().key(f=>f.date.getUTCMonth()).key(f=>f.timestring.split("T")[0]).entries(a).sort((f,s)=>f.key-s.key);return[e,t,r]}class Ia extends M{constructor(e){super(),j(this,e,Ca,xa,L,{})}}function za($){let e,a,t,n,r,f;return e=new R({props:{ticks:[0,4,8,12,16,20,24].map(Ba),format:$[2]}}),t=new W({}),r=new vt({props:{r:Va,fill:"rgba(255, 204, 0, 0.75)"}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment)},l(s){m(e.$$.fragment,s),a=y(s),m(t.$$.fragment,s),n=y(s),m(r.$$.fragment,s)},m(s,l){p(e,s,l),h(s,a,l),p(t,s,l),h(s,n,l),p(r,s,l),f=!0},p:P,i(s){f||(c(e.$$.fragment,s),c(t.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(e.$$.fragment,s),u(t.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(a),_(n)),g(e,s),g(t,s),g(r,s)}}}function Pa($){let e,a;return e=new B({props:{$$slots:{default:[za]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&64&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Ta($){let e,a,t;return a=new V({props:{padding:{top:0,right:15,bottom:20,left:75},x:Kt,y:Ct,xDomain:[0,24*60*60],yDomain:$[1],xScale:br(),yScale:Q().paddingInner(.05).round(!0),data:$[0],$$slots:{default:[Pa]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&64&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Kt="seconds",Ct="day",Va=4,Ba=$=>$*60*60;function La($){const e=yr.map(s=>{const l=s.timestring.split("T"),o=l[1].replace("Z","").split(":").map(d=>+d);return s[Kt]=o[0]*60*60+o[1]*60+o[2],s[Ct]=l[0],s}),a=Oe(e,{x:s=>s.timestring}),t=a.x[0].toString().split("T")[0].split("-").map(s=>+s),n=a.x[1].toString().split("T")[0].split("-").map(s=>+s),r=Ht.range(new Date(Date.UTC(t[0],t[1]-1,t[2])),new Date(Date.UTC(n[0],n[1]-1,n[2]+1))).map(s=>s.toISOString().split("T")[0]).sort();return[e,r,s=>`${Math.floor(s/60/60)}:00`]}class Ma extends M{constructor(e){super(),j(this,e,La,Ta,L,{})}}function ja($){let e,a,t,n;return e=new nr({}),t=new ar({}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Aa($){let e,a;return e=new B({props:{$$slots:{default:[ja]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&4&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Na($){let e,a,t;return a=new V({props:{padding:{top:30,right:0,bottom:7,left:0},x:$[0],xDomain:[0,10],xRange:Oa,data:Ke,$$slots:{default:[Aa]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&4&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Ra="name",Oa=({height:$})=>[0,$/2];function qa($){const e=["fastball","change","slider","cutter","curve"],a=Object.keys(Ke[0]).filter(t=>t!==Ra);return Ke.forEach(t=>{a.forEach(n=>{t[n]=+t[n]})}),[e]}class Ua extends M{constructor(e){super(),j(this,e,qa,Na,L,{})}}function Wa($){let e,a;return e=new yt({props:{idKey:Ga,valueKey:Be,fill:"#ff00cc",stroke:"#9f0080",textColor:"#61004e",textStroke:"#ffdbf8",textStrokeWidth:1}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Ya($){let e,a;return e=new Y({props:{$$slots:{default:[Wa]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Ja($){let e,a,t;return a=new V({props:{padding:{top:0,bottom:20,left:30},data:bt,$$slots:{default:[Ya]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&1&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Ga="fruit",Be="value";function Xa($){return bt.forEach(e=>{e[Be]=+e[Be]}),[]}class Fa extends M{constructor(e){super(),j(this,e,Xa,Ja,L,{})}}const Ha=[{name:"Eve",parent:""},{name:"Cain",parent:"Eve"},{name:"Seth",parent:"Eve"},{name:"Enos",parent:"Seth"},{name:"Noam",parent:"Seth"},{name:"Abel",parent:"Eve"},{name:"Awan",parent:"Eve"},{name:"Enoch",parent:"Awan"},{name:"Azura",parent:"Eve"}];function Qa($){let e,a;return e=new yt({props:{idKey:ts,parentKey:rs,spacing:5,sortBy:ns,labelVisibilityThreshold:as,stroke:"#00bbff"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Za($){let e,a;return e=new Y({props:{$$slots:{default:[Qa]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function es($){let e,a,t;return a=new V({props:{padding:{top:0,bottom:20,left:30},data:Ha,$$slots:{default:[Za]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&1&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const ts="name",rs="parent",ns=($,e)=>e.depth-$.depth,as=$=>!1;class ss extends M{constructor(e){super(),j(this,e,null,es,L,{})}}function $s($){let e,a;return e=new $r({props:{colorNodes:os,colorLinks:cs}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function fs($){let e,a;return e=new B({props:{$$slots:{default:[$s]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function ls($){let e,a,t;return a=new V({props:{data:sr,$$slots:{default:[fs]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&1&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const os=$=>"#00bbff",cs=$=>"#00bbff35";class us extends M{constructor(e){super(),j(this,e,null,ls,L,{})}}function is($){let e,a,t,n,r,f,s,l;return e=new R({props:{ticks:hs}}),t=new W({props:{ticks:4}}),r=new ce({props:{stroke:"#00e047"}}),s=new ue({props:{fill:"#00e04710"}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment),f=b(),i(s.$$.fragment)},l(o){m(e.$$.fragment,o),a=y(o),m(t.$$.fragment,o),n=y(o),m(r.$$.fragment,o),f=y(o),m(s.$$.fragment,o)},m(o,d){p(e,o,d),h(o,a,d),p(t,o,d),h(o,n,d),p(r,o,d),h(o,f,d),p(s,o,d),l=!0},p:P,i(o){l||(c(e.$$.fragment,o),c(t.$$.fragment,o),c(r.$$.fragment,o),c(s.$$.fragment,o),l=!0)},o(o){u(e.$$.fragment,o),u(t.$$.fragment,o),u(r.$$.fragment,o),u(s.$$.fragment,o),l=!1},d(o){o&&(_(a),_(n),_(f)),g(e,o),g(t,o),g(r,o),g(s,o)}}}function ms($){let e,a;return e=new B({props:{$$slots:{default:[is]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&16&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function ps($){let e,a,t,n;return e=new ce({props:{stroke:"#00e047"}}),t=new ue({props:{fill:"#00e04710"}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p:P,i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function gs($){let e,a,t,n;function r(l){$[2](l)}function f(l){$[3](l)}let s={};return $[0][0]!==void 0&&(s.min=$[0][0]),$[0][1]!==void 0&&(s.max=$[0][1]),e=new ht({props:s}),fe.push(()=>oe(e,"min",r)),fe.push(()=>oe(e,"max",f)),{c(){i(e.$$.fragment)},l(l){m(e.$$.fragment,l)},m(l,o){p(e,l,o),n=!0},p(l,o){const d={};!a&&o&1&&(a=!0,d.min=l[0][0],le(()=>a=!1)),!t&&o&1&&(t=!0,d.max=l[0][1],le(()=>t=!1)),e.$set(d)},i(l){n||(c(e.$$.fragment,l),n=!0)},o(l){u(e.$$.fragment,l),n=!1},d(l){g(e,l)}}}function _s($){let e,a,t,n;return e=new B({props:{$$slots:{default:[ps]},$$scope:{ctx:$}}}),t=new Y({props:{$$slots:{default:[gs]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&16&&(s.$$scope={dirty:f,ctx:r}),e.$set(s);const l={};f&17&&(l.$$scope={dirty:f,ctx:r}),t.$set(l)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function ds($){let e,a,t,n,r,f;return a=new V({props:{padding:{right:10,bottom:20,left:25},x:ft,y:ve,yDomain:[0,null],data:$[1],$$slots:{default:[ms]},$$scope:{ctx:$}}}),r=new V({props:{padding:{top:5},x:ft,y:ve,yDomain:[0,null],data:q,$$slots:{default:[_s]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),t=b(),n=w("div"),i(r.$$.fragment),this.h()},l(s){e=E(s,"DIV",{class:!0});var l=x(e);m(a.$$.fragment,l),l.forEach(_),t=y(s),n=E(s,"DIV",{class:!0});var o=x(n);m(r.$$.fragment,o),o.forEach(_),this.h()},h(){k(e,"class","brushed-chart-container svelte-12vpq9d"),k(n,"class","brush-container svelte-12vpq9d")},m(s,l){h(s,e,l),p(a,e,null),h(s,t,l),h(s,n,l),p(r,n,null),f=!0},p(s,[l]){const o={};l&2&&(o.data=s[1]),l&16&&(o.$$scope={dirty:l,ctx:s}),a.$set(o);const d={};l&17&&(d.$$scope={dirty:l,ctx:s}),r.$set(d)},i(s){f||(c(a.$$.fragment,s),c(r.$$.fragment,s),f=!0)},o(s){u(a.$$.fragment,s),u(r.$$.fragment,s),f=!1},d(s){s&&(_(e),_(t),_(n)),g(a),g(r)}}}const ft="myX",ve="myY",hs=$=>{const e=$.filter(a=>a%1===0);return e.length>7?e.filter((a,t)=>t%2===0):e};function vs($,e,a){let t=[null,null];q.forEach(s=>{s[ve]=+s[ve]});let n;function r(s){$.$$.not_equal(t[0],s)&&(t[0]=s,a(0,t))}function f(s){$.$$.not_equal(t[1],s)&&(t[1]=s,a(0,t))}return $.$$.update=()=>{$.$$.dirty&3&&(a(1,n=q.slice((t[0]||0)*q.length,(t[1]||1)*q.length)),n.length<2&&a(1,n=q.slice(t[0]*q.length,t[0]*q.length+2)))},[t,n,r,f]}class bs extends M{constructor(e){super(),j(this,e,vs,ds,L,{})}}function ys($){let e,a,t,n,r,f,s,l;return e=new R({props:{ticks:xs}}),t=new W({props:{ticks:2}}),r=new ce({props:{stroke:$[5]}}),s=new ue({props:{fill:`${$[5]}10`}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment),n=b(),i(r.$$.fragment),f=b(),i(s.$$.fragment)},l(o){m(e.$$.fragment,o),a=y(o),m(t.$$.fragment,o),n=y(o),m(r.$$.fragment,o),f=y(o),m(s.$$.fragment,o)},m(o,d){p(e,o,d),h(o,a,d),p(t,o,d),h(o,n,d),p(r,o,d),h(o,f,d),p(s,o,d),l=!0},p(o,d){const v={};d&32&&(v.stroke=o[5]),r.$set(v);const K={};d&32&&(K.fill=`${o[5]}10`),s.$set(K)},i(o){l||(c(e.$$.fragment,o),c(t.$$.fragment,o),c(r.$$.fragment,o),c(s.$$.fragment,o),l=!0)},o(o){u(e.$$.fragment,o),u(t.$$.fragment,o),u(r.$$.fragment,o),u(s.$$.fragment,o),l=!1},d(o){o&&(_(a),_(n),_(f)),g(e,o),g(t,o),g(r,o),g(s,o)}}}function ks($){let e,a;return e=new B({props:{$$slots:{default:[ys]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&544&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function ws($){let e,a,t,n;return e=new ce({props:{stroke:$[5]}}),t=new ue({props:{fill:`${$[5]}10`}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&32&&(s.stroke=r[5]),e.$set(s);const l={};f&32&&(l.fill=`${r[5]}10`),t.$set(l)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Es($){let e,a,t,n;function r(l){$[7](l)}function f(l){$[8](l)}let s={};return $[0]!==void 0&&(s.min=$[0]),$[1]!==void 0&&(s.max=$[1]),e=new ht({props:s}),fe.push(()=>oe(e,"min",r)),fe.push(()=>oe(e,"max",f)),{c(){i(e.$$.fragment)},l(l){m(e.$$.fragment,l)},m(l,o){p(e,l,o),n=!0},p(l,o){const d={};!a&&o&1&&(a=!0,d.min=l[0],le(()=>a=!1)),!t&&o&2&&(t=!0,d.max=l[1],le(()=>t=!1)),e.$set(d)},i(l){n||(c(e.$$.fragment,l),n=!0)},o(l){u(e.$$.fragment,l),n=!1},d(l){g(e,l)}}}function Ds($){let e,a,t,n;return e=new B({props:{$$slots:{default:[ws]},$$scope:{ctx:$}}}),t=new Y({props:{$$slots:{default:[Es]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&544&&(s.$$scope={dirty:f,ctx:r}),e.$set(s);const l={};f&515&&(l.$$scope={dirty:f,ctx:r}),t.$set(l)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Ss($){let e,a,t,n,r,f,s;return t=new V({props:{padding:{right:10,bottom:20,left:25},x:$[2],y:$[3],yDomain:[0,null],data:$[6],$$slots:{default:[ks]},$$scope:{ctx:$}}}),f=new V({props:{padding:{top:5},x:$[2],y:$[3],yDomain:[0,null],data:$[4],$$slots:{default:[Ds]},$$scope:{ctx:$}}}),{c(){e=w("div"),a=w("div"),i(t.$$.fragment),n=b(),r=w("div"),i(f.$$.fragment),this.h()},l(l){e=E(l,"DIV",{class:!0});var o=x(e);a=E(o,"DIV",{class:!0});var d=x(a);m(t.$$.fragment,d),d.forEach(_),n=y(o),r=E(o,"DIV",{class:!0});var v=x(r);m(f.$$.fragment,v),v.forEach(_),o.forEach(_),this.h()},h(){k(a,"class","chart-container svelte-ypfvhs"),k(r,"class","brush-container svelte-ypfvhs"),k(e,"class","chart-wrapper svelte-ypfvhs")},m(l,o){h(l,e,o),z(e,a),p(t,a,null),z(e,n),z(e,r),p(f,r,null),s=!0},p(l,[o]){const d={};o&4&&(d.x=l[2]),o&8&&(d.y=l[3]),o&64&&(d.data=l[6]),o&544&&(d.$$scope={dirty:o,ctx:l}),t.$set(d);const v={};o&4&&(v.x=l[2]),o&8&&(v.y=l[3]),o&16&&(v.data=l[4]),o&547&&(v.$$scope={dirty:o,ctx:l}),f.$set(v)},i(l){s||(c(t.$$.fragment,l),c(f.$$.fragment,l),s=!0)},o(l){u(t.$$.fragment,l),u(f.$$.fragment,l),s=!1},d(l){l&&_(e),g(t),g(f)}}}const xs=$=>{const e=$.filter(a=>a%1===0);return e.length>7?e.filter((a,t)=>t%2===0):e};function Ks($,e,a){let{min:t=null}=e,{max:n=null}=e,{xKey:r="x"}=e,{yKey:f="y"}=e,{data:s=[]}=e,{stroke:l="#00e047"}=e,o;function d(K){t=K,a(0,t)}function v(K){n=K,a(1,n)}return $.$$set=K=>{"min"in K&&a(0,t=K.min),"max"in K&&a(1,n=K.max),"xKey"in K&&a(2,r=K.xKey),"yKey"in K&&a(3,f=K.yKey),"data"in K&&a(4,s=K.data),"stroke"in K&&a(5,l=K.stroke)},$.$$.update=()=>{$.$$.dirty&83&&(a(6,o=s.slice((t||0)*s.length,(n||1)*s.length)),o.length<2&&a(6,o=s.slice(t*s.length,t*s.length+2)))},[t,n,r,f,s,l,o,d,v]}class Cs extends M{constructor(e){super(),j(this,e,Ks,Ss,L,{min:0,max:1,xKey:2,yKey:3,data:4,stroke:5})}}function lt($,e,a){const t=$.slice();return t[5]=e[a],t[7]=a,t}function ot($){let e,a,t,n;function r(l){$[3](l)}function f(l){$[4](l)}let s={data:$[5],xKey:zs,yKey:Le,stroke:$[2][$[7]]};return $[0][0]!==void 0&&(s.min=$[0][0]),$[0][1]!==void 0&&(s.max=$[0][1]),e=new Cs({props:s}),fe.push(()=>oe(e,"min",r)),fe.push(()=>oe(e,"max",f)),{c(){i(e.$$.fragment)},l(l){m(e.$$.fragment,l)},m(l,o){p(e,l,o),n=!0},p(l,o){const d={};!a&&o&1&&(a=!0,d.min=l[0][0],le(()=>a=!1)),!t&&o&1&&(t=!0,d.max=l[0][1],le(()=>t=!1)),e.$set(d)},i(l){n||(c(e.$$.fragment,l),n=!0)},o(l){u(e.$$.fragment,l),n=!1},d(l){g(e,l)}}}function Is($){let e,a,t=H($[1]),n=[];for(let f=0;f<t.length;f+=1)n[f]=ot(lt($,t,f));const r=f=>u(n[f],1,1,()=>{n[f]=null});return{c(){e=w("div");for(let f=0;f<n.length;f+=1)n[f].c();this.h()},l(f){e=E(f,"DIV",{class:!0});var s=x(e);for(let l=0;l<n.length;l+=1)n[l].l(s);s.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-lbwmtv")},m(f,s){h(f,e,s);for(let l=0;l<n.length;l+=1)n[l]&&n[l].m(e,null);a=!0},p(f,[s]){if(s&7){t=H(f[1]);let l;for(l=0;l<t.length;l+=1){const o=lt(f,t,l);n[l]?(n[l].p(o,s),c(n[l],1)):(n[l]=ot(o),n[l].c(),c(n[l],1),n[l].m(e,null))}for(ye(),l=t.length;l<n.length;l+=1)r(l);ke()}},i(f){if(!a){for(let s=0;s<t.length;s+=1)c(n[s]);a=!0}},o(f){n=n.filter(Boolean);for(let s=0;s<n.length;s+=1)u(n[s]);a=!1},d(f){f&&_(e),be(n,f)}}}const zs="myX",Le="myY";function Ps($,e,a){let t=[null,null];const n=[q,kr,wr,Er];n.forEach(l=>{l.forEach(o=>{o[Le]=+o[Le]})});const r=["#00e047","#00bbff","#ff00cc","#ffcc00"];function f(l){$.$$.not_equal(t[0],l)&&(t[0]=l,a(0,t))}function s(l){$.$$.not_equal(t[1],l)&&(t[1]=l,a(0,t))}return[t,n,r,f,s]}class Ts extends M{constructor(e){super(),j(this,e,Ps,Is,L,{})}}function Vs($){let e,a,t,n;return e=new R({props:{baseline:!0,format:$[2],tickMarks:!0}}),t=new lr({props:{r:$[5]<400?ge/1.6:ge,spacing:1,getTitle:$[3]}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&32&&(s.r=r[5]<400?ge/1.6:ge),t.$set(s)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Bs($){let e,a;return e=new kt({props:{align:"end",shape:"circle",lookup:{USA:"U.S."}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Ls($){let e,a,t,n;return e=new B({props:{$$slots:{default:[Vs]},$$scope:{ctx:$}}}),t=new Y({props:{pointerEvents:!1,$$slots:{default:[Bs]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&96&&(s.$$scope={dirty:f,ctx:r}),e.$set(s);const l={};f&64&&(l.$$scope={dirty:f,ctx:r}),t.$set(l)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Ms($){let e,a,t;return a=new V({props:{padding:{bottom:15},x:Me,z:de,zScale:Z(),zRange:$[0],data:$[1],$$slots:{default:[Ls,({width:n})=>({5:n}),({width:n})=>n?32:0]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&96&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const Me="Weight_in_lbs",de="Origin",De="Name",ge=4;function js($){const e=new Set,a=["#ccc","#fc0","#000"],t=fr.map(f=>(e.add(f[de]),{[De]:f[De],[Me]:+f[Me],[de]:f[de]})),n=te(",");return[a,t,n,f=>f.data[De]]}class As extends M{constructor(e){super(),j(this,e,js,Ms,L,{})}}function Ns($){let e,a,t,n;return e=new R({}),t=new cr({props:{r:$[3]<400?_e/1.25:_e,strokeWidth:1,xStrength:.95,yStrength:.075,getTitle:$[2]}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&8&&(s.r=r[3]<400?_e/1.25:_e),t.$set(s)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function Rs($){let e,a;return e=new kt({props:{shape:"circle"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p:P,i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Os($){let e,a,t,n;return e=new B({props:{$$slots:{default:[Ns]},$$scope:{ctx:$}}}),t=new Y({props:{pointerEvents:!1,$$slots:{default:[Rs]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment),a=b(),i(t.$$.fragment)},l(r){m(e.$$.fragment,r),a=y(r),m(t.$$.fragment,r)},m(r,f){p(e,r,f),h(r,a,f),p(t,r,f),n=!0},p(r,f){const s={};f&24&&(s.$$scope={dirty:f,ctx:r}),e.$set(s);const l={};f&16&&(l.$$scope={dirty:f,ctx:r}),t.$set(l)},i(r){n||(c(e.$$.fragment,r),c(t.$$.fragment,r),n=!0)},o(r){u(e.$$.fragment,r),u(t.$$.fragment,r),n=!1},d(r){r&&_(a),g(e,r),g(t,r)}}}function qs($){let e,a,t;return a=new V({props:{padding:{bottom:15},x:je,z:Ae,zScale:Z(),zRange:$[0],data:$[1],$$slots:{default:[Os,({width:n})=>({3:n}),({width:n})=>n?8:0]},$$scope:{ctx:$}}}),{c(){e=w("div"),i(a.$$.fragment),this.h()},l(n){e=E(n,"DIV",{class:!0});var r=x(e);m(a.$$.fragment,r),r.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(n,r){h(n,e,r),p(a,e,null),t=!0},p(n,[r]){const f={};r&24&&(f.$$scope={dirty:r,ctx:n}),a.$set(f)},i(n){t||(c(a.$$.fragment,n),t=!0)},o(n){u(a.$$.fragment,n),t=!1},d(n){n&&_(e),g(a)}}}const je="date_of_birth",Ae="gender",Se="name",_e=6;function Us($){const e=["#fc0","#000"],a=or.map(n=>({[Se]:n[Se],[Ae]:n[Ae],[je]:+n[je].split("-")[0]}));return[e,a,n=>n[Se]]}class Ws extends M{constructor(e){super(),j(this,e,Us,qs,L,{})}}function Ys($){let e,a;return e=new ir({props:{manyBodyStrength:Qs,xStrength:Zs,groupBy:JSON.parse($[0]),nodeStroke:"#000"}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&1&&(r.groupBy=JSON.parse(t[0])),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Js($){let e,a;return e=new B({props:{$$slots:{default:[Ys]},$$scope:{ctx:$}}}),{c(){i(e.$$.fragment)},l(t){m(e.$$.fragment,t)},m(t,n){p(e,t,n),a=!0},p(t,n){const r={};n&33&&(r.$$scope={dirty:n,ctx:t}),e.$set(r)},i(t){a||(c(e.$$.fragment,t),a=!0)},o(t){u(e.$$.fragment,t),a=!1},d(t){g(e,t)}}}function Gs($){let e,a,t,n,r,f,s,l,o,d,v,K,S,I,N;return v=new V({props:{data:ur,x:Xs,r:Fs,z:Hs,xScale:Q(),rRange:[3,12],zScale:Z(),zRange:$[1],$$slots:{default:[Js]},$$scope:{ctx:$}}}),S=ct($[3][0]),{c(){e=w("div"),a=w("label"),t=w("input"),n=G("Group by category"),r=b(),f=w("label"),s=w("input"),l=G("Clump together"),o=b(),d=w("div"),i(v.$$.fragment),this.h()},l(D){e=E(D,"DIV",{class:!0});var O=x(e);a=E(O,"LABEL",{class:!0});var C=x(a);t=E(C,"INPUT",{type:!0,class:!0}),n=X(C,"Group by category"),C.forEach(_),r=y(O),f=E(O,"LABEL",{class:!0});var A=x(f);s=E(A,"INPUT",{type:!0,class:!0}),l=X(A,"Clump together"),A.forEach(_),O.forEach(_),o=y(D),d=E(D,"DIV",{class:!0});var T=x(d);m(v.$$.fragment,T),T.forEach(_),this.h()},h(){k(t,"type","radio"),t.__value="true",se(t,t.__value),k(t,"class","svelte-11z1nx4"),k(a,"class","svelte-11z1nx4"),k(s,"type","radio"),s.__value="false",se(s,s.__value),k(s,"class","svelte-11z1nx4"),k(f,"class","svelte-11z1nx4"),k(e,"class","input-container"),k(d,"class","chart-container svelte-11z1nx4"),S.p(t,s)},m(D,O){h(D,e,O),z(e,a),z(a,t),t.checked=t.__value===$[0],z(a,n),z(e,r),z(e,f),z(f,s),s.checked=s.__value===$[0],z(f,l),h(D,o,O),h(D,d,O),p(v,d,null),K=!0,I||(N=[$e(t,"change",$[2]),$e(s,"change",$[4])],I=!0)},p(D,[O]){O&1&&(t.checked=t.__value===D[0]),O&1&&(s.checked=s.__value===D[0]);const C={};O&33&&(C.$$scope={dirty:O,ctx:D}),v.$set(C)},i(D){K||(c(v.$$.fragment,D),K=!0)},o(D){u(v.$$.fragment,D),K=!1},d(D){D&&(_(e),_(o),_(d)),g(v),S.r(),I=!1,Ne(N)}}}const Xs="category",Fs="value",Hs="category";let Qs=3,Zs=.1;function e$($,e,a){let t="true";const n=["#f0c","#0cf","#fc0"],r=[[]];function f(){t=this.__value,a(0,t)}function s(){t=this.__value,a(0,t)}return[t,n,f,r,s]}class t$ extends M{constructor(e){super(),j(this,e,e$,Gs,L,{})}}const l$=[{replPath:"ad32f9f301484d0cace82272126e9d09?version=3.46.2",title:"Line + area",slug:"Line",component:Pr},{replPath:"71cde05fa1e94583be57046207f72c02?version=3.46.2",title:"WebGL Scatter (svg axes, quadtree hover)",slug:"ScatterWebgl",component:sa},{replPath:"14b8f866cc414a9ebdfbb5eaabf66ae2?version=3.46.2",title:"Map (svg, tooltip, pre-projected)",slug:"MapSvg",component:Hr},{replPath:"a8135fcccf3d42e68b1f29be00fc72c6?version=3.46.2",title:"Multilayer map (canvas + svg)",slug:"MapLayered",component:Mn},{replPath:"666164c95fb9441188aab2622a4e8547?version=3.46.2",title:"Column annotated",slug:"Column",component:$n},{replPath:"f38656e90d0644cfb460206005c492e5?version=3.46.2",title:"Stacked column",slug:"ColumnStacked",component:vn},{replPath:"91fe94cac36c4829903238382563bc81?version=3.46.2",title:"Bar",slug:"Bar",component:qn},{replPath:"8d2e9a75cb0e4bf7abb86cb65915a93c?version=3.46.2",title:"Stacked bar",slug:"BarStacked",component:Xn},{replPath:"cc8d7b6ace40433da8d694f2877258a8?version=3.46.2",title:"Multiline (html labels + quadtree tooltip)",slug:"MultiLine",component:Sn},{replPath:"e6ae831e723646c8a01a039b3eeb33cb?version=3.46.2",title:"Stacked area",slug:"AreaStacked",component:mn},{replPath:"d9a9c151058d4e3eb74a4eed60eabb54?version=3.46.2",title:"Scatter (svg + canvas + voronoi)",slug:"Scatter",component:Or},{replPath:"f9f33add37d440f78b24092c7ba8154d?version=3.46.2",title:"Cleveland dot plot",slug:"ClevelandDotPlot",component:ca},{replPath:"fd96397862ff43e09fc8c83bfd818642?version=3.46.2",title:"Calendar (one cake per month)",slug:"Calendar",component:Ia},{replPath:"2c5131bd0b694d54a6211b40afbd3c09?version=3.46.2",title:"Time of day plot",slug:"Timeplot",component:Ma},{replPath:"58a15bea15bd46ee8364409c15045a8b?version=3.46.2",title:"Histogram (variable bins)",slug:"Histogram",component:_a},{replPath:"1c3297c4347248fc885b215f4907f8b2?version=3.46.2",title:"Small multiples (animated domain transition)",slug:"SmallMultiples",component:Ea},{replPath:"cb6bb95b7d1549f7be8d8fc7258ea1da?version=3.46.2",title:"Radar chart",slug:"Radar",component:Ua},{replPath:"5d3d22482b3d400d96c88d7de7ff45b1?version=3.46.2",title:"Circle pack",slug:"CirclePack",component:Fa},{replPath:"8ecba3df31e24658bf039a1a4d5daedc?version=3.46.2",title:"Nested circle pack",slug:"CirclePackNested",component:ss},{replPath:"0f7f35ffe2f14a25860772897f7a0b5c?version=3.46.2",title:"Sankey",slug:"Sankey",component:us},{replPath:"4e7a8affd4724d03b33493c85e50471c?version=3.46.2",title:"Brush",slug:"Brush",component:bs},{replPath:"0eaf387a0a564971865fb6176f959940?version=3.46.2",title:"Synced brush",slug:"SyncedBrush",component:Ts},{replPath:"132d2c81c3f841a0be0162443b008a92?version=3.46.2",title:"Beeswarm",slug:"Beeswarm",component:As},{replPath:"9d0e23f494f645b4a9623c46474462f6?version=3.46.2",title:"Beeswarm, force layout",slug:"BeeswarmForce",component:Ws},{replPath:"1879eb5e27f74784a69b65a11844f373?version=3.46.2",title:"Circle pack, force layout",slug:"CirclePackForce",component:t$}];export{l$ as e};
diff --git a/docs/_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js b/docs/_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js
deleted file mode 100644
index 5a04adbe..00000000
--- a/docs/_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js
+++ /dev/null
@@ -1 +0,0 @@
-import{s as M,e as D,c as x,b as S,f as _,u as k,i as h,a as v,g as b,n as P,A as q,h as L,t as oe,d as ce,U as ie,y as me,j as it,r as Qe,a4 as mt,k as Le,a5 as pt,v as Se,E as Me,B as Z,C as ee}from"./scheduler.P37s_KnH.js";import{S as V,i as T,c,b as i,m,t as u,a as o,d as p,g as Ee,e as Ke,f as te}from"./index.GooPGtyi.js";import{L as R,I as N,J as j,K as re,M as se,N as Ie,O as Ze,P as et,Q as tt,R as G,S as ae,T as gt,U as nt,V as _t,W as dt,X as ht,Y as $e,Z as fe,_ as rt,$ as H,a0 as Pe,w as at,f as le,a1 as vt,u as bt,a2 as O,a3 as yt,a4 as kt,a5 as wt,a6 as Ve,a7 as Dt,a8 as xt,a9 as St,aa as Et,ab as Kt,ac as It,ad as Pt,ae as Ct,af as Rt,ag as zt,ah as Ce,ai as Lt,aj as Mt,o as Vt,ak as st}from"./Brush.html.I1clC5X0.js";import{S as Y,A as W,a as X,b as $t,c as Tt,C as jt}from"./ClevelandDotPlot.percent-range.html.BOdAxcUZ.js";import{u as Te,g as At,d as ye,e as Bt,c as qt,b as Nt,t as Yt,a as je,f as Wt,p as pe,h as Xt,i as Ot,j as Jt,k as Ut,l as Gt,m as Ht}from"./pointsFour.fzEDaS5G.js";import{e as ne}from"./each.zMdpk9aP.js";function Ft(f){let e,r,n,a;return e=new W({}),n=new X({props:{ticks:4}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:P,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Qt(f){let e,r,n,a;return e=new re({}),n=new se({}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Zt(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[Ft]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[Qt]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&2&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&2&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function en(f){let e,r,n;return r=new R({props:{ssr:!0,percentRange:!0,padding:{top:8,right:10,bottom:20,left:25},x:tn,y:f[0],yDomain:[0,null],data:N,$$slots:{default:[Zt]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&2&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const tn="myX",be="myY";function nn(f){return N.forEach(r=>{r[be]=+r[be]}),[r=>r[be]]}class rn extends V{constructor(e){super(),T(this,e,nn,en,M,{})}}function an(f){let e,r,n,a,t,s;return e=new W({}),n=new X({}),t=new $t({props:{r:ln,fill:un,stroke:on,strokeWidth:cn}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment),a=v(),c(t.$$.fragment)},l($){i(e.$$.fragment,$),r=b($),i(n.$$.fragment,$),a=b($),i(t.$$.fragment,$)},m($,l){m(e,$,l),h($,r,l),m(n,$,l),h($,a,l),m(t,$,l),s=!0},p:P,i($){s||(u(e.$$.fragment,$),u(n.$$.fragment,$),u(t.$$.fragment,$),s=!0)},o($){o(e.$$.fragment,$),o(n.$$.fragment,$),o(t.$$.fragment,$),s=!1},d($){$&&(_(r),_(a)),p(e,$),p(n,$),p(t,$)}}}function sn(f){let e,r;return e=new j({props:{$$slots:{default:[an]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&1&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function $n(f){let e,r,n;return r=new R({props:{ssr:!0,percentRange:!0,padding:{top:10,right:5,bottom:20,left:25},x:fn,y:ke,xPadding:[ue,ue],yPadding:[ue,ue],data:N,$$slots:{default:[sn]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&1&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const fn="myX",ke="myY",ln=4.5,ue=2.5,un="#fff",on="#0cf",cn=1.5;function mn(f){return N.forEach(e=>{e[ke]=+e[ke]}),[]}class pn extends V{constructor(e){super(),T(this,e,mn,$n,M,{})}}function gn(f){let e,r;return e=new tt({props:{fixedAspectRatio:Re,projection:f[2]}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:P,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function _n(f){let e,r;return e=new Y({props:{fixedAspectRatio:Re,$$slots:{default:[gn]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&64&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function dn(f){let e,r,n;return r=new R({props:{ssr:!0,position:"absolute",data:f[1],z:f[5],zScale:Ie(),zRange:f[4],flatData:f[3],$$slots:{default:[_n]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0,style:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","map-container svelte-lie9rj"),q(e,"padding-bottom",100/Re+"%")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&64&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const hn="myValue",vn="name",bn="name",Re=2.63;function yn(f){const e=new Map;Ze.forEach($=>{e.set($[vn],$[hn])});const r=et(Te,Te.objects.states),n=At,a=r.features.map($=>$.properties);return[e,r,n,a,["#ffdecc","#ffc09c","#ffa06b","#ff7a33"],$=>e.get($[bn])]}class kn extends V{constructor(e){super(),T(this,e,yn,dn,M,{})}}function wn(f){let e,r;return e=new nt({}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Dn(f){let e,r,n,a,t,s;return e=new W({props:{gridlines:!1}}),n=new X({props:{ticks:4,gridlines:!1}}),t=new _t({props:{annotations:f[0]}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment),a=v(),c(t.$$.fragment)},l($){i(e.$$.fragment,$),r=b($),i(n.$$.fragment,$),a=b($),i(t.$$.fragment,$)},m($,l){m(e,$,l),h($,r,l),m(n,$,l),h($,a,l),m(t,$,l),s=!0},p:P,i($){s||(u(e.$$.fragment,$),u(n.$$.fragment,$),u(t.$$.fragment,$),s=!0)},o($){o(e.$$.fragment,$),o(n.$$.fragment,$),o(t.$$.fragment,$),s=!1},d($){$&&(_(r),_(a)),p(e,$),p(n,$),p(t,$)}}}function xn(f){let e,r,n,a;return e=new Y({props:{$$slots:{default:[wn]},$$scope:{ctx:f}}}),n=new j({props:{$$slots:{default:[Dn]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&2&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&2&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Sn(f){let e,r;return e=new dt({props:{annotations:f[0]}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:P,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function En(f){let e,r;return e=new ht({}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Kn(f){let e,r;return e=new gt({props:{$$slots:{defs:[En],default:[Sn]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&2&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function In(f){let e,r,n,a,t;return r=new R({props:{ssr:!0,percentRange:!0,position:"absolute",padding:{top:0,right:0,bottom:20,left:20},x:Ae,y:ge,xScale:G().paddingInner(.028).round(!0),xDomain:["1979","1980","1981","1982","1983"],yDomain:[0,null],data:ae,$$slots:{default:[xn]},$$scope:{ctx:f}}}),a=new R({props:{position:"absolute",padding:{top:0,right:0,bottom:20,left:20},x:Ae,y:ge,xScale:G().paddingInner(.028).round(!0),xDomain:["1979","1980","1981","1982","1983"],yDomain:[0,null],data:ae,$$slots:{default:[Kn]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),n=v(),c(a.$$.fragment),this.h()},l(s){e=x(s,"DIV",{class:!0});var $=S(e);i(r.$$.fragment,$),n=b($),i(a.$$.fragment,$),$.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-93joy6")},m(s,$){h(s,e,$),m(r,e,null),L(e,n),m(a,e,null),t=!0},p(s,[$]){const l={};$&2&&(l.$$scope={dirty:$,ctx:s}),r.$set(l);const g={};$&2&&(g.$$scope={dirty:$,ctx:s}),a.$set(g)},i(s){t||(u(r.$$.fragment,s),u(a.$$.fragment,s),t=!0)},o(s){o(r.$$.fragment,s),o(a.$$.fragment,s),t=!1},d(s){s&&_(e),p(r),p(a)}}}const Ae="year",ge="value";function Pn(f){const e=[{text:"Example text...",top:"18%",left:"30%",arrows:[{clockwise:!1,source:{anchor:"left-bottom",dx:-2,dy:-7},target:{x:"28%",y:"75%"}},{source:{anchor:"right-bottom",dy:-7,dx:5},target:{x:"68%",y:"48%"}}]}];return ae.forEach(r=>{r[ge]=+r[ge]}),[e]}class Cn extends V{constructor(e){super(),T(this,e,Pn,In,M,{})}}function Rn(f){let e,r,n,a;return e=new W({props:{format:f[4],tickMarks:!0}}),n=new X({props:{format:f[5]}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:P,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function zn(f){let e,r;return e=new vt({}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Ln(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[Rn]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[zn]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&512&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&512&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Mn(f){let e,r,n;return r=new R({props:{ssr:!0,percentRange:!0,padding:{top:0,right:0,bottom:20,left:17},x:f[6],y:f[0],z:Vn,zScale:$e(),zDomain:f[1],zRange:f[2],flatData:fe(f[3]),data:f[3],$$slots:{default:[Ln]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&512&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const Q="month",Vn="key";function Tn(f){const e=[0,1],r=rt("%Y-%m-%d"),n=Object.keys(H[0]).filter(d=>d!==Q),a=["#ff00cc","#ff7ac7","#ffb3c0","#ffe4b8"];H.forEach(d=>{d[Q]=typeof d[Q]=="string"?r(d[Q]):d[Q],n.forEach(y=>{d[y]=+d[y]})});const s=Pe().keys(n)(H),$=at("%b. %-d");return[e,n,a,s,$,d=>le("~s")(d),d=>d.data[Q]]}class jn extends V{constructor(e){super(),T(this,e,Tn,Mn,M,{})}}function An(f){let e,r,n,a;return e=new W({props:{gridlines:!1}}),n=new X({props:{ticks:4,gridlines:!1,format:f[4]}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:P,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Bn(f){let e,r;return e=new yt({}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function qn(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[An]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[Bn]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&128&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&128&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Nn(f){let e,r,n;return r=new R({props:{ssr:!0,percentRange:!0,padding:{top:0,right:0,bottom:20,left:20},x:f[5],y:f[0],z:Yn,xScale:G().paddingInner(.028).round(!0),xDomain:bt(O,we),zScale:$e(),zDomain:f[1],zRange:f[2],flatData:fe(f[3]),data:f[3],$$slots:{default:[qn]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&128&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const we="year",Yn="key";function Wn(f){const e=[0,1],r=Object.keys(O[0]).filter(l=>l!==we),n=["#00e047","#7ceb68","#b7f486","#ecfda5"];O.forEach(l=>{r.forEach(g=>{l[g]=+l[g]})});const t=Pe().keys(r)(O);return[e,r,n,t,l=>le("~s")(l),l=>l.data[we]]}class Xn extends V{constructor(e){super(),T(this,e,Wn,Nn,M,{})}}function On(f){let e,r,n,a;return e=new W({props:{gridlines:!1,ticks:H.map(f[4]).sort(Fn),format:f[2],snapTicks:!0,tickMarks:!0}}),n=new X({props:{baseline:!0,format:f[3]}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:P,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Jn(f){let e,r;return e=new kt({}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Un(f){let e,r,n,a;return e=new wt({}),n=new Tt({props:{formatTitle:f[2],dataset:H}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:P,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Gn(f){let e,r,n,a,t,s;return e=new j({props:{$$slots:{default:[On]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[Jn]},$$scope:{ctx:f}}}),t=new j({props:{$$slots:{default:[Un]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment),a=v(),c(t.$$.fragment)},l($){i(e.$$.fragment,$),r=b($),i(n.$$.fragment,$),a=b($),i(t.$$.fragment,$)},m($,l){m(e,$,l),h($,r,l),m(n,$,l),h($,a,l),m(t,$,l),s=!0},p($,l){const g={};l&128&&(g.$$scope={dirty:l,ctx:$}),e.$set(g);const d={};l&128&&(d.$$scope={dirty:l,ctx:$}),n.$set(d);const y={};l&128&&(y.$$scope={dirty:l,ctx:$}),t.$set(y)},i($){s||(u(e.$$.fragment,$),u(n.$$.fragment,$),u(t.$$.fragment,$),s=!0)},o($){o(e.$$.fragment,$),o(n.$$.fragment,$),o(t.$$.fragment,$),s=!1},d($){$&&(_(r),_(a)),p(e,$),p(n,$),p(t,$)}}}function Hn(f){let e,r,n;return r=new R({props:{ssr:!0,percentRange:!0,padding:{top:7,right:10,bottom:20,left:25},x:J,y:ft,z:De,zScale:$e(),zRange:f[0],flatData:fe(f[1],"values"),yDomain:[0,null],data:f[1],$$slots:{default:[Gn]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&128&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const J="month",ft="value",De="fruit",Fn=(f,e)=>f-e;function Qn(f){const e=Object.keys(H[0]).filter(l=>l!==J),r=["#ffe4b8","#ffb3c0","#ff7ac7","#ff00cc"],n=rt("%Y-%m-%d"),a=e.map(l=>({[De]:l,values:H.map(g=>(g[J]=typeof g[J]=="string"?n(g[J]):g[J],{[ft]:+g[l],[J]:g[J],[De]:l}))})),t=at("%b. %e");return[r,a,t,l=>le("~s")(l),l=>l[J]]}class Zn extends V{constructor(e){super(),T(this,e,Qn,Hn,M,{})}}function er(f){let e,r;return e=new Et({props:{projection:f[1],fill:"#fff"}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:P,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function tr(f){let e,r;return e=new xt({props:{$$slots:{default:[er]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&1024&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function nr(f){let e,r;return e=new tt({props:{fixedAspectRatio:he,projection:f[1],features:f[0].features.slice(40,50)}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:P,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function rr(f){let e,r;return e=new Kt({props:{fixedAspectRatio:he,projection:f[1],features:f[3],getCoordinates:f[6],getLabel:f[7]}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:P,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function ar(f){let e,r,n,a;return e=new Y({props:{fixedAspectRatio:he,$$slots:{default:[nr]},$$scope:{ctx:f}}}),n=new j({props:{$$slots:{default:[rr]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&1024&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&1024&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function sr(f){let e,r,n,a,t;return r=new R({props:{position:"absolute",data:f[0],flatData:f[4],$$slots:{default:[tr]},$$scope:{ctx:f}}}),a=new R({props:{position:"absolute",ssr:!0,data:f[0],z:f[8],zScale:Ie(),zRange:f[5],flatData:f[4],$$slots:{default:[ar]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),n=v(),c(a.$$.fragment),this.h()},l(s){e=x(s,"DIV",{class:!0,style:!0});var $=S(e);i(r.$$.fragment,$),n=b($),i(a.$$.fragment,$),$.forEach(_),this.h()},h(){k(e,"class","map-container svelte-1enkenv"),q(e,"aspect-ratio",he)},m(s,$){h(s,e,$),m(r,e,null),L(e,n),m(a,e,null),t=!0},p(s,[$]){const l={};$&1024&&(l.$$scope={dirty:$,ctx:s}),r.$set(l);const g={};$&1024&&(g.$$scope={dirty:$,ctx:s}),a.$set(g)},i(s){t||(u(r.$$.fragment,s),u(a.$$.fragment,s),t=!0)},o(s){o(r.$$.fragment,s),o(a.$$.fragment,s),t=!1},d(s){s&&_(e),p(r),p(a)}}}const $r="myValue",he=2.63,fr="name",lr="name",ur="center",Be="abbr";function or(f){const e=et(Ve,Ve.objects.collection),r=St,n=new Map;Ze.forEach(y=>{n.set(y[fr],y[$r])});const a=["VT","MD","NJ","RI","DC","DE","WV","MA","CT","NH"],t=Dt.filter(y=>!a.includes(y[Be])),s=e.features.map(y=>y.properties);return[e,r,n,t,s,["#ffdecc","#ffc09c","#ffa06b","#ff7a33"],y=>y[ur],y=>y[Be],y=>n.get(y[lr])]}class cr extends V{constructor(e){super(),T(this,e,or,sr,M,{})}}function ir(f){let e,r,n,a;return e=new W({props:{gridlines:!0,baseline:!0,snapTicks:!0}}),n=new X({props:{gridlines:!1,tickMarks:!0}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:P,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function mr(f){let e,r;return e=new It({}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function pr(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[ir]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[mr]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&1&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&1&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function gr(f){let e,r,n;return r=new R({props:{ssr:!0,percentRange:!0,padding:{top:0,right:20,bottom:20,left:35},x:"value",y:"year",yScale:G().paddingInner(.05).round(!0),yDomain:["1979","1980","1981","1982","1983"],xDomain:[0,null],data:ae,$$slots:{default:[pr]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&1&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}function _r(f){return ae.forEach(e=>{e.value=+e.value}),[]}class dr extends V{constructor(e){super(),T(this,e,_r,gr,M,{})}}function hr(f){let e,r,n,a;return e=new W({props:{baseline:!0,snapTicks:!0,format:f[4]}}),n=new X({props:{gridlines:!1}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:P,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function vr(f){let e,r;return e=new Pt({}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function br(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[hr]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[vr]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&128&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&128&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function yr(f){let e,r,n;return r=new R({props:{ssr:!0,percentRange:!0,padding:{top:0,right:0,bottom:20,left:35},y:f[5],x:f[0],z:kr,yScale:G().paddingInner(.05).round(!0),yDomain:["2016","2017","2018","2019"],zScale:$e(),zDomain:f[1],zRange:f[2],flatData:fe(f[3]),data:f[3],$$slots:{default:[br]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&128&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const qe="year",kr="key";function wr(f){const e=[0,1],r=Object.keys(O[0]).filter(l=>l!==qe),n=["#00bbff","#8bcef6","#c4e2ed","#f7f6e3"];O.forEach(l=>{r.forEach(g=>{l[g]=+l[g]})});const t=Pe().keys(r)(O);return[e,r,n,t,l=>le("~s")(l),l=>l.data[qe]]}class Dr extends V{constructor(e){super(),T(this,e,wr,yr,M,{})}}function xr(f){let e,r,n,a;return e=new W({}),n=new X({props:{tickMarks:!1}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:P,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Sr(f){let e,r;return e=new j({props:{$$slots:{default:[xr]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&16&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Er(f){let e,r;return e=new Rt({props:{r:Rr}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:P,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Kr(f){let e;return{c(){e=D("div"),this.h()},l(r){e=x(r,"DIV",{class:!0,style:!0}),S(e).forEach(_),this.h()},h(){k(e,"class","circle svelte-va9vq4"),q(e,"top",f[2]+"px"),q(e,"left",f[1]+"px"),q(e,"display",f[3]?"block":"none")},m(r,n){h(r,e,n)},p(r,n){n&4&&q(e,"top",r[2]+"px"),n&2&&q(e,"left",r[1]+"px"),n&8&&q(e,"display",r[3]?"block":"none")},d(r){r&&_(e)}}}function Ir(f){let e,r;return e=new zt({props:{$$slots:{default:[Kr,({x:n,y:a,visible:t})=>({1:n,2:a,3:t}),({x:n,y:a,visible:t})=>(n?2:0)|(a?4:0)|(t?8:0)]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&30&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Pr(f){let e,r,n,a;return e=new Ct({props:{$$slots:{default:[Er]},$$scope:{ctx:f}}}),n=new j({props:{$$slots:{default:[Ir]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&16&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&16&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Cr(f){let e,r,n,a,t;return r=new R({props:{position:"absolute",ssr:!0,percentRange:!0,padding:f[0],x:Ne,y:_e,xPadding:[U,U],yPadding:[U,U],data:N,$$slots:{default:[Sr]},$$scope:{ctx:f}}}),a=new R({props:{position:"absolute",padding:f[0],x:Ne,y:_e,xPadding:[U,U],yPadding:[U,U],data:N,$$slots:{default:[Pr]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),n=v(),c(a.$$.fragment),this.h()},l(s){e=x(s,"DIV",{class:!0});var $=S(e);i(r.$$.fragment,$),n=b($),i(a.$$.fragment,$),$.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-va9vq4")},m(s,$){h(s,e,$),m(r,e,null),L(e,n),m(a,e,null),t=!0},p(s,[$]){const l={};$&16&&(l.$$scope={dirty:$,ctx:s}),r.$set(l);const g={};$&16&&(g.$$scope={dirty:$,ctx:s}),a.$set(g)},i(s){t||(u(r.$$.fragment,s),u(a.$$.fragment,s),t=!0)},o(s){o(r.$$.fragment,s),o(a.$$.fragment,s),t=!1},d(s){s&&_(e),p(r),p(a)}}}const Ne="myX",_e="myY",Rr=3,U=6;function zr(f){const e={top:5,right:5,bottom:20,left:25};return N.forEach(r=>{r[_e]=+r[_e]}),[e]}class Lr extends V{constructor(e){super(),T(this,e,zr,Cr,M,{})}}function Mr(f){let e,r,n,a,t,s;return e=new W({}),n=new X({props:{gridlines:!1}}),t=new jt({}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment),a=v(),c(t.$$.fragment)},l($){i(e.$$.fragment,$),r=b($),i(n.$$.fragment,$),a=b($),i(t.$$.fragment,$)},m($,l){m(e,$,l),h($,r,l),m(n,$,l),h($,a,l),m(t,$,l),s=!0},p:P,i($){s||(u(e.$$.fragment,$),u(n.$$.fragment,$),u(t.$$.fragment,$),s=!0)},o($){o(e.$$.fragment,$),o(n.$$.fragment,$),o(t.$$.fragment,$),s=!1},d($){$&&(_(r),_(a)),p(e,$),p(n,$),p(t,$)}}}function Vr(f){let e,r;return e=new j({props:{$$slots:{default:[Mr]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&4&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Tr(f){let e,r,n;return r=new R({props:{ssr:!0,percentRange:!0,padding:{right:10,bottom:20,left:30},x:f[0],y:lt,yScale:G().paddingInner(.05).round(!0),xDomain:[0,null],xPadding:[2,0],zScale:$e(),zDomain:f[0],zRange:f[1],data:O,$$slots:{default:[Vr]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&4&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const lt="year";function jr(f){const e=Object.keys(O[0]).filter(n=>n!==lt),r=["#f0c","#00bbff","#00e047","#ff7a33"];return O.forEach(n=>{e.forEach(a=>{n[a]=+n[a]})}),[e,r]}class Ar extends V{constructor(e){super(),T(this,e,jr,Tr,M,{})}}function Br(f){let e,r,n,a;return e=new W({props:{gridlines:!1,baseline:!0,ticks:f[2],format:f[7]}}),n=new X({props:{gridlines:!1,ticks:3}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&4&&($.ticks=t[2]),e.$set($)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function qr(f){let e,r;return e=new nt({props:{fill:"#fff",stroke:"#000",strokeWidth:1}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:P,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Nr(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[Br]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[qr]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&516&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&512&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Yr(f){let e,r,n,a,t,s,$,l,g,d,y,E;return g=new R({props:{ssr:!0,percentRange:!0,padding:{top:20,right:5,bottom:20,left:31},x:f[5],y:Wr,xDomain:f[1],xScale:G().paddingInner(0),yDomain:[0,null],data:f[3](ye),$$slots:{default:[Nr]},$$scope:{ctx:f}}}),{c(){e=D("div"),r=D("input"),n=v(),a=D("span"),t=oe(f[0]),s=oe(" bins"),$=v(),l=D("div"),c(g.$$.fragment),this.h()},l(w){e=x(w,"DIV",{class:!0,style:!0});var A=S(e);r=x(A,"INPUT",{style:!0,type:!0,min:!0,max:!0,step:!0,class:!0}),n=b(A),a=x(A,"SPAN",{class:!0,style:!0});var B=S(a);t=ce(B,f[0]),s=ce(B," bins"),B.forEach(_),A.forEach(_),$=b(w),l=x(w,"DIV",{class:!0});var I=S(l);i(g.$$.fragment,I),I.forEach(_),this.h()},h(){q(r,"margin","0"),k(r,"type","range"),k(r,"min","4"),k(r,"max","100"),k(r,"step","4"),k(r,"class","svelte-1jk7v2q"),k(a,"class","counter-container"),q(a,"display","inline-block"),q(a,"vertical-align","top"),q(a,"width","70px"),q(a,"text-align","right"),k(e,"class","input-container"),q(e,"position","absolute"),q(e,"right","10px"),q(e,"z-index","9"),k(l,"class","chart-container svelte-1jk7v2q")},m(w,A){h(w,e,A),L(e,r),ie(r,f[0]),L(e,n),L(e,a),L(a,t),L(a,s),h(w,$,A),h(w,l,A),m(g,l,null),d=!0,y||(E=[me(r,"change",f[6]),me(r,"input",f[6])],y=!0)},p(w,[A]){A&1&&ie(r,w[0]),(!d||A&1)&&it(t,w[0]);const B={};A&2&&(B.xDomain=w[1]),A&8&&(B.data=w[3](ye)),A&516&&(B.$$scope={dirty:A,ctx:w}),g.$set(B)},i(w){d||(u(g.$$.fragment,w),d=!0)},o(w){o(g.$$.fragment,w),d=!1},d(w){w&&(_(e),_($),_(l)),p(g),y=!1,Qe(E)}}}const Wr="length";function Xr(f,e,r){let n,a,t;const s=le(".2f");let $=40;const l=["x0","x1"],g=Bt(ye);function d(){$=mt(this.value),r(0,$)}const y=E=>+s(E);return f.$$.update=()=>{f.$$.dirty&1&&r(1,n=qt(g,$)),f.$$.dirty&2&&r(3,a=Nt().domain(g).thresholds(n)),f.$$.dirty&2&&r(2,t=Yt(n,7))},[$,n,t,a,s,l,d,y]}class Or extends V{constructor(e){super(),T(this,e,Xr,Yr,M,{})}}function Jr(f){let e,r;return e=new re({props:{stroke:"#000"}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:P,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Ur(f){let e,r;return e=new Y({props:{$$slots:{default:[Jr]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&1024&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Gr(f){let e,r;return e=new R({props:{ssr:!0,percentRange:!0,padding:{top:2,right:6,bottom:2,left:6},x:f[1].x,y:f[1].y,data:f[0],xDomain:f[2],yDomain:f[3],$$slots:{default:[Ur]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,[a]){const t={};a&2&&(t.x=n[1].x),a&2&&(t.y=n[1].y),a&1&&(t.data=n[0]),a&4&&(t.xDomain=n[2]),a&8&&(t.yDomain=n[3]),a&1024&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Hr(f,e,r){let n,a,{data:t}=e,{fullExtents:s}=e,{scale:$}=e,{extentGetters:l}=e;const g={duration:300,easing:Wt},d=je(void 0,g);Le(f,d,w=>r(2,n=w));const y=je(void 0,g);Le(f,y,w=>r(3,a=w));const E=Ce(t,l);return f.$$set=w=>{"data"in w&&r(0,t=w.data),"fullExtents"in w&&r(6,s=w.fullExtents),"scale"in w&&r(7,$=w.scale),"extentGetters"in w&&r(1,l=w.extentGetters)},f.$$.update=()=>{f.$$.dirty&192&&d.set($==="shared"?s.x:E.x),f.$$.dirty&192&&y.set($==="shared"?s.y:E.y)},[t,l,n,a,d,y,s,$]}class Fr extends V{constructor(e){super(),T(this,e,Hr,Gr,M,{data:0,fullExtents:6,scale:7,extentGetters:1})}}function Ye(f,e,r){const n=f.slice();return n[6]=e[r],n}function We(f){let e,r,n,a;return r=new Fr({props:{data:f[6],fullExtents:f[2],scale:f[0],extentGetters:f[1]}}),{c(){e=D("div"),c(r.$$.fragment),n=v(),this.h()},l(t){e=x(t,"DIV",{class:!0});var s=S(e);i(r.$$.fragment,s),n=b(s),s.forEach(_),this.h()},h(){k(e,"class","small-multiple-container svelte-1xmktbf")},m(t,s){h(t,e,s),m(r,e,null),L(e,n),a=!0},p(t,s){const $={};s&1&&($.scale=t[0]),r.$set($)},i(t){a||(u(r.$$.fragment,t),a=!0)},o(t){o(r.$$.fragment,t),a=!1},d(t){t&&_(e),p(r)}}}function Qr(f){let e,r,n,a,t,s,$,l,g,d,y,E,w,A,B=ne(pe),I=[];for(let K=0;K<B.length;K+=1)I[K]=We(Ye(f,B,K));const ct=K=>o(I[K],1,1,()=>{I[K]=null});return E=pt(f[4][0]),{c(){e=D("div"),r=D("label"),n=D("input"),a=oe("Individual scale"),t=v(),s=D("label"),$=D("input"),l=oe("Shared scale"),g=v(),d=D("div");for(let K=0;K<I.length;K+=1)I[K].c();this.h()},l(K){e=x(K,"DIV",{class:!0});var z=S(e);r=x(z,"LABEL",{class:!0});var C=S(r);n=x(C,"INPUT",{type:!0,class:!0}),a=ce(C,"Individual scale"),C.forEach(_),t=b(z),s=x(z,"LABEL",{class:!0});var F=S(s);$=x(F,"INPUT",{type:!0,class:!0}),l=ce(F,"Shared scale"),F.forEach(_),z.forEach(_),g=b(K),d=x(K,"DIV",{class:!0});var ze=S(d);for(let ve=0;ve<I.length;ve+=1)I[ve].l(ze);ze.forEach(_),this.h()},h(){k(n,"type","radio"),n.__value="individual",ie(n,n.__value),k(n,"class","svelte-1xmktbf"),k(r,"class","svelte-1xmktbf"),k($,"type","radio"),$.__value="shared",ie($,$.__value),k($,"class","svelte-1xmktbf"),k(s,"class","svelte-1xmktbf"),k(e,"class","input-container svelte-1xmktbf"),k(d,"class","group-container svelte-1xmktbf"),E.p(n,$)},m(K,z){h(K,e,z),L(e,r),L(r,n),n.checked=n.__value===f[0],L(r,a),L(e,t),L(e,s),L(s,$),$.checked=$.__value===f[0],L(s,l),h(K,g,z),h(K,d,z);for(let C=0;C<I.length;C+=1)I[C]&&I[C].m(d,null);y=!0,w||(A=[me(n,"change",f[3]),me($,"change",f[5])],w=!0)},p(K,[z]){if(z&1&&(n.checked=n.__value===K[0]),z&1&&($.checked=$.__value===K[0]),z&7){B=ne(pe);let C;for(C=0;C<B.length;C+=1){const F=Ye(K,B,C);I[C]?(I[C].p(F,z),u(I[C],1)):(I[C]=We(F),I[C].c(),u(I[C],1),I[C].m(d,null))}for(Ee(),C=B.length;C<I.length;C+=1)ct(C);Ke()}},i(K){if(!y){for(let z=0;z<B.length;z+=1)u(I[z]);y=!0}},o(K){I=I.filter(Boolean);for(let z=0;z<I.length;z+=1)o(I[z]);y=!1},d(K){K&&(_(e),_(g),_(d)),Se(I,K),E.r(),w=!1,Qe(A)}}}function Zr(f,e,r){const n={x:g=>g.x,y:g=>g.y},a=Ce(fe(pe),n);pe.sort((g,d)=>d[d.length-1].y-g[g.length-1].y);let t="individual";const s=[[]];function $(){t=this.__value,r(0,t)}function l(){t=this.__value,r(0,t)}return[t,n,a,$,s,l]}class ea extends V{constructor(e){super(),T(this,e,Zr,Qr,M,{})}}function Xe(f,e,r){const n=f.slice();return n[5]=e[r],n[7]=r,n}function ta(f){let e,r;return e=new Mt({props:{calcCellSize:aa}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:P,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function na(f){let e,r;return e=new Y({props:{$$slots:{default:[ta]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&256&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Oe(f){let e,r,n,a;return r=new R({props:{ssr:!0,percentRange:!0,padding:{top:1,right:1,bottom:1,left:1},x:"key",z:sa,zScale:Ie(),zRange:f[1],data:f[5].values,$$slots:{default:[na]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),n=v(),this.h()},l(t){e=x(t,"DIV",{class:!0,style:!0,"data-month":!0});var s=S(e);i(r.$$.fragment,s),n=b(s),s.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-xb94lj"),k(e,"style","width:calc("+100/f[2].length+"% - "+Je+"px);"+(f[7]===0?`margin-right:${Je*2}px`:"")),k(e,"data-month",f[0][+f[5].key+1])},m(t,s){h(t,e,s),m(r,e,null),L(e,n),a=!0},p(t,s){const $={};s&256&&($.$$scope={dirty:s,ctx:t}),r.$set($)},i(t){a||(u(r.$$.fragment,t),a=!0)},o(t){o(r.$$.fragment,t),a=!1},d(t){t&&_(e),p(r)}}}function ra(f){let e,r,n=ne(f[2]),a=[];for(let s=0;s<n.length;s+=1)a[s]=Oe(Xe(f,n,s));const t=s=>o(a[s],1,1,()=>{a[s]=null});return{c(){for(let s=0;s<a.length;s+=1)a[s].c();e=Me()},l(s){for(let $=0;$<a.length;$+=1)a[$].l(s);e=Me()},m(s,$){for(let l=0;l<a.length;l+=1)a[l]&&a[l].m(s,$);h(s,e,$),r=!0},p(s,[$]){if($&7){n=ne(s[2]);let l;for(l=0;l<n.length;l+=1){const g=Xe(s,n,l);a[l]?(a[l].p(g,$),u(a[l],1)):(a[l]=Oe(g),a[l].c(),u(a[l],1),a[l].m(e.parentNode,e))}for(Ee(),l=n.length;l<a.length;l+=1)t(l);Ke()}},i(s){if(!r){for(let $=0;$<n.length;$+=1)u(a[$]);r=!0}},o(s){a=a.filter(Boolean);for(let $=0;$<a.length;$+=1)o(a[$]);r=!1},d(s){s&&_(e),Se(a,s)}}}const Je=10,aa=(f,e)=>100/7,sa=f=>f.values.length;function $a(f){const e=["January","February","March","April","May","June","July","August","September","October","November","December"],r=Xt.map(s=>(s.date=new Date(s.timestring),s)),n=["#fff5cc","#ffeba9","#ffe182","#ffd754","#ffcc00"],t=Lt().key(s=>s.date.getUTCMonth()).key(s=>s.timestring.split("T")[0]).entries(r).sort((s,$)=>s.key-$.key);return[e,n,t]}class fa extends V{constructor(e){super(),T(this,e,$a,ra,M,{})}}function la(f){let e,r,n,a,t,s;return e=new W({props:{ticks:[0,4,8,12,16,20,24].map(ia),format:f[2]}}),n=new X({}),t=new $t({props:{r:ca,fill:"rgba(255, 204, 0, 0.75)",strokeWidth:0}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment),a=v(),c(t.$$.fragment)},l($){i(e.$$.fragment,$),r=b($),i(n.$$.fragment,$),a=b($),i(t.$$.fragment,$)},m($,l){m(e,$,l),h($,r,l),m(n,$,l),h($,a,l),m(t,$,l),s=!0},p:P,i($){s||(u(e.$$.fragment,$),u(n.$$.fragment,$),u(t.$$.fragment,$),s=!0)},o($){o(e.$$.fragment,$),o(n.$$.fragment,$),o(t.$$.fragment,$),s=!1},d($){$&&(_(r),_(a)),p(e,$),p(n,$),p(t,$)}}}function ua(f){let e,r;return e=new j({props:{$$slots:{default:[la]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&64&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function oa(f){let e,r,n;return r=new R({props:{ssr:!0,percentRange:!0,padding:{top:0,right:15,bottom:20,left:75},x:ut,y:ot,xDomain:[0,24*60*60],yDomain:f[1],xScale:Ot(),yScale:G().paddingInner(.05).round(!0),xPadding:[Ue,Ue],data:f[0],$$slots:{default:[ua]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&64&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const ut="seconds",ot="day",ca=4,Ue=2,ia=f=>f*60*60;function ma(f){const e=Jt.map($=>{const l=$.timestring.split("T"),g=l[1].replace("Z","").split(":").map(d=>+d);return $[ut]=g[0]*60*60+g[1]*60+g[2],$[ot]=l[0],$}),r=Ce(e,{x:$=>$.timestring}),n=r.x[0].toString().split("T")[0].split("-").map($=>+$),a=r.x[1].toString().split("T")[0].split("-").map($=>+$),t=Vt.range(new Date(Date.UTC(n[0],n[1]-1,n[2])),new Date(Date.UTC(a[0],a[1]-1,a[2]+1))).map($=>$.toISOString().split("T")[0]).sort();return[e,t,$=>`${Math.floor($/60/60)}:00`]}class pa extends V{constructor(e){super(),T(this,e,ma,oa,M,{})}}function ga(f){let e,r,n,a;return e=new W({props:{ticks:ka}}),n=new X({props:{ticks:4}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:P,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function _a(f){let e,r,n,a;return e=new re({props:{stroke:"#00e047"}}),n=new se({props:{fill:"#00e04710"}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:P,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function da(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[ga]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[_a]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&16&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&16&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function ha(f){let e,r,n,a;return e=new re({props:{stroke:"#00e047"}}),n=new se({props:{fill:"#00e04710"}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:P,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function va(f){let e,r,n,a;function t(l){f[2](l)}function s(l){f[3](l)}let $={};return f[0][0]!==void 0&&($.min=f[0][0]),f[0][1]!==void 0&&($.max=f[0][1]),e=new st({props:$}),Z.push(()=>te(e,"min",t)),Z.push(()=>te(e,"max",s)),{c(){c(e.$$.fragment)},l(l){i(e.$$.fragment,l)},m(l,g){m(e,l,g),a=!0},p(l,g){const d={};!r&&g&1&&(r=!0,d.min=l[0][0],ee(()=>r=!1)),!n&&g&1&&(n=!0,d.max=l[0][1],ee(()=>n=!1)),e.$set(d)},i(l){a||(u(e.$$.fragment,l),a=!0)},o(l){o(e.$$.fragment,l),a=!1},d(l){p(e,l)}}}function ba(f){let e,r,n,a;return e=new Y({props:{$$slots:{default:[ha]},$$scope:{ctx:f}}}),n=new j({props:{$$slots:{default:[va]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&16&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&17&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function ya(f){let e,r,n,a,t,s;return r=new R({props:{ssr:!0,percentRange:!0,padding:{right:10,bottom:20,left:25},x:Ge,y:de,yDomain:[0,null],data:f[1],$$slots:{default:[da]},$$scope:{ctx:f}}}),t=new R({props:{ssr:!0,percentRange:!0,padding:{top:5},x:Ge,y:de,yDomain:[0,null],data:N,$$slots:{default:[ba]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),n=v(),a=D("div"),c(t.$$.fragment),this.h()},l($){e=x($,"DIV",{class:!0});var l=S(e);i(r.$$.fragment,l),l.forEach(_),n=b($),a=x($,"DIV",{class:!0});var g=S(a);i(t.$$.fragment,g),g.forEach(_),this.h()},h(){k(e,"class","brushed-chart-container svelte-12vpq9d"),k(a,"class","brush-container svelte-12vpq9d")},m($,l){h($,e,l),m(r,e,null),h($,n,l),h($,a,l),m(t,a,null),s=!0},p($,[l]){const g={};l&2&&(g.data=$[1]),l&16&&(g.$$scope={dirty:l,ctx:$}),r.$set(g);const d={};l&17&&(d.$$scope={dirty:l,ctx:$}),t.$set(d)},i($){s||(u(r.$$.fragment,$),u(t.$$.fragment,$),s=!0)},o($){o(r.$$.fragment,$),o(t.$$.fragment,$),s=!1},d($){$&&(_(e),_(n),_(a)),p(r),p(t)}}}const Ge="myX",de="myY",ka=f=>{const e=f.filter(r=>r%1===0);return e.length>7?e.filter((r,n)=>n%2===0):e};function wa(f,e,r){let n=[null,null];N.forEach($=>{$[de]=+$[de]});let a;function t($){f.$$.not_equal(n[0],$)&&(n[0]=$,r(0,n))}function s($){f.$$.not_equal(n[1],$)&&(n[1]=$,r(0,n))}return f.$$.update=()=>{f.$$.dirty&3&&(r(1,a=N.slice((n[0]||0)*N.length,(n[1]||1)*N.length)),a.length<2&&r(1,a=N.slice(n[0]*N.length,n[0]*N.length+2)))},[n,a,t,s]}class Da extends V{constructor(e){super(),T(this,e,wa,ya,M,{})}}function xa(f){let e,r,n,a;return e=new W({props:{ticks:Ra}}),n=new X({props:{ticks:2}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:P,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Sa(f){let e,r,n,a;return e=new re({props:{stroke:f[5]}}),n=new se({props:{fill:`${f[5]}10`}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&32&&($.stroke=t[5]),e.$set($);const l={};s&32&&(l.fill=`${t[5]}10`),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Ea(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[xa]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[Sa]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&512&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&544&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Ka(f){let e,r,n,a;return e=new re({props:{stroke:f[5]}}),n=new se({props:{fill:`${f[5]}10`}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&32&&($.stroke=t[5]),e.$set($);const l={};s&32&&(l.fill=`${t[5]}10`),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Ia(f){let e,r,n,a;function t(l){f[7](l)}function s(l){f[8](l)}let $={};return f[0]!==void 0&&($.min=f[0]),f[1]!==void 0&&($.max=f[1]),e=new st({props:$}),Z.push(()=>te(e,"min",t)),Z.push(()=>te(e,"max",s)),{c(){c(e.$$.fragment)},l(l){i(e.$$.fragment,l)},m(l,g){m(e,l,g),a=!0},p(l,g){const d={};!r&&g&1&&(r=!0,d.min=l[0],ee(()=>r=!1)),!n&&g&2&&(n=!0,d.max=l[1],ee(()=>n=!1)),e.$set(d)},i(l){a||(u(e.$$.fragment,l),a=!0)},o(l){o(e.$$.fragment,l),a=!1},d(l){p(e,l)}}}function Pa(f){let e,r,n,a;return e=new Y({props:{$$slots:{default:[Ka]},$$scope:{ctx:f}}}),n=new j({props:{$$slots:{default:[Ia]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&544&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&515&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Ca(f){let e,r,n,a,t,s,$;return n=new R({props:{ssr:!0,percentRange:!0,padding:{right:10,bottom:20,left:25},x:f[2],y:f[3],yDomain:[0,null],data:f[6],$$slots:{default:[Ea]},$$scope:{ctx:f}}}),s=new R({props:{ssr:!0,percentRange:!0,padding:{top:5},x:f[2],y:f[3],yDomain:[0,null],data:f[4],$$slots:{default:[Pa]},$$scope:{ctx:f}}}),{c(){e=D("div"),r=D("div"),c(n.$$.fragment),a=v(),t=D("div"),c(s.$$.fragment),this.h()},l(l){e=x(l,"DIV",{class:!0});var g=S(e);r=x(g,"DIV",{class:!0});var d=S(r);i(n.$$.fragment,d),d.forEach(_),a=b(g),t=x(g,"DIV",{class:!0});var y=S(t);i(s.$$.fragment,y),y.forEach(_),g.forEach(_),this.h()},h(){k(r,"class","chart-container svelte-ypfvhs"),k(t,"class","brush-container svelte-ypfvhs"),k(e,"class","chart-wrapper svelte-ypfvhs")},m(l,g){h(l,e,g),L(e,r),m(n,r,null),L(e,a),L(e,t),m(s,t,null),$=!0},p(l,[g]){const d={};g&4&&(d.x=l[2]),g&8&&(d.y=l[3]),g&64&&(d.data=l[6]),g&544&&(d.$$scope={dirty:g,ctx:l}),n.$set(d);const y={};g&4&&(y.x=l[2]),g&8&&(y.y=l[3]),g&16&&(y.data=l[4]),g&547&&(y.$$scope={dirty:g,ctx:l}),s.$set(y)},i(l){$||(u(n.$$.fragment,l),u(s.$$.fragment,l),$=!0)},o(l){o(n.$$.fragment,l),o(s.$$.fragment,l),$=!1},d(l){l&&_(e),p(n),p(s)}}}const Ra=f=>{const e=f.filter(r=>r%1===0);return e.length>7?e.filter((r,n)=>n%2===0):e};function za(f,e,r){let{min:n=null}=e,{max:a=null}=e,{xKey:t="x"}=e,{yKey:s="y"}=e,{data:$=[]}=e,{stroke:l="#00e047"}=e,g;function d(E){n=E,r(0,n)}function y(E){a=E,r(1,a)}return f.$$set=E=>{"min"in E&&r(0,n=E.min),"max"in E&&r(1,a=E.max),"xKey"in E&&r(2,t=E.xKey),"yKey"in E&&r(3,s=E.yKey),"data"in E&&r(4,$=E.data),"stroke"in E&&r(5,l=E.stroke)},f.$$.update=()=>{f.$$.dirty&83&&(r(6,g=$.slice((n||0)*$.length,(a||1)*$.length)),g.length<2&&r(6,g=$.slice(n*$.length,n*$.length+2)))},[n,a,t,s,$,l,g,d,y]}class La extends V{constructor(e){super(),T(this,e,za,Ca,M,{min:0,max:1,xKey:2,yKey:3,data:4,stroke:5})}}function He(f,e,r){const n=f.slice();return n[5]=e[r],n[7]=r,n}function Fe(f){let e,r,n,a;function t(l){f[3](l)}function s(l){f[4](l)}let $={data:f[5],xKey:Va,yKey:xe,stroke:f[2][f[7]]};return f[0][0]!==void 0&&($.min=f[0][0]),f[0][1]!==void 0&&($.max=f[0][1]),e=new La({props:$}),Z.push(()=>te(e,"min",t)),Z.push(()=>te(e,"max",s)),{c(){c(e.$$.fragment)},l(l){i(e.$$.fragment,l)},m(l,g){m(e,l,g),a=!0},p(l,g){const d={};!r&&g&1&&(r=!0,d.min=l[0][0],ee(()=>r=!1)),!n&&g&1&&(n=!0,d.max=l[0][1],ee(()=>n=!1)),e.$set(d)},i(l){a||(u(e.$$.fragment,l),a=!0)},o(l){o(e.$$.fragment,l),a=!1},d(l){p(e,l)}}}function Ma(f){let e,r,n=ne(f[1]),a=[];for(let s=0;s<n.length;s+=1)a[s]=Fe(He(f,n,s));const t=s=>o(a[s],1,1,()=>{a[s]=null});return{c(){e=D("div");for(let s=0;s<a.length;s+=1)a[s].c();this.h()},l(s){e=x(s,"DIV",{class:!0});var $=S(e);for(let l=0;l<a.length;l+=1)a[l].l($);$.forEach(_),this.h()},h(){k(e,"class","small-multiple-container svelte-gmttnm")},m(s,$){h(s,e,$);for(let l=0;l<a.length;l+=1)a[l]&&a[l].m(e,null);r=!0},p(s,[$]){if($&7){n=ne(s[1]);let l;for(l=0;l<n.length;l+=1){const g=He(s,n,l);a[l]?(a[l].p(g,$),u(a[l],1)):(a[l]=Fe(g),a[l].c(),u(a[l],1),a[l].m(e,null))}for(Ee(),l=n.length;l<a.length;l+=1)t(l);Ke()}},i(s){if(!r){for(let $=0;$<n.length;$+=1)u(a[$]);r=!0}},o(s){a=a.filter(Boolean);for(let $=0;$<a.length;$+=1)o(a[$]);r=!1},d(s){s&&_(e),Se(a,s)}}}const Va="myX",xe="myY";function Ta(f,e,r){let n=[null,null];const a=[N,Ut,Gt,Ht];a.forEach(l=>{l.forEach(g=>{g[xe]=+g[xe]})});const t=["#00e047","#00bbff","#ff00cc","#ffcc00"];function s(l){f.$$.not_equal(n[0],l)&&(n[0]=l,r(0,n))}function $(l){f.$$.not_equal(n[1],l)&&(n[1]=l,r(0,n))}return[n,a,t,s,$]}class ja extends V{constructor(e){super(),T(this,e,Ta,Ma,M,{})}}const Xa=[{replPath:"ac23120460b1409a9e1e6fd328b63b64?version=3.46.2",title:"Line + area",slug:"Line",component:rn},{replPath:"1969b7c74b124445ad9d55ad28542cd6?version=3.46.2",title:"WebGL Scatter (svg axes, quadtree hover)",slug:"ScatterWebgl",component:Lr},{replPath:"af25643f1e3c4a6f93aed138ac8b1550?version=3.46.2",title:"Map (svg, pre-projected)",slug:"MapSvg",component:kn},{replPath:"14c49b034a1e49bbbcd32e0ba749378c?version=3.46.2",title:"Multilayer map (canvas + svg)",slug:"MapLayered",component:cr},{replPath:"3dcdfc8c7aab4ca5a82f912f377a25e2?version=3.46.2",title:"Column annotated",slug:"Column",component:Cn},{replPath:"9d7b933184db447c83cc315ad278dabd?version=3.46.2",title:"Stacked column",slug:"ColumnStacked",component:Xn},{replPath:"3e18cab5e88a4b29a14a08fdccd418c2?version=3.46.2",title:"Bar",slug:"Bar",component:dr},{replPath:"af5ce39a12d74ed7a484010a49f09eaa?version=3.46.2",title:"Stacked bar",slug:"BarStacked",component:Dr},{replPath:"ea09c9f533594b3ab9ebb509c9bfc03a?version=3.46.2",title:"Multiline (html labels + quadtree tooltip)",slug:"MultiLine",component:Zn},{replPath:"1eb71294f7c147ce906aa2dfc6e2f64e?version=3.46.2",title:"Stacked area",slug:"AreaStacked",component:jn},{replPath:"9862620a31cd4f9dac8191df953e4532?version=3.46.2",title:"Scatter (html)",slug:"Scatter",component:pn},{replPath:"f3f78a8b122b40dda9ac1e32dee0737f?version=3.46.2",title:"Cleveland dot plot",slug:"ClevelandDotPlot",component:Ar},{replPath:"c1e6634def024499ad026ecab3c39499?version=3.46.2",title:"Calendar (one cake per month)",slug:"Calendar",component:fa},{replPath:"3142518ab68f493cad0e327dba5cae1a?version=3.46.2",title:"Time of day plot",slug:"Timeplot",component:pa},{replPath:"74c8fd12be824840bb78bcaa2eea33bb?version=3.46.2",title:"Histogram (variable bins)",slug:"Histogram",component:Or},{replPath:"82b6e8a37e9f4eaa8140498c1b1f490d?version=3.46.2",title:"Small multiples (animated domain transition)",slug:"SmallMultiples",component:ea},{replPath:"7b692f97938f4bc2a79d62d5ccdbb02d?version=3.46.2",title:"Brush",slug:"Brush",component:Da},{replPath:"1868bf7315654558894580f43ddeace8?version=3.46.2",title:"Synced brush",slug:"SyncedBrush",component:ja}];export{Xa as e};
diff --git a/docs/_app/immutable/chunks/_examples_ssr.X0tHL2fc.js b/docs/_app/immutable/chunks/_examples_ssr.X0tHL2fc.js
new file mode 100644
index 00000000..f24e98b9
--- /dev/null
+++ b/docs/_app/immutable/chunks/_examples_ssr.X0tHL2fc.js
@@ -0,0 +1 @@
+import{s as M,e as D,c as x,b as S,f as _,u as k,i as h,a as v,g as b,n as L,A as q,h as z,t as oe,d as ce,U as ie,y as me,j as it,r as Qe,a4 as mt,k as ze,a5 as pt,v as Se,E as Me,B as Z,C as ee}from"./scheduler.P37s_KnH.js";import{S as V,i as T,c,b as i,m,t as u,a as o,d as p,g as Ee,e as Ke,f as te}from"./index.GooPGtyi.js";import{L as C,I as N,J as j,K as re,M as se,N as Ie,O as Ze,P as et,Q as tt,R as G,S as ae,T as gt,U as nt,V as _t,W as dt,X as ht,Y as $e,Z as fe,_ as rt,$ as H,a0 as Le,w as at,f as le,a1 as vt,u as bt,a2 as O,a3 as yt,a4 as kt,a5 as wt,a6 as Ve,a7 as Dt,a8 as xt,a9 as St,aa as Et,ab as Kt,ac as It,ad as Lt,ae as Pt,af as Ct,ag as Rt,ah as Pe,ai as zt,aj as Mt,o as Vt,ak as st}from"./Brush.html.I1clC5X0.js";import{S as Y,A as W,a as X,b as $t,c as Tt,C as jt}from"./ClevelandDotPlot.percent-range.html.BOdAxcUZ.js";import{u as Te,g as At,d as ye,e as Bt,c as qt,b as Nt,t as Yt,a as je,f as Wt,p as pe,h as Xt,i as Ot,j as Jt,k as Ut,l as Gt,m as Ht}from"./pointsFour.fzEDaS5G.js";import{e as ne}from"./each.zMdpk9aP.js";function Ft(f){let e,r,n,a;return e=new W({}),n=new X({props:{ticks:4}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:L,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Qt(f){let e,r,n,a;return e=new re({}),n=new se({}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Zt(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[Ft]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[Qt]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&2&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&2&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function en(f){let e,r,n;return r=new C({props:{ssr:!0,percentRange:!0,padding:{top:8,right:10,bottom:20,left:25},x:tn,y:f[0],yDomain:[0,null],data:N,$$slots:{default:[Zt]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&2&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const tn="myX",be="myY";function nn(f){return N.forEach(r=>{r[be]=+r[be]}),[r=>r[be]]}class rn extends V{constructor(e){super(),T(this,e,nn,en,M,{})}}function an(f){let e,r,n,a,t,s;return e=new W({}),n=new X({}),t=new $t({props:{r:ln,fill:un,stroke:on,strokeWidth:cn}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment),a=v(),c(t.$$.fragment)},l($){i(e.$$.fragment,$),r=b($),i(n.$$.fragment,$),a=b($),i(t.$$.fragment,$)},m($,l){m(e,$,l),h($,r,l),m(n,$,l),h($,a,l),m(t,$,l),s=!0},p:L,i($){s||(u(e.$$.fragment,$),u(n.$$.fragment,$),u(t.$$.fragment,$),s=!0)},o($){o(e.$$.fragment,$),o(n.$$.fragment,$),o(t.$$.fragment,$),s=!1},d($){$&&(_(r),_(a)),p(e,$),p(n,$),p(t,$)}}}function sn(f){let e,r;return e=new j({props:{$$slots:{default:[an]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&1&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function $n(f){let e,r,n;return r=new C({props:{ssr:!0,percentRange:!0,padding:{top:10,right:5,bottom:20,left:25},x:fn,y:ke,xPadding:[ue,ue],yPadding:[ue,ue],data:N,$$slots:{default:[sn]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&1&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const fn="myX",ke="myY",ln=4.5,ue=2.5,un="#fff",on="#0cf",cn=1.5;function mn(f){return N.forEach(e=>{e[ke]=+e[ke]}),[]}class pn extends V{constructor(e){super(),T(this,e,mn,$n,M,{})}}function gn(f){let e,r;return e=new tt({props:{fixedAspectRatio:Ce,projection:f[2]}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:L,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function _n(f){let e,r;return e=new Y({props:{fixedAspectRatio:Ce,$$slots:{default:[gn]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&64&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function dn(f){let e,r,n;return r=new C({props:{ssr:!0,position:"absolute",data:f[1],z:f[5],zScale:Ie(),zRange:f[4],flatData:f[3],$$slots:{default:[_n]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0,style:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","map-container svelte-lie9rj"),q(e,"padding-bottom",100/Ce+"%")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&64&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const hn="myValue",vn="name",bn="name",Ce=2.63;function yn(f){const e=new Map;Ze.forEach($=>{e.set($[vn],$[hn])});const r=et(Te,Te.objects.states),n=At,a=r.features.map($=>$.properties);return[e,r,n,a,["#ffdecc","#ffc09c","#ffa06b","#ff7a33"],$=>e.get($[bn])]}class kn extends V{constructor(e){super(),T(this,e,yn,dn,M,{})}}function wn(f){let e,r;return e=new nt({}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Dn(f){let e,r,n,a,t,s;return e=new W({props:{gridlines:!1}}),n=new X({props:{ticks:4,gridlines:!1}}),t=new _t({props:{annotations:f[0]}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment),a=v(),c(t.$$.fragment)},l($){i(e.$$.fragment,$),r=b($),i(n.$$.fragment,$),a=b($),i(t.$$.fragment,$)},m($,l){m(e,$,l),h($,r,l),m(n,$,l),h($,a,l),m(t,$,l),s=!0},p:L,i($){s||(u(e.$$.fragment,$),u(n.$$.fragment,$),u(t.$$.fragment,$),s=!0)},o($){o(e.$$.fragment,$),o(n.$$.fragment,$),o(t.$$.fragment,$),s=!1},d($){$&&(_(r),_(a)),p(e,$),p(n,$),p(t,$)}}}function xn(f){let e,r,n,a;return e=new Y({props:{$$slots:{default:[wn]},$$scope:{ctx:f}}}),n=new j({props:{$$slots:{default:[Dn]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&2&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&2&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Sn(f){let e,r;return e=new dt({props:{annotations:f[0]}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:L,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function En(f){let e,r;return e=new ht({}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Kn(f){let e,r;return e=new gt({props:{$$slots:{defs:[En],default:[Sn]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&2&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function In(f){let e,r,n,a,t;return r=new C({props:{ssr:!0,percentRange:!0,position:"absolute",padding:{top:0,right:0,bottom:20,left:20},x:Ae,y:ge,xScale:G().paddingInner(.028).round(!0),xDomain:["1979","1980","1981","1982","1983"],yDomain:[0,null],data:ae,$$slots:{default:[xn]},$$scope:{ctx:f}}}),a=new C({props:{position:"absolute",padding:{top:0,right:0,bottom:20,left:20},x:Ae,y:ge,xScale:G().paddingInner(.028).round(!0),xDomain:["1979","1980","1981","1982","1983"],yDomain:[0,null],data:ae,$$slots:{default:[Kn]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),n=v(),c(a.$$.fragment),this.h()},l(s){e=x(s,"DIV",{class:!0});var $=S(e);i(r.$$.fragment,$),n=b($),i(a.$$.fragment,$),$.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-93joy6")},m(s,$){h(s,e,$),m(r,e,null),z(e,n),m(a,e,null),t=!0},p(s,[$]){const l={};$&2&&(l.$$scope={dirty:$,ctx:s}),r.$set(l);const g={};$&2&&(g.$$scope={dirty:$,ctx:s}),a.$set(g)},i(s){t||(u(r.$$.fragment,s),u(a.$$.fragment,s),t=!0)},o(s){o(r.$$.fragment,s),o(a.$$.fragment,s),t=!1},d(s){s&&_(e),p(r),p(a)}}}const Ae="year",ge="value";function Ln(f){const e=[{text:"Example text...",top:"18%",left:"30%",arrows:[{clockwise:!1,source:{anchor:"left-bottom",dx:-2,dy:-7},target:{x:"28%",y:"75%"}},{source:{anchor:"right-bottom",dy:-7,dx:5},target:{x:"68%",y:"48%"}}]}];return ae.forEach(r=>{r[ge]=+r[ge]}),[e]}class Pn extends V{constructor(e){super(),T(this,e,Ln,In,M,{})}}function Cn(f){let e,r,n,a;return e=new W({props:{format:f[4],tickMarks:!0}}),n=new X({props:{format:f[5]}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:L,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Rn(f){let e,r;return e=new vt({}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function zn(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[Cn]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[Rn]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&512&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&512&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Mn(f){let e,r,n;return r=new C({props:{ssr:!0,percentRange:!0,padding:{top:0,right:0,bottom:20,left:17},x:f[6],y:f[0],z:Vn,zScale:$e(),zDomain:f[1],zRange:f[2],flatData:fe(f[3]),data:f[3],$$slots:{default:[zn]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&512&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const Q="month",Vn="key";function Tn(f){const e=[0,1],r=rt("%Y-%m-%d"),n=Object.keys(H[0]).filter(d=>d!==Q),a=["#ff00cc","#ff7ac7","#ffb3c0","#ffe4b8"];H.forEach(d=>{d[Q]=typeof d[Q]=="string"?r(d[Q]):d[Q],n.forEach(y=>{d[y]=+d[y]})});const s=Le().keys(n)(H),$=at("%b. %-d");return[e,n,a,s,$,d=>le("~s")(d),d=>d.data[Q]]}class jn extends V{constructor(e){super(),T(this,e,Tn,Mn,M,{})}}function An(f){let e,r,n,a;return e=new W({props:{gridlines:!1}}),n=new X({props:{ticks:4,gridlines:!1,format:f[4]}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:L,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Bn(f){let e,r;return e=new yt({}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function qn(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[An]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[Bn]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&128&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&128&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Nn(f){let e,r,n;return r=new C({props:{ssr:!0,percentRange:!0,padding:{top:0,right:0,bottom:20,left:20},x:f[5],y:f[0],z:Yn,xScale:G().paddingInner(.028).round(!0),xDomain:bt(O,we),zScale:$e(),zDomain:f[1],zRange:f[2],flatData:fe(f[3]),data:f[3],$$slots:{default:[qn]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&128&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const we="year",Yn="key";function Wn(f){const e=[0,1],r=Object.keys(O[0]).filter(l=>l!==we),n=["#00e047","#7ceb68","#b7f486","#ecfda5"];O.forEach(l=>{r.forEach(g=>{l[g]=+l[g]})});const t=Le().keys(r)(O);return[e,r,n,t,l=>le("~s")(l),l=>l.data[we]]}class Xn extends V{constructor(e){super(),T(this,e,Wn,Nn,M,{})}}function On(f){let e,r,n,a;return e=new W({props:{gridlines:!1,ticks:H.map(f[4]).sort(Fn),format:f[2],snapLabels:!0,tickMarks:!0}}),n=new X({props:{format:f[3]}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:L,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Jn(f){let e,r;return e=new kt({}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Un(f){let e,r,n,a;return e=new wt({}),n=new Tt({props:{formatTitle:f[2],dataset:H}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:L,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Gn(f){let e,r,n,a,t,s;return e=new j({props:{$$slots:{default:[On]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[Jn]},$$scope:{ctx:f}}}),t=new j({props:{$$slots:{default:[Un]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment),a=v(),c(t.$$.fragment)},l($){i(e.$$.fragment,$),r=b($),i(n.$$.fragment,$),a=b($),i(t.$$.fragment,$)},m($,l){m(e,$,l),h($,r,l),m(n,$,l),h($,a,l),m(t,$,l),s=!0},p($,l){const g={};l&128&&(g.$$scope={dirty:l,ctx:$}),e.$set(g);const d={};l&128&&(d.$$scope={dirty:l,ctx:$}),n.$set(d);const y={};l&128&&(y.$$scope={dirty:l,ctx:$}),t.$set(y)},i($){s||(u(e.$$.fragment,$),u(n.$$.fragment,$),u(t.$$.fragment,$),s=!0)},o($){o(e.$$.fragment,$),o(n.$$.fragment,$),o(t.$$.fragment,$),s=!1},d($){$&&(_(r),_(a)),p(e,$),p(n,$),p(t,$)}}}function Hn(f){let e,r,n;return r=new C({props:{ssr:!0,percentRange:!0,padding:{top:7,right:10,bottom:20,left:25},x:J,y:ft,z:De,zScale:$e(),zRange:f[0],flatData:fe(f[1],"values"),yDomain:[0,null],data:f[1],$$slots:{default:[Gn]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&128&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const J="month",ft="value",De="fruit",Fn=(f,e)=>f-e;function Qn(f){const e=Object.keys(H[0]).filter(l=>l!==J),r=["#ffe4b8","#ffb3c0","#ff7ac7","#ff00cc"],n=rt("%Y-%m-%d"),a=e.map(l=>({[De]:l,values:H.map(g=>(g[J]=typeof g[J]=="string"?n(g[J]):g[J],{[ft]:+g[l],[J]:g[J],[De]:l}))})),t=at("%b. %e");return[r,a,t,l=>le("~s")(l),l=>l[J]]}class Zn extends V{constructor(e){super(),T(this,e,Qn,Hn,M,{})}}function er(f){let e,r;return e=new Et({props:{projection:f[1],fill:"#fff"}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:L,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function tr(f){let e,r;return e=new xt({props:{$$slots:{default:[er]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&1024&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function nr(f){let e,r;return e=new tt({props:{fixedAspectRatio:he,projection:f[1],features:f[0].features.slice(40,50)}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:L,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function rr(f){let e,r;return e=new Kt({props:{fixedAspectRatio:he,projection:f[1],features:f[3],getCoordinates:f[6],getLabel:f[7]}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:L,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function ar(f){let e,r,n,a;return e=new Y({props:{fixedAspectRatio:he,$$slots:{default:[nr]},$$scope:{ctx:f}}}),n=new j({props:{$$slots:{default:[rr]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&1024&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&1024&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function sr(f){let e,r,n,a,t;return r=new C({props:{position:"absolute",data:f[0],flatData:f[4],$$slots:{default:[tr]},$$scope:{ctx:f}}}),a=new C({props:{position:"absolute",ssr:!0,data:f[0],z:f[8],zScale:Ie(),zRange:f[5],flatData:f[4],$$slots:{default:[ar]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),n=v(),c(a.$$.fragment),this.h()},l(s){e=x(s,"DIV",{class:!0,style:!0});var $=S(e);i(r.$$.fragment,$),n=b($),i(a.$$.fragment,$),$.forEach(_),this.h()},h(){k(e,"class","map-container svelte-1enkenv"),q(e,"aspect-ratio",he)},m(s,$){h(s,e,$),m(r,e,null),z(e,n),m(a,e,null),t=!0},p(s,[$]){const l={};$&1024&&(l.$$scope={dirty:$,ctx:s}),r.$set(l);const g={};$&1024&&(g.$$scope={dirty:$,ctx:s}),a.$set(g)},i(s){t||(u(r.$$.fragment,s),u(a.$$.fragment,s),t=!0)},o(s){o(r.$$.fragment,s),o(a.$$.fragment,s),t=!1},d(s){s&&_(e),p(r),p(a)}}}const $r="myValue",he=2.63,fr="name",lr="name",ur="center",Be="abbr";function or(f){const e=et(Ve,Ve.objects.collection),r=St,n=new Map;Ze.forEach(y=>{n.set(y[fr],y[$r])});const a=["VT","MD","NJ","RI","DC","DE","WV","MA","CT","NH"],t=Dt.filter(y=>!a.includes(y[Be])),s=e.features.map(y=>y.properties);return[e,r,n,t,s,["#ffdecc","#ffc09c","#ffa06b","#ff7a33"],y=>y[ur],y=>y[Be],y=>n.get(y[lr])]}class cr extends V{constructor(e){super(),T(this,e,or,sr,M,{})}}function ir(f){let e,r,n,a;return e=new W({props:{gridlines:!0,baseline:!0,snapLabels:!0}}),n=new X({props:{gridlines:!1,tickMarks:!0}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:L,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function mr(f){let e,r;return e=new It({}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function pr(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[ir]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[mr]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&1&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&1&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function gr(f){let e,r,n;return r=new C({props:{ssr:!0,percentRange:!0,padding:{top:0,right:20,bottom:20,left:35},x:"value",y:"year",yScale:G().paddingInner(.05).round(!0),yDomain:["1979","1980","1981","1982","1983"],xDomain:[0,null],data:ae,$$slots:{default:[pr]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&1&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}function _r(f){return ae.forEach(e=>{e.value=+e.value}),[]}class dr extends V{constructor(e){super(),T(this,e,_r,gr,M,{})}}function hr(f){let e,r,n,a;return e=new W({props:{baseline:!0,snapLabels:!0,format:f[4]}}),n=new X({props:{gridlines:!1}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:L,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function vr(f){let e,r;return e=new Lt({}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function br(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[hr]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[vr]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&128&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&128&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function yr(f){let e,r,n;return r=new C({props:{ssr:!0,percentRange:!0,padding:{top:0,right:0,bottom:20,left:35},y:f[5],x:f[0],z:kr,yScale:G().paddingInner(.05).round(!0),yDomain:["2016","2017","2018","2019"],zScale:$e(),zDomain:f[1],zRange:f[2],flatData:fe(f[3]),data:f[3],$$slots:{default:[br]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&128&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const qe="year",kr="key";function wr(f){const e=[0,1],r=Object.keys(O[0]).filter(l=>l!==qe),n=["#00bbff","#8bcef6","#c4e2ed","#f7f6e3"];O.forEach(l=>{r.forEach(g=>{l[g]=+l[g]})});const t=Le().keys(r)(O);return[e,r,n,t,l=>le("~s")(l),l=>l.data[qe]]}class Dr extends V{constructor(e){super(),T(this,e,wr,yr,M,{})}}function xr(f){let e,r,n,a;return e=new W({}),n=new X({props:{tickMarks:!1}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:L,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Sr(f){let e,r;return e=new j({props:{$$slots:{default:[xr]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&16&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Er(f){let e,r;return e=new Ct({props:{r:Cr}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:L,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Kr(f){let e;return{c(){e=D("div"),this.h()},l(r){e=x(r,"DIV",{class:!0,style:!0}),S(e).forEach(_),this.h()},h(){k(e,"class","circle svelte-va9vq4"),q(e,"top",f[2]+"px"),q(e,"left",f[1]+"px"),q(e,"display",f[3]?"block":"none")},m(r,n){h(r,e,n)},p(r,n){n&4&&q(e,"top",r[2]+"px"),n&2&&q(e,"left",r[1]+"px"),n&8&&q(e,"display",r[3]?"block":"none")},d(r){r&&_(e)}}}function Ir(f){let e,r;return e=new Rt({props:{$$slots:{default:[Kr,({x:n,y:a,visible:t})=>({1:n,2:a,3:t}),({x:n,y:a,visible:t})=>(n?2:0)|(a?4:0)|(t?8:0)]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&30&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Lr(f){let e,r,n,a;return e=new Pt({props:{$$slots:{default:[Er]},$$scope:{ctx:f}}}),n=new j({props:{$$slots:{default:[Ir]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&16&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&16&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Pr(f){let e,r,n,a,t;return r=new C({props:{position:"absolute",ssr:!0,percentRange:!0,padding:f[0],x:Ne,y:_e,xPadding:[U,U],yPadding:[U,U],data:N,$$slots:{default:[Sr]},$$scope:{ctx:f}}}),a=new C({props:{position:"absolute",padding:f[0],x:Ne,y:_e,xPadding:[U,U],yPadding:[U,U],data:N,$$slots:{default:[Lr]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),n=v(),c(a.$$.fragment),this.h()},l(s){e=x(s,"DIV",{class:!0});var $=S(e);i(r.$$.fragment,$),n=b($),i(a.$$.fragment,$),$.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-va9vq4")},m(s,$){h(s,e,$),m(r,e,null),z(e,n),m(a,e,null),t=!0},p(s,[$]){const l={};$&16&&(l.$$scope={dirty:$,ctx:s}),r.$set(l);const g={};$&16&&(g.$$scope={dirty:$,ctx:s}),a.$set(g)},i(s){t||(u(r.$$.fragment,s),u(a.$$.fragment,s),t=!0)},o(s){o(r.$$.fragment,s),o(a.$$.fragment,s),t=!1},d(s){s&&_(e),p(r),p(a)}}}const Ne="myX",_e="myY",Cr=3,U=6;function Rr(f){const e={top:5,right:5,bottom:20,left:25};return N.forEach(r=>{r[_e]=+r[_e]}),[e]}class zr extends V{constructor(e){super(),T(this,e,Rr,Pr,M,{})}}function Mr(f){let e,r,n,a,t,s;return e=new W({}),n=new X({props:{gridlines:!1}}),t=new jt({}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment),a=v(),c(t.$$.fragment)},l($){i(e.$$.fragment,$),r=b($),i(n.$$.fragment,$),a=b($),i(t.$$.fragment,$)},m($,l){m(e,$,l),h($,r,l),m(n,$,l),h($,a,l),m(t,$,l),s=!0},p:L,i($){s||(u(e.$$.fragment,$),u(n.$$.fragment,$),u(t.$$.fragment,$),s=!0)},o($){o(e.$$.fragment,$),o(n.$$.fragment,$),o(t.$$.fragment,$),s=!1},d($){$&&(_(r),_(a)),p(e,$),p(n,$),p(t,$)}}}function Vr(f){let e,r;return e=new j({props:{$$slots:{default:[Mr]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&4&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Tr(f){let e,r,n;return r=new C({props:{ssr:!0,percentRange:!0,padding:{right:10,bottom:20,left:30},x:f[0],y:lt,yScale:G().paddingInner(.05).round(!0),xDomain:[0,null],xPadding:[2,0],zScale:$e(),zDomain:f[0],zRange:f[1],data:O,$$slots:{default:[Vr]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&4&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const lt="year";function jr(f){const e=Object.keys(O[0]).filter(n=>n!==lt),r=["#f0c","#00bbff","#00e047","#ff7a33"];return O.forEach(n=>{e.forEach(a=>{n[a]=+n[a]})}),[e,r]}class Ar extends V{constructor(e){super(),T(this,e,jr,Tr,M,{})}}function Br(f){let e,r,n,a;return e=new W({props:{gridlines:!1,baseline:!0,ticks:f[2],format:f[7]}}),n=new X({props:{gridlines:!1,ticks:3}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&4&&($.ticks=t[2]),e.$set($)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function qr(f){let e,r;return e=new nt({props:{fill:"#fff",stroke:"#000",strokeWidth:1}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:L,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Nr(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[Br]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[qr]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&516&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&512&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Yr(f){let e,r,n,a,t,s,$,l,g,d,y,E;return g=new C({props:{ssr:!0,percentRange:!0,padding:{top:20,right:5,bottom:20,left:31},x:f[5],y:Wr,xDomain:f[1],xScale:G().paddingInner(0),yDomain:[0,null],data:f[3](ye),$$slots:{default:[Nr]},$$scope:{ctx:f}}}),{c(){e=D("div"),r=D("input"),n=v(),a=D("span"),t=oe(f[0]),s=oe(" bins"),$=v(),l=D("div"),c(g.$$.fragment),this.h()},l(w){e=x(w,"DIV",{class:!0,style:!0});var A=S(e);r=x(A,"INPUT",{style:!0,type:!0,min:!0,max:!0,step:!0,class:!0}),n=b(A),a=x(A,"SPAN",{class:!0,style:!0});var B=S(a);t=ce(B,f[0]),s=ce(B," bins"),B.forEach(_),A.forEach(_),$=b(w),l=x(w,"DIV",{class:!0});var I=S(l);i(g.$$.fragment,I),I.forEach(_),this.h()},h(){q(r,"margin","0"),k(r,"type","range"),k(r,"min","4"),k(r,"max","100"),k(r,"step","4"),k(r,"class","svelte-1jk7v2q"),k(a,"class","counter-container"),q(a,"display","inline-block"),q(a,"vertical-align","top"),q(a,"width","70px"),q(a,"text-align","right"),k(e,"class","input-container"),q(e,"position","absolute"),q(e,"right","10px"),q(e,"z-index","9"),k(l,"class","chart-container svelte-1jk7v2q")},m(w,A){h(w,e,A),z(e,r),ie(r,f[0]),z(e,n),z(e,a),z(a,t),z(a,s),h(w,$,A),h(w,l,A),m(g,l,null),d=!0,y||(E=[me(r,"change",f[6]),me(r,"input",f[6])],y=!0)},p(w,[A]){A&1&&ie(r,w[0]),(!d||A&1)&&it(t,w[0]);const B={};A&2&&(B.xDomain=w[1]),A&8&&(B.data=w[3](ye)),A&516&&(B.$$scope={dirty:A,ctx:w}),g.$set(B)},i(w){d||(u(g.$$.fragment,w),d=!0)},o(w){o(g.$$.fragment,w),d=!1},d(w){w&&(_(e),_($),_(l)),p(g),y=!1,Qe(E)}}}const Wr="length";function Xr(f,e,r){let n,a,t;const s=le(".2f");let $=40;const l=["x0","x1"],g=Bt(ye);function d(){$=mt(this.value),r(0,$)}const y=E=>+s(E);return f.$$.update=()=>{f.$$.dirty&1&&r(1,n=qt(g,$)),f.$$.dirty&2&&r(3,a=Nt().domain(g).thresholds(n)),f.$$.dirty&2&&r(2,t=Yt(n,7))},[$,n,t,a,s,l,d,y]}class Or extends V{constructor(e){super(),T(this,e,Xr,Yr,M,{})}}function Jr(f){let e,r;return e=new re({props:{stroke:"#000"}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:L,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Ur(f){let e,r;return e=new Y({props:{$$slots:{default:[Jr]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&1024&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Gr(f){let e,r;return e=new C({props:{ssr:!0,percentRange:!0,padding:{top:2,right:6,bottom:2,left:6},x:f[1].x,y:f[1].y,data:f[0],xDomain:f[2],yDomain:f[3],$$slots:{default:[Ur]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,[a]){const t={};a&2&&(t.x=n[1].x),a&2&&(t.y=n[1].y),a&1&&(t.data=n[0]),a&4&&(t.xDomain=n[2]),a&8&&(t.yDomain=n[3]),a&1024&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Hr(f,e,r){let n,a,{data:t}=e,{fullExtents:s}=e,{scale:$}=e,{extentGetters:l}=e;const g={duration:300,easing:Wt},d=je(void 0,g);ze(f,d,w=>r(2,n=w));const y=je(void 0,g);ze(f,y,w=>r(3,a=w));const E=Pe(t,l);return f.$$set=w=>{"data"in w&&r(0,t=w.data),"fullExtents"in w&&r(6,s=w.fullExtents),"scale"in w&&r(7,$=w.scale),"extentGetters"in w&&r(1,l=w.extentGetters)},f.$$.update=()=>{f.$$.dirty&192&&d.set($==="shared"?s.x:E.x),f.$$.dirty&192&&y.set($==="shared"?s.y:E.y)},[t,l,n,a,d,y,s,$]}class Fr extends V{constructor(e){super(),T(this,e,Hr,Gr,M,{data:0,fullExtents:6,scale:7,extentGetters:1})}}function Ye(f,e,r){const n=f.slice();return n[6]=e[r],n}function We(f){let e,r,n,a;return r=new Fr({props:{data:f[6],fullExtents:f[2],scale:f[0],extentGetters:f[1]}}),{c(){e=D("div"),c(r.$$.fragment),n=v(),this.h()},l(t){e=x(t,"DIV",{class:!0});var s=S(e);i(r.$$.fragment,s),n=b(s),s.forEach(_),this.h()},h(){k(e,"class","small-multiple-container svelte-1xmktbf")},m(t,s){h(t,e,s),m(r,e,null),z(e,n),a=!0},p(t,s){const $={};s&1&&($.scale=t[0]),r.$set($)},i(t){a||(u(r.$$.fragment,t),a=!0)},o(t){o(r.$$.fragment,t),a=!1},d(t){t&&_(e),p(r)}}}function Qr(f){let e,r,n,a,t,s,$,l,g,d,y,E,w,A,B=ne(pe),I=[];for(let K=0;K<B.length;K+=1)I[K]=We(Ye(f,B,K));const ct=K=>o(I[K],1,1,()=>{I[K]=null});return E=pt(f[4][0]),{c(){e=D("div"),r=D("label"),n=D("input"),a=oe("Individual scale"),t=v(),s=D("label"),$=D("input"),l=oe("Shared scale"),g=v(),d=D("div");for(let K=0;K<I.length;K+=1)I[K].c();this.h()},l(K){e=x(K,"DIV",{class:!0});var R=S(e);r=x(R,"LABEL",{class:!0});var P=S(r);n=x(P,"INPUT",{type:!0,class:!0}),a=ce(P,"Individual scale"),P.forEach(_),t=b(R),s=x(R,"LABEL",{class:!0});var F=S(s);$=x(F,"INPUT",{type:!0,class:!0}),l=ce(F,"Shared scale"),F.forEach(_),R.forEach(_),g=b(K),d=x(K,"DIV",{class:!0});var Re=S(d);for(let ve=0;ve<I.length;ve+=1)I[ve].l(Re);Re.forEach(_),this.h()},h(){k(n,"type","radio"),n.__value="individual",ie(n,n.__value),k(n,"class","svelte-1xmktbf"),k(r,"class","svelte-1xmktbf"),k($,"type","radio"),$.__value="shared",ie($,$.__value),k($,"class","svelte-1xmktbf"),k(s,"class","svelte-1xmktbf"),k(e,"class","input-container svelte-1xmktbf"),k(d,"class","group-container svelte-1xmktbf"),E.p(n,$)},m(K,R){h(K,e,R),z(e,r),z(r,n),n.checked=n.__value===f[0],z(r,a),z(e,t),z(e,s),z(s,$),$.checked=$.__value===f[0],z(s,l),h(K,g,R),h(K,d,R);for(let P=0;P<I.length;P+=1)I[P]&&I[P].m(d,null);y=!0,w||(A=[me(n,"change",f[3]),me($,"change",f[5])],w=!0)},p(K,[R]){if(R&1&&(n.checked=n.__value===K[0]),R&1&&($.checked=$.__value===K[0]),R&7){B=ne(pe);let P;for(P=0;P<B.length;P+=1){const F=Ye(K,B,P);I[P]?(I[P].p(F,R),u(I[P],1)):(I[P]=We(F),I[P].c(),u(I[P],1),I[P].m(d,null))}for(Ee(),P=B.length;P<I.length;P+=1)ct(P);Ke()}},i(K){if(!y){for(let R=0;R<B.length;R+=1)u(I[R]);y=!0}},o(K){I=I.filter(Boolean);for(let R=0;R<I.length;R+=1)o(I[R]);y=!1},d(K){K&&(_(e),_(g),_(d)),Se(I,K),E.r(),w=!1,Qe(A)}}}function Zr(f,e,r){const n={x:g=>g.x,y:g=>g.y},a=Pe(fe(pe),n);pe.sort((g,d)=>d[d.length-1].y-g[g.length-1].y);let t="individual";const s=[[]];function $(){t=this.__value,r(0,t)}function l(){t=this.__value,r(0,t)}return[t,n,a,$,s,l]}class ea extends V{constructor(e){super(),T(this,e,Zr,Qr,M,{})}}function Xe(f,e,r){const n=f.slice();return n[5]=e[r],n[7]=r,n}function ta(f){let e,r;return e=new Mt({props:{calcCellSize:aa}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p:L,i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function na(f){let e,r;return e=new Y({props:{$$slots:{default:[ta]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&256&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function Oe(f){let e,r,n,a;return r=new C({props:{ssr:!0,percentRange:!0,padding:{top:1,right:1,bottom:1,left:1},x:"key",z:sa,zScale:Ie(),zRange:f[1],data:f[5].values,$$slots:{default:[na]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),n=v(),this.h()},l(t){e=x(t,"DIV",{class:!0,style:!0,"data-month":!0});var s=S(e);i(r.$$.fragment,s),n=b(s),s.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-xb94lj"),k(e,"style","width:calc("+100/f[2].length+"% - "+Je+"px);"+(f[7]===0?`margin-right:${Je*2}px`:"")),k(e,"data-month",f[0][+f[5].key+1])},m(t,s){h(t,e,s),m(r,e,null),z(e,n),a=!0},p(t,s){const $={};s&256&&($.$$scope={dirty:s,ctx:t}),r.$set($)},i(t){a||(u(r.$$.fragment,t),a=!0)},o(t){o(r.$$.fragment,t),a=!1},d(t){t&&_(e),p(r)}}}function ra(f){let e,r,n=ne(f[2]),a=[];for(let s=0;s<n.length;s+=1)a[s]=Oe(Xe(f,n,s));const t=s=>o(a[s],1,1,()=>{a[s]=null});return{c(){for(let s=0;s<a.length;s+=1)a[s].c();e=Me()},l(s){for(let $=0;$<a.length;$+=1)a[$].l(s);e=Me()},m(s,$){for(let l=0;l<a.length;l+=1)a[l]&&a[l].m(s,$);h(s,e,$),r=!0},p(s,[$]){if($&7){n=ne(s[2]);let l;for(l=0;l<n.length;l+=1){const g=Xe(s,n,l);a[l]?(a[l].p(g,$),u(a[l],1)):(a[l]=Oe(g),a[l].c(),u(a[l],1),a[l].m(e.parentNode,e))}for(Ee(),l=n.length;l<a.length;l+=1)t(l);Ke()}},i(s){if(!r){for(let $=0;$<n.length;$+=1)u(a[$]);r=!0}},o(s){a=a.filter(Boolean);for(let $=0;$<a.length;$+=1)o(a[$]);r=!1},d(s){s&&_(e),Se(a,s)}}}const Je=10,aa=(f,e)=>100/7,sa=f=>f.values.length;function $a(f){const e=["January","February","March","April","May","June","July","August","September","October","November","December"],r=Xt.map(s=>(s.date=new Date(s.timestring),s)),n=["#fff5cc","#ffeba9","#ffe182","#ffd754","#ffcc00"],t=zt().key(s=>s.date.getUTCMonth()).key(s=>s.timestring.split("T")[0]).entries(r).sort((s,$)=>s.key-$.key);return[e,n,t]}class fa extends V{constructor(e){super(),T(this,e,$a,ra,M,{})}}function la(f){let e,r,n,a,t,s;return e=new W({props:{ticks:[0,4,8,12,16,20,24].map(ia),format:f[2]}}),n=new X({}),t=new $t({props:{r:ca,fill:"rgba(255, 204, 0, 0.75)",strokeWidth:0}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment),a=v(),c(t.$$.fragment)},l($){i(e.$$.fragment,$),r=b($),i(n.$$.fragment,$),a=b($),i(t.$$.fragment,$)},m($,l){m(e,$,l),h($,r,l),m(n,$,l),h($,a,l),m(t,$,l),s=!0},p:L,i($){s||(u(e.$$.fragment,$),u(n.$$.fragment,$),u(t.$$.fragment,$),s=!0)},o($){o(e.$$.fragment,$),o(n.$$.fragment,$),o(t.$$.fragment,$),s=!1},d($){$&&(_(r),_(a)),p(e,$),p(n,$),p(t,$)}}}function ua(f){let e,r;return e=new j({props:{$$slots:{default:[la]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment)},l(n){i(e.$$.fragment,n)},m(n,a){m(e,n,a),r=!0},p(n,a){const t={};a&64&&(t.$$scope={dirty:a,ctx:n}),e.$set(t)},i(n){r||(u(e.$$.fragment,n),r=!0)},o(n){o(e.$$.fragment,n),r=!1},d(n){p(e,n)}}}function oa(f){let e,r,n;return r=new C({props:{ssr:!0,percentRange:!0,padding:{top:0,right:15,bottom:20,left:75},x:ut,y:ot,xDomain:[0,24*60*60],yDomain:f[1],xScale:Ot(),yScale:G().paddingInner(.05).round(!0),xPadding:[Ue,Ue],data:f[0],$$slots:{default:[ua]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),this.h()},l(a){e=x(a,"DIV",{class:!0});var t=S(e);i(r.$$.fragment,t),t.forEach(_),this.h()},h(){k(e,"class","chart-container svelte-v4mhvr")},m(a,t){h(a,e,t),m(r,e,null),n=!0},p(a,[t]){const s={};t&64&&(s.$$scope={dirty:t,ctx:a}),r.$set(s)},i(a){n||(u(r.$$.fragment,a),n=!0)},o(a){o(r.$$.fragment,a),n=!1},d(a){a&&_(e),p(r)}}}const ut="seconds",ot="day",ca=4,Ue=2,ia=f=>f*60*60;function ma(f){const e=Jt.map($=>{const l=$.timestring.split("T"),g=l[1].replace("Z","").split(":").map(d=>+d);return $[ut]=g[0]*60*60+g[1]*60+g[2],$[ot]=l[0],$}),r=Pe(e,{x:$=>$.timestring}),n=r.x[0].toString().split("T")[0].split("-").map($=>+$),a=r.x[1].toString().split("T")[0].split("-").map($=>+$),t=Vt.range(new Date(Date.UTC(n[0],n[1]-1,n[2])),new Date(Date.UTC(a[0],a[1]-1,a[2]+1))).map($=>$.toISOString().split("T")[0]).sort();return[e,t,$=>`${Math.floor($/60/60)}:00`]}class pa extends V{constructor(e){super(),T(this,e,ma,oa,M,{})}}function ga(f){let e,r,n,a;return e=new W({props:{ticks:ka}}),n=new X({props:{ticks:4}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:L,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function _a(f){let e,r,n,a;return e=new re({props:{stroke:"#00e047"}}),n=new se({props:{fill:"#00e04710"}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:L,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function da(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[ga]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[_a]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&16&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&16&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function ha(f){let e,r,n,a;return e=new re({props:{stroke:"#00e047"}}),n=new se({props:{fill:"#00e04710"}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:L,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function va(f){let e,r,n,a;function t(l){f[2](l)}function s(l){f[3](l)}let $={};return f[0][0]!==void 0&&($.min=f[0][0]),f[0][1]!==void 0&&($.max=f[0][1]),e=new st({props:$}),Z.push(()=>te(e,"min",t)),Z.push(()=>te(e,"max",s)),{c(){c(e.$$.fragment)},l(l){i(e.$$.fragment,l)},m(l,g){m(e,l,g),a=!0},p(l,g){const d={};!r&&g&1&&(r=!0,d.min=l[0][0],ee(()=>r=!1)),!n&&g&1&&(n=!0,d.max=l[0][1],ee(()=>n=!1)),e.$set(d)},i(l){a||(u(e.$$.fragment,l),a=!0)},o(l){o(e.$$.fragment,l),a=!1},d(l){p(e,l)}}}function ba(f){let e,r,n,a;return e=new Y({props:{$$slots:{default:[ha]},$$scope:{ctx:f}}}),n=new j({props:{$$slots:{default:[va]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&16&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&17&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function ya(f){let e,r,n,a,t,s;return r=new C({props:{ssr:!0,percentRange:!0,padding:{right:10,bottom:20,left:25},x:Ge,y:de,yDomain:[0,null],data:f[1],$$slots:{default:[da]},$$scope:{ctx:f}}}),t=new C({props:{ssr:!0,percentRange:!0,padding:{top:5},x:Ge,y:de,yDomain:[0,null],data:N,$$slots:{default:[ba]},$$scope:{ctx:f}}}),{c(){e=D("div"),c(r.$$.fragment),n=v(),a=D("div"),c(t.$$.fragment),this.h()},l($){e=x($,"DIV",{class:!0});var l=S(e);i(r.$$.fragment,l),l.forEach(_),n=b($),a=x($,"DIV",{class:!0});var g=S(a);i(t.$$.fragment,g),g.forEach(_),this.h()},h(){k(e,"class","brushed-chart-container svelte-12vpq9d"),k(a,"class","brush-container svelte-12vpq9d")},m($,l){h($,e,l),m(r,e,null),h($,n,l),h($,a,l),m(t,a,null),s=!0},p($,[l]){const g={};l&2&&(g.data=$[1]),l&16&&(g.$$scope={dirty:l,ctx:$}),r.$set(g);const d={};l&17&&(d.$$scope={dirty:l,ctx:$}),t.$set(d)},i($){s||(u(r.$$.fragment,$),u(t.$$.fragment,$),s=!0)},o($){o(r.$$.fragment,$),o(t.$$.fragment,$),s=!1},d($){$&&(_(e),_(n),_(a)),p(r),p(t)}}}const Ge="myX",de="myY",ka=f=>{const e=f.filter(r=>r%1===0);return e.length>7?e.filter((r,n)=>n%2===0):e};function wa(f,e,r){let n=[null,null];N.forEach($=>{$[de]=+$[de]});let a;function t($){f.$$.not_equal(n[0],$)&&(n[0]=$,r(0,n))}function s($){f.$$.not_equal(n[1],$)&&(n[1]=$,r(0,n))}return f.$$.update=()=>{f.$$.dirty&3&&(r(1,a=N.slice((n[0]||0)*N.length,(n[1]||1)*N.length)),a.length<2&&r(1,a=N.slice(n[0]*N.length,n[0]*N.length+2)))},[n,a,t,s]}class Da extends V{constructor(e){super(),T(this,e,wa,ya,M,{})}}function xa(f){let e,r,n,a;return e=new W({props:{ticks:Ca}}),n=new X({props:{ticks:2}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p:L,i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Sa(f){let e,r,n,a;return e=new re({props:{stroke:f[5]}}),n=new se({props:{fill:`${f[5]}10`}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&32&&($.stroke=t[5]),e.$set($);const l={};s&32&&(l.fill=`${t[5]}10`),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Ea(f){let e,r,n,a;return e=new j({props:{$$slots:{default:[xa]},$$scope:{ctx:f}}}),n=new Y({props:{$$slots:{default:[Sa]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&512&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&544&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Ka(f){let e,r,n,a;return e=new re({props:{stroke:f[5]}}),n=new se({props:{fill:`${f[5]}10`}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&32&&($.stroke=t[5]),e.$set($);const l={};s&32&&(l.fill=`${t[5]}10`),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Ia(f){let e,r,n,a;function t(l){f[7](l)}function s(l){f[8](l)}let $={};return f[0]!==void 0&&($.min=f[0]),f[1]!==void 0&&($.max=f[1]),e=new st({props:$}),Z.push(()=>te(e,"min",t)),Z.push(()=>te(e,"max",s)),{c(){c(e.$$.fragment)},l(l){i(e.$$.fragment,l)},m(l,g){m(e,l,g),a=!0},p(l,g){const d={};!r&&g&1&&(r=!0,d.min=l[0],ee(()=>r=!1)),!n&&g&2&&(n=!0,d.max=l[1],ee(()=>n=!1)),e.$set(d)},i(l){a||(u(e.$$.fragment,l),a=!0)},o(l){o(e.$$.fragment,l),a=!1},d(l){p(e,l)}}}function La(f){let e,r,n,a;return e=new Y({props:{$$slots:{default:[Ka]},$$scope:{ctx:f}}}),n=new j({props:{$$slots:{default:[Ia]},$$scope:{ctx:f}}}),{c(){c(e.$$.fragment),r=v(),c(n.$$.fragment)},l(t){i(e.$$.fragment,t),r=b(t),i(n.$$.fragment,t)},m(t,s){m(e,t,s),h(t,r,s),m(n,t,s),a=!0},p(t,s){const $={};s&544&&($.$$scope={dirty:s,ctx:t}),e.$set($);const l={};s&515&&(l.$$scope={dirty:s,ctx:t}),n.$set(l)},i(t){a||(u(e.$$.fragment,t),u(n.$$.fragment,t),a=!0)},o(t){o(e.$$.fragment,t),o(n.$$.fragment,t),a=!1},d(t){t&&_(r),p(e,t),p(n,t)}}}function Pa(f){let e,r,n,a,t,s,$;return n=new C({props:{ssr:!0,percentRange:!0,padding:{right:10,bottom:20,left:25},x:f[2],y:f[3],yDomain:[0,null],data:f[6],$$slots:{default:[Ea]},$$scope:{ctx:f}}}),s=new C({props:{ssr:!0,percentRange:!0,padding:{top:5},x:f[2],y:f[3],yDomain:[0,null],data:f[4],$$slots:{default:[La]},$$scope:{ctx:f}}}),{c(){e=D("div"),r=D("div"),c(n.$$.fragment),a=v(),t=D("div"),c(s.$$.fragment),this.h()},l(l){e=x(l,"DIV",{class:!0});var g=S(e);r=x(g,"DIV",{class:!0});var d=S(r);i(n.$$.fragment,d),d.forEach(_),a=b(g),t=x(g,"DIV",{class:!0});var y=S(t);i(s.$$.fragment,y),y.forEach(_),g.forEach(_),this.h()},h(){k(r,"class","chart-container svelte-ypfvhs"),k(t,"class","brush-container svelte-ypfvhs"),k(e,"class","chart-wrapper svelte-ypfvhs")},m(l,g){h(l,e,g),z(e,r),m(n,r,null),z(e,a),z(e,t),m(s,t,null),$=!0},p(l,[g]){const d={};g&4&&(d.x=l[2]),g&8&&(d.y=l[3]),g&64&&(d.data=l[6]),g&544&&(d.$$scope={dirty:g,ctx:l}),n.$set(d);const y={};g&4&&(y.x=l[2]),g&8&&(y.y=l[3]),g&16&&(y.data=l[4]),g&547&&(y.$$scope={dirty:g,ctx:l}),s.$set(y)},i(l){$||(u(n.$$.fragment,l),u(s.$$.fragment,l),$=!0)},o(l){o(n.$$.fragment,l),o(s.$$.fragment,l),$=!1},d(l){l&&_(e),p(n),p(s)}}}const Ca=f=>{const e=f.filter(r=>r%1===0);return e.length>7?e.filter((r,n)=>n%2===0):e};function Ra(f,e,r){let{min:n=null}=e,{max:a=null}=e,{xKey:t="x"}=e,{yKey:s="y"}=e,{data:$=[]}=e,{stroke:l="#00e047"}=e,g;function d(E){n=E,r(0,n)}function y(E){a=E,r(1,a)}return f.$$set=E=>{"min"in E&&r(0,n=E.min),"max"in E&&r(1,a=E.max),"xKey"in E&&r(2,t=E.xKey),"yKey"in E&&r(3,s=E.yKey),"data"in E&&r(4,$=E.data),"stroke"in E&&r(5,l=E.stroke)},f.$$.update=()=>{f.$$.dirty&83&&(r(6,g=$.slice((n||0)*$.length,(a||1)*$.length)),g.length<2&&r(6,g=$.slice(n*$.length,n*$.length+2)))},[n,a,t,s,$,l,g,d,y]}class za extends V{constructor(e){super(),T(this,e,Ra,Pa,M,{min:0,max:1,xKey:2,yKey:3,data:4,stroke:5})}}function He(f,e,r){const n=f.slice();return n[5]=e[r],n[7]=r,n}function Fe(f){let e,r,n,a;function t(l){f[3](l)}function s(l){f[4](l)}let $={data:f[5],xKey:Va,yKey:xe,stroke:f[2][f[7]]};return f[0][0]!==void 0&&($.min=f[0][0]),f[0][1]!==void 0&&($.max=f[0][1]),e=new za({props:$}),Z.push(()=>te(e,"min",t)),Z.push(()=>te(e,"max",s)),{c(){c(e.$$.fragment)},l(l){i(e.$$.fragment,l)},m(l,g){m(e,l,g),a=!0},p(l,g){const d={};!r&&g&1&&(r=!0,d.min=l[0][0],ee(()=>r=!1)),!n&&g&1&&(n=!0,d.max=l[0][1],ee(()=>n=!1)),e.$set(d)},i(l){a||(u(e.$$.fragment,l),a=!0)},o(l){o(e.$$.fragment,l),a=!1},d(l){p(e,l)}}}function Ma(f){let e,r,n=ne(f[1]),a=[];for(let s=0;s<n.length;s+=1)a[s]=Fe(He(f,n,s));const t=s=>o(a[s],1,1,()=>{a[s]=null});return{c(){e=D("div");for(let s=0;s<a.length;s+=1)a[s].c();this.h()},l(s){e=x(s,"DIV",{class:!0});var $=S(e);for(let l=0;l<a.length;l+=1)a[l].l($);$.forEach(_),this.h()},h(){k(e,"class","small-multiple-container svelte-gmttnm")},m(s,$){h(s,e,$);for(let l=0;l<a.length;l+=1)a[l]&&a[l].m(e,null);r=!0},p(s,[$]){if($&7){n=ne(s[1]);let l;for(l=0;l<n.length;l+=1){const g=He(s,n,l);a[l]?(a[l].p(g,$),u(a[l],1)):(a[l]=Fe(g),a[l].c(),u(a[l],1),a[l].m(e,null))}for(Ee(),l=n.length;l<a.length;l+=1)t(l);Ke()}},i(s){if(!r){for(let $=0;$<n.length;$+=1)u(a[$]);r=!0}},o(s){a=a.filter(Boolean);for(let $=0;$<a.length;$+=1)o(a[$]);r=!1},d(s){s&&_(e),Se(a,s)}}}const Va="myX",xe="myY";function Ta(f,e,r){let n=[null,null];const a=[N,Ut,Gt,Ht];a.forEach(l=>{l.forEach(g=>{g[xe]=+g[xe]})});const t=["#00e047","#00bbff","#ff00cc","#ffcc00"];function s(l){f.$$.not_equal(n[0],l)&&(n[0]=l,r(0,n))}function $(l){f.$$.not_equal(n[1],l)&&(n[1]=l,r(0,n))}return[n,a,t,s,$]}class ja extends V{constructor(e){super(),T(this,e,Ta,Ma,M,{})}}const Xa=[{replPath:"ac23120460b1409a9e1e6fd328b63b64?version=3.46.2",title:"Line + area",slug:"Line",component:rn},{replPath:"1969b7c74b124445ad9d55ad28542cd6?version=3.46.2",title:"WebGL Scatter (svg axes, quadtree hover)",slug:"ScatterWebgl",component:zr},{replPath:"af25643f1e3c4a6f93aed138ac8b1550?version=3.46.2",title:"Map (svg, pre-projected)",slug:"MapSvg",component:kn},{replPath:"14c49b034a1e49bbbcd32e0ba749378c?version=3.46.2",title:"Multilayer map (canvas + svg)",slug:"MapLayered",component:cr},{replPath:"3dcdfc8c7aab4ca5a82f912f377a25e2?version=3.46.2",title:"Column annotated",slug:"Column",component:Pn},{replPath:"9d7b933184db447c83cc315ad278dabd?version=3.46.2",title:"Stacked column",slug:"ColumnStacked",component:Xn},{replPath:"3e18cab5e88a4b29a14a08fdccd418c2?version=3.46.2",title:"Bar",slug:"Bar",component:dr},{replPath:"af5ce39a12d74ed7a484010a49f09eaa?version=3.46.2",title:"Stacked bar",slug:"BarStacked",component:Dr},{replPath:"ea09c9f533594b3ab9ebb509c9bfc03a?version=3.46.2",title:"Multiline (html labels + quadtree tooltip)",slug:"MultiLine",component:Zn},{replPath:"1eb71294f7c147ce906aa2dfc6e2f64e?version=3.46.2",title:"Stacked area",slug:"AreaStacked",component:jn},{replPath:"9862620a31cd4f9dac8191df953e4532?version=3.46.2",title:"Scatter (html)",slug:"Scatter",component:pn},{replPath:"f3f78a8b122b40dda9ac1e32dee0737f?version=3.46.2",title:"Cleveland dot plot",slug:"ClevelandDotPlot",component:Ar},{replPath:"c1e6634def024499ad026ecab3c39499?version=3.46.2",title:"Calendar (one cake per month)",slug:"Calendar",component:fa},{replPath:"3142518ab68f493cad0e327dba5cae1a?version=3.46.2",title:"Time of day plot",slug:"Timeplot",component:pa},{replPath:"74c8fd12be824840bb78bcaa2eea33bb?version=3.46.2",title:"Histogram (variable bins)",slug:"Histogram",component:Or},{replPath:"82b6e8a37e9f4eaa8140498c1b1f490d?version=3.46.2",title:"Small multiples (animated domain transition)",slug:"SmallMultiples",component:ea},{replPath:"7b692f97938f4bc2a79d62d5ccdbb02d?version=3.46.2",title:"Brush",slug:"Brush",component:Da},{replPath:"1868bf7315654558894580f43ddeace8?version=3.46.2",title:"Synced brush",slug:"SyncedBrush",component:ja}];export{Xa as e};
diff --git a/docs/_app/immutable/chunks/entry.O4gFZlXI.js b/docs/_app/immutable/chunks/entry.O4gFZlXI.js
deleted file mode 100644
index 8c8dae02..00000000
--- a/docs/_app/immutable/chunks/entry.O4gFZlXI.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import{G as rt}from"./scheduler.P37s_KnH.js";import{w as de}from"./index.Kwf8FJOX.js";import{H as ee,S as he,R as Oe}from"./control.pJ1mnnAb.js";new URL("sveltekit-internal://");function ot(e,t){return e==="/"||t==="ignore"?e:t==="never"?e.endsWith("/")?e.slice(0,-1):e:t==="always"&&!e.endsWith("/")?e+"/":e}function it(e){return e.split("%25").map(decodeURI).join("%25")}function st(e){for(const t in e)e[t]=decodeURIComponent(e[t]);return e}function ie({href:e}){return e.split("#")[0]}const ct=["href","pathname","search","toString","toJSON"];function lt(e,t,n){const r=new URL(e);Object.defineProperty(r,"searchParams",{value:new Proxy(r.searchParams,{get(a,o){if(o==="get"||o==="getAll"||o==="has")return i=>(n(i),a[o](i));t();const s=Reflect.get(a,o);return typeof s=="function"?s.bind(a):s}}),enumerable:!0,configurable:!0});for(const a of ct)Object.defineProperty(r,a,{get(){return t(),e[a]},enumerable:!0,configurable:!0});return r}const ft="/__data.json",ut=".html__data.json";function dt(e){return e.endsWith(".html")?e.replace(/\.html$/,ut):e.replace(/\/$/,"")+ft}function ht(...e){let t=5381;for(const n of e)if(typeof n=="string"){let r=n.length;for(;r;)t=t*33^n.charCodeAt(--r)}else if(ArrayBuffer.isView(n)){const r=new Uint8Array(n.buffer,n.byteOffset,n.byteLength);let a=r.length;for(;a;)t=t*33^r[--a]}else throw new TypeError("value must be a string or TypedArray");return(t>>>0).toString(36)}function pt(e){const t=atob(e),n=new Uint8Array(t.length);for(let r=0;r<t.length;r++)n[r]=t.charCodeAt(r);return n.buffer}const je=window.fetch;window.fetch=(e,t)=>((e instanceof Request?e.method:(t==null?void 0:t.method)||"GET")!=="GET"&&V.delete(pe(e)),je(e,t));const V=new Map;function gt(e,t){const n=pe(e,t),r=document.querySelector(n);if(r!=null&&r.textContent){let{body:a,...o}=JSON.parse(r.textContent);const s=r.getAttribute("data-ttl");return s&&V.set(n,{body:a,init:o,ttl:1e3*Number(s)}),r.getAttribute("data-b64")!==null&&(a=pt(a)),Promise.resolve(new Response(a,o))}return window.fetch(e,t)}function mt(e,t,n){if(V.size>0){const r=pe(e,n),a=V.get(r);if(a){if(performance.now()<a.ttl&&["default","force-cache","only-if-cached",void 0].includes(n==null?void 0:n.cache))return new Response(a.body,a.init);V.delete(r)}}return window.fetch(t,n)}function pe(e,t){let r=`script[data-sveltekit-fetched][data-url=${JSON.stringify(e instanceof Request?e.url:e)}]`;if(t!=null&&t.headers||t!=null&&t.body){const a=[];t.headers&&a.push([...new Headers(t.headers)].join(",")),t.body&&(typeof t.body=="string"||ArrayBuffer.isView(t.body))&&a.push(t.body),r+=`[data-hash="${ht(...a)}"]`}return r}const _t=/^(\[)?(\.\.\.)?(\w+)(?:=(\w+))?(\])?$/;function yt(e){const t=[];return{pattern:e==="/"?/^\/$/:new RegExp(`^${vt(e).map(r=>{const a=/^\[\.\.\.(\w+)(?:=(\w+))?\]$/.exec(r);if(a)return t.push({name:a[1],matcher:a[2],optional:!1,rest:!0,chained:!0}),"(?:/(.*))?";const o=/^\[\[(\w+)(?:=(\w+))?\]\]$/.exec(r);if(o)return t.push({name:o[1],matcher:o[2],optional:!0,rest:!1,chained:!0}),"(?:/([^/]+))?";if(!r)return;const s=r.split(/\[(.+?)\](?!\])/);return"/"+s.map((c,f)=>{if(f%2){if(c.startsWith("x+"))return se(String.fromCharCode(parseInt(c.slice(2),16)));if(c.startsWith("u+"))return se(String.fromCharCode(...c.slice(2).split("-").map(l=>parseInt(l,16))));const u=_t.exec(c),[,h,g,d,m]=u;return t.push({name:d,matcher:m,optional:!!h,rest:!!g,chained:g?f===1&&s[0]==="":!1}),g?"(.*?)":h?"([^/]*)?":"([^/]+?)"}return se(c)}).join("")}).join("")}/?$`),params:t}}function wt(e){return!/^\([^)]+\)$/.test(e)}function vt(e){return e.slice(1).split("/").filter(wt)}function bt(e,t,n){const r={},a=e.slice(1),o=a.filter(i=>i!==void 0);let s=0;for(let i=0;i<t.length;i+=1){const c=t[i];let f=a[i-s];if(c.chained&&c.rest&&s&&(f=a.slice(i-s,i+1).filter(u=>u).join("/"),s=0),f===void 0){c.rest&&(r[c.name]="");continue}if(!c.matcher||n[c.matcher](f)){r[c.name]=f;const u=t[i+1],h=a[i+1];u&&!u.rest&&u.optional&&h&&c.chained&&(s=0),!u&&!h&&Object.keys(r).length===o.length&&(s=0);continue}if(c.optional&&c.chained){s++;continue}return}if(!s)return r}function se(e){return e.normalize().replace(/[[\]]/g,"\\$&").replace(/%/g,"%25").replace(/\//g,"%2[Ff]").replace(/\?/g,"%3[Ff]").replace(/#/g,"%23").replace(/[.*+?^${}()|\\]/g,"\\$&")}function Et({nodes:e,server_loads:t,dictionary:n,matchers:r}){const a=new Set(t);return Object.entries(n).map(([i,[c,f,u]])=>{const{pattern:h,params:g}=yt(i),d={id:i,exec:m=>{const l=h.exec(m);if(l)return bt(l,g,r)},errors:[1,...u||[]].map(m=>e[m]),layouts:[0,...f||[]].map(s),leaf:o(c)};return d.errors.length=d.layouts.length=Math.max(d.errors.length,d.layouts.length),d});function o(i){const c=i<0;return c&&(i=~i),[c,e[i]]}function s(i){return i===void 0?i:[a.has(i),e[i]]}}function De(e,t=JSON.parse){try{return t(sessionStorage[e])}catch{}}function Ae(e,t,n=JSON.stringify){const r=n(t);try{sessionStorage[e]=r}catch{}}var xe;const I=((xe=globalThis.__sveltekit_g7cla3)==null?void 0:xe.base)??"";var Ne;const kt=((Ne=globalThis.__sveltekit_g7cla3)==null?void 0:Ne.assets)??I,St="1710090247320",$e="sveltekit:snapshot",Ce="sveltekit:scroll",Ve="sveltekit:states",At="sveltekit:pageurl",j="sveltekit:history",F="sveltekit:navigation",K={tap:1,hover:2,viewport:3,eager:4,off:-1,false:-1},q=location.origin;function Fe(e){if(e instanceof URL)return e;let t=document.baseURI;if(!t){const n=document.getElementsByTagName("base");t=n.length?n[0].href:document.URL}return new URL(e,t)}function ge(){return{x:pageXOffset,y:pageYOffset}}function N(e,t){return e.getAttribute(`data-sveltekit-${t}`)}const Re={...K,"":K.hover};function Ge(e){let t=e.assignedSlot??e.parentNode;return(t==null?void 0:t.nodeType)===11&&(t=t.host),t}function He(e,t){for(;e&&e!==t;){if(e.nodeName.toUpperCase()==="A"&&e.hasAttribute("href"))return e;e=Ge(e)}}function le(e,t){let n;try{n=new URL(e instanceof SVGAElement?e.href.baseVal:e.href,document.baseURI)}catch{}const r=e instanceof SVGAElement?e.target.baseVal:e.target,a=!n||!!r||te(n,t)||(e.getAttribute("rel")||"").split(/\s+/).includes("external"),o=(n==null?void 0:n.origin)===q&&e.hasAttribute("download");return{url:n,external:a,target:r,download:o}}function Y(e){let t=null,n=null,r=null,a=null,o=null,s=null,i=e;for(;i&&i!==document.documentElement;)r===null&&(r=N(i,"preload-code")),a===null&&(a=N(i,"preload-data")),t===null&&(t=N(i,"keepfocus")),n===null&&(n=N(i,"noscroll")),o===null&&(o=N(i,"reload")),s===null&&(s=N(i,"replacestate")),i=Ge(i);function c(f){switch(f){case"":case"true":return!0;case"off":case"false":return!1;default:return}}return{preload_code:Re[r??"off"],preload_data:Re[a??"off"],keepfocus:c(t),noscroll:c(n),reload:c(o),replace_state:c(s)}}function Ie(e){const t=de(e);let n=!0;function r(){n=!0,t.update(s=>s)}function a(s){n=!1,t.set(s)}function o(s){let i;return t.subscribe(c=>{(i===void 0||n&&c!==i)&&s(i=c)})}return{notify:r,set:a,subscribe:o}}function Rt(){const{set:e,subscribe:t}=de(!1);let n;async function r(){clearTimeout(n);try{const a=await fetch(`${kt}/_app/version.json`,{headers:{pragma:"no-cache","cache-control":"no-cache"}});if(!a.ok)return!1;const s=(await a.json()).version!==St;return s&&(e(!0),clearTimeout(n)),s}catch{return!1}}return{subscribe:t,check:r}}function te(e,t){return e.origin!==q||!e.pathname.startsWith(t)}const It=-1,Lt=-2,Pt=-3,Tt=-4,Ut=-5,xt=-6;function Nt(e,t){if(typeof e=="number")return a(e,!0);if(!Array.isArray(e)||e.length===0)throw new Error("Invalid input");const n=e,r=Array(n.length);function a(o,s=!1){if(o===It)return;if(o===Pt)return NaN;if(o===Tt)return 1/0;if(o===Ut)return-1/0;if(o===xt)return-0;if(s)throw new Error("Invalid input");if(o in r)return r[o];const i=n[o];if(!i||typeof i!="object")r[o]=i;else if(Array.isArray(i))if(typeof i[0]=="string"){const c=i[0],f=t==null?void 0:t[c];if(f)return r[o]=f(a(i[1]));switch(c){case"Date":r[o]=new Date(i[1]);break;case"Set":const u=new Set;r[o]=u;for(let d=1;d<i.length;d+=1)u.add(a(i[d]));break;case"Map":const h=new Map;r[o]=h;for(let d=1;d<i.length;d+=2)h.set(a(i[d]),a(i[d+1]));break;case"RegExp":r[o]=new RegExp(i[1],i[2]);break;case"Object":r[o]=Object(i[1]);break;case"BigInt":r[o]=BigInt(i[1]);break;case"null":const g=Object.create(null);r[o]=g;for(let d=1;d<i.length;d+=2)g[i[d]]=a(i[d+1]);break;default:throw new Error(`Unknown type ${c}`)}}else{const c=new Array(i.length);r[o]=c;for(let f=0;f<i.length;f+=1){const u=i[f];u!==Lt&&(c[f]=a(u))}}else{const c={};r[o]=c;for(const f in i){const u=i[f];c[f]=a(u)}}return r[o]}return a(0)}const Me=new Set(["load","prerender","csr","ssr","trailingSlash","config"]);[...Me];const Ot=new Set([...Me]);[...Ot];function jt(e){return e.filter(t=>t!=null)}const Dt="x-sveltekit-invalidated",$t="x-sveltekit-trailing-slash";function W(e){return e instanceof ee||e instanceof he?e.status:500}function Ct(e){return e instanceof he?e.text:"Internal Error"}const x=De(Ce)??{},G=De($e)??{},T={url:Ie({}),page:Ie({}),navigating:de(null),updated:Rt()};function me(e){x[e]=ge()}function Vt(e,t){let n=e+1;for(;x[n];)delete x[n],n+=1;for(n=t+1;G[n];)delete G[n],n+=1}function D(e){return location.href=e.href,new Promise(()=>{})}function Le(){}let ne,fe,z,L,ue,$;const qe=[],J=[];let P=null;const Be=[],Ft=[];let O=[],w={branch:[],error:null,url:null},_e=!1,X=!1,Pe=!0,H=!1,C=!1,Ke=!1,ye=!1,we,k,A,R,Z;async function Zt(e,t,n){var a,o;document.URL!==location.href&&(location.href=location.href),$=e,ne=Et(e),L=document.documentElement,ue=t,fe=e.nodes[0],z=e.nodes[1],fe(),z(),k=(a=history.state)==null?void 0:a[j],A=(o=history.state)==null?void 0:o[F],k||(k=A=Date.now(),history.replaceState({...history.state,[j]:k,[F]:A},""));const r=x[k];r&&(history.scrollRestoration="manual",scrollTo(r.x,r.y)),n?await Yt(ue,n):Bt(location.href,{replaceState:!0}),Kt()}function Ye(e){J.some(t=>t==null?void 0:t.snapshot)&&(G[e]=J.map(t=>{var n;return(n=t==null?void 0:t.snapshot)==null?void 0:n.capture()}))}function We(e){var t;(t=G[e])==null||t.forEach((n,r)=>{var a,o;(o=(a=J[r])==null?void 0:a.snapshot)==null||o.restore(n)})}function Te(){me(k),Ae(Ce,x),Ye(A),Ae($e,G)}async function ze(e,t,n,r){return B({type:"goto",url:Fe(e),keepfocus:t.keepFocus,noscroll:t.noScroll,replace_state:t.replaceState,state:t.state,redirect_count:n,nav_token:r,accept:()=>{t.invalidateAll&&(ye=!0)}})}async function Gt(e){return P={id:e.id,promise:Xe(e).then(t=>(t.type==="loaded"&&t.state.error&&(P=null),t))},P.promise}async function ce(e){const t=ne.find(n=>n.exec(Ze(e)));t&&await Promise.all([...t.layouts,t.leaf].map(n=>n==null?void 0:n[1]()))}function Je(e,t){var a;w=e.state;const n=document.querySelector("style[data-sveltekit]");n&&n.remove(),R=e.props.page,we=new $.root({target:t,props:{...e.props,stores:T,components:J},hydrate:!0}),We(A);const r={from:null,to:{params:w.params,route:{id:((a=w.route)==null?void 0:a.id)??null},url:new URL(location.href)},willUnload:!1,type:"enter",complete:Promise.resolve()};O.forEach(o=>o(r)),X=!0}async function Q({url:e,params:t,branch:n,status:r,error:a,route:o,form:s}){let i="never";if(I&&(e.pathname===I||e.pathname===I+"/"))i="always";else for(const d of n)(d==null?void 0:d.slash)!==void 0&&(i=d.slash);e.pathname=ot(e.pathname,i),e.search=e.search;const c={type:"loaded",state:{url:e,params:t,branch:n,error:a,route:o},props:{constructors:jt(n).map(d=>d.node.component),page:R}};s!==void 0&&(c.props.form=s);let f={},u=!R,h=0;for(let d=0;d<Math.max(n.length,w.branch.length);d+=1){const m=n[d],l=w.branch[d];(m==null?void 0:m.data)!==(l==null?void 0:l.data)&&(u=!0),m&&(f={...f,...m.data},u&&(c.props[`data_${h}`]=f),h+=1)}return(!w.url||e.href!==w.url.href||w.error!==a||s!==void 0&&s!==R.form||u)&&(c.props.page={error:a,params:t,route:{id:(o==null?void 0:o.id)??null},state:{},status:r,url:new URL(e),form:s??null,data:u?f:R.data}),c}async function ve({loader:e,parent:t,url:n,params:r,route:a,server_data_node:o}){var u,h,g;let s=null,i=!0;const c={dependencies:new Set,params:new Set,parent:!1,route:!1,url:!1,search_params:new Set},f=await e();if((u=f.universal)!=null&&u.load){let d=function(...l){for(const _ of l){const{href:v}=new URL(_,n);c.dependencies.add(v)}};const m={route:new Proxy(a,{get:(l,_)=>(i&&(c.route=!0),l[_])}),params:new Proxy(r,{get:(l,_)=>(i&&c.params.add(_),l[_])}),data:(o==null?void 0:o.data)??null,url:lt(n,()=>{i&&(c.url=!0)},l=>{i&&c.search_params.add(l)}),async fetch(l,_){let v;l instanceof Request?(v=l.url,_={body:l.method==="GET"||l.method==="HEAD"?void 0:await l.blob(),cache:l.cache,credentials:l.credentials,headers:l.headers,integrity:l.integrity,keepalive:l.keepalive,method:l.method,mode:l.mode,redirect:l.redirect,referrer:l.referrer,referrerPolicy:l.referrerPolicy,signal:l.signal,..._}):v=l;const S=new URL(v,n);return i&&d(S.href),S.origin===n.origin&&(v=S.href.slice(n.origin.length)),X?mt(v,S.href,_):gt(v,_)},setHeaders:()=>{},depends:d,parent(){return i&&(c.parent=!0),t()},untrack(l){i=!1;try{return l()}finally{i=!0}}};s=await f.universal.load.call(null,m)??null}return{node:f,loader:e,server:o,universal:(h=f.universal)!=null&&h.load?{type:"data",data:s,uses:c}:null,data:s??(o==null?void 0:o.data)??null,slash:((g=f.universal)==null?void 0:g.trailingSlash)??(o==null?void 0:o.slash)}}function Ue(e,t,n,r,a,o){if(ye)return!0;if(!a)return!1;if(a.parent&&e||a.route&&t||a.url&&n)return!0;for(const s of a.search_params)if(r.has(s))return!0;for(const s of a.params)if(o[s]!==w.params[s])return!0;for(const s of a.dependencies)if(qe.some(i=>i(new URL(s))))return!0;return!1}function be(e,t){return(e==null?void 0:e.type)==="data"?e:(e==null?void 0:e.type)==="skip"?t??null:null}function Ht(e,t){if(!e)return new Set(t.searchParams.keys());const n=new Set([...e.searchParams.keys(),...t.searchParams.keys()]);for(const r of n){const a=e.searchParams.getAll(r),o=t.searchParams.getAll(r);a.every(s=>o.includes(s))&&o.every(s=>a.includes(s))&&n.delete(r)}return n}async function Xe({id:e,invalidating:t,url:n,params:r,route:a}){if((P==null?void 0:P.id)===e)return P.promise;const{errors:o,layouts:s,leaf:i}=a,c=[...s,i];o.forEach(p=>p==null?void 0:p().catch(()=>{})),c.forEach(p=>p==null?void 0:p[1]().catch(()=>{}));let f=null;const u=w.url?e!==w.url.pathname+w.url.search:!1,h=w.route?a.id!==w.route.id:!1,g=Ht(w.url,n);let d=!1;const m=c.map((p,y)=>{var U;const b=w.branch[y],E=!!(p!=null&&p[0])&&((b==null?void 0:b.loader)!==p[1]||Ue(d,h,u,g,(U=b.server)==null?void 0:U.uses,r));return E&&(d=!0),E});if(m.some(Boolean)){try{f=await tt(n,m)}catch(p){return ae({status:W(p),error:await M(p,{url:n,params:r,route:{id:a.id}}),url:n,route:a})}if(f.type==="redirect")return f}const l=f==null?void 0:f.nodes;let _=!1;const v=c.map(async(p,y)=>{var re;if(!p)return;const b=w.branch[y],E=l==null?void 0:l[y];if((!E||E.type==="skip")&&p[1]===(b==null?void 0:b.loader)&&!Ue(_,h,u,g,(re=b.universal)==null?void 0:re.uses,r))return b;if(_=!0,(E==null?void 0:E.type)==="error")throw E;return ve({loader:p[1],url:n,params:r,route:a,parent:async()=>{var Se;const ke={};for(let oe=0;oe<y;oe+=1)Object.assign(ke,(Se=await v[oe])==null?void 0:Se.data);return ke},server_data_node:be(E===void 0&&p[0]?{type:"skip"}:E??null,p[0]?b==null?void 0:b.server:void 0)})});for(const p of v)p.catch(()=>{});const S=[];for(let p=0;p<c.length;p+=1)if(c[p])try{S.push(await v[p])}catch(y){if(y instanceof Oe)return{type:"redirect",location:y.location};let b=W(y),E;if(l!=null&&l.includes(y))b=y.status??b,E=y.error;else if(y instanceof ee)E=y.body;else{if(await T.updated.check())return await D(n);E=await M(y,{params:r,url:n,route:{id:a.id}})}const U=await Mt(p,S,o);return U?await Q({url:n,params:r,branch:S.slice(0,U.idx).concat(U.node),status:b,error:E,route:a}):await et(n,{id:a.id},E,b)}else S.push(void 0);return await Q({url:n,params:r,branch:S,status:200,error:null,route:a,form:t?void 0:null})}async function Mt(e,t,n){for(;e--;)if(n[e]){let r=e;for(;!t[r];)r-=1;try{return{idx:r+1,node:{node:await n[e](),loader:n[e],data:{},server:null,universal:null}}}catch{continue}}}async function ae({status:e,error:t,url:n,route:r}){const a={};let o=null;if($.server_loads[0]===0)try{const f=await tt(n,[!0]);if(f.type!=="data"||f.nodes[0]&&f.nodes[0].type!=="data")throw 0;o=f.nodes[0]??null}catch{(n.origin!==q||n.pathname!==location.pathname||_e)&&await D(n)}const i=await ve({loader:fe,url:n,params:a,route:r,parent:()=>Promise.resolve({}),server_data_node:be(o)}),c={node:await z(),loader:z,universal:null,server:null,data:null};return await Q({url:n,params:a,branch:[i,c],status:e,error:t,route:null})}function Ee(e,t){if(!e||te(e,I))return;let n;try{n=$.hooks.reroute({url:new URL(e)})??e.pathname}catch{return}const r=Ze(n);for(const a of ne){const o=a.exec(r);if(o)return{id:e.pathname+e.search,invalidating:t,route:a,params:st(o),url:e}}}function Ze(e){return it(e.slice(I.length)||"/")}function Qe({url:e,type:t,intent:n,delta:r}){let a=!1;const o=at(w,n,e,t);r!==void 0&&(o.navigation.delta=r);const s={...o.navigation,cancel:()=>{a=!0,o.reject(new Error("navigation cancelled"))}};return H||Be.forEach(i=>i(s)),a?null:o}async function B({type:e,url:t,popped:n,keepfocus:r,noscroll:a,replace_state:o,state:s={},redirect_count:i=0,nav_token:c={},accept:f=Le,block:u=Le}){const h=Ee(t,!1),g=Qe({url:t,type:e,delta:n==null?void 0:n.delta,intent:h});if(!g){u();return}const d=k,m=A;f(),H=!0,X&&T.navigating.set(g.navigation),Z=c;let l=h&&await Xe(h);if(!l){if(te(t,I))return await D(t);l=await et(t,{id:null},await M(new he(404,"Not Found",`Not found: ${t.pathname}`),{url:t,params:{},route:{id:null}}),404)}if(t=(h==null?void 0:h.url)||t,Z!==c)return g.reject(new Error("navigation aborted")),!1;if(l.type==="redirect")if(i>=20)l=await ae({status:500,error:await M(new Error("Redirect loop"),{url:t,params:{},route:{id:null}}),url:t,route:{id:null}});else return ze(new URL(l.location,t).href,{},i+1,c),!1;else l.props.page.status>=400&&await T.updated.check()&&await D(t);if(qe.length=0,ye=!1,me(d),Ye(m),l.props.page.url.pathname!==t.pathname&&(t.pathname=l.props.page.url.pathname),s=n?n.state:s,!n){const p=o?0:1,y={[j]:k+=p,[F]:A+=p,[Ve]:s};(o?history.replaceState:history.pushState).call(history,y,"",t),o||Vt(k,A)}if(P=null,l.props.page.state=s,X){w=l.state,l.props.page&&(l.props.page.url=t);const p=(await Promise.all(Ft.map(y=>y(g.navigation)))).filter(y=>typeof y=="function");if(p.length>0){let y=function(){O=O.filter(b=>!p.includes(b))};p.push(y),O.push(...p)}we.$set(l.props),Ke=!0}else Je(l,ue);const{activeElement:_}=document;await rt();const v=n?n.scroll:a?ge():null;if(Pe){const p=t.hash&&document.getElementById(decodeURIComponent(t.hash.slice(1)));v?scrollTo(v.x,v.y):p?p.scrollIntoView():scrollTo(0,0)}const S=document.activeElement!==_&&document.activeElement!==document.body;!r&&!S&&Wt(),Pe=!0,l.props.page&&(R=l.props.page),H=!1,e==="popstate"&&We(A),g.fulfil(void 0),O.forEach(p=>p(g.navigation)),T.navigating.set(null)}async function et(e,t,n,r){return e.origin===q&&e.pathname===location.pathname&&!_e?await ae({status:r,error:n,url:e,route:t}):await D(e)}function qt(){let e;L.addEventListener("mousemove",o=>{const s=o.target;clearTimeout(e),e=setTimeout(()=>{r(s,2)},20)});function t(o){r(o.composedPath()[0],1)}L.addEventListener("mousedown",t),L.addEventListener("touchstart",t,{passive:!0});const n=new IntersectionObserver(o=>{for(const s of o)s.isIntersecting&&(ce(s.target.href),n.unobserve(s.target))},{threshold:0});function r(o,s){const i=He(o,L);if(!i)return;const{url:c,external:f,download:u}=le(i,I);if(f||u)return;const h=Y(i);if(!h.reload)if(s<=h.preload_data){const g=Ee(c,!1);g&&Gt(g)}else s<=h.preload_code&&ce(c.pathname)}function a(){n.disconnect();for(const o of L.querySelectorAll("a")){const{url:s,external:i,download:c}=le(o,I);if(i||c)continue;const f=Y(o);f.reload||(f.preload_code===K.viewport&&n.observe(o),f.preload_code===K.eager&&ce(s.pathname))}}O.push(a),a()}function M(e,t){if(e instanceof ee)return e.body;const n=W(e),r=Ct(e);return $.hooks.handleError({error:e,event:t,status:n,message:r})??{message:r}}function Bt(e,t={}){return e=Fe(e),e.origin!==q?Promise.reject(new Error("goto: invalid URL")):ze(e,t,0)}function Kt(){var t;history.scrollRestoration="manual",addEventListener("beforeunload",n=>{let r=!1;if(Te(),!H){const a=at(w,void 0,null,"leave"),o={...a.navigation,cancel:()=>{r=!0,a.reject(new Error("navigation cancelled"))}};Be.forEach(s=>s(o))}r?(n.preventDefault(),n.returnValue=""):history.scrollRestoration="auto"}),addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"&&Te()}),(t=navigator.connection)!=null&&t.saveData||qt(),L.addEventListener("click",n=>{var g;if(n.button||n.which!==1||n.metaKey||n.ctrlKey||n.shiftKey||n.altKey||n.defaultPrevented)return;const r=He(n.composedPath()[0],L);if(!r)return;const{url:a,external:o,target:s,download:i}=le(r,I);if(!a)return;if(s==="_parent"||s==="_top"){if(window.parent!==window)return}else if(s&&s!=="_self")return;const c=Y(r);if(!(r instanceof SVGAElement)&&a.protocol!==location.protocol&&!(a.protocol==="https:"||a.protocol==="http:")||i)return;if(o||c.reload){Qe({url:a,type:"link"})?H=!0:n.preventDefault();return}const[u,h]=a.href.split("#");if(h!==void 0&&u===ie(location)){const[,d]=w.url.href.split("#");if(d===h){n.preventDefault(),h===""||h==="top"&&r.ownerDocument.getElementById("top")===null?window.scrollTo({top:0}):(g=r.ownerDocument.getElementById(h))==null||g.scrollIntoView();return}if(C=!0,me(k),e(a),!c.replace_state)return;C=!1}n.preventDefault(),B({type:"link",url:a,keepfocus:c.keepfocus,noscroll:c.noscroll,replace_state:c.replace_state??a.href===location.href})}),L.addEventListener("submit",n=>{if(n.defaultPrevented)return;const r=HTMLFormElement.prototype.cloneNode.call(n.target),a=n.submitter;if(((a==null?void 0:a.formMethod)||r.method)!=="get")return;const s=new URL((a==null?void 0:a.hasAttribute("formaction"))&&(a==null?void 0:a.formAction)||r.action);if(te(s,I))return;const i=n.target,c=Y(i);if(c.reload)return;n.preventDefault(),n.stopPropagation();const f=new FormData(i),u=a==null?void 0:a.getAttribute("name");u&&f.append(u,(a==null?void 0:a.getAttribute("value"))??""),s.search=new URLSearchParams(f).toString(),B({type:"form",url:s,keepfocus:c.keepfocus,noscroll:c.noscroll,replace_state:c.replace_state??s.href===location.href})}),addEventListener("popstate",async n=>{var r;if((r=n.state)!=null&&r[j]){const a=n.state[j];if(Z={},a===k)return;const o=x[a],s=n.state[Ve]??{},i=new URL(n.state[At]??location.href),c=n.state[F],f=ie(location)===ie(w.url);if(c===A&&(Ke||f)){e(i),x[k]=ge(),o&&scrollTo(o.x,o.y),s!==R.state&&(R={...R,state:s},we.$set({page:R})),k=a;return}const h=a-k;await B({type:"popstate",url:i,popped:{state:s,scroll:o,delta:h},accept:()=>{k=a,A=c},block:()=>{history.go(-h)},nav_token:Z})}else if(!C){const a=new URL(location.href);e(a)}}),addEventListener("hashchange",()=>{C&&(C=!1,history.replaceState({...history.state,[j]:++k,[F]:A},"",location.href))});for(const n of document.querySelectorAll("link"))n.rel==="icon"&&(n.href=n.href);addEventListener("pageshow",n=>{n.persisted&&T.navigating.set(null)});function e(n){w.url=n,T.page.set({...R,url:n}),T.page.notify()}}async function Yt(e,{status:t=200,error:n,node_ids:r,params:a,route:o,data:s,form:i}){_e=!0;const c=new URL(location.href);({params:a={},route:o={id:null}}=Ee(c,!1)||{});let f;try{const u=r.map(async(d,m)=>{const l=s[m];return l!=null&&l.uses&&(l.uses=nt(l.uses)),ve({loader:$.nodes[d],url:c,params:a,route:o,parent:async()=>{const _={};for(let v=0;v<m;v+=1)Object.assign(_,(await u[v]).data);return _},server_data_node:be(l)})}),h=await Promise.all(u),g=ne.find(({id:d})=>d===o.id);if(g){const d=g.layouts;for(let m=0;m<d.length;m++)d[m]||h.splice(m,0,void 0)}f=await Q({url:c,params:a,branch:h,status:t,error:n,form:i,route:g??null})}catch(u){if(u instanceof Oe){await D(new URL(u.location,location.href));return}f=await ae({status:W(u),error:await M(u,{url:c,params:a,route:o}),url:c,route:o})}f.props.page&&(f.props.page.state={}),Je(f,e)}async function tt(e,t){var a;const n=new URL(e);n.pathname=dt(e.pathname),e.pathname.endsWith("/")&&n.searchParams.append($t,"1"),n.searchParams.append(Dt,t.map(o=>o?"1":"0").join(""));const r=await je(n.href);if(!r.ok){let o;throw(a=r.headers.get("content-type"))!=null&&a.includes("application/json")?o=await r.json():r.status===404?o="Not Found":r.status===500&&(o="Internal Error"),new ee(r.status,o)}return new Promise(async o=>{var h;const s=new Map,i=r.body.getReader(),c=new TextDecoder;function f(g){return Nt(g,{Promise:d=>new Promise((m,l)=>{s.set(d,{fulfil:m,reject:l})})})}let u="";for(;;){const{done:g,value:d}=await i.read();if(g&&!u)break;for(u+=!d&&u?`
-`:c.decode(d,{stream:!0});;){const m=u.indexOf(`
-`);if(m===-1)break;const l=JSON.parse(u.slice(0,m));if(u=u.slice(m+1),l.type==="redirect")return o(l);if(l.type==="data")(h=l.nodes)==null||h.forEach(_=>{(_==null?void 0:_.type)==="data"&&(_.uses=nt(_.uses),_.data=f(_.data))}),o(l);else if(l.type==="chunk"){const{id:_,data:v,error:S}=l,p=s.get(_);s.delete(_),S?p.reject(f(S)):p.fulfil(f(v))}}}})}function nt(e){return{dependencies:new Set((e==null?void 0:e.dependencies)??[]),params:new Set((e==null?void 0:e.params)??[]),parent:!!(e!=null&&e.parent),route:!!(e!=null&&e.route),url:!!(e!=null&&e.url),search_params:new Set((e==null?void 0:e.search_params)??[])}}function Wt(){const e=document.querySelector("[autofocus]");if(e)e.focus();else{const t=document.body,n=t.getAttribute("tabindex");t.tabIndex=-1,t.focus({preventScroll:!0,focusVisible:!1}),n!==null?t.setAttribute("tabindex",n):t.removeAttribute("tabindex");const r=getSelection();if(r&&r.type!=="None"){const a=[];for(let o=0;o<r.rangeCount;o+=1)a.push(r.getRangeAt(o));setTimeout(()=>{if(r.rangeCount===a.length){for(let o=0;o<r.rangeCount;o+=1){const s=a[o],i=r.getRangeAt(o);if(s.commonAncestorContainer!==i.commonAncestorContainer||s.startContainer!==i.startContainer||s.endContainer!==i.endContainer||s.startOffset!==i.startOffset||s.endOffset!==i.endOffset)return}r.removeAllRanges()}})}}}function at(e,t,n,r){var c,f;let a,o;const s=new Promise((u,h)=>{a=u,o=h});return s.catch(()=>{}),{navigation:{from:{params:e.params,route:{id:((c=e.route)==null?void 0:c.id)??null},url:e.url},to:n&&{params:(t==null?void 0:t.params)??null,route:{id:((f=t==null?void 0:t.route)==null?void 0:f.id)??null},url:n},willUnload:!t,type:r,complete:s},fulfil:a,reject:o}}export{Zt as a,Bt as g,T as s};
diff --git a/docs/_app/immutable/chunks/entry.k7CtjUtt.js b/docs/_app/immutable/chunks/entry.k7CtjUtt.js
new file mode 100644
index 00000000..c79ab180
--- /dev/null
+++ b/docs/_app/immutable/chunks/entry.k7CtjUtt.js
@@ -0,0 +1,3 @@
+import{G as rt}from"./scheduler.P37s_KnH.js";import{w as de}from"./index.Kwf8FJOX.js";import{H as ee,S as he,R as je}from"./control.pJ1mnnAb.js";new URL("sveltekit-internal://");function ot(e,t){return e==="/"||t==="ignore"?e:t==="never"?e.endsWith("/")?e.slice(0,-1):e:t==="always"&&!e.endsWith("/")?e+"/":e}function it(e){return e.split("%25").map(decodeURI).join("%25")}function st(e){for(const t in e)e[t]=decodeURIComponent(e[t]);return e}function ie({href:e}){return e.split("#")[0]}const ct=["href","pathname","search","toString","toJSON"];function lt(e,t,n){const r=new URL(e);Object.defineProperty(r,"searchParams",{value:new Proxy(r.searchParams,{get(a,o){if(o==="get"||o==="getAll"||o==="has")return i=>(n(i),a[o](i));t();const s=Reflect.get(a,o);return typeof s=="function"?s.bind(a):s}}),enumerable:!0,configurable:!0});for(const a of ct)Object.defineProperty(r,a,{get(){return t(),e[a]},enumerable:!0,configurable:!0});return r}const ft="/__data.json",ut=".html__data.json";function dt(e){return e.endsWith(".html")?e.replace(/\.html$/,ut):e.replace(/\/$/,"")+ft}function ht(...e){let t=5381;for(const n of e)if(typeof n=="string"){let r=n.length;for(;r;)t=t*33^n.charCodeAt(--r)}else if(ArrayBuffer.isView(n)){const r=new Uint8Array(n.buffer,n.byteOffset,n.byteLength);let a=r.length;for(;a;)t=t*33^r[--a]}else throw new TypeError("value must be a string or TypedArray");return(t>>>0).toString(36)}function pt(e){const t=atob(e),n=new Uint8Array(t.length);for(let r=0;r<t.length;r++)n[r]=t.charCodeAt(r);return n.buffer}const Oe=window.fetch;window.fetch=(e,t)=>((e instanceof Request?e.method:(t==null?void 0:t.method)||"GET")!=="GET"&&V.delete(pe(e)),Oe(e,t));const V=new Map;function gt(e,t){const n=pe(e,t),r=document.querySelector(n);if(r!=null&&r.textContent){let{body:a,...o}=JSON.parse(r.textContent);const s=r.getAttribute("data-ttl");return s&&V.set(n,{body:a,init:o,ttl:1e3*Number(s)}),r.getAttribute("data-b64")!==null&&(a=pt(a)),Promise.resolve(new Response(a,o))}return window.fetch(e,t)}function mt(e,t,n){if(V.size>0){const r=pe(e,n),a=V.get(r);if(a){if(performance.now()<a.ttl&&["default","force-cache","only-if-cached",void 0].includes(n==null?void 0:n.cache))return new Response(a.body,a.init);V.delete(r)}}return window.fetch(t,n)}function pe(e,t){let r=`script[data-sveltekit-fetched][data-url=${JSON.stringify(e instanceof Request?e.url:e)}]`;if(t!=null&&t.headers||t!=null&&t.body){const a=[];t.headers&&a.push([...new Headers(t.headers)].join(",")),t.body&&(typeof t.body=="string"||ArrayBuffer.isView(t.body))&&a.push(t.body),r+=`[data-hash="${ht(...a)}"]`}return r}const _t=/^(\[)?(\.\.\.)?(\w+)(?:=(\w+))?(\])?$/;function yt(e){const t=[];return{pattern:e==="/"?/^\/$/:new RegExp(`^${vt(e).map(r=>{const a=/^\[\.\.\.(\w+)(?:=(\w+))?\]$/.exec(r);if(a)return t.push({name:a[1],matcher:a[2],optional:!1,rest:!0,chained:!0}),"(?:/(.*))?";const o=/^\[\[(\w+)(?:=(\w+))?\]\]$/.exec(r);if(o)return t.push({name:o[1],matcher:o[2],optional:!0,rest:!1,chained:!0}),"(?:/([^/]+))?";if(!r)return;const s=r.split(/\[(.+?)\](?!\])/);return"/"+s.map((c,f)=>{if(f%2){if(c.startsWith("x+"))return se(String.fromCharCode(parseInt(c.slice(2),16)));if(c.startsWith("u+"))return se(String.fromCharCode(...c.slice(2).split("-").map(l=>parseInt(l,16))));const u=_t.exec(c),[,h,g,d,m]=u;return t.push({name:d,matcher:m,optional:!!h,rest:!!g,chained:g?f===1&&s[0]==="":!1}),g?"(.*?)":h?"([^/]*)?":"([^/]+?)"}return se(c)}).join("")}).join("")}/?$`),params:t}}function wt(e){return!/^\([^)]+\)$/.test(e)}function vt(e){return e.slice(1).split("/").filter(wt)}function bt(e,t,n){const r={},a=e.slice(1),o=a.filter(i=>i!==void 0);let s=0;for(let i=0;i<t.length;i+=1){const c=t[i];let f=a[i-s];if(c.chained&&c.rest&&s&&(f=a.slice(i-s,i+1).filter(u=>u).join("/"),s=0),f===void 0){c.rest&&(r[c.name]="");continue}if(!c.matcher||n[c.matcher](f)){r[c.name]=f;const u=t[i+1],h=a[i+1];u&&!u.rest&&u.optional&&h&&c.chained&&(s=0),!u&&!h&&Object.keys(r).length===o.length&&(s=0);continue}if(c.optional&&c.chained){s++;continue}return}if(!s)return r}function se(e){return e.normalize().replace(/[[\]]/g,"\\$&").replace(/%/g,"%25").replace(/\//g,"%2[Ff]").replace(/\?/g,"%3[Ff]").replace(/#/g,"%23").replace(/[.*+?^${}()|\\]/g,"\\$&")}function Et({nodes:e,server_loads:t,dictionary:n,matchers:r}){const a=new Set(t);return Object.entries(n).map(([i,[c,f,u]])=>{const{pattern:h,params:g}=yt(i),d={id:i,exec:m=>{const l=h.exec(m);if(l)return bt(l,g,r)},errors:[1,...u||[]].map(m=>e[m]),layouts:[0,...f||[]].map(s),leaf:o(c)};return d.errors.length=d.layouts.length=Math.max(d.errors.length,d.layouts.length),d});function o(i){const c=i<0;return c&&(i=~i),[c,e[i]]}function s(i){return i===void 0?i:[a.has(i),e[i]]}}function De(e,t=JSON.parse){try{return t(sessionStorage[e])}catch{}}function Ae(e,t,n=JSON.stringify){const r=n(t);try{sessionStorage[e]=r}catch{}}var xe;const I=((xe=globalThis.__sveltekit_1njxtug)==null?void 0:xe.base)??"";var Ne;const kt=((Ne=globalThis.__sveltekit_1njxtug)==null?void 0:Ne.assets)??I,St="1710090568833",$e="sveltekit:snapshot",Ce="sveltekit:scroll",Ve="sveltekit:states",At="sveltekit:pageurl",O="sveltekit:history",F="sveltekit:navigation",K={tap:1,hover:2,viewport:3,eager:4,off:-1,false:-1},q=location.origin;function Fe(e){if(e instanceof URL)return e;let t=document.baseURI;if(!t){const n=document.getElementsByTagName("base");t=n.length?n[0].href:document.URL}return new URL(e,t)}function ge(){return{x:pageXOffset,y:pageYOffset}}function N(e,t){return e.getAttribute(`data-sveltekit-${t}`)}const Re={...K,"":K.hover};function Ge(e){let t=e.assignedSlot??e.parentNode;return(t==null?void 0:t.nodeType)===11&&(t=t.host),t}function He(e,t){for(;e&&e!==t;){if(e.nodeName.toUpperCase()==="A"&&e.hasAttribute("href"))return e;e=Ge(e)}}function le(e,t){let n;try{n=new URL(e instanceof SVGAElement?e.href.baseVal:e.href,document.baseURI)}catch{}const r=e instanceof SVGAElement?e.target.baseVal:e.target,a=!n||!!r||te(n,t)||(e.getAttribute("rel")||"").split(/\s+/).includes("external"),o=(n==null?void 0:n.origin)===q&&e.hasAttribute("download");return{url:n,external:a,target:r,download:o}}function Y(e){let t=null,n=null,r=null,a=null,o=null,s=null,i=e;for(;i&&i!==document.documentElement;)r===null&&(r=N(i,"preload-code")),a===null&&(a=N(i,"preload-data")),t===null&&(t=N(i,"keepfocus")),n===null&&(n=N(i,"noscroll")),o===null&&(o=N(i,"reload")),s===null&&(s=N(i,"replacestate")),i=Ge(i);function c(f){switch(f){case"":case"true":return!0;case"off":case"false":return!1;default:return}}return{preload_code:Re[r??"off"],preload_data:Re[a??"off"],keepfocus:c(t),noscroll:c(n),reload:c(o),replace_state:c(s)}}function Ie(e){const t=de(e);let n=!0;function r(){n=!0,t.update(s=>s)}function a(s){n=!1,t.set(s)}function o(s){let i;return t.subscribe(c=>{(i===void 0||n&&c!==i)&&s(i=c)})}return{notify:r,set:a,subscribe:o}}function Rt(){const{set:e,subscribe:t}=de(!1);let n;async function r(){clearTimeout(n);try{const a=await fetch(`${kt}/_app/version.json`,{headers:{pragma:"no-cache","cache-control":"no-cache"}});if(!a.ok)return!1;const s=(await a.json()).version!==St;return s&&(e(!0),clearTimeout(n)),s}catch{return!1}}return{subscribe:t,check:r}}function te(e,t){return e.origin!==q||!e.pathname.startsWith(t)}const It=-1,Lt=-2,Pt=-3,Tt=-4,Ut=-5,xt=-6;function Nt(e,t){if(typeof e=="number")return a(e,!0);if(!Array.isArray(e)||e.length===0)throw new Error("Invalid input");const n=e,r=Array(n.length);function a(o,s=!1){if(o===It)return;if(o===Pt)return NaN;if(o===Tt)return 1/0;if(o===Ut)return-1/0;if(o===xt)return-0;if(s)throw new Error("Invalid input");if(o in r)return r[o];const i=n[o];if(!i||typeof i!="object")r[o]=i;else if(Array.isArray(i))if(typeof i[0]=="string"){const c=i[0],f=t==null?void 0:t[c];if(f)return r[o]=f(a(i[1]));switch(c){case"Date":r[o]=new Date(i[1]);break;case"Set":const u=new Set;r[o]=u;for(let d=1;d<i.length;d+=1)u.add(a(i[d]));break;case"Map":const h=new Map;r[o]=h;for(let d=1;d<i.length;d+=2)h.set(a(i[d]),a(i[d+1]));break;case"RegExp":r[o]=new RegExp(i[1],i[2]);break;case"Object":r[o]=Object(i[1]);break;case"BigInt":r[o]=BigInt(i[1]);break;case"null":const g=Object.create(null);r[o]=g;for(let d=1;d<i.length;d+=2)g[i[d]]=a(i[d+1]);break;default:throw new Error(`Unknown type ${c}`)}}else{const c=new Array(i.length);r[o]=c;for(let f=0;f<i.length;f+=1){const u=i[f];u!==Lt&&(c[f]=a(u))}}else{const c={};r[o]=c;for(const f in i){const u=i[f];c[f]=a(u)}}return r[o]}return a(0)}const Me=new Set(["load","prerender","csr","ssr","trailingSlash","config"]);[...Me];const jt=new Set([...Me]);[...jt];function Ot(e){return e.filter(t=>t!=null)}const Dt="x-sveltekit-invalidated",$t="x-sveltekit-trailing-slash";function W(e){return e instanceof ee||e instanceof he?e.status:500}function Ct(e){return e instanceof he?e.text:"Internal Error"}const x=De(Ce)??{},G=De($e)??{},T={url:Ie({}),page:Ie({}),navigating:de(null),updated:Rt()};function me(e){x[e]=ge()}function Vt(e,t){let n=e+1;for(;x[n];)delete x[n],n+=1;for(n=t+1;G[n];)delete G[n],n+=1}function D(e){return location.href=e.href,new Promise(()=>{})}function Le(){}let ne,fe,z,L,ue,$;const qe=[],J=[];let P=null;const Be=[],Ft=[];let j=[],w={branch:[],error:null,url:null},_e=!1,X=!1,Pe=!0,H=!1,C=!1,Ke=!1,ye=!1,we,k,A,R,Z;async function Zt(e,t,n){var a,o;document.URL!==location.href&&(location.href=location.href),$=e,ne=Et(e),L=document.documentElement,ue=t,fe=e.nodes[0],z=e.nodes[1],fe(),z(),k=(a=history.state)==null?void 0:a[O],A=(o=history.state)==null?void 0:o[F],k||(k=A=Date.now(),history.replaceState({...history.state,[O]:k,[F]:A},""));const r=x[k];r&&(history.scrollRestoration="manual",scrollTo(r.x,r.y)),n?await Yt(ue,n):Bt(location.href,{replaceState:!0}),Kt()}function Ye(e){J.some(t=>t==null?void 0:t.snapshot)&&(G[e]=J.map(t=>{var n;return(n=t==null?void 0:t.snapshot)==null?void 0:n.capture()}))}function We(e){var t;(t=G[e])==null||t.forEach((n,r)=>{var a,o;(o=(a=J[r])==null?void 0:a.snapshot)==null||o.restore(n)})}function Te(){me(k),Ae(Ce,x),Ye(A),Ae($e,G)}async function ze(e,t,n,r){return B({type:"goto",url:Fe(e),keepfocus:t.keepFocus,noscroll:t.noScroll,replace_state:t.replaceState,state:t.state,redirect_count:n,nav_token:r,accept:()=>{t.invalidateAll&&(ye=!0)}})}async function Gt(e){return P={id:e.id,promise:Xe(e).then(t=>(t.type==="loaded"&&t.state.error&&(P=null),t))},P.promise}async function ce(e){const t=ne.find(n=>n.exec(Ze(e)));t&&await Promise.all([...t.layouts,t.leaf].map(n=>n==null?void 0:n[1]()))}function Je(e,t){var a;w=e.state;const n=document.querySelector("style[data-sveltekit]");n&&n.remove(),R=e.props.page,we=new $.root({target:t,props:{...e.props,stores:T,components:J},hydrate:!0}),We(A);const r={from:null,to:{params:w.params,route:{id:((a=w.route)==null?void 0:a.id)??null},url:new URL(location.href)},willUnload:!1,type:"enter",complete:Promise.resolve()};j.forEach(o=>o(r)),X=!0}async function Q({url:e,params:t,branch:n,status:r,error:a,route:o,form:s}){let i="never";if(I&&(e.pathname===I||e.pathname===I+"/"))i="always";else for(const d of n)(d==null?void 0:d.slash)!==void 0&&(i=d.slash);e.pathname=ot(e.pathname,i),e.search=e.search;const c={type:"loaded",state:{url:e,params:t,branch:n,error:a,route:o},props:{constructors:Ot(n).map(d=>d.node.component),page:R}};s!==void 0&&(c.props.form=s);let f={},u=!R,h=0;for(let d=0;d<Math.max(n.length,w.branch.length);d+=1){const m=n[d],l=w.branch[d];(m==null?void 0:m.data)!==(l==null?void 0:l.data)&&(u=!0),m&&(f={...f,...m.data},u&&(c.props[`data_${h}`]=f),h+=1)}return(!w.url||e.href!==w.url.href||w.error!==a||s!==void 0&&s!==R.form||u)&&(c.props.page={error:a,params:t,route:{id:(o==null?void 0:o.id)??null},state:{},status:r,url:new URL(e),form:s??null,data:u?f:R.data}),c}async function ve({loader:e,parent:t,url:n,params:r,route:a,server_data_node:o}){var u,h,g;let s=null,i=!0;const c={dependencies:new Set,params:new Set,parent:!1,route:!1,url:!1,search_params:new Set},f=await e();if((u=f.universal)!=null&&u.load){let d=function(...l){for(const _ of l){const{href:v}=new URL(_,n);c.dependencies.add(v)}};const m={route:new Proxy(a,{get:(l,_)=>(i&&(c.route=!0),l[_])}),params:new Proxy(r,{get:(l,_)=>(i&&c.params.add(_),l[_])}),data:(o==null?void 0:o.data)??null,url:lt(n,()=>{i&&(c.url=!0)},l=>{i&&c.search_params.add(l)}),async fetch(l,_){let v;l instanceof Request?(v=l.url,_={body:l.method==="GET"||l.method==="HEAD"?void 0:await l.blob(),cache:l.cache,credentials:l.credentials,headers:l.headers,integrity:l.integrity,keepalive:l.keepalive,method:l.method,mode:l.mode,redirect:l.redirect,referrer:l.referrer,referrerPolicy:l.referrerPolicy,signal:l.signal,..._}):v=l;const S=new URL(v,n);return i&&d(S.href),S.origin===n.origin&&(v=S.href.slice(n.origin.length)),X?mt(v,S.href,_):gt(v,_)},setHeaders:()=>{},depends:d,parent(){return i&&(c.parent=!0),t()},untrack(l){i=!1;try{return l()}finally{i=!0}}};s=await f.universal.load.call(null,m)??null}return{node:f,loader:e,server:o,universal:(h=f.universal)!=null&&h.load?{type:"data",data:s,uses:c}:null,data:s??(o==null?void 0:o.data)??null,slash:((g=f.universal)==null?void 0:g.trailingSlash)??(o==null?void 0:o.slash)}}function Ue(e,t,n,r,a,o){if(ye)return!0;if(!a)return!1;if(a.parent&&e||a.route&&t||a.url&&n)return!0;for(const s of a.search_params)if(r.has(s))return!0;for(const s of a.params)if(o[s]!==w.params[s])return!0;for(const s of a.dependencies)if(qe.some(i=>i(new URL(s))))return!0;return!1}function be(e,t){return(e==null?void 0:e.type)==="data"?e:(e==null?void 0:e.type)==="skip"?t??null:null}function Ht(e,t){if(!e)return new Set(t.searchParams.keys());const n=new Set([...e.searchParams.keys(),...t.searchParams.keys()]);for(const r of n){const a=e.searchParams.getAll(r),o=t.searchParams.getAll(r);a.every(s=>o.includes(s))&&o.every(s=>a.includes(s))&&n.delete(r)}return n}async function Xe({id:e,invalidating:t,url:n,params:r,route:a}){if((P==null?void 0:P.id)===e)return P.promise;const{errors:o,layouts:s,leaf:i}=a,c=[...s,i];o.forEach(p=>p==null?void 0:p().catch(()=>{})),c.forEach(p=>p==null?void 0:p[1]().catch(()=>{}));let f=null;const u=w.url?e!==w.url.pathname+w.url.search:!1,h=w.route?a.id!==w.route.id:!1,g=Ht(w.url,n);let d=!1;const m=c.map((p,y)=>{var U;const b=w.branch[y],E=!!(p!=null&&p[0])&&((b==null?void 0:b.loader)!==p[1]||Ue(d,h,u,g,(U=b.server)==null?void 0:U.uses,r));return E&&(d=!0),E});if(m.some(Boolean)){try{f=await tt(n,m)}catch(p){return ae({status:W(p),error:await M(p,{url:n,params:r,route:{id:a.id}}),url:n,route:a})}if(f.type==="redirect")return f}const l=f==null?void 0:f.nodes;let _=!1;const v=c.map(async(p,y)=>{var re;if(!p)return;const b=w.branch[y],E=l==null?void 0:l[y];if((!E||E.type==="skip")&&p[1]===(b==null?void 0:b.loader)&&!Ue(_,h,u,g,(re=b.universal)==null?void 0:re.uses,r))return b;if(_=!0,(E==null?void 0:E.type)==="error")throw E;return ve({loader:p[1],url:n,params:r,route:a,parent:async()=>{var Se;const ke={};for(let oe=0;oe<y;oe+=1)Object.assign(ke,(Se=await v[oe])==null?void 0:Se.data);return ke},server_data_node:be(E===void 0&&p[0]?{type:"skip"}:E??null,p[0]?b==null?void 0:b.server:void 0)})});for(const p of v)p.catch(()=>{});const S=[];for(let p=0;p<c.length;p+=1)if(c[p])try{S.push(await v[p])}catch(y){if(y instanceof je)return{type:"redirect",location:y.location};let b=W(y),E;if(l!=null&&l.includes(y))b=y.status??b,E=y.error;else if(y instanceof ee)E=y.body;else{if(await T.updated.check())return await D(n);E=await M(y,{params:r,url:n,route:{id:a.id}})}const U=await Mt(p,S,o);return U?await Q({url:n,params:r,branch:S.slice(0,U.idx).concat(U.node),status:b,error:E,route:a}):await et(n,{id:a.id},E,b)}else S.push(void 0);return await Q({url:n,params:r,branch:S,status:200,error:null,route:a,form:t?void 0:null})}async function Mt(e,t,n){for(;e--;)if(n[e]){let r=e;for(;!t[r];)r-=1;try{return{idx:r+1,node:{node:await n[e](),loader:n[e],data:{},server:null,universal:null}}}catch{continue}}}async function ae({status:e,error:t,url:n,route:r}){const a={};let o=null;if($.server_loads[0]===0)try{const f=await tt(n,[!0]);if(f.type!=="data"||f.nodes[0]&&f.nodes[0].type!=="data")throw 0;o=f.nodes[0]??null}catch{(n.origin!==q||n.pathname!==location.pathname||_e)&&await D(n)}const i=await ve({loader:fe,url:n,params:a,route:r,parent:()=>Promise.resolve({}),server_data_node:be(o)}),c={node:await z(),loader:z,universal:null,server:null,data:null};return await Q({url:n,params:a,branch:[i,c],status:e,error:t,route:null})}function Ee(e,t){if(!e||te(e,I))return;let n;try{n=$.hooks.reroute({url:new URL(e)})??e.pathname}catch{return}const r=Ze(n);for(const a of ne){const o=a.exec(r);if(o)return{id:e.pathname+e.search,invalidating:t,route:a,params:st(o),url:e}}}function Ze(e){return it(e.slice(I.length)||"/")}function Qe({url:e,type:t,intent:n,delta:r}){let a=!1;const o=at(w,n,e,t);r!==void 0&&(o.navigation.delta=r);const s={...o.navigation,cancel:()=>{a=!0,o.reject(new Error("navigation cancelled"))}};return H||Be.forEach(i=>i(s)),a?null:o}async function B({type:e,url:t,popped:n,keepfocus:r,noscroll:a,replace_state:o,state:s={},redirect_count:i=0,nav_token:c={},accept:f=Le,block:u=Le}){const h=Ee(t,!1),g=Qe({url:t,type:e,delta:n==null?void 0:n.delta,intent:h});if(!g){u();return}const d=k,m=A;f(),H=!0,X&&T.navigating.set(g.navigation),Z=c;let l=h&&await Xe(h);if(!l){if(te(t,I))return await D(t);l=await et(t,{id:null},await M(new he(404,"Not Found",`Not found: ${t.pathname}`),{url:t,params:{},route:{id:null}}),404)}if(t=(h==null?void 0:h.url)||t,Z!==c)return g.reject(new Error("navigation aborted")),!1;if(l.type==="redirect")if(i>=20)l=await ae({status:500,error:await M(new Error("Redirect loop"),{url:t,params:{},route:{id:null}}),url:t,route:{id:null}});else return ze(new URL(l.location,t).href,{},i+1,c),!1;else l.props.page.status>=400&&await T.updated.check()&&await D(t);if(qe.length=0,ye=!1,me(d),Ye(m),l.props.page.url.pathname!==t.pathname&&(t.pathname=l.props.page.url.pathname),s=n?n.state:s,!n){const p=o?0:1,y={[O]:k+=p,[F]:A+=p,[Ve]:s};(o?history.replaceState:history.pushState).call(history,y,"",t),o||Vt(k,A)}if(P=null,l.props.page.state=s,X){w=l.state,l.props.page&&(l.props.page.url=t);const p=(await Promise.all(Ft.map(y=>y(g.navigation)))).filter(y=>typeof y=="function");if(p.length>0){let y=function(){j=j.filter(b=>!p.includes(b))};p.push(y),j.push(...p)}we.$set(l.props),Ke=!0}else Je(l,ue);const{activeElement:_}=document;await rt();const v=n?n.scroll:a?ge():null;if(Pe){const p=t.hash&&document.getElementById(decodeURIComponent(t.hash.slice(1)));v?scrollTo(v.x,v.y):p?p.scrollIntoView():scrollTo(0,0)}const S=document.activeElement!==_&&document.activeElement!==document.body;!r&&!S&&Wt(),Pe=!0,l.props.page&&(R=l.props.page),H=!1,e==="popstate"&&We(A),g.fulfil(void 0),j.forEach(p=>p(g.navigation)),T.navigating.set(null)}async function et(e,t,n,r){return e.origin===q&&e.pathname===location.pathname&&!_e?await ae({status:r,error:n,url:e,route:t}):await D(e)}function qt(){let e;L.addEventListener("mousemove",o=>{const s=o.target;clearTimeout(e),e=setTimeout(()=>{r(s,2)},20)});function t(o){r(o.composedPath()[0],1)}L.addEventListener("mousedown",t),L.addEventListener("touchstart",t,{passive:!0});const n=new IntersectionObserver(o=>{for(const s of o)s.isIntersecting&&(ce(s.target.href),n.unobserve(s.target))},{threshold:0});function r(o,s){const i=He(o,L);if(!i)return;const{url:c,external:f,download:u}=le(i,I);if(f||u)return;const h=Y(i);if(!h.reload)if(s<=h.preload_data){const g=Ee(c,!1);g&&Gt(g)}else s<=h.preload_code&&ce(c.pathname)}function a(){n.disconnect();for(const o of L.querySelectorAll("a")){const{url:s,external:i,download:c}=le(o,I);if(i||c)continue;const f=Y(o);f.reload||(f.preload_code===K.viewport&&n.observe(o),f.preload_code===K.eager&&ce(s.pathname))}}j.push(a),a()}function M(e,t){if(e instanceof ee)return e.body;const n=W(e),r=Ct(e);return $.hooks.handleError({error:e,event:t,status:n,message:r})??{message:r}}function Bt(e,t={}){return e=Fe(e),e.origin!==q?Promise.reject(new Error("goto: invalid URL")):ze(e,t,0)}function Kt(){var t;history.scrollRestoration="manual",addEventListener("beforeunload",n=>{let r=!1;if(Te(),!H){const a=at(w,void 0,null,"leave"),o={...a.navigation,cancel:()=>{r=!0,a.reject(new Error("navigation cancelled"))}};Be.forEach(s=>s(o))}r?(n.preventDefault(),n.returnValue=""):history.scrollRestoration="auto"}),addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"&&Te()}),(t=navigator.connection)!=null&&t.saveData||qt(),L.addEventListener("click",n=>{var g;if(n.button||n.which!==1||n.metaKey||n.ctrlKey||n.shiftKey||n.altKey||n.defaultPrevented)return;const r=He(n.composedPath()[0],L);if(!r)return;const{url:a,external:o,target:s,download:i}=le(r,I);if(!a)return;if(s==="_parent"||s==="_top"){if(window.parent!==window)return}else if(s&&s!=="_self")return;const c=Y(r);if(!(r instanceof SVGAElement)&&a.protocol!==location.protocol&&!(a.protocol==="https:"||a.protocol==="http:")||i)return;if(o||c.reload){Qe({url:a,type:"link"})?H=!0:n.preventDefault();return}const[u,h]=a.href.split("#");if(h!==void 0&&u===ie(location)){const[,d]=w.url.href.split("#");if(d===h){n.preventDefault(),h===""||h==="top"&&r.ownerDocument.getElementById("top")===null?window.scrollTo({top:0}):(g=r.ownerDocument.getElementById(h))==null||g.scrollIntoView();return}if(C=!0,me(k),e(a),!c.replace_state)return;C=!1}n.preventDefault(),B({type:"link",url:a,keepfocus:c.keepfocus,noscroll:c.noscroll,replace_state:c.replace_state??a.href===location.href})}),L.addEventListener("submit",n=>{if(n.defaultPrevented)return;const r=HTMLFormElement.prototype.cloneNode.call(n.target),a=n.submitter;if(((a==null?void 0:a.formMethod)||r.method)!=="get")return;const s=new URL((a==null?void 0:a.hasAttribute("formaction"))&&(a==null?void 0:a.formAction)||r.action);if(te(s,I))return;const i=n.target,c=Y(i);if(c.reload)return;n.preventDefault(),n.stopPropagation();const f=new FormData(i),u=a==null?void 0:a.getAttribute("name");u&&f.append(u,(a==null?void 0:a.getAttribute("value"))??""),s.search=new URLSearchParams(f).toString(),B({type:"form",url:s,keepfocus:c.keepfocus,noscroll:c.noscroll,replace_state:c.replace_state??s.href===location.href})}),addEventListener("popstate",async n=>{var r;if((r=n.state)!=null&&r[O]){const a=n.state[O];if(Z={},a===k)return;const o=x[a],s=n.state[Ve]??{},i=new URL(n.state[At]??location.href),c=n.state[F],f=ie(location)===ie(w.url);if(c===A&&(Ke||f)){e(i),x[k]=ge(),o&&scrollTo(o.x,o.y),s!==R.state&&(R={...R,state:s},we.$set({page:R})),k=a;return}const h=a-k;await B({type:"popstate",url:i,popped:{state:s,scroll:o,delta:h},accept:()=>{k=a,A=c},block:()=>{history.go(-h)},nav_token:Z})}else if(!C){const a=new URL(location.href);e(a)}}),addEventListener("hashchange",()=>{C&&(C=!1,history.replaceState({...history.state,[O]:++k,[F]:A},"",location.href))});for(const n of document.querySelectorAll("link"))n.rel==="icon"&&(n.href=n.href);addEventListener("pageshow",n=>{n.persisted&&T.navigating.set(null)});function e(n){w.url=n,T.page.set({...R,url:n}),T.page.notify()}}async function Yt(e,{status:t=200,error:n,node_ids:r,params:a,route:o,data:s,form:i}){_e=!0;const c=new URL(location.href);({params:a={},route:o={id:null}}=Ee(c,!1)||{});let f;try{const u=r.map(async(d,m)=>{const l=s[m];return l!=null&&l.uses&&(l.uses=nt(l.uses)),ve({loader:$.nodes[d],url:c,params:a,route:o,parent:async()=>{const _={};for(let v=0;v<m;v+=1)Object.assign(_,(await u[v]).data);return _},server_data_node:be(l)})}),h=await Promise.all(u),g=ne.find(({id:d})=>d===o.id);if(g){const d=g.layouts;for(let m=0;m<d.length;m++)d[m]||h.splice(m,0,void 0)}f=await Q({url:c,params:a,branch:h,status:t,error:n,form:i,route:g??null})}catch(u){if(u instanceof je){await D(new URL(u.location,location.href));return}f=await ae({status:W(u),error:await M(u,{url:c,params:a,route:o}),url:c,route:o})}f.props.page&&(f.props.page.state={}),Je(f,e)}async function tt(e,t){var a;const n=new URL(e);n.pathname=dt(e.pathname),e.pathname.endsWith("/")&&n.searchParams.append($t,"1"),n.searchParams.append(Dt,t.map(o=>o?"1":"0").join(""));const r=await Oe(n.href);if(!r.ok){let o;throw(a=r.headers.get("content-type"))!=null&&a.includes("application/json")?o=await r.json():r.status===404?o="Not Found":r.status===500&&(o="Internal Error"),new ee(r.status,o)}return new Promise(async o=>{var h;const s=new Map,i=r.body.getReader(),c=new TextDecoder;function f(g){return Nt(g,{Promise:d=>new Promise((m,l)=>{s.set(d,{fulfil:m,reject:l})})})}let u="";for(;;){const{done:g,value:d}=await i.read();if(g&&!u)break;for(u+=!d&&u?`
+`:c.decode(d,{stream:!0});;){const m=u.indexOf(`
+`);if(m===-1)break;const l=JSON.parse(u.slice(0,m));if(u=u.slice(m+1),l.type==="redirect")return o(l);if(l.type==="data")(h=l.nodes)==null||h.forEach(_=>{(_==null?void 0:_.type)==="data"&&(_.uses=nt(_.uses),_.data=f(_.data))}),o(l);else if(l.type==="chunk"){const{id:_,data:v,error:S}=l,p=s.get(_);s.delete(_),S?p.reject(f(S)):p.fulfil(f(v))}}}})}function nt(e){return{dependencies:new Set((e==null?void 0:e.dependencies)??[]),params:new Set((e==null?void 0:e.params)??[]),parent:!!(e!=null&&e.parent),route:!!(e!=null&&e.route),url:!!(e!=null&&e.url),search_params:new Set((e==null?void 0:e.search_params)??[])}}function Wt(){const e=document.querySelector("[autofocus]");if(e)e.focus();else{const t=document.body,n=t.getAttribute("tabindex");t.tabIndex=-1,t.focus({preventScroll:!0,focusVisible:!1}),n!==null?t.setAttribute("tabindex",n):t.removeAttribute("tabindex");const r=getSelection();if(r&&r.type!=="None"){const a=[];for(let o=0;o<r.rangeCount;o+=1)a.push(r.getRangeAt(o));setTimeout(()=>{if(r.rangeCount===a.length){for(let o=0;o<r.rangeCount;o+=1){const s=a[o],i=r.getRangeAt(o);if(s.commonAncestorContainer!==i.commonAncestorContainer||s.startContainer!==i.startContainer||s.endContainer!==i.endContainer||s.startOffset!==i.startOffset||s.endOffset!==i.endOffset)return}r.removeAllRanges()}})}}}function at(e,t,n,r){var c,f;let a,o;const s=new Promise((u,h)=>{a=u,o=h});return s.catch(()=>{}),{navigation:{from:{params:e.params,route:{id:((c=e.route)==null?void 0:c.id)??null},url:e.url},to:n&&{params:(t==null?void 0:t.params)??null,route:{id:((f=t==null?void 0:t.route)==null?void 0:f.id)??null},url:n},willUnload:!t,type:r,complete:s},fulfil:a,reject:o}}export{Zt as a,Bt as g,T as s};
diff --git a/docs/_app/immutable/chunks/stores.5_u9SQP3.js b/docs/_app/immutable/chunks/stores.PauZgD8C.js
similarity index 72%
rename from docs/_app/immutable/chunks/stores.5_u9SQP3.js
rename to docs/_app/immutable/chunks/stores.PauZgD8C.js
index 6d9676b8..b91ae87f 100644
--- a/docs/_app/immutable/chunks/stores.5_u9SQP3.js
+++ b/docs/_app/immutable/chunks/stores.PauZgD8C.js
@@ -1 +1 @@
-import{s as e}from"./entry.O4gFZlXI.js";const r=()=>{const s=e;return{page:{subscribe:s.page.subscribe},navigating:{subscribe:s.navigating.subscribe},updated:s.updated}},b={subscribe(s){return r().page.subscribe(s)}};export{b as p};
+import{s as e}from"./entry.k7CtjUtt.js";const r=()=>{const s=e;return{page:{subscribe:s.page.subscribe},navigating:{subscribe:s.navigating.subscribe},updated:s.updated}},b={subscribe(s){return r().page.subscribe(s)}};export{b as p};
diff --git a/docs/_app/immutable/entry/app.pEfIXzME.js b/docs/_app/immutable/entry/app.zQBYankm.js
similarity index 88%
rename from docs/_app/immutable/entry/app.pEfIXzME.js
rename to docs/_app/immutable/entry/app.zQBYankm.js
index 1e9d04b1..bfa71035 100644
--- a/docs/_app/immutable/entry/app.pEfIXzME.js
+++ b/docs/_app/immutable/entry/app.zQBYankm.js
@@ -1,7 +1,7 @@
-import{s as C,a as U,E as h,g as q,i as E,f as g,D as j,F,e as G,c as M,b as W,u as D,A as p,t as z,d as H,j as J,B as A,w as k,G as K}from"../chunks/scheduler.P37s_KnH.js";import{S as Q,i as X,a as w,e as L,t as b,g as y,c as v,b as I,m as R,d as P}from"../chunks/index.GooPGtyi.js";const Y="modulepreload",Z=function(a,e){return new URL(a,e).href},O={},d=function(e,n,i){let s=Promise.resolve();if(n&&n.length>0){const c=document.getElementsByTagName("link");s=Promise.all(n.map(t=>{if(t=Z(t,i),t in O)return;O[t]=!0;const r=t.endsWith(".css"),l=r?'[rel="stylesheet"]':"";if(!!i)for(let u=c.length-1;u>=0;u--){const m=c[u];if(m.href===t&&(!r||m.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${t}"]${l}`))return;const o=document.createElement("link");if(o.rel=r?"stylesheet":Y,r||(o.as="script",o.crossOrigin=""),o.href=t,document.head.appendChild(o),r)return new Promise((u,m)=>{o.addEventListener("load",u),o.addEventListener("error",()=>m(new Error(`Unable to preload CSS for ${t}`)))})}))}return s.then(()=>e()).catch(c=>{const t=new Event("vite:preloadError",{cancelable:!0});if(t.payload=c,window.dispatchEvent(t),!t.defaultPrevented)throw c})},re={};function $(a){let e,n,i;var s=a[1][0];function c(t,r){return{props:{data:t[3],form:t[2]}}}return s&&(e=k(s,c(a)),a[12](e)),{c(){e&&v(e.$$.fragment),n=h()},l(t){e&&I(e.$$.fragment,t),n=h()},m(t,r){e&&R(e,t,r),E(t,n,r),i=!0},p(t,r){if(r&2&&s!==(s=t[1][0])){if(e){y();const l=e;w(l.$$.fragment,1,0,()=>{P(l,1)}),L()}s?(e=k(s,c(t)),t[12](e),v(e.$$.fragment),b(e.$$.fragment,1),R(e,n.parentNode,n)):e=null}else if(s){const l={};r&8&&(l.data=t[3]),r&4&&(l.form=t[2]),e.$set(l)}},i(t){i||(e&&b(e.$$.fragment,t),i=!0)},o(t){e&&w(e.$$.fragment,t),i=!1},d(t){t&&g(n),a[12](null),e&&P(e,t)}}}function x(a){let e,n,i;var s=a[1][0];function c(t,r){return{props:{data:t[3],$$slots:{default:[ee]},$$scope:{ctx:t}}}}return s&&(e=k(s,c(a)),a[11](e)),{c(){e&&v(e.$$.fragment),n=h()},l(t){e&&I(e.$$.fragment,t),n=h()},m(t,r){e&&R(e,t,r),E(t,n,r),i=!0},p(t,r){if(r&2&&s!==(s=t[1][0])){if(e){y();const l=e;w(l.$$.fragment,1,0,()=>{P(l,1)}),L()}s?(e=k(s,c(t)),t[11](e),v(e.$$.fragment),b(e.$$.fragment,1),R(e,n.parentNode,n)):e=null}else if(s){const l={};r&8&&(l.data=t[3]),r&8215&&(l.$$scope={dirty:r,ctx:t}),e.$set(l)}},i(t){i||(e&&b(e.$$.fragment,t),i=!0)},o(t){e&&w(e.$$.fragment,t),i=!1},d(t){t&&g(n),a[11](null),e&&P(e,t)}}}function ee(a){let e,n,i;var s=a[1][1];function c(t,r){return{props:{data:t[4],form:t[2]}}}return s&&(e=k(s,c(a)),a[10](e)),{c(){e&&v(e.$$.fragment),n=h()},l(t){e&&I(e.$$.fragment,t),n=h()},m(t,r){e&&R(e,t,r),E(t,n,r),i=!0},p(t,r){if(r&2&&s!==(s=t[1][1])){if(e){y();const l=e;w(l.$$.fragment,1,0,()=>{P(l,1)}),L()}s?(e=k(s,c(t)),t[10](e),v(e.$$.fragment),b(e.$$.fragment,1),R(e,n.parentNode,n)):e=null}else if(s){const l={};r&16&&(l.data=t[4]),r&4&&(l.form=t[2]),e.$set(l)}},i(t){i||(e&&b(e.$$.fragment,t),i=!0)},o(t){e&&w(e.$$.fragment,t),i=!1},d(t){t&&g(n),a[10](null),e&&P(e,t)}}}function T(a){let e,n=a[6]&&V(a);return{c(){e=G("div"),n&&n.c(),this.h()},l(i){e=M(i,"DIV",{id:!0,"aria-live":!0,"aria-atomic":!0,style:!0});var s=W(e);n&&n.l(s),s.forEach(g),this.h()},h(){D(e,"id","svelte-announcer"),D(e,"aria-live","assertive"),D(e,"aria-atomic","true"),p(e,"position","absolute"),p(e,"left","0"),p(e,"top","0"),p(e,"clip","rect(0 0 0 0)"),p(e,"clip-path","inset(50%)"),p(e,"overflow","hidden"),p(e,"white-space","nowrap"),p(e,"width","1px"),p(e,"height","1px")},m(i,s){E(i,e,s),n&&n.m(e,null)},p(i,s){i[6]?n?n.p(i,s):(n=V(i),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(i){i&&g(e),n&&n.d()}}}function V(a){let e;return{c(){e=z(a[7])},l(n){e=H(n,a[7])},m(n,i){E(n,e,i)},p(n,i){i&128&&J(e,n[7])},d(n){n&&g(e)}}}function te(a){let e,n,i,s,c;const t=[x,$],r=[];function l(o,u){return o[1][1]?0:1}e=l(a),n=r[e]=t[e](a);let _=a[5]&&T(a);return{c(){n.c(),i=U(),_&&_.c(),s=h()},l(o){n.l(o),i=q(o),_&&_.l(o),s=h()},m(o,u){r[e].m(o,u),E(o,i,u),_&&_.m(o,u),E(o,s,u),c=!0},p(o,[u]){let m=e;e=l(o),e===m?r[e].p(o,u):(y(),w(r[m],1,1,()=>{r[m]=null}),L(),n=r[e],n?n.p(o,u):(n=r[e]=t[e](o),n.c()),b(n,1),n.m(i.parentNode,i)),o[5]?_?_.p(o,u):(_=T(o),_.c(),_.m(s.parentNode,s)):_&&(_.d(1),_=null)},i(o){c||(b(n),c=!0)},o(o){w(n),c=!1},d(o){o&&(g(i),g(s)),r[e].d(o),_&&_.d(o)}}}function ne(a,e,n){let{stores:i}=e,{page:s}=e,{constructors:c}=e,{components:t=[]}=e,{form:r}=e,{data_0:l=null}=e,{data_1:_=null}=e;j(i.page.notify);let o=!1,u=!1,m=null;F(()=>{const f=i.page.subscribe(()=>{o&&(n(6,u=!0),K().then(()=>{n(7,m=document.title||"untitled page")}))});return n(5,o=!0),f});function N(f){A[f?"unshift":"push"](()=>{t[1]=f,n(0,t)})}function S(f){A[f?"unshift":"push"](()=>{t[0]=f,n(0,t)})}function B(f){A[f?"unshift":"push"](()=>{t[0]=f,n(0,t)})}return a.$$set=f=>{"stores"in f&&n(8,i=f.stores),"page"in f&&n(9,s=f.page),"constructors"in f&&n(1,c=f.constructors),"components"in f&&n(0,t=f.components),"form"in f&&n(2,r=f.form),"data_0"in f&&n(3,l=f.data_0),"data_1"in f&&n(4,_=f.data_1)},a.$$.update=()=>{a.$$.dirty&768&&i.page.set(s)},[t,c,r,l,_,o,u,m,i,s,N,S,B]}class oe extends Q{constructor(e){super(),X(this,e,ne,te,C,{stores:8,page:9,constructors:1,components:0,form:2,data_0:3,data_1:4})}}const ae=[()=>d(()=>import("../nodes/0.3oi4C38q.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22]),import.meta.url),()=>d(()=>import("../nodes/1.uR2vfZ3U.js"),__vite__mapDeps([23,3,4,8,6,7,2]),import.meta.url),()=>d(()=>import("../nodes/2.8nbfSQQA.js"),__vite__mapDeps([24,3,4,5,25,12,7,13,11,14,15,16,17,18,19,20,21,26]),import.meta.url),()=>d(()=>import("../nodes/3.-O1aSQ1N.js"),__vite__mapDeps([27,3,4,5,28,12,7,13,14,15,19,20,29,30]),import.meta.url),()=>d(()=>import("../nodes/4.hCWRAUnC.js"),__vite__mapDeps([31,1,2,3,4,32,12,7,5,13,25,28,14,15,19,20,29,33]),import.meta.url),()=>d(()=>import("../nodes/5.7TY5Go6n.js"),__vite__mapDeps([34,1,2,3,4,32,12,7,5,13,25,35,36,11,14,15,16,17,37]),import.meta.url),()=>d(()=>import("../nodes/6.8mKyH2F7.js"),__vite__mapDeps([38,1,2,3,4,32,12,7,5,13,25,35,36,18,19,20,16,21,39]),import.meta.url),()=>d(()=>import("../nodes/7.aR520pKK.js"),__vite__mapDeps([40,1,2,3,4,5,9,10,41]),import.meta.url)],le=[],fe={"/":[2],"/components":[3],"/components/[slug]":[4],"/example-ssr/[slug]":[6],"/example/[slug]":[5],"/guide":[7]},ce={handleError:({error:a})=>{console.error(a)},reroute:()=>{}};export{fe as dictionary,ce as hooks,re as matchers,ae as nodes,oe as root,le as server_loads};
+import{s as C,a as U,E as h,g as q,i as E,f as g,D as j,F,e as G,c as M,b as W,u as D,A as p,t as z,d as H,j as J,B as A,w as k,G as K}from"../chunks/scheduler.P37s_KnH.js";import{S as Q,i as X,a as w,e as L,t as b,g as y,c as v,b as I,m as R,d as P}from"../chunks/index.GooPGtyi.js";const Y="modulepreload",Z=function(a,e){return new URL(a,e).href},O={},d=function(e,n,i){let s=Promise.resolve();if(n&&n.length>0){const c=document.getElementsByTagName("link");s=Promise.all(n.map(t=>{if(t=Z(t,i),t in O)return;O[t]=!0;const r=t.endsWith(".css"),l=r?'[rel="stylesheet"]':"";if(!!i)for(let u=c.length-1;u>=0;u--){const m=c[u];if(m.href===t&&(!r||m.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${t}"]${l}`))return;const o=document.createElement("link");if(o.rel=r?"stylesheet":Y,r||(o.as="script",o.crossOrigin=""),o.href=t,document.head.appendChild(o),r)return new Promise((u,m)=>{o.addEventListener("load",u),o.addEventListener("error",()=>m(new Error(`Unable to preload CSS for ${t}`)))})}))}return s.then(()=>e()).catch(c=>{const t=new Event("vite:preloadError",{cancelable:!0});if(t.payload=c,window.dispatchEvent(t),!t.defaultPrevented)throw c})},re={};function $(a){let e,n,i;var s=a[1][0];function c(t,r){return{props:{data:t[3],form:t[2]}}}return s&&(e=k(s,c(a)),a[12](e)),{c(){e&&v(e.$$.fragment),n=h()},l(t){e&&I(e.$$.fragment,t),n=h()},m(t,r){e&&R(e,t,r),E(t,n,r),i=!0},p(t,r){if(r&2&&s!==(s=t[1][0])){if(e){y();const l=e;w(l.$$.fragment,1,0,()=>{P(l,1)}),L()}s?(e=k(s,c(t)),t[12](e),v(e.$$.fragment),b(e.$$.fragment,1),R(e,n.parentNode,n)):e=null}else if(s){const l={};r&8&&(l.data=t[3]),r&4&&(l.form=t[2]),e.$set(l)}},i(t){i||(e&&b(e.$$.fragment,t),i=!0)},o(t){e&&w(e.$$.fragment,t),i=!1},d(t){t&&g(n),a[12](null),e&&P(e,t)}}}function x(a){let e,n,i;var s=a[1][0];function c(t,r){return{props:{data:t[3],$$slots:{default:[ee]},$$scope:{ctx:t}}}}return s&&(e=k(s,c(a)),a[11](e)),{c(){e&&v(e.$$.fragment),n=h()},l(t){e&&I(e.$$.fragment,t),n=h()},m(t,r){e&&R(e,t,r),E(t,n,r),i=!0},p(t,r){if(r&2&&s!==(s=t[1][0])){if(e){y();const l=e;w(l.$$.fragment,1,0,()=>{P(l,1)}),L()}s?(e=k(s,c(t)),t[11](e),v(e.$$.fragment),b(e.$$.fragment,1),R(e,n.parentNode,n)):e=null}else if(s){const l={};r&8&&(l.data=t[3]),r&8215&&(l.$$scope={dirty:r,ctx:t}),e.$set(l)}},i(t){i||(e&&b(e.$$.fragment,t),i=!0)},o(t){e&&w(e.$$.fragment,t),i=!1},d(t){t&&g(n),a[11](null),e&&P(e,t)}}}function ee(a){let e,n,i;var s=a[1][1];function c(t,r){return{props:{data:t[4],form:t[2]}}}return s&&(e=k(s,c(a)),a[10](e)),{c(){e&&v(e.$$.fragment),n=h()},l(t){e&&I(e.$$.fragment,t),n=h()},m(t,r){e&&R(e,t,r),E(t,n,r),i=!0},p(t,r){if(r&2&&s!==(s=t[1][1])){if(e){y();const l=e;w(l.$$.fragment,1,0,()=>{P(l,1)}),L()}s?(e=k(s,c(t)),t[10](e),v(e.$$.fragment),b(e.$$.fragment,1),R(e,n.parentNode,n)):e=null}else if(s){const l={};r&16&&(l.data=t[4]),r&4&&(l.form=t[2]),e.$set(l)}},i(t){i||(e&&b(e.$$.fragment,t),i=!0)},o(t){e&&w(e.$$.fragment,t),i=!1},d(t){t&&g(n),a[10](null),e&&P(e,t)}}}function T(a){let e,n=a[6]&&V(a);return{c(){e=G("div"),n&&n.c(),this.h()},l(i){e=M(i,"DIV",{id:!0,"aria-live":!0,"aria-atomic":!0,style:!0});var s=W(e);n&&n.l(s),s.forEach(g),this.h()},h(){D(e,"id","svelte-announcer"),D(e,"aria-live","assertive"),D(e,"aria-atomic","true"),p(e,"position","absolute"),p(e,"left","0"),p(e,"top","0"),p(e,"clip","rect(0 0 0 0)"),p(e,"clip-path","inset(50%)"),p(e,"overflow","hidden"),p(e,"white-space","nowrap"),p(e,"width","1px"),p(e,"height","1px")},m(i,s){E(i,e,s),n&&n.m(e,null)},p(i,s){i[6]?n?n.p(i,s):(n=V(i),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(i){i&&g(e),n&&n.d()}}}function V(a){let e;return{c(){e=z(a[7])},l(n){e=H(n,a[7])},m(n,i){E(n,e,i)},p(n,i){i&128&&J(e,n[7])},d(n){n&&g(e)}}}function te(a){let e,n,i,s,c;const t=[x,$],r=[];function l(o,u){return o[1][1]?0:1}e=l(a),n=r[e]=t[e](a);let _=a[5]&&T(a);return{c(){n.c(),i=U(),_&&_.c(),s=h()},l(o){n.l(o),i=q(o),_&&_.l(o),s=h()},m(o,u){r[e].m(o,u),E(o,i,u),_&&_.m(o,u),E(o,s,u),c=!0},p(o,[u]){let m=e;e=l(o),e===m?r[e].p(o,u):(y(),w(r[m],1,1,()=>{r[m]=null}),L(),n=r[e],n?n.p(o,u):(n=r[e]=t[e](o),n.c()),b(n,1),n.m(i.parentNode,i)),o[5]?_?_.p(o,u):(_=T(o),_.c(),_.m(s.parentNode,s)):_&&(_.d(1),_=null)},i(o){c||(b(n),c=!0)},o(o){w(n),c=!1},d(o){o&&(g(i),g(s)),r[e].d(o),_&&_.d(o)}}}function ne(a,e,n){let{stores:i}=e,{page:s}=e,{constructors:c}=e,{components:t=[]}=e,{form:r}=e,{data_0:l=null}=e,{data_1:_=null}=e;j(i.page.notify);let o=!1,u=!1,m=null;F(()=>{const f=i.page.subscribe(()=>{o&&(n(6,u=!0),K().then(()=>{n(7,m=document.title||"untitled page")}))});return n(5,o=!0),f});function N(f){A[f?"unshift":"push"](()=>{t[1]=f,n(0,t)})}function S(f){A[f?"unshift":"push"](()=>{t[0]=f,n(0,t)})}function B(f){A[f?"unshift":"push"](()=>{t[0]=f,n(0,t)})}return a.$$set=f=>{"stores"in f&&n(8,i=f.stores),"page"in f&&n(9,s=f.page),"constructors"in f&&n(1,c=f.constructors),"components"in f&&n(0,t=f.components),"form"in f&&n(2,r=f.form),"data_0"in f&&n(3,l=f.data_0),"data_1"in f&&n(4,_=f.data_1)},a.$$.update=()=>{a.$$.dirty&768&&i.page.set(s)},[t,c,r,l,_,o,u,m,i,s,N,S,B]}class oe extends Q{constructor(e){super(),X(this,e,ne,te,C,{stores:8,page:9,constructors:1,components:0,form:2,data_0:3,data_1:4})}}const ae=[()=>d(()=>import("../nodes/0.ES6wwIFu.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22]),import.meta.url),()=>d(()=>import("../nodes/1.iKVjZEcc.js"),__vite__mapDeps([23,3,4,8,6,7,2]),import.meta.url),()=>d(()=>import("../nodes/2.NxZIIYNP.js"),__vite__mapDeps([24,3,4,5,25,12,7,13,11,14,15,16,17,18,19,20,21,26]),import.meta.url),()=>d(()=>import("../nodes/3.-O1aSQ1N.js"),__vite__mapDeps([27,3,4,5,28,12,7,13,14,15,19,20,29,30]),import.meta.url),()=>d(()=>import("../nodes/4.hCWRAUnC.js"),__vite__mapDeps([31,1,2,3,4,32,12,7,5,13,25,28,14,15,19,20,29,33]),import.meta.url),()=>d(()=>import("../nodes/5.fyFbRdmr.js"),__vite__mapDeps([34,1,2,3,4,32,12,7,5,13,25,35,36,11,14,15,16,17,37]),import.meta.url),()=>d(()=>import("../nodes/6.9ekSBL7L.js"),__vite__mapDeps([38,1,2,3,4,32,12,7,5,13,25,35,36,18,19,20,16,21,39]),import.meta.url),()=>d(()=>import("../nodes/7.aR520pKK.js"),__vite__mapDeps([40,1,2,3,4,5,9,10,41]),import.meta.url)],le=[],fe={"/":[2],"/components":[3],"/components/[slug]":[4],"/example-ssr/[slug]":[6],"/example/[slug]":[5],"/guide":[7]},ce={handleError:({error:a})=>{console.error(a)},reroute:()=>{}};export{fe as dictionary,ce as hooks,re as matchers,ae as nodes,oe as root,le as server_loads};
 function __vite__mapDeps(indexes) {
   if (!__vite__mapDeps.viteFileDeps) {
-    __vite__mapDeps.viteFileDeps = ["../nodes/0.3oi4C38q.js","../chunks/index.oiCz_B55.js","../chunks/control.pJ1mnnAb.js","../chunks/scheduler.P37s_KnH.js","../chunks/index.GooPGtyi.js","../chunks/each.zMdpk9aP.js","../chunks/entry.O4gFZlXI.js","../chunks/index.Kwf8FJOX.js","../chunks/stores.5_u9SQP3.js","../chunks/GuideContents.ryhBIpq-.js","../assets/GuideContents.eeIw4edl.css","../chunks/_examples.sYS4I3XL.js","../chunks/Brush.html.I1clC5X0.js","../assets/Brush.WOb55UIa.css","../chunks/dots.plnXAFy8.js","../assets/dots.QxBSrjDD.css","../chunks/pointsFour.fzEDaS5G.js","../assets/_examples.I60mRfSI.css","../chunks/_examples_ssr.B2SUOK7Z.js","../chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js","../assets/ClevelandDotPlot.percent-range.qbmqn9wU.css","../assets/_examples_ssr.__jtvDKf.css","../assets/0.BdUKNY1T.css","../nodes/1.uR2vfZ3U.js","../nodes/2.8nbfSQQA.js","../chunks/hljsDefineSvelte.U5_GHsKG.js","../assets/2.cNkqmLdY.css","../nodes/3.-O1aSQ1N.js","../chunks/_components.n4g24P3x.js","../assets/_components.uMyg-Mkn.css","../assets/3.8KVvvJSU.css","../nodes/4.hCWRAUnC.js","../chunks/downloadBlob.5w7X7G5B.js","../assets/4.nfVJSDK7.css","../nodes/5.7TY5Go6n.js","../chunks/cleanTitle.QG-RcJPj.js","../assets/cleanTitle.g9qNC6PL.css","../assets/5.L1iD5KWO.css","../nodes/6.8mKyH2F7.js","../assets/6.tv_A3Rsk.css","../nodes/7.aR520pKK.js","../assets/7.EaB1AJU9.css"]
+    __vite__mapDeps.viteFileDeps = ["../nodes/0.ES6wwIFu.js","../chunks/index.oiCz_B55.js","../chunks/control.pJ1mnnAb.js","../chunks/scheduler.P37s_KnH.js","../chunks/index.GooPGtyi.js","../chunks/each.zMdpk9aP.js","../chunks/entry.k7CtjUtt.js","../chunks/index.Kwf8FJOX.js","../chunks/stores.PauZgD8C.js","../chunks/GuideContents.ryhBIpq-.js","../assets/GuideContents.eeIw4edl.css","../chunks/_examples.DJO-zfaW.js","../chunks/Brush.html.I1clC5X0.js","../assets/Brush.WOb55UIa.css","../chunks/dots.plnXAFy8.js","../assets/dots.QxBSrjDD.css","../chunks/pointsFour.fzEDaS5G.js","../assets/_examples.I60mRfSI.css","../chunks/_examples_ssr.X0tHL2fc.js","../chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js","../assets/ClevelandDotPlot.percent-range.qbmqn9wU.css","../assets/_examples_ssr.__jtvDKf.css","../assets/0.BdUKNY1T.css","../nodes/1.iKVjZEcc.js","../nodes/2.NxZIIYNP.js","../chunks/hljsDefineSvelte.U5_GHsKG.js","../assets/2.cNkqmLdY.css","../nodes/3.-O1aSQ1N.js","../chunks/_components.n4g24P3x.js","../assets/_components.uMyg-Mkn.css","../assets/3.8KVvvJSU.css","../nodes/4.hCWRAUnC.js","../chunks/downloadBlob.5w7X7G5B.js","../assets/4.nfVJSDK7.css","../nodes/5.fyFbRdmr.js","../chunks/cleanTitle.QG-RcJPj.js","../assets/cleanTitle.g9qNC6PL.css","../assets/5.L1iD5KWO.css","../nodes/6.9ekSBL7L.js","../assets/6.tv_A3Rsk.css","../nodes/7.aR520pKK.js","../assets/7.EaB1AJU9.css"]
   }
   return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
 }
diff --git a/docs/_app/immutable/entry/start.8McKjAmW.js b/docs/_app/immutable/entry/start.8McKjAmW.js
deleted file mode 100644
index f85c4802..00000000
--- a/docs/_app/immutable/entry/start.8McKjAmW.js
+++ /dev/null
@@ -1 +0,0 @@
-import{a as t}from"../chunks/entry.O4gFZlXI.js";export{t as start};
diff --git a/docs/_app/immutable/entry/start.ra6nUAIR.js b/docs/_app/immutable/entry/start.ra6nUAIR.js
new file mode 100644
index 00000000..3b821081
--- /dev/null
+++ b/docs/_app/immutable/entry/start.ra6nUAIR.js
@@ -0,0 +1 @@
+import{a as t}from"../chunks/entry.k7CtjUtt.js";export{t as start};
diff --git a/docs/_app/immutable/nodes/0.3oi4C38q.js b/docs/_app/immutable/nodes/0.ES6wwIFu.js
similarity index 97%
rename from docs/_app/immutable/nodes/0.3oi4C38q.js
rename to docs/_app/immutable/nodes/0.ES6wwIFu.js
index 50b18860..5e0ce5cb 100644
--- a/docs/_app/immutable/nodes/0.3oi4C38q.js
+++ b/docs/_app/immutable/nodes/0.ES6wwIFu.js
@@ -1 +1 @@
-import{e as it}from"../chunks/index.oiCz_B55.js";import{s as Re,B as $e,e as v,a as Y,t as ie,E as De,c as d,b as g,f as i,g as Z,d as re,p as R,u as _,U as w,L as rt,z as oe,i as N,h as f,V as Ue,y as X,j as ct,C as ut,v as qe,r as _t,k as ft,n as xe,W as pt,X as ht,Y as vt,Z as dt,_ as mt}from"../chunks/scheduler.P37s_KnH.js";import{S as et,i as tt,f as gt,c as st,b as lt,m as nt,t as Ie,a as Ne,d as at}from"../chunks/index.GooPGtyi.js";import{e as me}from"../chunks/each.zMdpk9aP.js";import{g as bt}from"../chunks/entry.O4gFZlXI.js";import{p as yt}from"../chunks/stores.5_u9SQP3.js";import{G as kt}from"../chunks/GuideContents.ryhBIpq-.js";import{e as ze}from"../chunks/_examples.sYS4I3XL.js";import{e as He}from"../chunks/_examples_ssr.B2SUOK7Z.js";const Ct=!0,Et="never";async function Ot({fetch:t}){const e=await t("/api/guide-sections.json"),l=await e.json();if(e.status===200)return{sections:l};it(500,`Could not load guide sections: ${l.message}`)}const Ut=Object.freeze(Object.defineProperty({__proto__:null,load:Ot,prerender:Ct,trailingSlash:Et},Symbol.toStringTag,{value:"Module"}));function Be(t,e,l){const a=t.slice();return a[19]=e[l],a}function Xe(t,e,l){const a=t.slice();return a[19]=e[l],a}function Ye(t){let e,l;return{c(){e=v("option"),l=ie("Select..."),this.h()},l(a){e=d(a,"OPTION",{});var n=g(e);l=re(n,"Select..."),n.forEach(i),this.h()},h(){e.__value=t[1],w(e,e.__value),e.disabled=!0},m(a,n){N(a,e,n),f(e,l)},p(a,n){n&2&&(e.__value=a[1],w(e,e.__value))},d(a){a&&i(e)}}}function Ze(t){let e,l;return{c(){e=v("option"),l=ie("Select..."),this.h()},l(a){e=d(a,"OPTION",{});var n=g(e);l=re(n,"Select..."),n.forEach(i),this.h()},h(){e.__value=t[1],w(e,e.__value),e.disabled=!0},m(a,n){N(a,e,n),f(e,l)},p(a,n){n&2&&(e.__value=a[1],w(e,e.__value))},d(a){a&&i(e)}}}function Fe(t){let e,l=t[4](t[19].title)+"",a;return{c(){e=v("option"),a=ie(l),this.h()},l(n){e=d(n,"OPTION",{});var u=g(e);a=re(u,l),u.forEach(i),this.h()},h(){e.__value="/example/"+t[19].slug,w(e,e.__value)},m(n,u){N(n,e,u),f(e,a)},p:xe,d(n){n&&i(e)}}}function Je(t){let e,l=t[4](t[19].title)+"",a;return{c(){e=v("option"),a=ie(l),this.h()},l(n){e=d(n,"OPTION",{});var u=g(e);a=re(u,l),u.forEach(i),this.h()},h(){e.__value="/example-ssr/"+t[19].slug,w(e,e.__value)},m(n,u){N(n,e,u),f(e,a)},p:xe,d(n){n&&i(e)}}}function It(t){let e,l,a,n,u,r=t[2]?"Close":"Menu",o,p,O,A,_e="Layer Cake",$,D,H,m,ce=t[1].startsWith("/components"),x,ue=t[1].startsWith("/guide"),S,I="All",U,T,Se="Client-side",j,P,Te="Server-side",fe,L,M,ee,W,F,Pe="Component gallery",J,Le="Components",pe,ge,te,q,be,he,ye,K,we='<a id="github-link" target="_blank" rel="noreferrer" href="https://github.com/mhkeller/layercake" class="svelte-6iinyn"></a>',ke,se,z,Ce,ve,V,Ee,Ae,k=ce&&Ye(t),C=ue&&Ze(t),le=me(ze.slice().sort(Ke)),b=[];for(let s=0;s<le.length;s+=1)b[s]=Fe(Xe(t,le,s));let ne=me(He.slice().sort(Qe)),y=[];for(let s=0;s<ne.length;s+=1)y[s]=Je(Be(t,ne,s));function ot(s){t[15](s)}let je={sections:t[0]};return t[2]!==void 0&&(je.open=t[2]),z=new kt({props:je}),$e.push(()=>gt(z,"open",ot)),{c(){e=v("div"),a=Y(),n=v("div"),u=v("span"),o=ie(r),O=Y(),A=v("a"),A.textContent=_e,$=Y(),D=v("ul"),H=v("li"),m=v("select"),k&&k.c(),x=De(),C&&C.c(),S=v("option"),S.textContent=I,U=v("option"),T=v("option"),T.textContent=Se;for(let s=0;s<b.length;s+=1)b[s].c();j=v("option"),P=v("option"),P.textContent=Te;for(let s=0;s<y.length;s+=1)y[s].c();fe=Y(),L=v("nav"),M=v("ul"),ee=v("li"),W=v("a"),F=v("span"),F.textContent=Pe,J=v("span"),J.textContent=Le,ge=Y(),te=v("li"),q=v("a"),be=ie("Guide"),ye=Y(),K=v("li"),K.innerHTML=we,ke=Y(),se=v("div"),st(z.$$.fragment),this.h()},l(s){e=d(s,"DIV",{class:!0}),g(e).forEach(i),a=Z(s),n=d(s,"DIV",{class:!0});var c=g(n);u=d(c,"SPAN",{class:!0});var E=g(u);o=re(E,r),E.forEach(i),O=Z(c),A=d(c,"A",{href:!0,class:!0,"data-svelte-h":!0}),R(A)!=="svelte-j5mpno"&&(A.textContent=_e),c.forEach(i),$=Z(s),D=d(s,"UL",{class:!0});var h=g(D);H=d(h,"LI",{class:!0});var B=g(H);m=d(B,"SELECT",{class:!0});var G=g(m);k&&k.l(G),x=De(),C&&C.l(G),S=d(G,"OPTION",{"data-svelte-h":!0}),R(S)!=="svelte-q9tf6m"&&(S.textContent=I),U=d(G,"OPTION",{class:!0}),g(U).forEach(i),T=d(G,"OPTION",{class:!0,"data-svelte-h":!0}),R(T)!=="svelte-800ygd"&&(T.textContent=Se);for(let Q=0;Q<b.length;Q+=1)b[Q].l(G);j=d(G,"OPTION",{class:!0}),g(j).forEach(i),P=d(G,"OPTION",{class:!0,"data-svelte-h":!0}),R(P)!=="svelte-7g1m7d"&&(P.textContent=Te);for(let Q=0;Q<y.length;Q+=1)y[Q].l(G);G.forEach(i),B.forEach(i),h.forEach(i),fe=Z(s),L=d(s,"NAV",{class:!0});var de=g(L);M=d(de,"UL",{class:!0});var ae=g(M);ee=d(ae,"LI",{class:!0});var Me=g(ee);W=d(Me,"A",{class:!0,href:!0});var Oe=g(W);F=d(Oe,"SPAN",{class:!0,"data-svelte-h":!0}),R(F)!=="svelte-1rlx56j"&&(F.textContent=Pe),J=d(Oe,"SPAN",{class:!0,"data-svelte-h":!0}),R(J)!=="svelte-v7gob7"&&(J.textContent=Le),Oe.forEach(i),Me.forEach(i),ge=Z(ae),te=d(ae,"LI",{class:!0});var We=g(te);q=d(We,"A",{class:!0,href:!0});var Ve=g(q);be=re(Ve,"Guide"),Ve.forEach(i),We.forEach(i),ye=Z(ae),K=d(ae,"LI",{class:!0,"data-svelte-h":!0}),R(K)!=="svelte-135sx5w"&&(K.innerHTML=we),ae.forEach(i),ke=Z(de),se=d(de,"DIV",{class:!0});var Ge=g(se);lt(z.$$.fragment,Ge),Ge.forEach(i),de.forEach(i),this.h()},h(){_(e,"class",l=(t[2]?"open":"closed")+" mousecatcher svelte-6iinyn"),_(u,"class",p="menu-link "+(t[2]?"menu-open":"menu-closed")+" svelte-6iinyn"),_(A,"href","/"),_(A,"class","logo svelte-6iinyn"),_(n,"class","container svelte-6iinyn"),S.__value="/",w(S,S.__value),_(U,"class","header svelte-6iinyn"),U.disabled=!0,U.__value="",w(U,U.__value),_(T,"class","header svelte-6iinyn"),T.disabled=!0,T.__value="Client-side",w(T,T.__value),_(j,"class","header svelte-6iinyn"),j.disabled=!0,j.__value="",w(j,j.__value),_(P,"class","header svelte-6iinyn"),P.disabled=!0,P.__value="Server-side",w(P,P.__value),_(m,"class","svelte-6iinyn"),t[1]===void 0&&rt(()=>t[12].call(m)),_(H,"class","svelte-6iinyn"),_(D,"class","dropdown svelte-6iinyn"),_(F,"class","wide-name svelte-6iinyn"),_(J,"class","short-name svelte-6iinyn"),_(W,"class",pe=oe(t[1]==="/components"?"active":"")+" svelte-6iinyn"),_(W,"href","/components"),_(ee,"class","svelte-6iinyn"),_(q,"class",he=oe(t[1]==="/guide"?"active":"")+" svelte-6iinyn"),_(q,"href","/guide"),_(te,"class","svelte-6iinyn"),_(K,"class","svelte-6iinyn"),_(M,"class","primary svelte-6iinyn"),_(se,"class","secondary svelte-6iinyn"),_(L,"class",ve=oe(t[2]?"open":"closed")+" svelte-6iinyn")},m(s,c){N(s,e,c),N(s,a,c),N(s,n,c),f(n,u),f(u,o),f(n,O),f(n,A),N(s,$,c),N(s,D,c),f(D,H),f(H,m),k&&k.m(m,null),f(m,x),C&&C.m(m,null),f(m,S),f(m,U),f(m,T);for(let E=0;E<b.length;E+=1)b[E]&&b[E].m(m,null);f(m,j),f(m,P);for(let E=0;E<y.length;E+=1)y[E]&&y[E].m(m,null);Ue(m,t[1],!0),N(s,fe,c),N(s,L,c),f(L,M),f(M,ee),f(ee,W),f(W,F),f(W,J),f(M,ge),f(M,te),f(te,q),f(q,be),f(M,ye),f(M,K),f(L,ke),f(L,se),nt(z,se,null),t[16](L),V=!0,Ee||(Ae=[X(e,"click",t[10]),X(e,"keypress",t[11]),X(u,"click",t[6]),X(u,"keypress",t[6]),X(m,"change",t[5]),X(m,"change",t[12]),X(W,"click",t[13]),X(q,"click",t[14])],Ee=!0)},p(s,[c]){if((!V||c&4&&l!==(l=(s[2]?"open":"closed")+" mousecatcher svelte-6iinyn"))&&_(e,"class",l),(!V||c&4)&&r!==(r=s[2]?"Close":"Menu")&&ct(o,r),(!V||c&4&&p!==(p="menu-link "+(s[2]?"menu-open":"menu-closed")+" svelte-6iinyn"))&&_(u,"class",p),c&2&&(ce=s[1].startsWith("/components")),ce?k?k.p(s,c):(k=Ye(s),k.c(),k.m(m,x)):k&&(k.d(1),k=null),c&2&&(ue=s[1].startsWith("/guide")),ue?C?C.p(s,c):(C=Ze(s),C.c(),C.m(m,S)):C&&(C.d(1),C=null),c&16){le=me(ze.slice().sort(Ke));let h;for(h=0;h<le.length;h+=1){const B=Xe(s,le,h);b[h]?b[h].p(B,c):(b[h]=Fe(B),b[h].c(),b[h].m(m,j))}for(;h<b.length;h+=1)b[h].d(1);b.length=le.length}if(c&16){ne=me(He.slice().sort(Qe));let h;for(h=0;h<ne.length;h+=1){const B=Be(s,ne,h);y[h]?y[h].p(B,c):(y[h]=Je(B),y[h].c(),y[h].m(m,null))}for(;h<y.length;h+=1)y[h].d(1);y.length=ne.length}c&2&&Ue(m,s[1]),(!V||c&2&&pe!==(pe=oe(s[1]==="/components"?"active":"")+" svelte-6iinyn"))&&_(W,"class",pe),(!V||c&2&&he!==(he=oe(s[1]==="/guide"?"active":"")+" svelte-6iinyn"))&&_(q,"class",he);const E={};c&1&&(E.sections=s[0]),!Ce&&c&4&&(Ce=!0,E.open=s[2],ut(()=>Ce=!1)),z.$set(E),(!V||c&4&&ve!==(ve=oe(s[2]?"open":"closed")+" svelte-6iinyn"))&&_(L,"class",ve)},i(s){V||(Ie(z.$$.fragment,s),V=!0)},o(s){Ne(z.$$.fragment,s),V=!1},d(s){s&&(i(e),i(a),i(n),i($),i(D),i(fe),i(L)),k&&k.d(),C&&C.d(),qe(b,s),qe(y,s),at(z),t[16](null),Ee=!1,_t(Ae)}}}const Ke=(t,e)=>t.title<e.title?-1:1,Qe=(t,e)=>t.title<e.title?-1:1;function Nt(t,e,l){let a,n;ft(t,yt,I=>l(9,n=I));let{sections:u}=e,r,o="",p=!1,O;const A=I=>I.split(" (")[0];function _e(){l(2,p=!1),bt(this.value||"/")}function $(){p?setTimeout(()=>{p||l(3,O.scrollTop=0,O)},350):l(3,O.scrollTop=0,O),l(2,p=!p)}const D=()=>l(2,p=!1),H=()=>l(2,p=!1);function m(){o=pt(this),l(1,o),l(8,a),l(9,n),l(7,r)}const ce=()=>l(2,p=!1),x=()=>l(2,p=!1);function ue(I){p=I,l(2,p)}function S(I){$e[I?"unshift":"push"](()=>{O=I,l(3,O)})}return t.$$set=I=>{"sections"in I&&l(0,u=I.sections)},t.$$.update=()=>{t.$$.dirty&512&&l(8,a=n.url.pathname==="/service-worker.js"),t.$$.dirty&896&&(a||(l(7,r=n.url.pathname),r.split("/")[1],l(1,o=`/${r.replace("/","")}`),r.replace(/\/$/,"").split("/").pop()))},[u,o,p,O,A,_e,$,r,a,n,D,H,m,ce,x,ue,S]}class St extends et{constructor(e){super(),tt(this,e,Nt,It,Re,{sections:0})}}function Tt(t){let e,l,a,n;e=new St({props:{sections:t[0].sections}});const u=t[2].default,r=ht(u,t,t[1],null);return{c(){st(e.$$.fragment),l=Y(),a=v("main"),r&&r.c()},l(o){lt(e.$$.fragment,o),l=Z(o),a=d(o,"MAIN",{});var p=g(a);r&&r.l(p),p.forEach(i)},m(o,p){nt(e,o,p),N(o,l,p),N(o,a,p),r&&r.m(a,null),n=!0},p(o,[p]){const O={};p&1&&(O.sections=o[0].sections),e.$set(O),r&&r.p&&(!n||p&2)&&vt(r,u,o,o[1],n?mt(u,o[1],p,null):dt(o[1]),null)},i(o){n||(Ie(e.$$.fragment,o),Ie(r,o),n=!0)},o(o){Ne(e.$$.fragment,o),Ne(r,o),n=!1},d(o){o&&(i(l),i(a)),at(e,o),r&&r.d(o)}}}function Pt(t,e,l){let{$$slots:a={},$$scope:n}=e,{data:u}=e;return t.$$set=r=>{"data"in r&&l(0,u=r.data),"$$scope"in r&&l(1,n=r.$$scope)},[u,n,a]}class qt extends et{constructor(e){super(),tt(this,e,Pt,Tt,Re,{data:0})}}export{qt as component,Ut as universal};
+import{e as it}from"../chunks/index.oiCz_B55.js";import{s as Re,B as $e,e as v,a as Y,t as ie,E as De,c as d,b as g,f as i,g as Z,d as re,p as R,u as _,U as w,L as rt,z as oe,i as N,h as f,V as Ue,y as X,j as ct,C as ut,v as qe,r as _t,k as ft,n as xe,W as pt,X as ht,Y as vt,Z as dt,_ as mt}from"../chunks/scheduler.P37s_KnH.js";import{S as et,i as tt,f as gt,c as st,b as lt,m as nt,t as Ie,a as Ne,d as at}from"../chunks/index.GooPGtyi.js";import{e as me}from"../chunks/each.zMdpk9aP.js";import{g as bt}from"../chunks/entry.k7CtjUtt.js";import{p as yt}from"../chunks/stores.PauZgD8C.js";import{G as kt}from"../chunks/GuideContents.ryhBIpq-.js";import{e as ze}from"../chunks/_examples.DJO-zfaW.js";import{e as He}from"../chunks/_examples_ssr.X0tHL2fc.js";const Ct=!0,Et="never";async function Ot({fetch:t}){const e=await t("/api/guide-sections.json"),l=await e.json();if(e.status===200)return{sections:l};it(500,`Could not load guide sections: ${l.message}`)}const Ut=Object.freeze(Object.defineProperty({__proto__:null,load:Ot,prerender:Ct,trailingSlash:Et},Symbol.toStringTag,{value:"Module"}));function Be(t,e,l){const a=t.slice();return a[19]=e[l],a}function Xe(t,e,l){const a=t.slice();return a[19]=e[l],a}function Ye(t){let e,l;return{c(){e=v("option"),l=ie("Select..."),this.h()},l(a){e=d(a,"OPTION",{});var n=g(e);l=re(n,"Select..."),n.forEach(i),this.h()},h(){e.__value=t[1],w(e,e.__value),e.disabled=!0},m(a,n){N(a,e,n),f(e,l)},p(a,n){n&2&&(e.__value=a[1],w(e,e.__value))},d(a){a&&i(e)}}}function Ze(t){let e,l;return{c(){e=v("option"),l=ie("Select..."),this.h()},l(a){e=d(a,"OPTION",{});var n=g(e);l=re(n,"Select..."),n.forEach(i),this.h()},h(){e.__value=t[1],w(e,e.__value),e.disabled=!0},m(a,n){N(a,e,n),f(e,l)},p(a,n){n&2&&(e.__value=a[1],w(e,e.__value))},d(a){a&&i(e)}}}function Fe(t){let e,l=t[4](t[19].title)+"",a;return{c(){e=v("option"),a=ie(l),this.h()},l(n){e=d(n,"OPTION",{});var u=g(e);a=re(u,l),u.forEach(i),this.h()},h(){e.__value="/example/"+t[19].slug,w(e,e.__value)},m(n,u){N(n,e,u),f(e,a)},p:xe,d(n){n&&i(e)}}}function Je(t){let e,l=t[4](t[19].title)+"",a;return{c(){e=v("option"),a=ie(l),this.h()},l(n){e=d(n,"OPTION",{});var u=g(e);a=re(u,l),u.forEach(i),this.h()},h(){e.__value="/example-ssr/"+t[19].slug,w(e,e.__value)},m(n,u){N(n,e,u),f(e,a)},p:xe,d(n){n&&i(e)}}}function It(t){let e,l,a,n,u,r=t[2]?"Close":"Menu",o,p,O,A,_e="Layer Cake",$,D,H,m,ce=t[1].startsWith("/components"),x,ue=t[1].startsWith("/guide"),S,I="All",U,T,Se="Client-side",j,P,Te="Server-side",fe,L,M,ee,W,F,Pe="Component gallery",J,Le="Components",pe,ge,te,q,be,he,ye,K,we='<a id="github-link" target="_blank" rel="noreferrer" href="https://github.com/mhkeller/layercake" class="svelte-6iinyn"></a>',ke,se,z,Ce,ve,V,Ee,Ae,k=ce&&Ye(t),C=ue&&Ze(t),le=me(ze.slice().sort(Ke)),b=[];for(let s=0;s<le.length;s+=1)b[s]=Fe(Xe(t,le,s));let ne=me(He.slice().sort(Qe)),y=[];for(let s=0;s<ne.length;s+=1)y[s]=Je(Be(t,ne,s));function ot(s){t[15](s)}let je={sections:t[0]};return t[2]!==void 0&&(je.open=t[2]),z=new kt({props:je}),$e.push(()=>gt(z,"open",ot)),{c(){e=v("div"),a=Y(),n=v("div"),u=v("span"),o=ie(r),O=Y(),A=v("a"),A.textContent=_e,$=Y(),D=v("ul"),H=v("li"),m=v("select"),k&&k.c(),x=De(),C&&C.c(),S=v("option"),S.textContent=I,U=v("option"),T=v("option"),T.textContent=Se;for(let s=0;s<b.length;s+=1)b[s].c();j=v("option"),P=v("option"),P.textContent=Te;for(let s=0;s<y.length;s+=1)y[s].c();fe=Y(),L=v("nav"),M=v("ul"),ee=v("li"),W=v("a"),F=v("span"),F.textContent=Pe,J=v("span"),J.textContent=Le,ge=Y(),te=v("li"),q=v("a"),be=ie("Guide"),ye=Y(),K=v("li"),K.innerHTML=we,ke=Y(),se=v("div"),st(z.$$.fragment),this.h()},l(s){e=d(s,"DIV",{class:!0}),g(e).forEach(i),a=Z(s),n=d(s,"DIV",{class:!0});var c=g(n);u=d(c,"SPAN",{class:!0});var E=g(u);o=re(E,r),E.forEach(i),O=Z(c),A=d(c,"A",{href:!0,class:!0,"data-svelte-h":!0}),R(A)!=="svelte-j5mpno"&&(A.textContent=_e),c.forEach(i),$=Z(s),D=d(s,"UL",{class:!0});var h=g(D);H=d(h,"LI",{class:!0});var B=g(H);m=d(B,"SELECT",{class:!0});var G=g(m);k&&k.l(G),x=De(),C&&C.l(G),S=d(G,"OPTION",{"data-svelte-h":!0}),R(S)!=="svelte-q9tf6m"&&(S.textContent=I),U=d(G,"OPTION",{class:!0}),g(U).forEach(i),T=d(G,"OPTION",{class:!0,"data-svelte-h":!0}),R(T)!=="svelte-800ygd"&&(T.textContent=Se);for(let Q=0;Q<b.length;Q+=1)b[Q].l(G);j=d(G,"OPTION",{class:!0}),g(j).forEach(i),P=d(G,"OPTION",{class:!0,"data-svelte-h":!0}),R(P)!=="svelte-7g1m7d"&&(P.textContent=Te);for(let Q=0;Q<y.length;Q+=1)y[Q].l(G);G.forEach(i),B.forEach(i),h.forEach(i),fe=Z(s),L=d(s,"NAV",{class:!0});var de=g(L);M=d(de,"UL",{class:!0});var ae=g(M);ee=d(ae,"LI",{class:!0});var Me=g(ee);W=d(Me,"A",{class:!0,href:!0});var Oe=g(W);F=d(Oe,"SPAN",{class:!0,"data-svelte-h":!0}),R(F)!=="svelte-1rlx56j"&&(F.textContent=Pe),J=d(Oe,"SPAN",{class:!0,"data-svelte-h":!0}),R(J)!=="svelte-v7gob7"&&(J.textContent=Le),Oe.forEach(i),Me.forEach(i),ge=Z(ae),te=d(ae,"LI",{class:!0});var We=g(te);q=d(We,"A",{class:!0,href:!0});var Ve=g(q);be=re(Ve,"Guide"),Ve.forEach(i),We.forEach(i),ye=Z(ae),K=d(ae,"LI",{class:!0,"data-svelte-h":!0}),R(K)!=="svelte-135sx5w"&&(K.innerHTML=we),ae.forEach(i),ke=Z(de),se=d(de,"DIV",{class:!0});var Ge=g(se);lt(z.$$.fragment,Ge),Ge.forEach(i),de.forEach(i),this.h()},h(){_(e,"class",l=(t[2]?"open":"closed")+" mousecatcher svelte-6iinyn"),_(u,"class",p="menu-link "+(t[2]?"menu-open":"menu-closed")+" svelte-6iinyn"),_(A,"href","/"),_(A,"class","logo svelte-6iinyn"),_(n,"class","container svelte-6iinyn"),S.__value="/",w(S,S.__value),_(U,"class","header svelte-6iinyn"),U.disabled=!0,U.__value="",w(U,U.__value),_(T,"class","header svelte-6iinyn"),T.disabled=!0,T.__value="Client-side",w(T,T.__value),_(j,"class","header svelte-6iinyn"),j.disabled=!0,j.__value="",w(j,j.__value),_(P,"class","header svelte-6iinyn"),P.disabled=!0,P.__value="Server-side",w(P,P.__value),_(m,"class","svelte-6iinyn"),t[1]===void 0&&rt(()=>t[12].call(m)),_(H,"class","svelte-6iinyn"),_(D,"class","dropdown svelte-6iinyn"),_(F,"class","wide-name svelte-6iinyn"),_(J,"class","short-name svelte-6iinyn"),_(W,"class",pe=oe(t[1]==="/components"?"active":"")+" svelte-6iinyn"),_(W,"href","/components"),_(ee,"class","svelte-6iinyn"),_(q,"class",he=oe(t[1]==="/guide"?"active":"")+" svelte-6iinyn"),_(q,"href","/guide"),_(te,"class","svelte-6iinyn"),_(K,"class","svelte-6iinyn"),_(M,"class","primary svelte-6iinyn"),_(se,"class","secondary svelte-6iinyn"),_(L,"class",ve=oe(t[2]?"open":"closed")+" svelte-6iinyn")},m(s,c){N(s,e,c),N(s,a,c),N(s,n,c),f(n,u),f(u,o),f(n,O),f(n,A),N(s,$,c),N(s,D,c),f(D,H),f(H,m),k&&k.m(m,null),f(m,x),C&&C.m(m,null),f(m,S),f(m,U),f(m,T);for(let E=0;E<b.length;E+=1)b[E]&&b[E].m(m,null);f(m,j),f(m,P);for(let E=0;E<y.length;E+=1)y[E]&&y[E].m(m,null);Ue(m,t[1],!0),N(s,fe,c),N(s,L,c),f(L,M),f(M,ee),f(ee,W),f(W,F),f(W,J),f(M,ge),f(M,te),f(te,q),f(q,be),f(M,ye),f(M,K),f(L,ke),f(L,se),nt(z,se,null),t[16](L),V=!0,Ee||(Ae=[X(e,"click",t[10]),X(e,"keypress",t[11]),X(u,"click",t[6]),X(u,"keypress",t[6]),X(m,"change",t[5]),X(m,"change",t[12]),X(W,"click",t[13]),X(q,"click",t[14])],Ee=!0)},p(s,[c]){if((!V||c&4&&l!==(l=(s[2]?"open":"closed")+" mousecatcher svelte-6iinyn"))&&_(e,"class",l),(!V||c&4)&&r!==(r=s[2]?"Close":"Menu")&&ct(o,r),(!V||c&4&&p!==(p="menu-link "+(s[2]?"menu-open":"menu-closed")+" svelte-6iinyn"))&&_(u,"class",p),c&2&&(ce=s[1].startsWith("/components")),ce?k?k.p(s,c):(k=Ye(s),k.c(),k.m(m,x)):k&&(k.d(1),k=null),c&2&&(ue=s[1].startsWith("/guide")),ue?C?C.p(s,c):(C=Ze(s),C.c(),C.m(m,S)):C&&(C.d(1),C=null),c&16){le=me(ze.slice().sort(Ke));let h;for(h=0;h<le.length;h+=1){const B=Xe(s,le,h);b[h]?b[h].p(B,c):(b[h]=Fe(B),b[h].c(),b[h].m(m,j))}for(;h<b.length;h+=1)b[h].d(1);b.length=le.length}if(c&16){ne=me(He.slice().sort(Qe));let h;for(h=0;h<ne.length;h+=1){const B=Be(s,ne,h);y[h]?y[h].p(B,c):(y[h]=Je(B),y[h].c(),y[h].m(m,null))}for(;h<y.length;h+=1)y[h].d(1);y.length=ne.length}c&2&&Ue(m,s[1]),(!V||c&2&&pe!==(pe=oe(s[1]==="/components"?"active":"")+" svelte-6iinyn"))&&_(W,"class",pe),(!V||c&2&&he!==(he=oe(s[1]==="/guide"?"active":"")+" svelte-6iinyn"))&&_(q,"class",he);const E={};c&1&&(E.sections=s[0]),!Ce&&c&4&&(Ce=!0,E.open=s[2],ut(()=>Ce=!1)),z.$set(E),(!V||c&4&&ve!==(ve=oe(s[2]?"open":"closed")+" svelte-6iinyn"))&&_(L,"class",ve)},i(s){V||(Ie(z.$$.fragment,s),V=!0)},o(s){Ne(z.$$.fragment,s),V=!1},d(s){s&&(i(e),i(a),i(n),i($),i(D),i(fe),i(L)),k&&k.d(),C&&C.d(),qe(b,s),qe(y,s),at(z),t[16](null),Ee=!1,_t(Ae)}}}const Ke=(t,e)=>t.title<e.title?-1:1,Qe=(t,e)=>t.title<e.title?-1:1;function Nt(t,e,l){let a,n;ft(t,yt,I=>l(9,n=I));let{sections:u}=e,r,o="",p=!1,O;const A=I=>I.split(" (")[0];function _e(){l(2,p=!1),bt(this.value||"/")}function $(){p?setTimeout(()=>{p||l(3,O.scrollTop=0,O)},350):l(3,O.scrollTop=0,O),l(2,p=!p)}const D=()=>l(2,p=!1),H=()=>l(2,p=!1);function m(){o=pt(this),l(1,o),l(8,a),l(9,n),l(7,r)}const ce=()=>l(2,p=!1),x=()=>l(2,p=!1);function ue(I){p=I,l(2,p)}function S(I){$e[I?"unshift":"push"](()=>{O=I,l(3,O)})}return t.$$set=I=>{"sections"in I&&l(0,u=I.sections)},t.$$.update=()=>{t.$$.dirty&512&&l(8,a=n.url.pathname==="/service-worker.js"),t.$$.dirty&896&&(a||(l(7,r=n.url.pathname),r.split("/")[1],l(1,o=`/${r.replace("/","")}`),r.replace(/\/$/,"").split("/").pop()))},[u,o,p,O,A,_e,$,r,a,n,D,H,m,ce,x,ue,S]}class St extends et{constructor(e){super(),tt(this,e,Nt,It,Re,{sections:0})}}function Tt(t){let e,l,a,n;e=new St({props:{sections:t[0].sections}});const u=t[2].default,r=ht(u,t,t[1],null);return{c(){st(e.$$.fragment),l=Y(),a=v("main"),r&&r.c()},l(o){lt(e.$$.fragment,o),l=Z(o),a=d(o,"MAIN",{});var p=g(a);r&&r.l(p),p.forEach(i)},m(o,p){nt(e,o,p),N(o,l,p),N(o,a,p),r&&r.m(a,null),n=!0},p(o,[p]){const O={};p&1&&(O.sections=o[0].sections),e.$set(O),r&&r.p&&(!n||p&2)&&vt(r,u,o,o[1],n?mt(u,o[1],p,null):dt(o[1]),null)},i(o){n||(Ie(e.$$.fragment,o),Ie(r,o),n=!0)},o(o){Ne(e.$$.fragment,o),Ne(r,o),n=!1},d(o){o&&(i(l),i(a)),at(e,o),r&&r.d(o)}}}function Pt(t,e,l){let{$$slots:a={},$$scope:n}=e,{data:u}=e;return t.$$set=r=>{"data"in r&&l(0,u=r.data),"$$scope"in r&&l(1,n=r.$$scope)},[u,n,a]}class qt extends et{constructor(e){super(),tt(this,e,Pt,Tt,Re,{data:0})}}export{qt as component,Ut as universal};
diff --git a/docs/_app/immutable/nodes/1.uR2vfZ3U.js b/docs/_app/immutable/nodes/1.iKVjZEcc.js
similarity index 92%
rename from docs/_app/immutable/nodes/1.uR2vfZ3U.js
rename to docs/_app/immutable/nodes/1.iKVjZEcc.js
index 786179dc..9ebea22f 100644
--- a/docs/_app/immutable/nodes/1.uR2vfZ3U.js
+++ b/docs/_app/immutable/nodes/1.iKVjZEcc.js
@@ -1 +1 @@
-import{s as x,e as u,t as h,a as S,c as d,b as v,d as g,f as m,g as j,i as _,h as b,j as E,n as $,k}from"../chunks/scheduler.P37s_KnH.js";import{S as q,i as y}from"../chunks/index.GooPGtyi.js";import{p as C}from"../chunks/stores.5_u9SQP3.js";function H(i){var f;let a,s=i[0].status+"",r,o,n,p=((f=i[0].error)==null?void 0:f.message)+"",c;return{c(){a=u("h1"),r=h(s),o=S(),n=u("p"),c=h(p)},l(e){a=d(e,"H1",{});var t=v(a);r=g(t,s),t.forEach(m),o=j(e),n=d(e,"P",{});var l=v(n);c=g(l,p),l.forEach(m)},m(e,t){_(e,a,t),b(a,r),_(e,o,t),_(e,n,t),b(n,c)},p(e,[t]){var l;t&1&&s!==(s=e[0].status+"")&&E(r,s),t&1&&p!==(p=((l=e[0].error)==null?void 0:l.message)+"")&&E(c,p)},i:$,o:$,d(e){e&&(m(a),m(o),m(n))}}}function P(i,a,s){let r;return k(i,C,o=>s(0,r=o)),[r]}class B extends q{constructor(a){super(),y(this,a,P,H,x,{})}}export{B as component};
+import{s as x,e as u,t as h,a as S,c as d,b as v,d as g,f as m,g as j,i as _,h as b,j as E,n as $,k}from"../chunks/scheduler.P37s_KnH.js";import{S as q,i as y}from"../chunks/index.GooPGtyi.js";import{p as C}from"../chunks/stores.PauZgD8C.js";function H(i){var f;let a,s=i[0].status+"",r,o,n,p=((f=i[0].error)==null?void 0:f.message)+"",c;return{c(){a=u("h1"),r=h(s),o=S(),n=u("p"),c=h(p)},l(e){a=d(e,"H1",{});var t=v(a);r=g(t,s),t.forEach(m),o=j(e),n=d(e,"P",{});var l=v(n);c=g(l,p),l.forEach(m)},m(e,t){_(e,a,t),b(a,r),_(e,o,t),_(e,n,t),b(n,c)},p(e,[t]){var l;t&1&&s!==(s=e[0].status+"")&&E(r,s),t&1&&p!==(p=((l=e[0].error)==null?void 0:l.message)+"")&&E(c,p)},i:$,o:$,d(e){e&&(m(a),m(o),m(n))}}}function P(i,a,s){let r;return k(i,C,o=>s(0,r=o)),[r]}class B extends q{constructor(a){super(),y(this,a,P,H,x,{})}}export{B as component};
diff --git a/docs/_app/immutable/nodes/2.8nbfSQQA.js b/docs/_app/immutable/nodes/2.NxZIIYNP.js
similarity index 98%
rename from docs/_app/immutable/nodes/2.8nbfSQQA.js
rename to docs/_app/immutable/nodes/2.NxZIIYNP.js
index 66130935..154c4e0e 100644
--- a/docs/_app/immutable/nodes/2.8nbfSQQA.js
+++ b/docs/_app/immutable/nodes/2.NxZIIYNP.js
@@ -1,4 +1,4 @@
-import{s as oe,e as u,a as L,H as ne,o as ie,c as g,f as _,g as S,b as C,p as M,q as ce,u as a,h as o,i as z,n as he,v as Q,w as B,t as te,d as ae,x as ve}from"../chunks/scheduler.P37s_KnH.js";import{S as de,i as pe,t as V,a as D,c as G,b as se,m as J,g as re,d as P,e as le}from"../chunks/index.GooPGtyi.js";import{e as Z}from"../chunks/each.zMdpk9aP.js";import{H as Y,h as ee}from"../chunks/hljsDefineSvelte.U5_GHsKG.js";import{e as fe}from"../chunks/_examples.sYS4I3XL.js";import{e as me}from"../chunks/_examples_ssr.B2SUOK7Z.js";function ue(p,t,l){const n=p.slice();return n[1]=t[l],n}function ge(p,t,l){const n=p.slice();return n[1]=t[l],n}function _e(p){let t,l,n,h=p[1].title+"",y,H,c,$="Edit",E,e,x,b;var m=p[1].component;function A(s,i){return{}}return m&&(e=B(m,A())),{c(){t=u("div"),l=u("h4"),n=u("a"),y=te(h),H=L(),c=u("a"),c.textContent=$,E=L(),e&&G(e.$$.fragment),x=L(),this.h()},l(s){t=g(s,"DIV",{class:!0});var i=C(t);l=g(i,"H4",{class:!0});var f=C(l);n=g(f,"A",{href:!0,class:!0});var k=C(n);y=ae(k,h),k.forEach(_),H=S(f),c=g(f,"A",{class:!0,href:!0,target:!0,rel:!0,"data-svelte-h":!0}),M(c)!=="svelte-3vfqv2"&&(c.textContent=$),f.forEach(_),E=S(i),e&&se(e.$$.fragment,i),x=S(i),i.forEach(_),this.h()},h(){a(n,"href","/example/"+p[1].slug),a(n,"class","svelte-9objxt"),a(c,"class","edit-repl svelte-9objxt"),a(c,"href","https://svelte.dev/repl/"+p[1].replPath),a(c,"target","_blank"),a(c,"rel","noreferrer"),a(l,"class","title svelte-9objxt"),a(t,"class","gallery-item svelte-9objxt")},m(s,i){z(s,t,i),o(t,l),o(l,n),o(n,y),o(l,H),o(l,c),o(t,E),e&&J(e,t,null),o(t,x),b=!0},p(s,i){if(m!==(m=s[1].component)){if(e){re();const f=e;D(f.$$.fragment,1,0,()=>{P(f,1)}),le()}m?(e=B(m,A()),G(e.$$.fragment),V(e.$$.fragment,1),J(e,t,x)):e=null}},i(s){b||(e&&V(e.$$.fragment,s),b=!0)},o(s){e&&D(e.$$.fragment,s),b=!1},d(s){s&&_(t),e&&P(e)}}}function xe(p){let t,l,n,h=p[1].title+"",y,H,c,$="Edit",E,e,x,b;var m=p[1].component;function A(s,i){return{}}return m&&(e=B(m,A())),{c(){t=u("div"),l=u("h4"),n=u("a"),y=te(h),H=L(),c=u("a"),c.textContent=$,E=L(),e&&G(e.$$.fragment),x=L(),this.h()},l(s){t=g(s,"DIV",{class:!0});var i=C(t);l=g(i,"H4",{class:!0});var f=C(l);n=g(f,"A",{href:!0,class:!0});var k=C(n);y=ae(k,h),k.forEach(_),H=S(f),c=g(f,"A",{class:!0,href:!0,target:!0,rel:!0,"data-svelte-h":!0}),M(c)!=="svelte-3vfqv2"&&(c.textContent=$),f.forEach(_),E=S(i),e&&se(e.$$.fragment,i),x=S(i),i.forEach(_),this.h()},h(){a(n,"href","/example-ssr/"+p[1].slug),a(n,"class","svelte-9objxt"),a(c,"class","edit-repl svelte-9objxt"),a(c,"href","https://svelte.dev/repl/"+p[1].replPath),a(c,"target","_blank"),a(c,"rel","noreferrer"),a(l,"class","title svelte-9objxt"),a(t,"class","gallery-item svelte-9objxt"),ve(t,"scaled",p[1].title.toLowerCase().includes("map"))},m(s,i){z(s,t,i),o(t,l),o(l,n),o(n,y),o(l,H),o(l,c),o(t,E),e&&J(e,t,null),o(t,x),b=!0},p(s,i){if(m!==(m=s[1].component)){if(e){re();const f=e;D(f.$$.fragment,1,0,()=>{P(f,1)}),le()}m?(e=B(m,A()),G(e.$$.fragment),V(e.$$.fragment,1),J(e,t,x)):e=null}},i(s){b||(e&&V(e.$$.fragment,s),b=!0)},o(s){e&&D(e.$$.fragment,s),b=!1},d(s){s&&_(t),e&&P(e)}}}function be(p){let t,l,n,h,y,H='<div id="logo" class="svelte-9objxt"></div> <h1 class="svelte-9objxt">Layer Cake</h1>',c,$,E='<p class="svelte-9objxt">Layer Cake is a graphics framework for <a href="https://svelte.dev" target="_blank" rel="noreferrer" class="svelte-9objxt">Svelte</a>. It uses the measurements of your target div and your data extents to create scales that <span class="strong svelte-9objxt">stay synced</span> on layout changes. Use these scales to organize multiple, <span class="strong svelte-9objxt">mostly-reusable Svelte components</span>, whether they be SVG, HTML, Canvas or WebGL. Since they all share the same coordinate space, you can build your graphic one layer at a time. It can also be used to easily create <span class="strong svelte-9objxt">responsive graphics server-side</span> that <a href="#server-side" class="svelte-9objxt">work without JavaScript</a>.</p> <p class="svelte-9objxt">Unlike other libraries, <a href="/components" class="svelte-9objxt">chart components</a> live <span class="strong svelte-9objxt">inside your project</span>, so you have complete control for <span class="strong svelte-9objxt">customization</span>. It also includes some handy <a href="/guide#helper-functions" class="svelte-9objxt">helper functions</a> to help format your data into the right shape.</p> <p class="svelte-9objxt">Read the <a href="guide" class="svelte-9objxt">guide</a>, try the <a href="https://github.com/mhkeller/layercake-template" target="_blank" rel="noreferrer" class="svelte-9objxt">starter template</a> or check out the <a href="components" class="svelte-9objxt">example components</a>. See the examples below and even edit them live. Here&#39;s a sample of what the code looks like:</p>',e,x,b,m,A=Y.highlight(p[0],{language:"svelte"}).value+"",s,i,f,k,W='<h2 class="svelte-9objxt">Server-side rendering</h2> <p class="svelte-9objxt">Svelte makes it easy to render your project server side and Layer Cake has built-in helpers to make it even easier for charts. All of these examples below (except for their canvas components) will load and be responsive without client-side JavaScript. The advantage is that you can see the chart as soon as the page loads, avoiding blank placeholder spaces. HTML charts use percentage-based scales and SVG charts take advanage of certain <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox" target="_blank" rel="noreferrer" class="svelte-9objxt">viewBox</a> and CSS settings that Rich Harris, Svelte&#39;s creator, outlined in <a href="https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp" target="_blank" rel="noreferrer" class="svelte-9objxt">this blog post</a>.</p> <p>For shapes that are difficult to render using percentages, such as swoopy arrows, Layer Cake makes it easy to superimpose client-side components that will hydrate once JavaScript is available. See the annotated column example below.</p>',R,I,q,U=Z(fe),j=[];for(let r=0;r<U.length;r+=1)j[r]=_e(ge(p,U,r));let X=Z(me),w=[];for(let r=0;r<X.length;r+=1)w[r]=xe(ue(p,X,r));return{c(){t=u("meta"),l=u("meta"),n=L(),h=u("div"),y=u("div"),y.innerHTML=H,c=L(),$=u("div"),$.innerHTML=E,e=L(),x=u("div"),b=u("pre"),m=new ne(!1),s=L(),i=u("div");for(let r=0;r<j.length;r+=1)j[r].c();f=L(),k=u("div"),k.innerHTML=W,R=L(),I=u("div");for(let r=0;r<w.length;r+=1)w[r].c();this.h()},l(r){const v=ie("svelte-ep3aok",document.head);t=g(v,"META",{name:!0,content:!0}),l=g(v,"META",{name:!0,content:!0}),v.forEach(_),n=S(r),h=g(r,"DIV",{class:!0});var d=C(h);y=g(d,"DIV",{class:!0,"data-svelte-h":!0}),M(y)!=="svelte-hlk5td"&&(y.innerHTML=H),c=S(d),$=g(d,"DIV",{id:!0,class:!0,"data-svelte-h":!0}),M($)!=="svelte-15r8ykz"&&($.innerHTML=E),e=S(d),x=g(d,"DIV",{class:!0});var F=C(x);b=g(F,"PRE",{class:!0});var K=C(b);m=ce(K,!1),K.forEach(_),F.forEach(_),s=S(d),i=g(d,"DIV",{id:!0});var N=C(i);for(let T=0;T<j.length;T+=1)j[T].l(N);N.forEach(_),f=S(d),k=g(d,"DIV",{class:!0,id:!0,"data-svelte-h":!0}),M(k)!=="svelte-1q3rgko"&&(k.innerHTML=W),R=S(d),I=g(d,"DIV",{id:!0});var O=C(I);for(let T=0;T<w.length;T+=1)w[T].l(O);O.forEach(_),d.forEach(_),this.h()},h(){document.title="Layer Cake",a(t,"name","og:title"),a(t,"content","Layer Cake"),a(l,"name","twitter:title"),a(l,"content","Layer Cake"),a(y,"class","logo-container svelte-9objxt"),a($,"id","dek"),a($,"class","svelte-9objxt"),m.a=null,a(b,"class","svelte-9objxt"),a(x,"class","code-example svelte-9objxt"),a(i,"id","gallery"),a(k,"class","section-hed svelte-9objxt"),a(k,"id","server-side"),a(I,"id","ssr-gallery"),a(h,"class","main svelte-9objxt")},m(r,v){o(document.head,t),o(document.head,l),z(r,n,v),z(r,h,v),o(h,y),o(h,c),o(h,$),o(h,e),o(h,x),o(x,b),m.m(A,b),o(h,s),o(h,i);for(let d=0;d<j.length;d+=1)j[d]&&j[d].m(i,null);o(h,f),o(h,k),o(h,R),o(h,I);for(let d=0;d<w.length;d+=1)w[d]&&w[d].m(I,null);q=!0},p:he,i(r){if(!q){for(let v=0;v<U.length;v+=1)V(j[v]);for(let v=0;v<X.length;v+=1)V(w[v]);q=!0}},o(r){j=j.filter(Boolean);for(let v=0;v<j.length;v+=1)D(j[v]);w=w.filter(Boolean);for(let v=0;v<w.length;v+=1)D(w[v]);q=!1},d(r){r&&(_(n),_(h)),_(t),_(l),Q(j,r),Q(w,r)}}}function ye(p){return Y.registerLanguage("svelte",ee),ee(Y),[`<script>
+import{s as oe,e as u,a as L,H as ne,o as ie,c as g,f as _,g as S,b as C,p as M,q as ce,u as a,h as o,i as z,n as he,v as Q,w as B,t as te,d as ae,x as ve}from"../chunks/scheduler.P37s_KnH.js";import{S as de,i as pe,t as V,a as D,c as G,b as se,m as J,g as re,d as P,e as le}from"../chunks/index.GooPGtyi.js";import{e as Z}from"../chunks/each.zMdpk9aP.js";import{H as Y,h as ee}from"../chunks/hljsDefineSvelte.U5_GHsKG.js";import{e as fe}from"../chunks/_examples.DJO-zfaW.js";import{e as me}from"../chunks/_examples_ssr.X0tHL2fc.js";function ue(p,t,l){const n=p.slice();return n[1]=t[l],n}function ge(p,t,l){const n=p.slice();return n[1]=t[l],n}function _e(p){let t,l,n,h=p[1].title+"",y,H,c,$="Edit",E,e,x,b;var m=p[1].component;function A(s,i){return{}}return m&&(e=B(m,A())),{c(){t=u("div"),l=u("h4"),n=u("a"),y=te(h),H=L(),c=u("a"),c.textContent=$,E=L(),e&&G(e.$$.fragment),x=L(),this.h()},l(s){t=g(s,"DIV",{class:!0});var i=C(t);l=g(i,"H4",{class:!0});var f=C(l);n=g(f,"A",{href:!0,class:!0});var k=C(n);y=ae(k,h),k.forEach(_),H=S(f),c=g(f,"A",{class:!0,href:!0,target:!0,rel:!0,"data-svelte-h":!0}),M(c)!=="svelte-3vfqv2"&&(c.textContent=$),f.forEach(_),E=S(i),e&&se(e.$$.fragment,i),x=S(i),i.forEach(_),this.h()},h(){a(n,"href","/example/"+p[1].slug),a(n,"class","svelte-9objxt"),a(c,"class","edit-repl svelte-9objxt"),a(c,"href","https://svelte.dev/repl/"+p[1].replPath),a(c,"target","_blank"),a(c,"rel","noreferrer"),a(l,"class","title svelte-9objxt"),a(t,"class","gallery-item svelte-9objxt")},m(s,i){z(s,t,i),o(t,l),o(l,n),o(n,y),o(l,H),o(l,c),o(t,E),e&&J(e,t,null),o(t,x),b=!0},p(s,i){if(m!==(m=s[1].component)){if(e){re();const f=e;D(f.$$.fragment,1,0,()=>{P(f,1)}),le()}m?(e=B(m,A()),G(e.$$.fragment),V(e.$$.fragment,1),J(e,t,x)):e=null}},i(s){b||(e&&V(e.$$.fragment,s),b=!0)},o(s){e&&D(e.$$.fragment,s),b=!1},d(s){s&&_(t),e&&P(e)}}}function xe(p){let t,l,n,h=p[1].title+"",y,H,c,$="Edit",E,e,x,b;var m=p[1].component;function A(s,i){return{}}return m&&(e=B(m,A())),{c(){t=u("div"),l=u("h4"),n=u("a"),y=te(h),H=L(),c=u("a"),c.textContent=$,E=L(),e&&G(e.$$.fragment),x=L(),this.h()},l(s){t=g(s,"DIV",{class:!0});var i=C(t);l=g(i,"H4",{class:!0});var f=C(l);n=g(f,"A",{href:!0,class:!0});var k=C(n);y=ae(k,h),k.forEach(_),H=S(f),c=g(f,"A",{class:!0,href:!0,target:!0,rel:!0,"data-svelte-h":!0}),M(c)!=="svelte-3vfqv2"&&(c.textContent=$),f.forEach(_),E=S(i),e&&se(e.$$.fragment,i),x=S(i),i.forEach(_),this.h()},h(){a(n,"href","/example-ssr/"+p[1].slug),a(n,"class","svelte-9objxt"),a(c,"class","edit-repl svelte-9objxt"),a(c,"href","https://svelte.dev/repl/"+p[1].replPath),a(c,"target","_blank"),a(c,"rel","noreferrer"),a(l,"class","title svelte-9objxt"),a(t,"class","gallery-item svelte-9objxt"),ve(t,"scaled",p[1].title.toLowerCase().includes("map"))},m(s,i){z(s,t,i),o(t,l),o(l,n),o(n,y),o(l,H),o(l,c),o(t,E),e&&J(e,t,null),o(t,x),b=!0},p(s,i){if(m!==(m=s[1].component)){if(e){re();const f=e;D(f.$$.fragment,1,0,()=>{P(f,1)}),le()}m?(e=B(m,A()),G(e.$$.fragment),V(e.$$.fragment,1),J(e,t,x)):e=null}},i(s){b||(e&&V(e.$$.fragment,s),b=!0)},o(s){e&&D(e.$$.fragment,s),b=!1},d(s){s&&_(t),e&&P(e)}}}function be(p){let t,l,n,h,y,H='<div id="logo" class="svelte-9objxt"></div> <h1 class="svelte-9objxt">Layer Cake</h1>',c,$,E='<p class="svelte-9objxt">Layer Cake is a graphics framework for <a href="https://svelte.dev" target="_blank" rel="noreferrer" class="svelte-9objxt">Svelte</a>. It uses the measurements of your target div and your data extents to create scales that <span class="strong svelte-9objxt">stay synced</span> on layout changes. Use these scales to organize multiple, <span class="strong svelte-9objxt">mostly-reusable Svelte components</span>, whether they be SVG, HTML, Canvas or WebGL. Since they all share the same coordinate space, you can build your graphic one layer at a time. It can also be used to easily create <span class="strong svelte-9objxt">responsive graphics server-side</span> that <a href="#server-side" class="svelte-9objxt">work without JavaScript</a>.</p> <p class="svelte-9objxt">Unlike other libraries, <a href="/components" class="svelte-9objxt">chart components</a> live <span class="strong svelte-9objxt">inside your project</span>, so you have complete control for <span class="strong svelte-9objxt">customization</span>. It also includes some handy <a href="/guide#helper-functions" class="svelte-9objxt">helper functions</a> to help format your data into the right shape.</p> <p class="svelte-9objxt">Read the <a href="guide" class="svelte-9objxt">guide</a>, try the <a href="https://github.com/mhkeller/layercake-template" target="_blank" rel="noreferrer" class="svelte-9objxt">starter template</a> or check out the <a href="components" class="svelte-9objxt">example components</a>. See the examples below and even edit them live. Here&#39;s a sample of what the code looks like:</p>',e,x,b,m,A=Y.highlight(p[0],{language:"svelte"}).value+"",s,i,f,k,W='<h2 class="svelte-9objxt">Server-side rendering</h2> <p class="svelte-9objxt">Svelte makes it easy to render your project server side and Layer Cake has built-in helpers to make it even easier for charts. All of these examples below (except for their canvas components) will load and be responsive without client-side JavaScript. The advantage is that you can see the chart as soon as the page loads, avoiding blank placeholder spaces. HTML charts use percentage-based scales and SVG charts take advanage of certain <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox" target="_blank" rel="noreferrer" class="svelte-9objxt">viewBox</a> and CSS settings that Rich Harris, Svelte&#39;s creator, outlined in <a href="https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp" target="_blank" rel="noreferrer" class="svelte-9objxt">this blog post</a>.</p> <p>For shapes that are difficult to render using percentages, such as swoopy arrows, Layer Cake makes it easy to superimpose client-side components that will hydrate once JavaScript is available. See the annotated column example below.</p>',R,I,q,U=Z(fe),j=[];for(let r=0;r<U.length;r+=1)j[r]=_e(ge(p,U,r));let X=Z(me),w=[];for(let r=0;r<X.length;r+=1)w[r]=xe(ue(p,X,r));return{c(){t=u("meta"),l=u("meta"),n=L(),h=u("div"),y=u("div"),y.innerHTML=H,c=L(),$=u("div"),$.innerHTML=E,e=L(),x=u("div"),b=u("pre"),m=new ne(!1),s=L(),i=u("div");for(let r=0;r<j.length;r+=1)j[r].c();f=L(),k=u("div"),k.innerHTML=W,R=L(),I=u("div");for(let r=0;r<w.length;r+=1)w[r].c();this.h()},l(r){const v=ie("svelte-ep3aok",document.head);t=g(v,"META",{name:!0,content:!0}),l=g(v,"META",{name:!0,content:!0}),v.forEach(_),n=S(r),h=g(r,"DIV",{class:!0});var d=C(h);y=g(d,"DIV",{class:!0,"data-svelte-h":!0}),M(y)!=="svelte-hlk5td"&&(y.innerHTML=H),c=S(d),$=g(d,"DIV",{id:!0,class:!0,"data-svelte-h":!0}),M($)!=="svelte-15r8ykz"&&($.innerHTML=E),e=S(d),x=g(d,"DIV",{class:!0});var F=C(x);b=g(F,"PRE",{class:!0});var K=C(b);m=ce(K,!1),K.forEach(_),F.forEach(_),s=S(d),i=g(d,"DIV",{id:!0});var N=C(i);for(let T=0;T<j.length;T+=1)j[T].l(N);N.forEach(_),f=S(d),k=g(d,"DIV",{class:!0,id:!0,"data-svelte-h":!0}),M(k)!=="svelte-1q3rgko"&&(k.innerHTML=W),R=S(d),I=g(d,"DIV",{id:!0});var O=C(I);for(let T=0;T<w.length;T+=1)w[T].l(O);O.forEach(_),d.forEach(_),this.h()},h(){document.title="Layer Cake",a(t,"name","og:title"),a(t,"content","Layer Cake"),a(l,"name","twitter:title"),a(l,"content","Layer Cake"),a(y,"class","logo-container svelte-9objxt"),a($,"id","dek"),a($,"class","svelte-9objxt"),m.a=null,a(b,"class","svelte-9objxt"),a(x,"class","code-example svelte-9objxt"),a(i,"id","gallery"),a(k,"class","section-hed svelte-9objxt"),a(k,"id","server-side"),a(I,"id","ssr-gallery"),a(h,"class","main svelte-9objxt")},m(r,v){o(document.head,t),o(document.head,l),z(r,n,v),z(r,h,v),o(h,y),o(h,c),o(h,$),o(h,e),o(h,x),o(x,b),m.m(A,b),o(h,s),o(h,i);for(let d=0;d<j.length;d+=1)j[d]&&j[d].m(i,null);o(h,f),o(h,k),o(h,R),o(h,I);for(let d=0;d<w.length;d+=1)w[d]&&w[d].m(I,null);q=!0},p:he,i(r){if(!q){for(let v=0;v<U.length;v+=1)V(j[v]);for(let v=0;v<X.length;v+=1)V(w[v]);q=!0}},o(r){j=j.filter(Boolean);for(let v=0;v<j.length;v+=1)D(j[v]);w=w.filter(Boolean);for(let v=0;v<w.length;v+=1)D(w[v]);q=!1},d(r){r&&(_(n),_(h)),_(t),_(l),Q(j,r),Q(w,r)}}}function ye(p){return Y.registerLanguage("svelte",ee),ee(Y),[`<script>
 	// The library provides a main wrapper component
 	// and a bunch empty layout components...
 	import { LayerCake, Svg, Html, Canvas } from 'layercake';
diff --git a/docs/_app/immutable/nodes/5.7TY5Go6n.js b/docs/_app/immutable/nodes/5.fyFbRdmr.js
similarity index 99%
rename from docs/_app/immutable/nodes/5.7TY5Go6n.js
rename to docs/_app/immutable/nodes/5.fyFbRdmr.js
index 8eb436ea..45761b38 100644
--- a/docs/_app/immutable/nodes/5.7TY5Go6n.js
+++ b/docs/_app/immutable/nodes/5.fyFbRdmr.js
@@ -1 +1 @@
-import{e as Se}from"../chunks/index.oiCz_B55.js";import{s as Ve,w as he,a as P,e as D,t as oe,o as $e,f as v,g as L,c as C,b as I,d as re,u as d,z as me,i as F,h as p,y as W,j as Ee,v as _e,r as De,H as Ce,q as Ie,A as pe}from"../chunks/scheduler.P37s_KnH.js";import{S as He,i as Te,c as x,b as ve,m as ee,a as te,e as qe,t as le,d as ae,g as Me}from"../chunks/index.GooPGtyi.js";import{M as Pe,g as Le}from"../chunks/downloadBlob.5w7X7G5B.js";import{e as Q}from"../chunks/each.zMdpk9aP.js";import{H as se,h as ge}from"../chunks/hljsDefineSvelte.U5_GHsKG.js";import{D as ze,c as O}from"../chunks/cleanTitle.QG-RcJPj.js";import{e as Ae}from"../chunks/_examples.sYS4I3XL.js";async function Oe({fetch:e,params:l}){const s=`${l.slug}.json`,a=await e(s),o=await a.json();if(a.status===200)return{slug:l.slug,content:o,active:"+page"};Se(500,`Could not load ${s}: ${o.message}`)}const Xe=Object.freeze(Object.defineProperty({__proto__:null,load:Oe},Symbol.toStringTag,{value:"Module"})),{document:ne}=Le;function be(e,l,s){const a=e.slice();return a[13]=l[s],a}function we(e,l,s){const a=e.slice();return a[13]=l[s],a}function ke(e){let l,s,a=e[5](e[1].dek)+"";return{c(){l=D("div"),s=new Ce(!1),this.h()},l(o){l=C(o,"DIV",{class:!0});var u=I(l);s=Ie(u,!1),u.forEach(v),this.h()},h(){s.a=null,d(l,"class","dek svelte-1bjw73r")},m(o,u){F(o,l,u),s.m(a,l)},p(o,u){u&2&&a!==(a=o[5](o[1].dek)+"")&&s.p(a)},d(o){o&&v(l)}}}function ye(e){let l,s=e[13].title+"",a,o,u,r;function i(){return e[9](e[13])}function m(){return e[10](e[13])}return{c(){l=D("li"),a=oe(s),this.h()},l(_){l=C(_,"LI",{class:!0});var E=I(l);a=re(E,s),E.forEach(v),this.h()},h(){d(l,"class",o="tab "+(e[2]===O(e[13].title)?"active":"")+" svelte-1bjw73r")},m(_,E){F(_,l,E),p(l,a),u||(r=[W(l,"click",i),W(l,"keypress",m)],u=!0)},p(_,E){e=_,E&8&&s!==(s=e[13].title+"")&&Ee(a,s),E&12&&o!==(o="tab "+(e[2]===O(e[13].title)?"active":"")+" svelte-1bjw73r")&&d(l,"class",o)},d(_){_&&v(l),u=!1,De(r)}}}function je(e){let l,s,a,o=e[6](e[13].contents,e[13].title)+"",u;return{c(){l=D("div"),s=D("pre"),a=new Ce(!1),u=P(),this.h()},l(r){l=C(r,"DIV",{class:!0,style:!0});var i=I(l);s=C(i,"PRE",{class:!0});var m=I(s);a=Ie(m,!1),m.forEach(v),u=L(i),i.forEach(v),this.h()},h(){a.a=null,d(s,"class","svelte-1bjw73r"),d(l,"class","contents"),pe(l,"display",e[2]===O(e[13].title)?"block":"none")},m(r,i){F(r,l,i),p(l,s),a.m(o,s),p(l,u)},p(r,i){i&8&&o!==(o=r[6](r[13].contents,r[13].title)+"")&&a.p(o),i&12&&pe(l,"display",r[2]===O(r[13].title)?"block":"none")},d(r){r&&v(l)}}}function Be(e){let l,s,a,o,u=e[4].title+"",r,i,m,_,E,H,f,U,T,V,h,j,y,S,X,$,z,Y,G,q,Z,ie;ne.title=l=e[4].title;var B=e[4].component;function ce(t,w){return{}}B&&(f=he(B,ce())),V=new ze({props:{data:e[1],slug:e[0]}});let k=e[1].dek&&ke(e),J=Q(e[3]),g=[];for(let t=0;t<J.length;t+=1)g[t]=ye(we(e,J,t));let R=Q(e[3]),b=[];for(let t=0;t<R.length;t+=1)b[t]=je(be(e,R,t));return{c(){s=P(),a=D("div"),o=D("h1"),r=oe(u),i=D("a"),m=oe("Edit"),E=P(),H=D("div"),f&&x(f.$$.fragment),U=P(),T=D("div"),x(V.$$.fragment),h=P(),k&&k.c(),j=P(),y=D("div"),S=D("ul");for(let t=0;t<g.length;t+=1)g[t].c();X=P(),$=D("div"),z=D("div"),Y=P();for(let t=0;t<b.length;t+=1)b[t].c();this.h()},l(t){$e("svelte-1ynzqk4",ne.head).forEach(v),s=L(t),a=C(t,"DIV",{class:!0});var c=I(a);o=C(c,"H1",{});var n=I(o);r=re(n,u),i=C(n,"A",{class:!0,href:!0,target:!0,rel:!0});var M=I(i);m=re(M,"Edit"),M.forEach(v),n.forEach(v),E=L(c),H=C(c,"DIV",{class:!0});var fe=I(H);f&&ve(f.$$.fragment,fe),fe.forEach(v),U=L(c),T=C(c,"DIV",{class:!0});var ue=I(T);ve(V.$$.fragment,ue),ue.forEach(v),h=L(c),k&&k.l(c),j=L(c),y=C(c,"DIV",{id:!0,class:!0});var K=I(y);S=C(K,"UL",{id:!0,class:!0});var de=I(S);for(let A=0;A<g.length;A+=1)g[A].l(de);de.forEach(v),X=L(K),$=C(K,"DIV",{id:!0,class:!0});var N=I($);z=C(N,"DIV",{class:!0}),I(z).forEach(v),Y=L(N);for(let A=0;A<b.length;A+=1)b[A].l(N);N.forEach(v),K.forEach(v),c.forEach(v),this.h()},h(){d(i,"class","edit-repl svelte-1bjw73r"),d(i,"href",_="https://svelte.dev/repl/"+e[4].replPath),d(i,"target","_blank"),d(i,"rel","noreferrer"),d(H,"class","chart-hero svelte-1bjw73r"),d(T,"class","download svelte-1bjw73r"),d(S,"id","page-nav"),d(S,"class","svelte-1bjw73r"),d(z,"class","copy svelte-1bjw73r"),d($,"id","contents-container"),d($,"class","svelte-1bjw73r"),d(y,"id","pages"),d(y,"class",G=me(e[1].dek?"has-dek":"")+" svelte-1bjw73r"),d(a,"class","main svelte-1bjw73r")},m(t,w){F(t,s,w),F(t,a,w),p(a,o),p(o,r),p(o,i),p(i,m),p(a,E),p(a,H),f&&ee(f,H,null),p(a,U),p(a,T),ee(V,T,null),p(a,h),k&&k.m(a,null),p(a,j),p(a,y),p(y,S);for(let c=0;c<g.length;c+=1)g[c]&&g[c].m(S,null);p(y,X),p(y,$),p($,z),p($,Y);for(let c=0;c<b.length;c+=1)b[c]&&b[c].m($,null);q=!0,Z||(ie=[W(z,"click",e[7]),W(z,"keypress",e[7])],Z=!0)},p(t,[w]){if((!q||w&16)&&l!==(l=t[4].title)&&(ne.title=l),(!q||w&16)&&u!==(u=t[4].title+"")&&Ee(r,u),(!q||w&16&&_!==(_="https://svelte.dev/repl/"+t[4].replPath))&&d(i,"href",_),w&16&&B!==(B=t[4].component)){if(f){Me();const n=f;te(n.$$.fragment,1,0,()=>{ae(n,1)}),qe()}B?(f=he(B,ce()),x(f.$$.fragment),le(f.$$.fragment,1),ee(f,H,null)):f=null}const c={};if(w&2&&(c.data=t[1]),w&1&&(c.slug=t[0]),V.$set(c),t[1].dek?k?k.p(t,w):(k=ke(t),k.c(),k.m(a,j)):k&&(k.d(1),k=null),w&12){J=Q(t[3]);let n;for(n=0;n<J.length;n+=1){const M=we(t,J,n);g[n]?g[n].p(M,w):(g[n]=ye(M),g[n].c(),g[n].m(S,null))}for(;n<g.length;n+=1)g[n].d(1);g.length=J.length}if(w&76){R=Q(t[3]);let n;for(n=0;n<R.length;n+=1){const M=be(t,R,n);b[n]?b[n].p(M,w):(b[n]=je(M),b[n].c(),b[n].m($,null))}for(;n<b.length;n+=1)b[n].d(1);b.length=R.length}(!q||w&2&&G!==(G=me(t[1].dek?"has-dek":"")+" svelte-1bjw73r"))&&d(y,"class",G)},i(t){q||(f&&le(f.$$.fragment,t),le(V.$$.fragment,t),q=!0)},o(t){f&&te(f.$$.fragment,t),te(V.$$.fragment,t),q=!1},d(t){t&&(v(s),v(a)),f&&ae(f),ae(V),k&&k.d(),_e(g,t),_e(b,t),Z=!1,De(ie)}}}function Je(e,l,s){let a,o;const u=new Pe({html:!0,linkify:!0});se.registerLanguage("svelte",ge),ge(se);let{data:r}=l,{slug:i,content:m,active:_}=r;function E(h){return u.render(h)}function H(h,j){const y=j.split(".");let S=y[y.length-1];return S==="csv"&&(S="diff"),se.highlight(h,{language:S}).value}const f=new Map;Ae.forEach(h=>{f.set(h.slug,h)});function U(){const h=a.filter(j=>O(j.title)===_)[0].contents;if(window.clipboardData&&window.clipboardData.setData)return window.clipboardData.setData("Text",h);if(document.queryCommandSupported&&document.queryCommandSupported("copy")){const j=document.createElement("textarea");j.textContent=h,j.style.position="fixed",document.body.appendChild(j),j.select();try{return document.execCommand("copy")}catch(y){return console.warn("Copy to clipboard failed.",y),!1}finally{document.body.removeChild(j)}}}const T=h=>s(2,_=O(h.title)),V=h=>s(2,_=O(h.title));return e.$$set=h=>{"data"in h&&s(8,r=h.data)},e.$$.update=()=>{e.$$.dirty&256&&s(0,{slug:i,content:m,active:_}=r,i,(s(1,m),s(8,r)),(s(2,_),s(8,r))),e.$$.dirty&2&&s(3,a=[m.main].concat(m.components).concat(m.componentModules).concat(m.modules).concat(m.componentComponents).concat(m.jsons).concat(m.csvs)),e.$$.dirty&1&&s(4,o=f.get(i))},[i,m,_,a,o,E,H,U,r,T,V]}class Ye extends He{constructor(l){super(),Te(this,l,Je,Be,Ve,{data:8})}}export{Ye as component,Xe as universal};
+import{e as Se}from"../chunks/index.oiCz_B55.js";import{s as Ve,w as he,a as P,e as D,t as oe,o as $e,f as v,g as L,c as C,b as I,d as re,u as d,z as me,i as F,h as p,y as W,j as Ee,v as _e,r as De,H as Ce,q as Ie,A as pe}from"../chunks/scheduler.P37s_KnH.js";import{S as He,i as Te,c as x,b as ve,m as ee,a as te,e as qe,t as le,d as ae,g as Me}from"../chunks/index.GooPGtyi.js";import{M as Pe,g as Le}from"../chunks/downloadBlob.5w7X7G5B.js";import{e as Q}from"../chunks/each.zMdpk9aP.js";import{H as se,h as ge}from"../chunks/hljsDefineSvelte.U5_GHsKG.js";import{D as ze,c as O}from"../chunks/cleanTitle.QG-RcJPj.js";import{e as Ae}from"../chunks/_examples.DJO-zfaW.js";async function Oe({fetch:e,params:l}){const s=`${l.slug}.json`,a=await e(s),o=await a.json();if(a.status===200)return{slug:l.slug,content:o,active:"+page"};Se(500,`Could not load ${s}: ${o.message}`)}const Xe=Object.freeze(Object.defineProperty({__proto__:null,load:Oe},Symbol.toStringTag,{value:"Module"})),{document:ne}=Le;function be(e,l,s){const a=e.slice();return a[13]=l[s],a}function we(e,l,s){const a=e.slice();return a[13]=l[s],a}function ke(e){let l,s,a=e[5](e[1].dek)+"";return{c(){l=D("div"),s=new Ce(!1),this.h()},l(o){l=C(o,"DIV",{class:!0});var u=I(l);s=Ie(u,!1),u.forEach(v),this.h()},h(){s.a=null,d(l,"class","dek svelte-1bjw73r")},m(o,u){F(o,l,u),s.m(a,l)},p(o,u){u&2&&a!==(a=o[5](o[1].dek)+"")&&s.p(a)},d(o){o&&v(l)}}}function ye(e){let l,s=e[13].title+"",a,o,u,r;function i(){return e[9](e[13])}function m(){return e[10](e[13])}return{c(){l=D("li"),a=oe(s),this.h()},l(_){l=C(_,"LI",{class:!0});var E=I(l);a=re(E,s),E.forEach(v),this.h()},h(){d(l,"class",o="tab "+(e[2]===O(e[13].title)?"active":"")+" svelte-1bjw73r")},m(_,E){F(_,l,E),p(l,a),u||(r=[W(l,"click",i),W(l,"keypress",m)],u=!0)},p(_,E){e=_,E&8&&s!==(s=e[13].title+"")&&Ee(a,s),E&12&&o!==(o="tab "+(e[2]===O(e[13].title)?"active":"")+" svelte-1bjw73r")&&d(l,"class",o)},d(_){_&&v(l),u=!1,De(r)}}}function je(e){let l,s,a,o=e[6](e[13].contents,e[13].title)+"",u;return{c(){l=D("div"),s=D("pre"),a=new Ce(!1),u=P(),this.h()},l(r){l=C(r,"DIV",{class:!0,style:!0});var i=I(l);s=C(i,"PRE",{class:!0});var m=I(s);a=Ie(m,!1),m.forEach(v),u=L(i),i.forEach(v),this.h()},h(){a.a=null,d(s,"class","svelte-1bjw73r"),d(l,"class","contents"),pe(l,"display",e[2]===O(e[13].title)?"block":"none")},m(r,i){F(r,l,i),p(l,s),a.m(o,s),p(l,u)},p(r,i){i&8&&o!==(o=r[6](r[13].contents,r[13].title)+"")&&a.p(o),i&12&&pe(l,"display",r[2]===O(r[13].title)?"block":"none")},d(r){r&&v(l)}}}function Be(e){let l,s,a,o,u=e[4].title+"",r,i,m,_,E,H,f,U,T,V,h,j,y,S,X,$,z,Y,G,q,Z,ie;ne.title=l=e[4].title;var B=e[4].component;function ce(t,w){return{}}B&&(f=he(B,ce())),V=new ze({props:{data:e[1],slug:e[0]}});let k=e[1].dek&&ke(e),J=Q(e[3]),g=[];for(let t=0;t<J.length;t+=1)g[t]=ye(we(e,J,t));let R=Q(e[3]),b=[];for(let t=0;t<R.length;t+=1)b[t]=je(be(e,R,t));return{c(){s=P(),a=D("div"),o=D("h1"),r=oe(u),i=D("a"),m=oe("Edit"),E=P(),H=D("div"),f&&x(f.$$.fragment),U=P(),T=D("div"),x(V.$$.fragment),h=P(),k&&k.c(),j=P(),y=D("div"),S=D("ul");for(let t=0;t<g.length;t+=1)g[t].c();X=P(),$=D("div"),z=D("div"),Y=P();for(let t=0;t<b.length;t+=1)b[t].c();this.h()},l(t){$e("svelte-1ynzqk4",ne.head).forEach(v),s=L(t),a=C(t,"DIV",{class:!0});var c=I(a);o=C(c,"H1",{});var n=I(o);r=re(n,u),i=C(n,"A",{class:!0,href:!0,target:!0,rel:!0});var M=I(i);m=re(M,"Edit"),M.forEach(v),n.forEach(v),E=L(c),H=C(c,"DIV",{class:!0});var fe=I(H);f&&ve(f.$$.fragment,fe),fe.forEach(v),U=L(c),T=C(c,"DIV",{class:!0});var ue=I(T);ve(V.$$.fragment,ue),ue.forEach(v),h=L(c),k&&k.l(c),j=L(c),y=C(c,"DIV",{id:!0,class:!0});var K=I(y);S=C(K,"UL",{id:!0,class:!0});var de=I(S);for(let A=0;A<g.length;A+=1)g[A].l(de);de.forEach(v),X=L(K),$=C(K,"DIV",{id:!0,class:!0});var N=I($);z=C(N,"DIV",{class:!0}),I(z).forEach(v),Y=L(N);for(let A=0;A<b.length;A+=1)b[A].l(N);N.forEach(v),K.forEach(v),c.forEach(v),this.h()},h(){d(i,"class","edit-repl svelte-1bjw73r"),d(i,"href",_="https://svelte.dev/repl/"+e[4].replPath),d(i,"target","_blank"),d(i,"rel","noreferrer"),d(H,"class","chart-hero svelte-1bjw73r"),d(T,"class","download svelte-1bjw73r"),d(S,"id","page-nav"),d(S,"class","svelte-1bjw73r"),d(z,"class","copy svelte-1bjw73r"),d($,"id","contents-container"),d($,"class","svelte-1bjw73r"),d(y,"id","pages"),d(y,"class",G=me(e[1].dek?"has-dek":"")+" svelte-1bjw73r"),d(a,"class","main svelte-1bjw73r")},m(t,w){F(t,s,w),F(t,a,w),p(a,o),p(o,r),p(o,i),p(i,m),p(a,E),p(a,H),f&&ee(f,H,null),p(a,U),p(a,T),ee(V,T,null),p(a,h),k&&k.m(a,null),p(a,j),p(a,y),p(y,S);for(let c=0;c<g.length;c+=1)g[c]&&g[c].m(S,null);p(y,X),p(y,$),p($,z),p($,Y);for(let c=0;c<b.length;c+=1)b[c]&&b[c].m($,null);q=!0,Z||(ie=[W(z,"click",e[7]),W(z,"keypress",e[7])],Z=!0)},p(t,[w]){if((!q||w&16)&&l!==(l=t[4].title)&&(ne.title=l),(!q||w&16)&&u!==(u=t[4].title+"")&&Ee(r,u),(!q||w&16&&_!==(_="https://svelte.dev/repl/"+t[4].replPath))&&d(i,"href",_),w&16&&B!==(B=t[4].component)){if(f){Me();const n=f;te(n.$$.fragment,1,0,()=>{ae(n,1)}),qe()}B?(f=he(B,ce()),x(f.$$.fragment),le(f.$$.fragment,1),ee(f,H,null)):f=null}const c={};if(w&2&&(c.data=t[1]),w&1&&(c.slug=t[0]),V.$set(c),t[1].dek?k?k.p(t,w):(k=ke(t),k.c(),k.m(a,j)):k&&(k.d(1),k=null),w&12){J=Q(t[3]);let n;for(n=0;n<J.length;n+=1){const M=we(t,J,n);g[n]?g[n].p(M,w):(g[n]=ye(M),g[n].c(),g[n].m(S,null))}for(;n<g.length;n+=1)g[n].d(1);g.length=J.length}if(w&76){R=Q(t[3]);let n;for(n=0;n<R.length;n+=1){const M=be(t,R,n);b[n]?b[n].p(M,w):(b[n]=je(M),b[n].c(),b[n].m($,null))}for(;n<b.length;n+=1)b[n].d(1);b.length=R.length}(!q||w&2&&G!==(G=me(t[1].dek?"has-dek":"")+" svelte-1bjw73r"))&&d(y,"class",G)},i(t){q||(f&&le(f.$$.fragment,t),le(V.$$.fragment,t),q=!0)},o(t){f&&te(f.$$.fragment,t),te(V.$$.fragment,t),q=!1},d(t){t&&(v(s),v(a)),f&&ae(f),ae(V),k&&k.d(),_e(g,t),_e(b,t),Z=!1,De(ie)}}}function Je(e,l,s){let a,o;const u=new Pe({html:!0,linkify:!0});se.registerLanguage("svelte",ge),ge(se);let{data:r}=l,{slug:i,content:m,active:_}=r;function E(h){return u.render(h)}function H(h,j){const y=j.split(".");let S=y[y.length-1];return S==="csv"&&(S="diff"),se.highlight(h,{language:S}).value}const f=new Map;Ae.forEach(h=>{f.set(h.slug,h)});function U(){const h=a.filter(j=>O(j.title)===_)[0].contents;if(window.clipboardData&&window.clipboardData.setData)return window.clipboardData.setData("Text",h);if(document.queryCommandSupported&&document.queryCommandSupported("copy")){const j=document.createElement("textarea");j.textContent=h,j.style.position="fixed",document.body.appendChild(j),j.select();try{return document.execCommand("copy")}catch(y){return console.warn("Copy to clipboard failed.",y),!1}finally{document.body.removeChild(j)}}}const T=h=>s(2,_=O(h.title)),V=h=>s(2,_=O(h.title));return e.$$set=h=>{"data"in h&&s(8,r=h.data)},e.$$.update=()=>{e.$$.dirty&256&&s(0,{slug:i,content:m,active:_}=r,i,(s(1,m),s(8,r)),(s(2,_),s(8,r))),e.$$.dirty&2&&s(3,a=[m.main].concat(m.components).concat(m.componentModules).concat(m.modules).concat(m.componentComponents).concat(m.jsons).concat(m.csvs)),e.$$.dirty&1&&s(4,o=f.get(i))},[i,m,_,a,o,E,H,U,r,T,V]}class Ye extends He{constructor(l){super(),Te(this,l,Je,Be,Ve,{data:8})}}export{Ye as component,Xe as universal};
diff --git a/docs/_app/immutable/nodes/6.8mKyH2F7.js b/docs/_app/immutable/nodes/6.9ekSBL7L.js
similarity index 99%
rename from docs/_app/immutable/nodes/6.8mKyH2F7.js
rename to docs/_app/immutable/nodes/6.9ekSBL7L.js
index d1ca3082..6d318817 100644
--- a/docs/_app/immutable/nodes/6.8mKyH2F7.js
+++ b/docs/_app/immutable/nodes/6.9ekSBL7L.js
@@ -1 +1 @@
-import{e as Se}from"../chunks/index.oiCz_B55.js";import{s as Le,w as he,a as q,e as E,t as oe,o as Ve,f as p,g as M,c as D,b as C,d as re,u,z as me,i as F,h as _,y as De,j as Ce,v as _e,H as Ie,q as $e,A as pe}from"../chunks/scheduler.P37s_KnH.js";import{S as je,i as He,c as Z,b as ve,m as ee,a as te,e as Te,t as le,d as ae,g as qe}from"../chunks/index.GooPGtyi.js";import{M as Me,g as Pe}from"../chunks/downloadBlob.5w7X7G5B.js";import{e as Q}from"../chunks/each.zMdpk9aP.js";import{H as se,h as ge}from"../chunks/hljsDefineSvelte.U5_GHsKG.js";import{D as ze,c as J}from"../chunks/cleanTitle.QG-RcJPj.js";import{e as xe}from"../chunks/_examples_ssr.B2SUOK7Z.js";async function Ae({fetch:t,params:a}){const s=`${a.slug}.json`,l=await t(s),o=await l.json();if(l.status===200)return{slug:a.slug,content:o,active:"+page"};Se(500,`Could not load ${s}: ${o.message}`)}const We=Object.freeze(Object.defineProperty({__proto__:null,load:Ae},Symbol.toStringTag,{value:"Module"})),{document:ne}=Pe;function we(t,a,s){const l=t.slice();return l[12]=a[s],l}function ke(t,a,s){const l=t.slice();return l[12]=a[s],l}function be(t){let a,s,l=t[5](t[1].dek)+"";return{c(){a=E("div"),s=new Ie(!1),this.h()},l(o){a=D(o,"DIV",{class:!0});var h=C(a);s=$e(h,!1),h.forEach(p),this.h()},h(){s.a=null,u(a,"class","dek svelte-4xax0d")},m(o,h){F(o,a,h),s.m(l,a)},p(o,h){h&2&&l!==(l=o[5](o[1].dek)+"")&&s.p(l)},d(o){o&&p(a)}}}function ye(t){let a,s=t[12].title+"",l,o,h,r;function i(){return t[9](t[12])}return{c(){a=E("li"),l=oe(s),this.h()},l(c){a=D(c,"LI",{class:!0});var v=C(a);l=re(v,s),v.forEach(p),this.h()},h(){u(a,"class",o="tab "+(t[2]===J(t[12].title)?"active":"")+" svelte-4xax0d")},m(c,v){F(c,a,v),_(a,l),h||(r=De(a,"click",i),h=!0)},p(c,v){t=c,v&8&&s!==(s=t[12].title+"")&&Ce(l,s),v&12&&o!==(o="tab "+(t[2]===J(t[12].title)?"active":"")+" svelte-4xax0d")&&u(a,"class",o)},d(c){c&&p(a),h=!1,r()}}}function Ee(t){let a,s,l,o=t[6](t[12].contents,t[12].title)+"",h;return{c(){a=E("div"),s=E("pre"),l=new Ie(!1),h=q(),this.h()},l(r){a=D(r,"DIV",{class:!0,style:!0});var i=C(a);s=D(i,"PRE",{class:!0});var c=C(s);l=$e(c,!1),c.forEach(p),h=M(i),i.forEach(p),this.h()},h(){l.a=null,u(s,"class","svelte-4xax0d"),u(a,"class","contents"),pe(a,"display",t[2]===J(t[12].title)?"block":"none")},m(r,i){F(r,a,i),_(a,s),l.m(o,s),_(a,h)},p(r,i){i&8&&o!==(o=r[6](r[12].contents,r[12].title)+"")&&l.p(o),i&12&&pe(a,"display",r[2]===J(r[12].title)?"block":"none")},d(r){r&&p(a)}}}function Oe(t){let a,s,l,o,h=t[4].title+"",r,i,c,v,R,I,f,z,U,m,g,V,j,$,H,W,S,x,X,G,L,Y,ie;ne.title=a=t[4].title;var A=t[4].component;function ce(e,w){return{}}A&&(f=he(A,ce())),g=new ze({props:{data:t[1],slug:t[0],ssr:!0}});let y=t[1].dek&&be(t),O=Q(t[3]),k=[];for(let e=0;e<O.length;e+=1)k[e]=ye(ke(t,O,e));let B=Q(t[3]),b=[];for(let e=0;e<B.length;e+=1)b[e]=Ee(we(t,B,e));return{c(){s=q(),l=E("div"),o=E("h1"),r=oe(h),i=E("a"),c=oe("Edit"),R=q(),I=E("div"),f&&Z(f.$$.fragment),U=q(),m=E("div"),Z(g.$$.fragment),V=q(),y&&y.c(),j=q(),$=E("div"),H=E("ul");for(let e=0;e<k.length;e+=1)k[e].c();W=q(),S=E("div"),x=E("div"),X=q();for(let e=0;e<b.length;e+=1)b[e].c();this.h()},l(e){Ve("svelte-1ynzqk4",ne.head).forEach(p),s=M(e),l=D(e,"DIV",{class:!0,"data-label":!0});var d=C(l);o=D(d,"H1",{});var n=C(o);r=re(n,h),i=D(n,"A",{class:!0,href:!0,target:!0,rel:!0});var T=C(i);c=re(T,"Edit"),T.forEach(p),n.forEach(p),R=M(d),I=D(d,"DIV",{class:!0,"data-slug":!0});var de=C(I);f&&ve(f.$$.fragment,de),de.forEach(p),U=M(d),m=D(d,"DIV",{class:!0});var ue=C(m);ve(g.$$.fragment,ue),ue.forEach(p),V=M(d),y&&y.l(d),j=M(d),$=D(d,"DIV",{id:!0,class:!0});var K=C($);H=D(K,"UL",{id:!0,class:!0});var fe=C(H);for(let P=0;P<k.length;P+=1)k[P].l(fe);fe.forEach(p),W=M(K),S=D(K,"DIV",{id:!0,class:!0});var N=C(S);x=D(N,"DIV",{class:!0}),C(x).forEach(p),X=M(N);for(let P=0;P<b.length;P+=1)b[P].l(N);N.forEach(p),K.forEach(p),d.forEach(p),this.h()},h(){u(i,"class","edit-repl svelte-4xax0d"),u(i,"href",v="https://svelte.dev/repl/"+t[4].replPath),u(i,"target","_blank"),u(i,"rel","noreferrer"),u(I,"class","chart-hero svelte-4xax0d"),u(I,"data-slug",z=t[0].toLowerCase()),u(m,"class","download svelte-4xax0d"),u(H,"id","page-nav"),u(H,"class","svelte-4xax0d"),u(x,"class","copy svelte-4xax0d"),u(S,"id","contents-container"),u(S,"class","svelte-4xax0d"),u($,"id","pages"),u($,"class",G=me(t[1].dek?"has-dek":"")+" svelte-4xax0d"),u(l,"class","main svelte-4xax0d"),u(l,"data-label","Server-side")},m(e,w){F(e,s,w),F(e,l,w),_(l,o),_(o,r),_(o,i),_(i,c),_(l,R),_(l,I),f&&ee(f,I,null),_(l,U),_(l,m),ee(g,m,null),_(l,V),y&&y.m(l,null),_(l,j),_(l,$),_($,H);for(let d=0;d<k.length;d+=1)k[d]&&k[d].m(H,null);_($,W),_($,S),_(S,x),_(S,X);for(let d=0;d<b.length;d+=1)b[d]&&b[d].m(S,null);L=!0,Y||(ie=De(x,"click",t[7]),Y=!0)},p(e,[w]){if((!L||w&16)&&a!==(a=e[4].title)&&(ne.title=a),(!L||w&16)&&h!==(h=e[4].title+"")&&Ce(r,h),(!L||w&16&&v!==(v="https://svelte.dev/repl/"+e[4].replPath))&&u(i,"href",v),w&16&&A!==(A=e[4].component)){if(f){qe();const n=f;te(n.$$.fragment,1,0,()=>{ae(n,1)}),Te()}A?(f=he(A,ce()),Z(f.$$.fragment),le(f.$$.fragment,1),ee(f,I,null)):f=null}(!L||w&1&&z!==(z=e[0].toLowerCase()))&&u(I,"data-slug",z);const d={};if(w&2&&(d.data=e[1]),w&1&&(d.slug=e[0]),g.$set(d),e[1].dek?y?y.p(e,w):(y=be(e),y.c(),y.m(l,j)):y&&(y.d(1),y=null),w&12){O=Q(e[3]);let n;for(n=0;n<O.length;n+=1){const T=ke(e,O,n);k[n]?k[n].p(T,w):(k[n]=ye(T),k[n].c(),k[n].m(H,null))}for(;n<k.length;n+=1)k[n].d(1);k.length=O.length}if(w&76){B=Q(e[3]);let n;for(n=0;n<B.length;n+=1){const T=we(e,B,n);b[n]?b[n].p(T,w):(b[n]=Ee(T),b[n].c(),b[n].m(S,null))}for(;n<b.length;n+=1)b[n].d(1);b.length=B.length}(!L||w&2&&G!==(G=me(e[1].dek?"has-dek":"")+" svelte-4xax0d"))&&u($,"class",G)},i(e){L||(f&&le(f.$$.fragment,e),le(g.$$.fragment,e),L=!0)},o(e){f&&te(f.$$.fragment,e),te(g.$$.fragment,e),L=!1},d(e){e&&(p(s),p(l)),f&&ae(f),ae(g),y&&y.d(),_e(k,e),_e(b,e),Y=!1,ie()}}}function Be(t,a,s){let l,o;se.registerLanguage("svelte",ge),ge(se);const h=new Me({html:!0,linkify:!0});let{data:r}=a,{slug:i,content:c,active:v}=r;function R(m){return h.render(m)}function I(m,g){const V=g.split(".");let j=V[V.length-1];return j==="csv"&&(j="diff"),se.highlight(m,{language:j}).value}const f=new Map;xe.forEach(m=>{f.set(m.slug.toLowerCase(),m)});function z(){const m=l.filter(g=>J(g.title)===v)[0].contents;if(window.clipboardData&&window.clipboardData.setData)return window.clipboardData.setData("Text",m);if(document.queryCommandSupported&&document.queryCommandSupported("copy")){const g=document.createElement("textarea");g.textContent=m,g.style.position="fixed",document.body.appendChild(g),g.select();try{return document.execCommand("copy")}catch(V){return console.warn("Copy to clipboard failed.",V),!1}finally{document.body.removeChild(g)}}}const U=m=>s(2,v=J(m.title));return t.$$set=m=>{"data"in m&&s(8,r=m.data)},t.$$.update=()=>{t.$$.dirty&256&&s(0,{slug:i,content:c,active:v}=r,i,(s(1,c),s(8,r)),(s(2,v),s(8,r))),t.$$.dirty&2&&s(3,l=[c.main].concat(c.components).concat(c.componentModules).concat(c.modules).concat(c.componentComponents).concat(c.jsons).concat(c.csvs)),t.$$.dirty&1&&s(4,o=f.get(i.toLowerCase()))},[i,c,v,l,o,R,I,z,r,U]}class Xe extends je{constructor(a){super(),He(this,a,Be,Oe,Le,{data:8})}}export{Xe as component,We as universal};
+import{e as Se}from"../chunks/index.oiCz_B55.js";import{s as Le,w as he,a as q,e as E,t as oe,o as Ve,f as p,g as M,c as D,b as C,d as re,u,z as me,i as F,h as _,y as De,j as Ce,v as _e,H as Ie,q as $e,A as pe}from"../chunks/scheduler.P37s_KnH.js";import{S as je,i as He,c as Z,b as ve,m as ee,a as te,e as Te,t as le,d as ae,g as qe}from"../chunks/index.GooPGtyi.js";import{M as Me,g as Pe}from"../chunks/downloadBlob.5w7X7G5B.js";import{e as Q}from"../chunks/each.zMdpk9aP.js";import{H as se,h as ge}from"../chunks/hljsDefineSvelte.U5_GHsKG.js";import{D as ze,c as J}from"../chunks/cleanTitle.QG-RcJPj.js";import{e as xe}from"../chunks/_examples_ssr.X0tHL2fc.js";async function Ae({fetch:t,params:a}){const s=`${a.slug}.json`,l=await t(s),o=await l.json();if(l.status===200)return{slug:a.slug,content:o,active:"+page"};Se(500,`Could not load ${s}: ${o.message}`)}const We=Object.freeze(Object.defineProperty({__proto__:null,load:Ae},Symbol.toStringTag,{value:"Module"})),{document:ne}=Pe;function we(t,a,s){const l=t.slice();return l[12]=a[s],l}function ke(t,a,s){const l=t.slice();return l[12]=a[s],l}function be(t){let a,s,l=t[5](t[1].dek)+"";return{c(){a=E("div"),s=new Ie(!1),this.h()},l(o){a=D(o,"DIV",{class:!0});var h=C(a);s=$e(h,!1),h.forEach(p),this.h()},h(){s.a=null,u(a,"class","dek svelte-4xax0d")},m(o,h){F(o,a,h),s.m(l,a)},p(o,h){h&2&&l!==(l=o[5](o[1].dek)+"")&&s.p(l)},d(o){o&&p(a)}}}function ye(t){let a,s=t[12].title+"",l,o,h,r;function i(){return t[9](t[12])}return{c(){a=E("li"),l=oe(s),this.h()},l(c){a=D(c,"LI",{class:!0});var v=C(a);l=re(v,s),v.forEach(p),this.h()},h(){u(a,"class",o="tab "+(t[2]===J(t[12].title)?"active":"")+" svelte-4xax0d")},m(c,v){F(c,a,v),_(a,l),h||(r=De(a,"click",i),h=!0)},p(c,v){t=c,v&8&&s!==(s=t[12].title+"")&&Ce(l,s),v&12&&o!==(o="tab "+(t[2]===J(t[12].title)?"active":"")+" svelte-4xax0d")&&u(a,"class",o)},d(c){c&&p(a),h=!1,r()}}}function Ee(t){let a,s,l,o=t[6](t[12].contents,t[12].title)+"",h;return{c(){a=E("div"),s=E("pre"),l=new Ie(!1),h=q(),this.h()},l(r){a=D(r,"DIV",{class:!0,style:!0});var i=C(a);s=D(i,"PRE",{class:!0});var c=C(s);l=$e(c,!1),c.forEach(p),h=M(i),i.forEach(p),this.h()},h(){l.a=null,u(s,"class","svelte-4xax0d"),u(a,"class","contents"),pe(a,"display",t[2]===J(t[12].title)?"block":"none")},m(r,i){F(r,a,i),_(a,s),l.m(o,s),_(a,h)},p(r,i){i&8&&o!==(o=r[6](r[12].contents,r[12].title)+"")&&l.p(o),i&12&&pe(a,"display",r[2]===J(r[12].title)?"block":"none")},d(r){r&&p(a)}}}function Oe(t){let a,s,l,o,h=t[4].title+"",r,i,c,v,R,I,f,z,U,m,g,V,j,$,H,W,S,x,X,G,L,Y,ie;ne.title=a=t[4].title;var A=t[4].component;function ce(e,w){return{}}A&&(f=he(A,ce())),g=new ze({props:{data:t[1],slug:t[0],ssr:!0}});let y=t[1].dek&&be(t),O=Q(t[3]),k=[];for(let e=0;e<O.length;e+=1)k[e]=ye(ke(t,O,e));let B=Q(t[3]),b=[];for(let e=0;e<B.length;e+=1)b[e]=Ee(we(t,B,e));return{c(){s=q(),l=E("div"),o=E("h1"),r=oe(h),i=E("a"),c=oe("Edit"),R=q(),I=E("div"),f&&Z(f.$$.fragment),U=q(),m=E("div"),Z(g.$$.fragment),V=q(),y&&y.c(),j=q(),$=E("div"),H=E("ul");for(let e=0;e<k.length;e+=1)k[e].c();W=q(),S=E("div"),x=E("div"),X=q();for(let e=0;e<b.length;e+=1)b[e].c();this.h()},l(e){Ve("svelte-1ynzqk4",ne.head).forEach(p),s=M(e),l=D(e,"DIV",{class:!0,"data-label":!0});var d=C(l);o=D(d,"H1",{});var n=C(o);r=re(n,h),i=D(n,"A",{class:!0,href:!0,target:!0,rel:!0});var T=C(i);c=re(T,"Edit"),T.forEach(p),n.forEach(p),R=M(d),I=D(d,"DIV",{class:!0,"data-slug":!0});var de=C(I);f&&ve(f.$$.fragment,de),de.forEach(p),U=M(d),m=D(d,"DIV",{class:!0});var ue=C(m);ve(g.$$.fragment,ue),ue.forEach(p),V=M(d),y&&y.l(d),j=M(d),$=D(d,"DIV",{id:!0,class:!0});var K=C($);H=D(K,"UL",{id:!0,class:!0});var fe=C(H);for(let P=0;P<k.length;P+=1)k[P].l(fe);fe.forEach(p),W=M(K),S=D(K,"DIV",{id:!0,class:!0});var N=C(S);x=D(N,"DIV",{class:!0}),C(x).forEach(p),X=M(N);for(let P=0;P<b.length;P+=1)b[P].l(N);N.forEach(p),K.forEach(p),d.forEach(p),this.h()},h(){u(i,"class","edit-repl svelte-4xax0d"),u(i,"href",v="https://svelte.dev/repl/"+t[4].replPath),u(i,"target","_blank"),u(i,"rel","noreferrer"),u(I,"class","chart-hero svelte-4xax0d"),u(I,"data-slug",z=t[0].toLowerCase()),u(m,"class","download svelte-4xax0d"),u(H,"id","page-nav"),u(H,"class","svelte-4xax0d"),u(x,"class","copy svelte-4xax0d"),u(S,"id","contents-container"),u(S,"class","svelte-4xax0d"),u($,"id","pages"),u($,"class",G=me(t[1].dek?"has-dek":"")+" svelte-4xax0d"),u(l,"class","main svelte-4xax0d"),u(l,"data-label","Server-side")},m(e,w){F(e,s,w),F(e,l,w),_(l,o),_(o,r),_(o,i),_(i,c),_(l,R),_(l,I),f&&ee(f,I,null),_(l,U),_(l,m),ee(g,m,null),_(l,V),y&&y.m(l,null),_(l,j),_(l,$),_($,H);for(let d=0;d<k.length;d+=1)k[d]&&k[d].m(H,null);_($,W),_($,S),_(S,x),_(S,X);for(let d=0;d<b.length;d+=1)b[d]&&b[d].m(S,null);L=!0,Y||(ie=De(x,"click",t[7]),Y=!0)},p(e,[w]){if((!L||w&16)&&a!==(a=e[4].title)&&(ne.title=a),(!L||w&16)&&h!==(h=e[4].title+"")&&Ce(r,h),(!L||w&16&&v!==(v="https://svelte.dev/repl/"+e[4].replPath))&&u(i,"href",v),w&16&&A!==(A=e[4].component)){if(f){qe();const n=f;te(n.$$.fragment,1,0,()=>{ae(n,1)}),Te()}A?(f=he(A,ce()),Z(f.$$.fragment),le(f.$$.fragment,1),ee(f,I,null)):f=null}(!L||w&1&&z!==(z=e[0].toLowerCase()))&&u(I,"data-slug",z);const d={};if(w&2&&(d.data=e[1]),w&1&&(d.slug=e[0]),g.$set(d),e[1].dek?y?y.p(e,w):(y=be(e),y.c(),y.m(l,j)):y&&(y.d(1),y=null),w&12){O=Q(e[3]);let n;for(n=0;n<O.length;n+=1){const T=ke(e,O,n);k[n]?k[n].p(T,w):(k[n]=ye(T),k[n].c(),k[n].m(H,null))}for(;n<k.length;n+=1)k[n].d(1);k.length=O.length}if(w&76){B=Q(e[3]);let n;for(n=0;n<B.length;n+=1){const T=we(e,B,n);b[n]?b[n].p(T,w):(b[n]=Ee(T),b[n].c(),b[n].m(S,null))}for(;n<b.length;n+=1)b[n].d(1);b.length=B.length}(!L||w&2&&G!==(G=me(e[1].dek?"has-dek":"")+" svelte-4xax0d"))&&u($,"class",G)},i(e){L||(f&&le(f.$$.fragment,e),le(g.$$.fragment,e),L=!0)},o(e){f&&te(f.$$.fragment,e),te(g.$$.fragment,e),L=!1},d(e){e&&(p(s),p(l)),f&&ae(f),ae(g),y&&y.d(),_e(k,e),_e(b,e),Y=!1,ie()}}}function Be(t,a,s){let l,o;se.registerLanguage("svelte",ge),ge(se);const h=new Me({html:!0,linkify:!0});let{data:r}=a,{slug:i,content:c,active:v}=r;function R(m){return h.render(m)}function I(m,g){const V=g.split(".");let j=V[V.length-1];return j==="csv"&&(j="diff"),se.highlight(m,{language:j}).value}const f=new Map;xe.forEach(m=>{f.set(m.slug.toLowerCase(),m)});function z(){const m=l.filter(g=>J(g.title)===v)[0].contents;if(window.clipboardData&&window.clipboardData.setData)return window.clipboardData.setData("Text",m);if(document.queryCommandSupported&&document.queryCommandSupported("copy")){const g=document.createElement("textarea");g.textContent=m,g.style.position="fixed",document.body.appendChild(g),g.select();try{return document.execCommand("copy")}catch(V){return console.warn("Copy to clipboard failed.",V),!1}finally{document.body.removeChild(g)}}}const U=m=>s(2,v=J(m.title));return t.$$set=m=>{"data"in m&&s(8,r=m.data)},t.$$.update=()=>{t.$$.dirty&256&&s(0,{slug:i,content:c,active:v}=r,i,(s(1,c),s(8,r)),(s(2,v),s(8,r))),t.$$.dirty&2&&s(3,l=[c.main].concat(c.components).concat(c.componentModules).concat(c.modules).concat(c.componentComponents).concat(c.jsons).concat(c.csvs)),t.$$.dirty&1&&s(4,o=f.get(i.toLowerCase()))},[i,c,v,l,o,R,I,z,r,U]}class Xe extends je{constructor(a){super(),He(this,a,Be,Oe,Le,{data:8})}}export{Xe as component,We as universal};
diff --git a/docs/_app/version.json b/docs/_app/version.json
index 59c3d502..d373ff7f 100644
--- a/docs/_app/version.json
+++ b/docs/_app/version.json
@@ -1 +1 @@
-{"version":"1710090247320"}
\ No newline at end of file
+{"version":"1710090568833"}
\ No newline at end of file
diff --git a/docs/components.html b/docs/components.html
index 298a25fa..ea75f2aa 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -32,23 +32,23 @@
 		<link href="./_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="./_app/immutable/assets/3.8KVvvJSU.css" rel="stylesheet">
 		<link href="./_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="./_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="./_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="./_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="./_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="./_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="./_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="./_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="./_app/immutable/nodes/3.-O1aSQ1N.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/_components.n4g24P3x.js"><title>LayerCake - Component gallery</title><!-- HEAD_svelte-18cdw4k_START --><meta name="og:title" content="Layer Cake — Component gallery"><meta name="twitter:title" content="Layer Cake — Component gallery"><!-- HEAD_svelte-18cdw4k_END -->
@@ -86,7 +86,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/api/guide-sections.json">{"status":200,"statusText":"","headers":{},"body":"[{\"html\":null,\"metadata\":{\"title\":\"Introduction\"},\"subsections\":[{\"slug\":\"what-is-layer-cake\",\"title\":\"What is Layer Cake?\"},{\"slug\":\"key-concepts\",\"title\":\"Key Concepts\"},{\"slug\":\"getting-started\",\"title\":\"Getting started\"},{\"slug\":\"using-layout-components\",\"title\":\"Using layout components\"},{\"slug\":\"layer-components\",\"title\":\"Layer components\"},{\"slug\":\"data-less-cakes\",\"title\":\"Data-less cakes\"},{\"slug\":\"server-side-rendering\",\"title\":\"Server-side rendering\"},{\"slug\":\"how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range\",\"title\":\"How does LayerCake know what to set as a scale's domain and range?\"}],\"slug\":\"introduction\",\"file\":\"00-introduction.md\"},{\"html\":null,\"metadata\":{\"title\":\"Troubleshooting\"},\"subsections\":[{\"slug\":\"use-the-debug-feature\",\"title\":\"Use the debug feature\"},{\"slug\":\"typescript\",\"title\":\"TypeScript\"},{\"slug\":\"the-chart-is-blank\",\"title\":\"The chart is blank\"},{\"slug\":\"the-chart-is-a-very-small-square\",\"title\":\"The chart is a very small square\"},{\"slug\":\"the-library-isn39t-building-properly\",\"title\":\"The library isn't building properly\"},{\"slug\":\"listening-for-click-events-on-the-entire-component\",\"title\":\"Listening for click events on the entire component\"}],\"slug\":\"troubleshooting\",\"file\":\"01-troubleshooting.md\"},{\"html\":null,\"metadata\":{\"title\":\"Accessibility\"},\"subsections\":[{\"slug\":\"layout-attributes\",\"title\":\"Layout attributes\"},{\"slug\":\"html-layouts\",\"title\":\"HTML layouts\"},{\"slug\":\"svg-layouts\",\"title\":\"SVG layouts\"},{\"slug\":\"canvas-and-webgl-layouts\",\"title\":\"Canvas and WebGl layouts\"}],\"slug\":\"accessibility\",\"file\":\"02-accessibility.md\"},{\"html\":null,\"metadata\":{\"title\":\"LayerCake props\"},\"subsections\":[{\"slug\":\"data\",\"title\":\"data\"},{\"slug\":\"x\",\"title\":\"x\"},{\"slug\":\"y\",\"title\":\"y\"},{\"slug\":\"z\",\"title\":\"z\"},{\"slug\":\"r\",\"title\":\"r\"},{\"slug\":\"debug\",\"title\":\"debug\"},{\"slug\":\"padding\",\"title\":\"padding\"},{\"slug\":\"xscale\",\"title\":\"xScale\"},{\"slug\":\"yscale\",\"title\":\"yScale\"},{\"slug\":\"zscale\",\"title\":\"zScale\"},{\"slug\":\"rscale\",\"title\":\"rScale\"},{\"slug\":\"xdomain\",\"title\":\"xDomain\"},{\"slug\":\"ydomain\",\"title\":\"yDomain\"},{\"slug\":\"zdomain\",\"title\":\"zDomain\"},{\"slug\":\"rdomain\",\"title\":\"rDomain\"},{\"slug\":\"xreverse\",\"title\":\"xReverse\"},{\"slug\":\"yreverse\",\"title\":\"yReverse\"},{\"slug\":\"zreverse\",\"title\":\"zReverse\"},{\"slug\":\"rreverse\",\"title\":\"rReverse\"},{\"slug\":\"xrange\",\"title\":\"xRange\"},{\"slug\":\"yrange\",\"title\":\"yRange\"},{\"slug\":\"zrange\",\"title\":\"zRange\"},{\"slug\":\"rrange\",\"title\":\"rRange\"},{\"slug\":\"xpadding\",\"title\":\"xPadding\"},{\"slug\":\"ypadding\",\"title\":\"yPadding\"},{\"slug\":\"zpadding\",\"title\":\"zPadding\"},{\"slug\":\"rpadding\",\"title\":\"rPadding\"},{\"slug\":\"xnice\",\"title\":\"xNice\"},{\"slug\":\"ynice\",\"title\":\"yNice\"},{\"slug\":\"znice\",\"title\":\"zNice\"},{\"slug\":\"rnice\",\"title\":\"rNice\"},{\"slug\":\"extents\",\"title\":\"extents\"},{\"slug\":\"flatdata\",\"title\":\"flatData\"},{\"slug\":\"ssr\",\"title\":\"ssr\"},{\"slug\":\"percentrange\",\"title\":\"percentRange\"},{\"slug\":\"position\",\"title\":\"position\"},{\"slug\":\"custom\",\"title\":\"custom\"}],\"slug\":\"layercake-props\",\"file\":\"03-layercake-props.md\"},{\"html\":null,\"metadata\":{\"title\":\"Computed context values\"},\"subsections\":[{\"slug\":\"activegetters\",\"title\":\"activeGetters\"},{\"slug\":\"aspectratio\",\"title\":\"aspectRatio\"},{\"slug\":\"box\",\"title\":\"box\"},{\"slug\":\"config\",\"title\":\"config\"},{\"slug\":\"containerwidth\",\"title\":\"containerWidth\"},{\"slug\":\"containerheight\",\"title\":\"containerHeight\"},{\"slug\":\"extents-1\",\"title\":\"extents\"},{\"slug\":\"width\",\"title\":\"width\"},{\"slug\":\"height\",\"title\":\"height\"},{\"slug\":\"x-1\",\"title\":\"x\"},{\"slug\":\"y-1\",\"title\":\"y\"},{\"slug\":\"z-1\",\"title\":\"z\"},{\"slug\":\"r-1\",\"title\":\"r\"},{\"slug\":\"xdomain-1\",\"title\":\"xDomain\"},{\"slug\":\"ydomain-1\",\"title\":\"yDomain\"},{\"slug\":\"zdomain-1\",\"title\":\"zDomain\"},{\"slug\":\"rdomain-1\",\"title\":\"rDomain\"},{\"slug\":\"xrange-1\",\"title\":\"xRange\"},{\"slug\":\"yrange-1\",\"title\":\"yRange\"},{\"slug\":\"zrange-1\",\"title\":\"zRange\"},{\"slug\":\"rrange-1\",\"title\":\"rRange\"},{\"slug\":\"xget\",\"title\":\"xGet(...)\"},{\"slug\":\"yget\",\"title\":\"yGet(...)\"},{\"slug\":\"zget\",\"title\":\"zGet(...)\"},{\"slug\":\"rget\",\"title\":\"rGet(...)\"},{\"slug\":\"xscale-1\",\"title\":\"xScale(...)\"},{\"slug\":\"yscale-1\",\"title\":\"yScale(...)\"},{\"slug\":\"zscale-1\",\"title\":\"zScale(...)\"},{\"slug\":\"rscale-1\",\"title\":\"rScale(...)\"}],\"slug\":\"computed-context-values\",\"file\":\"04-computed-context-values.md\"},{\"html\":null,\"metadata\":{\"title\":\"Layout components\"},\"subsections\":[{\"slug\":\"html\",\"title\":\"Html\"},{\"slug\":\"svg\",\"title\":\"Svg\"},{\"slug\":\"scaledsvg\",\"title\":\"ScaledSvg\"},{\"slug\":\"canvas\",\"title\":\"Canvas\"},{\"slug\":\"webgl\",\"title\":\"WebGL\"}],\"slug\":\"layout-components\",\"file\":\"05-layout-components.md\"},{\"html\":null,\"metadata\":{\"title\":\"Layout component props\"},\"subsections\":[{\"slug\":\"zindex\",\"title\":\"zIndex\"},{\"slug\":\"pointerevents\",\"title\":\"pointerEvents\"},{\"slug\":\"viewbox\",\"title\":\"viewBox\"},{\"slug\":\"fixedaspectratio\",\"title\":\"fixedAspectRatio\"},{\"slug\":\"contextattributes\",\"title\":\"contextAttributes\"}],\"slug\":\"layout-component-props\",\"file\":\"06-layout-component-props.md\"},{\"html\":null,\"metadata\":{\"title\":\"Helper functions\"},\"subsections\":[{\"slug\":\"bin\",\"title\":\"bin(...)\"},{\"slug\":\"calcextents\",\"title\":\"calcExtents(...)\"},{\"slug\":\"calcuniques\",\"title\":\"calcUniques(...)\"},{\"slug\":\"flatten\",\"title\":\"flatten(...)\"},{\"slug\":\"grouplonger\",\"title\":\"groupLonger(...)\"},{\"slug\":\"raise\",\"title\":\"raise(...)\"},{\"slug\":\"scalecanvas\",\"title\":\"scaleCanvas(...)\"},{\"slug\":\"stack\",\"title\":\"stack(...)\"},{\"slug\":\"uniques\",\"title\":\"uniques(...)\"}],\"slug\":\"helper-functions\",\"file\":\"99-helper-functions.md\"}]"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL(".", location).pathname.slice(0, -1)
 					};
 
@@ -95,8 +95,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("./_app/immutable/entry/start.8McKjAmW.js"),
-						import("./_app/immutable/entry/app.pEfIXzME.js")
+						import("./_app/immutable/entry/start.ra6nUAIR.js"),
+						import("./_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 3],
diff --git a/docs/components/Annotations.html.svelte.html b/docs/components/Annotations.html.svelte.html
index ca94d6c9..952482ff 100644
--- a/docs/components/Annotations.html.svelte.html
+++ b/docs/components/Annotations.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -124,7 +124,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Annotations.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Annotations.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds text annotations based on a config object that has CSS styles as fields.\\n -->\\n \u003Cscript>\\n   const vals = ['top', 'right', 'bottom', 'left'];\\n\\n   /** @type {Array} annotations - A list of annotation objects. It expects values of `top`, `right`, `bottom` and `left` whose values are CSS values like `'10px'` or `'5%'` that will be used to absolutely position the text div. See the [Column](https://layercake.graphics/example/Column) chart example for the schema and options. */\\n   export let annotations = [];\\n\\n   /** @type {Function} [getText=d => d.text] - An accessor function to get the field to display. */\\n  export let getText = d => d.text;\\n\\n  $: fillStyle = d => {\\n    let style = '';\\n    vals.forEach(val => {\\n      if (d[val]) {\\n        style += `${val}:${d[val]};`;\\n      }\\n    });\\n    return style;\\n  };\\n\u003C/script>\\n\\n\u003Cdiv class=\\\"layercake-annotations\\\">\\n  {#each annotations as d, i}\\n    \u003Cdiv\\n      class=\\\"layercake-annotation\\\"\\n      data-id=\\\"{i}\\\"\\n      style=\\\"{fillStyle(d)}\\\"\\n    >{getText(d)}\u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .layercake-annotation {\\n    position: absolute;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Column\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/Column\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A list of annotation objects. It expects values of `top`, `right`, `bottom` and `left` whose values are CSS values like `'10px'` or `'5%'` that will be used to absolutely position the text div. See the [Column](https://layercake.graphics/example/Column) chart example for the schema and options.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Array\"},\"name\":\"annotations\"},{\"title\":\"param\",\"description\":\"An accessor function to get the field to display.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"getText\",\"default\":\"d=>d.text\"}]},\"componentDescription\":\"Adds text annotations based on a config object that has CSS styles as fields.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -133,8 +133,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/AnnotationsData.html.svelte.html b/docs/components/AnnotationsData.html.svelte.html
index 8295f2ff..0b19eb83 100644
--- a/docs/components/AnnotationsData.html.svelte.html
+++ b/docs/components/AnnotationsData.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -127,7 +127,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/AnnotationsData.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"AnnotationsData.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds text annotations that get their x and y placement using the `xScale` and `yScale`.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xGet, yGet } = getContext('LayerCake');\\n\\n  /** @type {Array} annotations - A list of annotation objects. */\\n  export let annotations = [];\\n\\n  /** @type {Function} [getText=d => d.text] - An accessor function to get the field to display. */\\n  export let getText = d => d.text;\\n\\n  /** @type {Boolean} [percentRange=false] - If `true` will set the `top` and `left` CSS positions to percentages instead of pixels. */\\n  export let percentRange = false;\\n\\n  $: units = percentRange === true ? '%' : 'px';\\n\u003C/script>\\n\\n\u003Cdiv class=\\\"layercake-annotations\\\">\\n  {#each annotations as d, i}\\n    \u003Cdiv\\n      class=\\\"layercake-annotation\\\"\\n      data-id=\\\"{i}\\\"\\n      style=\\\"top:{$yGet(d)}{units};left:{$xGet(d)}{units};\\\"\\n    >{getText(d)}\u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .layercake-annotation {\\n    position: absolute;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A list of annotation objects.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Array\"},\"name\":\"annotations\"},{\"title\":\"param\",\"description\":\"An accessor function to get the field to display.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"getText\",\"default\":\"d=>d.text\"},{\"title\":\"param\",\"description\":\"If `true` will set the `top` and `left` CSS positions to percentages instead of pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"percentRange\",\"default\":\"false\"}]},\"componentDescription\":\"Adds text annotations that get their x and y placement using the `xScale` and `yScale`.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -136,8 +136,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Area-D3.svelte.html b/docs/components/Area-D3.svelte.html
index 2b92db37..b2d76333 100644
--- a/docs/components/Area-D3.svelte.html
+++ b/docs/components/Area-D3.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -110,7 +110,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Area-D3.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Area-D3.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { area, curveLinear } from 'd3-shape';\\n\\n  const { data, xGet, yGet, yScale } = getContext('LayerCake');\\n\\n  /** @type {String} [fill='#ab00d610'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#ab00d610';\\n\\n  /** @type {Function} [curve=curveLinear] - An optional D3 interpolation function. See [d3-shape](https://github.com/d3/d3-shape#curves) for options. Pass this function in uncalled, i.e. without the open-close parentheses. */\\n  export let curve = curveLinear;\\n\\n  $: path = area()\\n    .x($xGet)\\n    .y1($yGet)\\n    .y0(d => $yScale(0))\\n    .curve(curve);\\n    // .defined($y)\\n\u003C/script>\\n\\n\u003Cpath class='path-area' d='{path($data)}' {fill}>\u003C/path>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\",\"default\":\"'#ab00d610'\"},{\"title\":\"param\",\"description\":\"An optional D3 interpolation function. See [d3-shape](https://github.com/d3/d3-shape#curves) for options. Pass this function in uncalled, i.e. without the open-close parentheses.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"curve\",\"default\":\"curveLinear\"}]},\"componentDescription\":\"Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -119,8 +119,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Area.svelte.html b/docs/components/Area.svelte.html
index a22a428f..ab805ea2 100644
--- a/docs/components/Area.svelte.html
+++ b/docs/components/Area.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -110,7 +110,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Area.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Area.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale, extents } = getContext('LayerCake');\\n\\n  /**  @type {String} [fill='#ab00d610'] The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#ab00d610';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\\n  let area;\\n\\n  $: {\\n    const yRange = $yScale.range();\\n    area = path + (\\n      'L' + $xScale($extents.x ? $extents.x[1] : 0) + ',' + yRange[0] +\\n      'L' + $xScale($extents.x ? $extents.x[0] : 0) + ',' + yRange[0] +\\n      'Z'\\n    );\\n  }\\n\u003C/script>\\n\\n\u003Cpath class='path-area' d='{area}' {fill}>\u003C/path>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Brush\",\"/example/Line\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/Brush\",\"/example-ssr/Line\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\",\"default\":\"'#ab00d610'\"}]},\"componentDescription\":\"Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -119,8 +119,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/AreaStacked.svelte.html b/docs/components/AreaStacked.svelte.html
index 540d5b13..005ec4dd 100644
--- a/docs/components/AreaStacked.svelte.html
+++ b/docs/components/AreaStacked.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -86,7 +86,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/AreaStacked.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"AreaStacked.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape) and sets the color via an ordinal scale in `zScale`. It assumes your data is in a [D3 stack format](https://github.com/d3/d3-shape#stack).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { area } from 'd3-shape';\\n\\n  const { data, xGet, yScale, zGet } = getContext('LayerCake');\\n\\n  $: areaGen = area()\\n    .x(d => $xGet(d))\\n    .y0(d => $yScale(d[0]))\\n    .y1(d => $yScale(d[1]));\\n\u003C/script>\\n\\n\u003Cg class=\\\"area-group\\\">\\n  {#each $data as d}\\n    \u003Cpath\\n      class='path-area'\\n      d='{areaGen(d)}'\\n      fill='{$zGet(d)}'\\n    >\u003C/path>\\n  {/each}\\n\u003C/g>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/AreaStacked\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/AreaStacked\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[]},\"componentDescription\":\"Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape) and sets the color via an ordinal scale in `zScale`. It assumes your data is in a [D3 stack format](https://github.com/d3/d3-shape#stack).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -95,8 +95,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Arrows.svelte.html b/docs/components/Arrows.svelte.html
index f8ed479e..f2ea5b6c 100644
--- a/docs/components/Arrows.svelte.html
+++ b/docs/components/Arrows.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -323,7 +323,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Arrows.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Arrows.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds SVG swoopy arrows based on a config object. It attaches arrows to divs, which are created by another component such as [Annotations.html.svelte](https://layercake.graphics/components/Annotations.html.svelte).\\n -->\\n\u003Cscript>\\n  import { getContext, onMount } from 'svelte';\\n  import { swoopyArrow, getElPosition, parseCssValue } from '../_modules/arrowUtils.js';\\n\\n  /** @type {Array} annotations - A list of annotation objects. See the [Column](https://layercake.graphics/example/Column) chart example for the schema and options. */\\n  export let annotations = [];\\n\\n  /** @type {String} [annotationClass='.layercake-annotation'] - The class name of the text annotation divs. */\\n  export let containerClass = '.chart-container';\\n\\n  /** @type {String} [containerClass='.chart-container'] - The class name / CSS selector of the parent element of the `\u003CLayerCake>` component. This is used to crawl the DOM for the text annotations. */\\n  export let annotationClass = '.layercake-annotation';\\n\\n  let container;\\n\\n  const { width, height } = getContext('LayerCake');\\n\\n  /* --------------------------------------------\\n   * Some lookups to convert between x, y / width, height terminology\\n   * and CSS names\\n   */\\n  const lookups = [\\n    { dimension: 'width', css: 'left', position: 'x' },\\n    { dimension: 'height', css: 'top', position: 'y' }\\n  ];\\n\\n  let d = (anno, i, arrow) => '';\\n  let annotationEls;\\n\\n  // This searches the DOM for the HTML annotations\\n  // in the Annotations.svelte componenent and then\\n  // attaches arrows to those divs\\n  // Make sure the `.chart-container` and `.layercake-annotation`\\n  // selectors match what you have in your project\\n  // otherwise it won't find anything\\n  onMount(() => {\\n    annotationEls = Array.from(\\n      container.closest(containerClass)\\n        .querySelectorAll(annotationClass)\\n    );\\n  });\\n\\n  function setPath (w, h) {\\n    return (anno, i, arrow) => {\\n      const el = annotationEls[i];\\n\\n      /* --------------------------------------------\\n       * Parse our attachment directives to know where to start the arrowhead\\n       * measuring a bounding box based on our annotation el\\n       */\\n      const arrowSource = getElPosition(el);\\n      const sourceCoords = arrow.source.anchor.split('-').map((q, j) => {\\n        const point = q === 'middle' ? arrowSource[lookups[j].css] + (arrowSource[lookups[j].dimension] / 2) : arrowSource[q];\\n        return point + (parseCssValue(arrow.source[`d${lookups[j].position}`], i, arrowSource.width, arrowSource.height));\\n      });\\n\\n      /* --------------------------------------------\\n       * Default to clockwise\\n       */\\n      const clockwise = typeof arrow.clockwise === 'undefined' ? true : arrow.clockwise;\\n\\n      /* --------------------------------------------\\n       * Parse where we're drawing to\\n       */\\n      const targetCoords = [arrow.target.x, arrow.target.y].map((q, j) => {\\n        return parseCssValue(q, j, w, h);\\n      });\\n\\n      /* --------------------------------------------\\n       * Create arrow path\\n       */\\n      return swoopyArrow()\\n        .angle(Math.PI / 2)\\n        .clockwise(clockwise)\\n        .x(q => q[0])\\n        .y(q => q[1])([sourceCoords, targetCoords]);\\n    };\\n  }\\n\\n  $: if (annotationEls && annotationEls.length) d = setPath($width, $height);\\n\u003C/script>\\n\\n\u003Cg bind:this={container}>\\n{#if annotations.length}\\n  \u003Cg class=\\\"swoops\\\">\\n    {#each annotations as anno, i}\\n      {#if anno.arrows}\\n        {#each anno.arrows as arrow}\\n          \u003Cpath\\n            marker-end='url(#arrowhead)'\\n            d='{d(anno, i, arrow)}'>\u003C/path>\\n        {/each}\\n      {/if}\\n    {/each}\\n  \u003C/g>\\n{/if}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .swoops {\\n    position: absolute;\\n    max-width: 200px;\\n    line-height: 14px;\\n  }\\n  .swoops path {\\n    fill: none;\\n    stroke: #000;\\n    stroke-width: 1;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Column\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/Column\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A list of annotation objects. See the [Column](https://layercake.graphics/example/Column) chart example for the schema and options.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Array\"},\"name\":\"annotations\"},{\"title\":\"param\",\"description\":\"The class name of the text annotation divs.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"annotationClass\",\"default\":\"'.layercake-annotation'\"},{\"title\":\"param\",\"description\":\"The class name / CSS selector of the parent element of the `\u003CLayerCake>` component. This is used to crawl the DOM for the text annotations.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"containerClass\",\"default\":\"'.chart-container'\"}]},\"componentDescription\":\"Adds SVG swoopy arrows based on a config object. It attaches arrows to divs, which are created by another component such as [Annotations.html.svelte](https://layercake.graphics/components/Annotations.html.svelte).\",\"modules\":[{\"slug\":\"./_modules/arrowUtils.js\",\"contents\":\"// Helper functions for creating swoopy arrows\\n\\n/* --------------------------------------------\\n * parseCssValue\\n *\\n * Parse various inputs and return then as a number\\n * Can be a number, which will return the input value\\n * A percentage, which will take the percent of the appropriate dimentions\\n * A pixel value, which will parse as a number\\n *\\n */\\nexport function parseCssValue(d, i, width, height) {\\n  if (!d) return 0;\\n  if (typeof d === 'number') {\\n    return d;\\n  }\\n  if (d.indexOf('%') > -1) {\\n    return ((+d.replace('%', '')) / 100) * (i ? height : width);\\n  }\\n  return +d.replace('px', '');\\n}\\n\\n/* --------------------------------------------\\n * getElPosition\\n *\\n * Constract a bounding box relative in our coordinate space\\n * that we can attach arrow starting points to\\n *\\n */\\nexport function getElPosition(el) {\\n  const annotationBbox = el.getBoundingClientRect();\\n  const parentBbox = el.parentNode.getBoundingClientRect();\\n  const coords = {\\n    top: annotationBbox.top - parentBbox.top,\\n    right: annotationBbox.right - parentBbox.left,\\n    bottom: annotationBbox.bottom - parentBbox.top,\\n    left: annotationBbox.left - parentBbox.left,\\n    width: annotationBbox.width,\\n    height: annotationBbox.height\\n  };\\n  return coords;\\n}\\n\\n/* --------------------------------------------\\n * swoopyArrow\\n *\\n * Adapted from bizweekgraphics/swoopyarrows\\n *\\n */\\nexport function swoopyArrow() {\\n  let angle = Math.PI;\\n  let clockwise = true;\\n  let xValue = d => d[0];\\n  let yValue = d => d[1];\\n\\n  function hypotenuse(a, b) {\\n    return Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));\\n  }\\n\\n  function render(data) {\\n    data = data.map((d, i) => {\\n      return [xValue.call(data, d, i), yValue.call(data, d, i)];\\n    });\\n\\n    // get the chord length (\\\"height\\\" {h}) between points\\n    const h = hypotenuse(data[1][0] - data[0][0], data[1][1] - data[0][1]);\\n\\n    // get the distance at which chord of height h subtends {angle} radians\\n    const d = h / (2 * Math.tan(angle / 2));\\n\\n    // get the radius {r} of the circumscribed circle\\n    const r = hypotenuse(d, h / 2);\\n\\n    /*\\n    SECOND, compose the corresponding SVG arc.\\n      read up: http://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands\\n      example: \u003Cpath d = \\\"M 200,50 a 50,50 0 0,1 100,0\\\"/>\\n                          M 200,50                          Moves pen to (200,50);\\n                                   a                        draws elliptical arc;\\n                                     50,50                  following a degenerate ellipse, r1 == r2 == 50;\\n                                                            i.e. a circle of radius 50;\\n                                           0                with no x-axis-rotation (irrelevant for circles);\\n                                             0,1            with large-axis-flag=0 and sweep-flag=1 (clockwise);\\n                                                 100,0      to a point +100 in x and +0 in y, i.e. (300,50).\\n    */\\n    const path = 'M ' + data[0][0] + ',' + data[0][1] +\\n        ' a ' + r + ',' + r +\\n        ' 0 0,' + (clockwise ? '1' : '0') + ' ' +\\n        (data[1][0] - data[0][0]) + ',' + (data[1][1] - data[0][1]);\\n\\n    return path;\\n  }\\n\\n  render.angle = function renderAngle (_) {\\n    if (!arguments.length) return angle;\\n    angle = Math.min(Math.max(_, 1e-6), Math.PI - 1e-6);\\n    return render;\\n  };\\n\\n  render.clockwise = function renderClockwise (_) {\\n    if (!arguments.length) return clockwise;\\n    clockwise = !!_;\\n    return render;\\n  };\\n\\n  render.x = function renderX (_) {\\n    if (!arguments.length) return xValue;\\n    xValue = _;\\n    return render;\\n  };\\n\\n  render.y = function renderY (_) {\\n    if (!arguments.length) return yValue;\\n    yValue = _;\\n    return render;\\n  };\\n\\n  return render;\\n}\"}]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -332,8 +332,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/AxisRadial.svelte.html b/docs/components/AxisRadial.svelte.html
index 7ad98679..a26b7118 100644
--- a/docs/components/AxisRadial.svelte.html
+++ b/docs/components/AxisRadial.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -157,7 +157,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/AxisRadial.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"AxisRadial.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG radial scale, useful for radar charts.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, extents, config } = getContext('LayerCake');\\n\\n  /** @type {Number} [lineLengthFactor=1.1] - How far to extend the lines from the circle's center. A value of `1` puts them at the circle's circumference. */\\n  export let lineLengthFactor = 1.1;\\n\\n  /** @type {Number} [labelPlacementFactor=1.25] - How far to place the labels from the circle's center. A value of `1` puts them at the circle's circumference. */\\n  export let labelPlacementFactor = 1.25;\\n\\n  $: max = $xScale(Math.max(...$extents.x));\\n\\n  $: lineLength = max * lineLengthFactor;\\n  $: labelPlacement = max * labelPlacementFactor;\\n\\n  $: angleSlice = (Math.PI * 2) / $config.x.length;\\n\\n  function anchor (total, i) {\\n    if (i === 0 || i === total / 2) {\\n      return 'middle';\\n    } else if (i \u003C total / 2) {\\n      return 'start';\\n    }\\n    return 'end';\\n  }\\n\u003C/script>\\n\\n\u003Cg\\n  transform=\\\"translate({ $width / 2 }, { $height / 2 })\\\"\\n>\\n  \u003Ccircle\\n    cx=\\\"0\\\"\\n    cy=\\\"0\\\"\\n    r=\\\"{max}\\\"\\n    stroke=\\\"#ccc\\\"\\n    stroke-width=\\\"1\\\"\\n    fill=\\\"#CDCDCD\\\"\\n    fill-opacity=\\\"0.1\\\"\\n  >\u003C/circle>\\n  \u003Ccircle\\n    cx=\\\"0\\\"\\n    cy=\\\"0\\\"\\n    r=\\\"{max / 2}\\\"\\n    stroke=\\\"#ccc\\\"\\n    stroke-width=\\\"1\\\"\\n    fill=\\\"none\\\"\\n  >\u003C/circle>\\n\\n  {#each $config.x as label, i}\\n    {@const thisAngleSlice = angleSlice * i - Math.PI / 2}\\n    \u003Cline\\n      x1=\\\"0\\\"\\n      y1=\\\"0\\\"\\n      x2=\\\"{lineLength * Math.cos(thisAngleSlice)}\\\"\\n      y2=\\\"{lineLength * Math.sin(thisAngleSlice)}\\\"\\n      stroke=\\\"#ccc\\\"\\n      stroke-width=\\\"1\\\"\\n      fill=\\\"none\\\"\\n    >\\n    \u003C/line>\\n    \u003Ctext\\n      text-anchor=\\\"{anchor($config.x.length, i)}\\\"\\n      dy=\\\"0.35em\\\"\\n      font-size=\\\"12px\\\"\\n      transform=\\\"translate({(labelPlacement) * Math.cos(thisAngleSlice)}, {labelPlacement * Math.sin(thisAngleSlice)})\\\">{label}\u003C/text>\\n  {/each}\\n\u003C/g>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Radar\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"How far to extend the lines from the circle's center. A value of `1` puts them at the circle's circumference.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"lineLengthFactor\",\"default\":\"1.1\"},{\"title\":\"param\",\"description\":\"How far to place the labels from the circle's center. A value of `1` puts them at the circle's circumference.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"labelPlacementFactor\",\"default\":\"1.25\"}]},\"componentDescription\":\"Generates an SVG radial scale, useful for radar charts.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -166,8 +166,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/AxisX.percent-range.html.svelte.html b/docs/components/AxisX.percent-range.html.svelte.html
index 6d913d96..fa58c1a4 100644
--- a/docs/components/AxisX.percent-range.html.svelte.html
+++ b/docs/components/AxisX.percent-range.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -267,7 +267,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/AxisX.percent-range.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/AreaStacked\",\"/example-ssr/Bar\",\"/example-ssr/BarStacked\",\"/example-ssr/Brush\",\"/example-ssr/ClevelandDotPlot\",\"/example-ssr/Column\",\"/example-ssr/ColumnStacked\",\"/example-ssr/Histogram\",\"/example-ssr/Line\",\"/example-ssr/MultiLine\",\"/example-ssr/Scatter\",\"/example-ssr/ScatterWebgl\",\"/example-ssr/Timeplot\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"Show a vertical mark for each tick.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"tickMarks\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"Show gridlines extending into the chart area.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"gridlines\",\"default\":\"true\"},{\"title\":\"param\",\"description\":\"The length of the tick mark.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickMarkLength\",\"default\":\"6\"},{\"title\":\"param\",\"description\":\"– Show a solid line at the bottom.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"baseline\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"Instead of centering the text labels on the first and the last items, align them to the edges of the chart.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"snapLabels\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"A function that passes the current tick value and expects a nicely formatted value in return.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"format\",\"default\":\"d=>d\"},{\"title\":\"param\",\"description\":\"If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"UnionType\",\"elements\":[{\"type\":\"NameExpression\",\"name\":\"Number\"},{\"type\":\"NameExpression\",\"name\":\"Array\"},{\"type\":\"NameExpression\",\"name\":\"Function\"}]}},\"name\":\"ticks\"},{\"title\":\"param\",\"description\":\"The amount of whitespace between the start of the tick and the chart drawing area (the yRange min).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickGutter\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dx` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dx\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dy` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dy\",\"default\":\"0\"}]},\"componentDescription\":\"Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -276,8 +276,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/AxisX.svelte.html b/docs/components/AxisX.svelte.html
index db068656..2aa06b08 100644
--- a/docs/components/AxisX.svelte.html
+++ b/docs/components/AxisX.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -272,7 +272,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/AxisX.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/AreaStacked\",\"/example/Bar\",\"/example/BarStacked\",\"/example/Beeswarm\",\"/example/BeeswarmForce\",\"/example/Brush\",\"/example/ClevelandDotPlot\",\"/example/Column\",\"/example/ColumnStacked\",\"/example/Histogram\",\"/example/Line\",\"/example/MultiLine\",\"/example/Scatter\",\"/example/ScatterWebgl\",\"/example/Timeplot\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"Show a vertical mark for each tick.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"tickMarks\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"Show gridlines extending into the chart area.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"gridlines\",\"default\":\"true\"},{\"title\":\"param\",\"description\":\"The length of the tick mark.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickMarkLength\",\"default\":\"6\"},{\"title\":\"param\",\"description\":\"– Show a solid line at the bottom.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"baseline\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"Instead of centering the text labels on the first and the last items, align them to the edges of the chart.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"snapLabels\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"A function that passes the current tick value and expects a nicely formatted value in return.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"format\",\"default\":\"d=>d\"},{\"title\":\"param\",\"description\":\"If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"UnionType\",\"elements\":[{\"type\":\"NameExpression\",\"name\":\"Number\"},{\"type\":\"NameExpression\",\"name\":\"Array\"},{\"type\":\"NameExpression\",\"name\":\"Function\"}]}},\"name\":\"ticks\"},{\"title\":\"param\",\"description\":\"The amount of whitespace between the start of the tick and the chart drawing area (the yRange min).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickGutter\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dx` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dx\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dy` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dy\",\"default\":\"12\"}]},\"componentDescription\":\"Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -281,8 +281,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/AxisXTop.percent-range.html.svelte.html b/docs/components/AxisXTop.percent-range.html.svelte.html
index dbed23e5..90e46884 100644
--- a/docs/components/AxisXTop.percent-range.html.svelte.html
+++ b/docs/components/AxisXTop.percent-range.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -268,7 +268,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/AxisXTop.percent-range.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"AxisXTop.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML top x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:0; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left={tickValPx + '%'}\\n        style='top:0; bottom:0;'\\n      >\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left={(tickValPx + halfBand) + '%'}\\n        style:height={tickLen + 'px'}\\n        style:top={(-tickLen - tickGutter) + 'px'}\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left={(tickValPx + halfBand) + '%'}\\n      style='top:{-tickGutter}px;'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top={(-tickLen + 2) + 'px'}\\n        style:transform={`translate(calc(-50% + ${dx}px), calc(-100% + ${dy}px))`}\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"Show a vertical mark for each tick.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"tickMarks\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"Show gridlines extending into the chart area.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"gridlines\",\"default\":\"true\"},{\"title\":\"param\",\"description\":\"The length of the tick mark.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickMarkLength\",\"default\":\"6\"},{\"title\":\"param\",\"description\":\"– Show a solid line at the bottom.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"baseline\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"Instead of centering the text labels on the first and the last items, align them to the edges of the chart.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"snapLabels\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"A function that passes the current tick value and expects a nicely formatted value in return.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"format\",\"default\":\"d=>d\"},{\"title\":\"param\",\"description\":\"If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"UnionType\",\"elements\":[{\"type\":\"NameExpression\",\"name\":\"Number\"},{\"type\":\"NameExpression\",\"name\":\"Array\"},{\"type\":\"NameExpression\",\"name\":\"Function\"}]}},\"name\":\"ticks\"},{\"title\":\"param\",\"description\":\"The amount of whitespace between the start of the tick and the chart drawing area (the yRange min).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickGutter\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dx` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dx\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dy` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dy\",\"default\":\"0\"}]},\"componentDescription\":\"Generates an HTML top x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -277,8 +277,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/AxisXTop.svelte.html b/docs/components/AxisXTop.svelte.html
index 17893d57..80425b9c 100644
--- a/docs/components/AxisXTop.svelte.html
+++ b/docs/components/AxisXTop.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -266,7 +266,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/AxisXTop.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"AxisXTop.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG top x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-4] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -4;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline class=\\\"baseline\\\" y1='0' y2='0' x1=\\\"0\\\" x2={$width} />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.min(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1=\\\"0\\\"\\n          x2=\\\"0\\\"\\n          y1={$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-tickGutter}\\n          y2={-tickLen - tickGutter}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={-tickGutter - tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"Show a vertical mark for each tick.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"tickMarks\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"Show gridlines extending into the chart area.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"gridlines\",\"default\":\"true\"},{\"title\":\"param\",\"description\":\"The length of the tick mark.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickMarkLength\",\"default\":\"6\"},{\"title\":\"param\",\"description\":\"– Show a solid line at the bottom.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"baseline\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"Instead of centering the text labels on the first and the last items, align them to the edges of the chart.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"snapLabels\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"A function that passes the current tick value and expects a nicely formatted value in return.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"format\",\"default\":\"d=>d\"},{\"title\":\"param\",\"description\":\"If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"UnionType\",\"elements\":[{\"type\":\"NameExpression\",\"name\":\"Number\"},{\"type\":\"NameExpression\",\"name\":\"Array\"},{\"type\":\"NameExpression\",\"name\":\"Function\"}]}},\"name\":\"ticks\"},{\"title\":\"param\",\"description\":\"The amount of whitespace between the start of the tick and the chart drawing area (the xRange min).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickGutter\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dx` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dx\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dy` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dy\",\"default\":\"-4\"}]},\"componentDescription\":\"Generates an SVG top x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -275,8 +275,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/AxisY.percent-range.html.svelte.html b/docs/components/AxisY.percent-range.html.svelte.html
index 6d1df0f8..f4445be3 100644
--- a/docs/components/AxisY.percent-range.html.svelte.html
+++ b/docs/components/AxisY.percent-range.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -279,7 +279,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/AxisY.percent-range.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/AreaStacked\",\"/example-ssr/Bar\",\"/example-ssr/BarStacked\",\"/example-ssr/Brush\",\"/example-ssr/ClevelandDotPlot\",\"/example-ssr/Column\",\"/example-ssr/ColumnStacked\",\"/example-ssr/Histogram\",\"/example-ssr/Line\",\"/example-ssr/MultiLine\",\"/example-ssr/Scatter\",\"/example-ssr/ScatterWebgl\",\"/example-ssr/Timeplot\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"Show marks next to the tick label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"tickMarks\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"labelPosition\",\"default\":\"'even'\"},{\"title\":\"param\",\"description\":\"When labelPosition='even', adjust the lowest label so that it sits above the tick mark.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"snapBaselineLabel\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"Show gridlines extending into the chart area.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"gridlines\",\"default\":\"true\"},{\"title\":\"param\",\"description\":\"The length of the tick mark. If not set, becomes the length of the widest tick.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickMarkLength\",\"default\":\"undefined\"},{\"title\":\"param\",\"description\":\"A function that passes the current tick value and expects a nicely formatted value in return.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"format\",\"default\":\"d=>d\"},{\"title\":\"param\",\"description\":\"If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"UnionType\",\"elements\":[{\"type\":\"NameExpression\",\"name\":\"Number\"},{\"type\":\"NameExpression\",\"name\":\"Array\"},{\"type\":\"NameExpression\",\"name\":\"Function\"}]}},\"name\":\"ticks\",\"default\":\"4\"},{\"title\":\"param\",\"description\":\"The amount of whitespace between the start of the tick and the chart drawing area (the xRange min).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickGutter\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dx` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dx\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dy` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dy\",\"default\":\"-3\"},{\"title\":\"param\",\"description\":\"Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"charPixelWidth\",\"default\":\"7.25\"}]},\"componentDescription\":\"Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -288,8 +288,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/AxisY.svelte.html b/docs/components/AxisY.svelte.html
index 22cd6a25..9243516c 100644
--- a/docs/components/AxisY.svelte.html
+++ b/docs/components/AxisY.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -266,7 +266,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/AxisY.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/AreaStacked\",\"/example/Bar\",\"/example/BarStacked\",\"/example/Brush\",\"/example/ClevelandDotPlot\",\"/example/Column\",\"/example/ColumnStacked\",\"/example/Histogram\",\"/example/Line\",\"/example/MultiLine\",\"/example/Scatter\",\"/example/ScatterWebgl\",\"/example/Timeplot\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"Show marks next to the tick label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"tickMarks\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"labelPosition\",\"default\":\"'even'\"},{\"title\":\"param\",\"description\":\"When labelPosition='even', adjust the lowest label so that it sits above the tick mark.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"snapBaselineLabel\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"Show gridlines extending into the chart area.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"gridlines\",\"default\":\"true\"},{\"title\":\"param\",\"description\":\"The length of the tick mark. If not set, becomes the length of the widest tick.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickMarkLength\",\"default\":\"undefined\"},{\"title\":\"param\",\"description\":\"A function that passes the current tick value and expects a nicely formatted value in return.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"format\",\"default\":\"d=>d\"},{\"title\":\"param\",\"description\":\"If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"UnionType\",\"elements\":[{\"type\":\"NameExpression\",\"name\":\"Number\"},{\"type\":\"NameExpression\",\"name\":\"Array\"},{\"type\":\"NameExpression\",\"name\":\"Function\"}]}},\"name\":\"ticks\",\"default\":\"4\"},{\"title\":\"param\",\"description\":\"The amount of whitespace between the start of the tick and the chart drawing area (the xRange min).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickGutter\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dx` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dx\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dy` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dy\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"charPixelWidth\",\"default\":\"7.25\"}]},\"componentDescription\":\"Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -275,8 +275,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/AxisYRight.percent-range.html.svelte.html b/docs/components/AxisYRight.percent-range.html.svelte.html
index 5d778987..2ec7d5f5 100644
--- a/docs/components/AxisYRight.percent-range.html.svelte.html
+++ b/docs/components/AxisYRight.percent-range.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -276,7 +276,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/AxisYRight.percent-range.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"AxisYRight.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis on the right-hand side. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=true] - Show marks next to the tick label. */\\n  export let tickMarks = true;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=5] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 5;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style='0'\\n          style:left='0px'\\n          style:right='{(labelPosition === 'above' ? -widestTickLen : -tickLen) - tickGutter}px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{$width + tickGutter}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:left='calc(100% + {tickGutter + (labelPosition === 'even' ? tickLen : 0)}px)'\\n        style:transform='translate({dx + (labelPosition === 'even' ? 3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"Show marks next to the tick label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"tickMarks\",\"default\":\"true\"},{\"title\":\"param\",\"description\":\"Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"labelPosition\",\"default\":\"'even'\"},{\"title\":\"param\",\"description\":\"When labelPosition='even', adjust the lowest label so that it sits above the tick mark.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"snapBaselineLabel\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"When labelPosition='even', adjust the lowest label so that it sits above the tick mark.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"gridlines\",\"default\":\"true\"},{\"title\":\"param\",\"description\":\"The length of the tick mark. If not set, becomes the length of the widest tick.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickMarkLength\",\"default\":\"undefined\"},{\"title\":\"param\",\"description\":\"A function that passes the current tick value and expects a nicely formatted value in return.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"format\",\"default\":\"d=>d\"},{\"title\":\"param\",\"description\":\"If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"UnionType\",\"elements\":[{\"type\":\"NameExpression\",\"name\":\"Number\"},{\"type\":\"NameExpression\",\"name\":\"Array\"},{\"type\":\"NameExpression\",\"name\":\"Function\"}]}},\"name\":\"ticks\",\"default\":\"4\"},{\"title\":\"param\",\"description\":\"The amount of whitespace between the start of the tick and the chart drawing area (the xRange min).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickGutter\",\"default\":\"5\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dx` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dx\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dy` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dy\",\"default\":\"-3\"},{\"title\":\"param\",\"description\":\"Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"charPixelWidth\",\"default\":\"7.25\"}]},\"componentDescription\":\"Generates an HTML y-axis on the right-hand side. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -285,8 +285,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/AxisYRight.svelte.html b/docs/components/AxisYRight.svelte.html
index c5aceab6..bc13a451 100644
--- a/docs/components/AxisYRight.svelte.html
+++ b/docs/components/AxisYRight.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -266,7 +266,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/AxisYRight.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"AxisYRight.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='above'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. */\\n  export let labelPosition = 'above';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=5] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 5;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x2 = $width + tickGutter + (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1=\\\"0\\\"\\n          {x2}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          x1=\\\"{$width + tickGutter}\\\"\\n          x2='{$width + tickGutter + tickLen}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n\\n      \u003Ctext\\n        x='{$width + tickGutter + (labelPosition === 'even' ? tickLen : 0)}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? 3 : 0)}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"Show marks next to the tick label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"tickMarks\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"Whether the label sits even with its value ('even') or sits on top ('above') the tick mark.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"labelPosition\",\"default\":\"'above'\"},{\"title\":\"param\",\"description\":\"When labelPosition='even', adjust the lowest label so that it sits above the tick mark.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"snapBaselineLabel\",\"default\":\"false\"},{\"title\":\"param\",\"description\":\"When labelPosition='even', adjust the lowest label so that it sits above the tick mark.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"gridlines\",\"default\":\"true\"},{\"title\":\"param\",\"description\":\"The length of the tick mark. If not set, becomes the length of the widest tick.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickMarkLength\",\"default\":\"undefined\"},{\"title\":\"param\",\"description\":\"A function that passes the current tick value and expects a nicely formatted value in return.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"format\",\"default\":\"d=>d\"},{\"title\":\"param\",\"description\":\"If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"UnionType\",\"elements\":[{\"type\":\"NameExpression\",\"name\":\"Number\"},{\"type\":\"NameExpression\",\"name\":\"Array\"},{\"type\":\"NameExpression\",\"name\":\"Function\"}]}},\"name\":\"ticks\",\"default\":\"4\"},{\"title\":\"param\",\"description\":\"The amount of whitespace between the start of the tick and the chart drawing area (the xRange min).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"tickGutter\",\"default\":\"5\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dx` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dx\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Any optional value passed to the `dy` attribute on the text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"dy\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"charPixelWidth\",\"default\":\"7.25\"}]},\"componentDescription\":\"Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -275,8 +275,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Bar.svelte.html b/docs/components/Bar.svelte.html
index 8a20a079..162c9b94 100644
--- a/docs/components/Bar.svelte.html
+++ b/docs/components/Bar.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -105,7 +105,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Bar.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Bar.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG bar chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\\n\\n  /** @type {String} [fill='#00bbff'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#00bbff';\\n\u003C/script>\\n\\n\u003Cg class=\\\"bar-group\\\">\\n  {#each $data as d, i}\\n    \u003Crect\\n      class='group-rect'\\n      data-id=\\\"{i}\\\"\\n      x=\\\"{$xScale.range()[0]}\\\"\\n      y=\\\"{$yGet(d)}\\\"\\n      height={$yScale.bandwidth()}\\n      width=\\\"{$xGet(d)}\\\"\\n      {fill}\\n    >\u003C/rect>\\n  {/each}\\n\u003C/g>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Bar\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/Bar\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\",\"default\":\"'#00bbff'\"}]},\"componentDescription\":\"Generates an SVG bar chart.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -114,8 +114,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/BarStacked.svelte.html b/docs/components/BarStacked.svelte.html
index 1e9a3762..aa8a021a 100644
--- a/docs/components/BarStacked.svelte.html
+++ b/docs/components/BarStacked.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -91,7 +91,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/BarStacked.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"BarStacked.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG stacked bar chart and sets the color via an ordinal scale in `zScale`.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, zGet, yScale } = getContext('LayerCake');\\n\\n  $: columnWidth = d => {\\n    const xVals = $xGet(d);\\n    return xVals[1] - xVals[0];\\n  };\\n\u003C/script>\\n\\n\u003Cg class=\\\"bar-group\\\">\\n  {#each $data as series}\\n    {#each series as d, i}\\n      \u003Crect\\n        class='group-rect'\\n        data-id=\\\"{i}\\\"\\n        x=\\\"{$xGet(d)[0]}\\\"\\n        y=\\\"{$yGet(d)}\\\"\\n        height={$yScale.bandwidth()}\\n        width=\\\"{columnWidth(d)}\\\"\\n        fill={$zGet(series)}\\n      >\u003C/rect>\\n    {/each}\\n  {/each}\\n\u003C/g>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/BarStacked\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/BarStacked\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[]},\"componentDescription\":\"Generates an SVG stacked bar chart and sets the color via an ordinal scale in `zScale`.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -100,8 +100,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Beeswarm.html.svelte.html b/docs/components/Beeswarm.html.svelte.html
index ae37e63b..8a61a32b 100644
--- a/docs/components/Beeswarm.html.svelte.html
+++ b/docs/components/Beeswarm.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -218,7 +218,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Beeswarm.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Beeswarm.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML Beeswarm chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, zGet, height, config } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=3] - The circle radius size in pixels. */\\n  export let r = 3;\\n\\n  /** @type {Number} [strokeWidth=0] - The circle's stroke width in pixels. */\\n  export let strokeWidth = 0;\\n\\n  /** @type {String} [stroke='#fff'] - The circle's stroke color. */\\n  export let stroke = '#fff';\\n\\n  /** @type {Number} [spacing=1.5] - Spacing, in pixels, between each circle. */\\n  export let spacing = 1.5;\\n\\n  /** @type {Function} [getTitle] — An accessor function to get the field on the data element to display as a hover label. Mostly useful for debugging, needs better styling for production. */\\n  export let getTitle = undefined;\\n\\n  $: circles = dodge($data, { rds: r * 2 + spacing + strokeWidth, x: $xGet });\\n\\n  function dodge(data, { rds = 1, x = d => d } = {}) {\\n    const radius2 = rds ** 2;\\n    const circles = data.map(d => ({ x: x(d), [$config.z]: d[$config.z], data: d })).sort((a, b) => a.x - b.x);\\n    const epsilon = 1e-3;\\n    let head = null, tail = null;\\n\\n    // Returns true if circle ⟨x,y⟩ intersects with any circle in the queue.\\n    function intersects(x, y) {\\n      let a = head;\\n      while (a) {\\n        if (radius2 - epsilon > (a.x - x) ** 2 + (a.y - y) ** 2) {\\n          return true;\\n        }\\n        a = a.next;\\n      }\\n      return false;\\n    }\\n\\n    // Place each circle sequentially.\\n    for (const b of circles) {\\n\\n      // Remove circles from the queue that can’t intersect the new circle b.\\n      while (head && head.x \u003C b.x - radius2) head = head.next;\\n\\n      // Choose the minimum non-intersecting tangent.\\n      if (intersects(b.x, b.y = 0)) {\\n        let a = head;\\n        b.y = Infinity;\\n        do {\\n          let y = a.y + Math.sqrt(radius2 - (a.x - b.x) ** 2);\\n          if (y \u003C b.y && !intersects(b.x, y)) b.y = y;\\n          a = a.next;\\n        } while (a);\\n      }\\n\\n      // Add b to the queue.\\n      b.next = null;\\n      if (head === null) head = tail = b;\\n      else tail = tail.next = b;\\n    }\\n\\n    return circles;\\n  }\\n\u003C/script>\\n\\n\u003Cdiv class='bee-group'>\\n  {#each circles as d}\\n    \u003Cdiv\\n      class=\\\"bee\\\"\\n      style=\\\"\\n        background:{$zGet(d)};\\n        border-color:{stroke};\\n        border-width:{strokeWidth};\\n        left:{d.x}px;\\n        top:{$height - r - spacing - strokeWidth / 2 - d.y}px;\\n        width:{r * 2}px;\\n        height:{r * 2}px;\\n      \\\"\\n    >\\n      {#if getTitle}\\n        \u003Cdiv class=\\\"title\\\">{getTitle(d)}\u003C/div>\\n      {/if}\\n    \u003C/div>\\n  {/each}\\n  \u003C/div>\\n\\n\u003Cstyle>\\n  .bee {\\n    position: absolute;\\n    border-style: solid;\\n    border-radius: 50%;\\n    transform: translate(-50%, -50%);\\n  }\\n  .title {\\n    display: none;\\n    white-space: nowrap;\\n    padding: 0 3px;\\n    border-radius: 3px;\\n    font-size: 12px;\\n    pointer-events: none;\\n    position: absolute;\\n    top: -15px;\\n    left: 5px;\\n    z-index: 9999;\\n  }\\n  .bee:hover .title {\\n    display: block\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The circle radius size in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"r\",\"default\":\"3\"},{\"title\":\"param\",\"description\":\"The circle's stroke width in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"strokeWidth\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"The circle's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#fff'\"},{\"title\":\"param\",\"description\":\"Spacing, in pixels, between each circle.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"spacing\",\"default\":\"1.5\"},{\"title\":\"param\",\"description\":\"— An accessor function to get the field on the data element to display as a hover label. Mostly useful for debugging, needs better styling for production.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"getTitle\"}]},\"componentDescription\":\"Generates an HTML Beeswarm chart.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -227,8 +227,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Beeswarm.svelte.html b/docs/components/Beeswarm.svelte.html
index 7936dc40..cb895e07 100644
--- a/docs/components/Beeswarm.svelte.html
+++ b/docs/components/Beeswarm.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -190,7 +190,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Beeswarm.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Beeswarm.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG Beeswarm chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, zGet, height, config } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=3] - The circle radius size in pixels. */\\n  export let r = 3;\\n\\n  /** @type {Number} [strokeWidth=0] - The circle's stroke width in pixels. */\\n  export let strokeWidth = 0;\\n\\n  /** @type {String} [stroke='#fff'] - The circle's stroke color. */\\n  export let stroke = '#fff';\\n\\n  /** @type {Number} [spacing=1.5] - Whitespace padding between each circle, in pixels */\\n  export let spacing = 1.5;\\n\\n  /** @type {Function} [getTitle] — An accessor function to get the field on the data element to display as a hover label using a `\u003Ctitle>` tag. */\\n  export let getTitle = undefined;\\n\\n  $: circles = dodge($data, { rds: r * 2 + spacing + strokeWidth, x: $xGet });\\n\\n  function dodge(data, { rds = 1, x = d => d } = {}) {\\n    const radius2 = rds ** 2;\\n    const circles = data.map(d => ({ x: x(d), [$config.z]: d[$config.z], data: d })).sort((a, b) => a.x - b.x);\\n    const epsilon = 1e-3;\\n    let head = null, tail = null;\\n\\n    // Returns true if circle ⟨x,y⟩ intersects with any circle in the queue.\\n    function intersects(x, y) {\\n      let a = head;\\n      while (a) {\\n        if (radius2 - epsilon > (a.x - x) ** 2 + (a.y - y) ** 2) {\\n          return true;\\n        }\\n        a = a.next;\\n      }\\n      return false;\\n    }\\n\\n    // Place each circle sequentially.\\n    for (const b of circles) {\\n\\n      // Remove circles from the queue that can’t intersect the new circle b.\\n      while (head && head.x \u003C b.x - radius2) head = head.next;\\n\\n      // Choose the minimum non-intersecting tangent.\\n      if (intersects(b.x, b.y = 0)) {\\n        let a = head;\\n        b.y = Infinity;\\n        do {\\n          let y = a.y + Math.sqrt(radius2 - (a.x - b.x) ** 2);\\n          if (y \u003C b.y && !intersects(b.x, y)) b.y = y;\\n          a = a.next;\\n        } while (a);\\n      }\\n\\n      // Add b to the queue.\\n      b.next = null;\\n      if (head === null) head = tail = b;\\n      else tail = tail.next = b;\\n    }\\n\\n    return circles;\\n  }\\n\u003C/script>\\n\\n\u003Cg class='bee-group'>\\n  {#each circles as d}\\n    \u003Ccircle\\n      fill={$zGet(d)}\\n      stroke='{stroke}'\\n      stroke-width='{strokeWidth}'\\n      cx='{d.x}'\\n      cy='{$height - r - spacing - strokeWidth / 2 - d.y}'\\n      r='{r}'\\n    >\\n      {#if getTitle}\\n        \u003Ctitle>{getTitle(d)}\u003C/title>\\n      {/if}\\n    \u003C/circle>\\n  {/each}\\n\u003C/g>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Beeswarm\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The circle radius size in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"r\",\"default\":\"3\"},{\"title\":\"param\",\"description\":\"The circle's stroke width in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"strokeWidth\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"The circle's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#fff'\"},{\"title\":\"param\",\"description\":\"Whitespace padding between each circle, in pixels\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"spacing\",\"default\":\"1.5\"},{\"title\":\"param\",\"description\":\"— An accessor function to get the field on the data element to display as a hover label using a `\u003Ctitle>` tag.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"getTitle\"}]},\"componentDescription\":\"Generates an SVG Beeswarm chart.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -199,8 +199,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/BeeswarmForce.html.svelte.html b/docs/components/BeeswarmForce.html.svelte.html
index c7bbaaa2..0ece10e2 100644
--- a/docs/components/BeeswarmForce.html.svelte.html
+++ b/docs/components/BeeswarmForce.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -199,7 +199,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/BeeswarmForce.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"BeeswarmForce.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML Beeswarm chart using a [d3-force simulation](https://github.com/d3/d3-force).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { forceSimulation, forceX, forceY, forceCollide } from 'd3-force';\\n\\n  const { data, xGet, height, zGet } = getContext('LayerCake');\\n\\n  const nodes = $data.map((d) => ({ ...d }));\\n\\n  /** @type {Number} [r=4] - The circle radius size in pixels. */\\n  export let r = 4;\\n\\n  /** @type {Number} [strokeWidth=0.5] - The circle's stroke width in pixels. */\\n  export let strokeWidth = 0.5;\\n\\n  /** @type {String} [stroke='#fff'] - The circle's stroke color. */\\n  export let stroke = '#fff';\\n\\n  /** @type {Number} [xStrength=0.95] - The value passed into the `.strength` method on `forceX`, which is used as the `'x'` property on the simulation. See [the documentation](https://github.com/d3/d3-force#x_strength) for more. */\\n  export let xStrength = 0.95;\\n\\n  /** @type {Number} [yStrength=0.075] - The value passed into the `.strength` method on `forceY`, which is used as the `'y'` property on the simulation. See [the documentation](https://github.com/d3/d3-force#y_strength) for more. */\\n  export let yStrength = 0.075;\\n\\n  /** @type {Function} [getTitle] — An accessor function to get the field on the data element to display as a hover label. Mostly useful for debugging, needs better styling for production. */\\n  export let getTitle = undefined;\\n\\n  $: simulation = forceSimulation(nodes)\\n    .force('x', forceX().x(d => $xGet(d)).strength(xStrength))\\n    .force('y', forceY().y($height / 2).strength(yStrength))\\n    .force('collide', forceCollide(r + strokeWidth / 2))\\n    .stop();\\n\\n  $: {\\n    for ( let i = 0,\\n      n = Math.ceil(Math.log(simulation.alphaMin()) / Math.log(1 - simulation.alphaDecay()));\\n      i \u003C n;\\n      ++i ) {\\n      simulation.tick();\\n    }\\n  }\\n\u003C/script>\\n\\n\u003Cdiv class='bee-group'>\\n  {#each simulation.nodes() as node}\\n    \u003Cdiv\\n      class='bee'\\n      style='\\n        left:{node.x}px;\\n        top: {node.y}px;\\n        width: {r * 2}px;\\n        height: {r * 2}px;\\n        background: {$zGet(node)};\\n        border-width: {strokeWidth}px;\\n        border-color: {stroke};\\n        '\\n    >\\n      {#if getTitle}\\n        \u003Cdiv class=\\\"title\\\">{getTitle(node)}\u003C/div>\\n      {/if}\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .bee {\\n    position: absolute;\\n    border-style: solid;\\n    border-radius: 50%;\\n    transform: translate(-50%, -50%);\\n  }\\n  .title {\\n    display: none;\\n    white-space: nowrap;\\n    padding: 0 3px;\\n    border-radius: 3px;\\n    font-size: 12px;\\n    pointer-events: none;\\n    position: absolute;\\n    top: -15px;\\n    left: 5px;\\n    z-index: 9999;\\n  }\\n  .bee:hover .title {\\n    display: block\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The circle radius size in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"r\",\"default\":\"4\"},{\"title\":\"param\",\"description\":\"The circle's stroke width in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"strokeWidth\",\"default\":\"0.5\"},{\"title\":\"param\",\"description\":\"The circle's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#fff'\"},{\"title\":\"param\",\"description\":\"The value passed into the `.strength` method on `forceX`, which is used as the `'x'` property on the simulation. See [the documentation](https://github.com/d3/d3-force#x_strength) for more.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"xStrength\",\"default\":\"0.95\"},{\"title\":\"param\",\"description\":\"The value passed into the `.strength` method on `forceY`, which is used as the `'y'` property on the simulation. See [the documentation](https://github.com/d3/d3-force#y_strength) for more.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"yStrength\",\"default\":\"0.075\"},{\"title\":\"param\",\"description\":\"— An accessor function to get the field on the data element to display as a hover label. Mostly useful for debugging, needs better styling for production.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"getTitle\"}]},\"componentDescription\":\"Generates an HTML Beeswarm chart using a [d3-force simulation](https://github.com/d3/d3-force).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -208,8 +208,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/BeeswarmForce.svelte.html b/docs/components/BeeswarmForce.svelte.html
index f6e1f0ff..a08dd804 100644
--- a/docs/components/BeeswarmForce.svelte.html
+++ b/docs/components/BeeswarmForce.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -171,7 +171,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/BeeswarmForce.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"BeeswarmForce.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG Beeswarm chart using a [d3-force simulation](https://github.com/d3/d3-force).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { forceSimulation, forceX, forceY, forceCollide } from 'd3-force';\\n\\n  const { data, xGet, height, zGet } = getContext('LayerCake');\\n\\n  const nodes = $data.map((d) => ({ ...d }));\\n\\n  /** @type {Number} [r=4] - The circle radius size in pixels. */\\n  export let r = 4;\\n\\n  /** @type {Number} [strokeWidth=1] - The circle's stroke width in pixels. */\\n  export let strokeWidth = 1;\\n\\n  /** @type {String} [stroke='#fff'] - The circle's stroke color. */\\n  export let stroke = '#fff';\\n\\n  /** @type {Number} [xStrength=0.95] - The value passed into the `.strength` method on `forceX`. See [the documentation](https://github.com/d3/d3-force#x_strength). */\\n  export let xStrength = 0.95;\\n\\n  /** @type {Number} [yStrength=0.075] - The value passed into the `.strength` method on `forceY`. See [the documentation](https://github.com/d3/d3-force#y_strength). */\\n  export let yStrength = 0.075;\\n\\n  /** @type {Function} [getTitle] — An accessor function to get the field on the data element to display as a hover label using a `\u003Ctitle>` tag. */\\n  export let getTitle = undefined;\\n\\n  $: simulation = forceSimulation(nodes)\\n    .force('x', forceX().x(d => $xGet(d)).strength(xStrength))\\n    .force('y', forceY().y($height / 2).strength(yStrength))\\n    .force('collide', forceCollide(r))\\n    .stop();\\n\\n  $: {\\n    for ( let i = 0,\\n      n = Math.ceil(Math.log(simulation.alphaMin()) / Math.log(1 - simulation.alphaDecay()));\\n      i \u003C n;\\n      ++i ) {\\n      simulation.tick();\\n    }\\n  }\\n\u003C/script>\\n\\n\u003Cg class='bee-group'>\\n  {#each simulation.nodes() as node}\\n    \u003Ccircle\\n      fill='{$zGet(node)}'\\n      stroke='{stroke}'\\n      stroke-width='{strokeWidth}'\\n      cx='{node.x}'\\n      cy='{node.y}'\\n      r='{r}'\\n    >\\n      {#if getTitle}\\n        \u003Ctitle>{getTitle(node)}\u003C/title>\\n      {/if}\\n    \u003C/circle>\\n  {/each}\\n\u003C/g>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/BeeswarmForce\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The circle radius size in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"r\",\"default\":\"4\"},{\"title\":\"param\",\"description\":\"The circle's stroke width in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"strokeWidth\",\"default\":\"1\"},{\"title\":\"param\",\"description\":\"The circle's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#fff'\"},{\"title\":\"param\",\"description\":\"The value passed into the `.strength` method on `forceX`. See [the documentation](https://github.com/d3/d3-force#x_strength).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"xStrength\",\"default\":\"0.95\"},{\"title\":\"param\",\"description\":\"The value passed into the `.strength` method on `forceY`. See [the documentation](https://github.com/d3/d3-force#y_strength).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"yStrength\",\"default\":\"0.075\"},{\"title\":\"param\",\"description\":\"— An accessor function to get the field on the data element to display as a hover label using a `\u003Ctitle>` tag.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"getTitle\"}]},\"componentDescription\":\"Generates an SVG Beeswarm chart using a [d3-force simulation](https://github.com/d3/d3-force).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -180,8 +180,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Brush.html.svelte.html b/docs/components/Brush.html.svelte.html
index 418e42cf..d75702dc 100644
--- a/docs/components/Brush.html.svelte.html
+++ b/docs/components/Brush.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -219,7 +219,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Brush.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Brush.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds a brush component to create a range between 0 and 1. Bind to the `min` and `max` props to use them in other components. See the [brushable example](https://layercake.graphcics/example/Brush) for use.\\n -->\\n\u003Cscript>\\n  import { clamp } from 'yootils';\\n\\n  /** @type {Number} min - The brush's min value. Useful to bind to. */\\n  export let min;\\n\\n  /** @type {Number} max - The brush's max value. Useful to bind to. */\\n  export let max;\\n\\n  let brush;\\n\\n  const p = x => {\\n    const { left, right } = brush.getBoundingClientRect();\\n    return clamp((x - left) / (right - left), 0, 1);\\n  };\\n\\n  const handler = fn => {\\n    return e => {\\n      if (e.type === 'touchstart') {\\n        if (e.touches.length !== 1) return;\\n        e = e.touches[0];\\n      }\\n\\n      const id = e.identifier;\\n      const start = { min, max, p: p(e.clientX) };\\n\\n      const handle_move = e => {\\n        if (e.type === 'touchmove') {\\n          if (e.changedTouches.length !== 1) return;\\n          e = e.changedTouches[0];\\n          if (e.identifier !== id) return;\\n        }\\n\\n        fn(start, p(e.clientX));\\n      };\\n\\n      const handle_end = e => {\\n        if (e.type === 'touchend') {\\n          if (e.changedTouches.length !== 1) return;\\n          if (e.changedTouches[0].identifier !== id) return;\\n        } else if (e.target === brush) {\\n          clear();\\n        }\\n\\n        window.removeEventListener('mousemove', handle_move);\\n        window.removeEventListener('mouseup', handle_end);\\n\\n        window.removeEventListener('touchmove', handle_move);\\n        window.removeEventListener('touchend', handle_end);\\n      };\\n\\n      window.addEventListener('mousemove', handle_move);\\n      window.addEventListener('mouseup', handle_end);\\n\\n      window.addEventListener('touchmove', handle_move);\\n      window.addEventListener('touchend', handle_end);\\n    };\\n  };\\n\\n  const clear = () => {\\n    min = null;\\n    max = null;\\n  }\\n\\n  const reset = handler((start, p) => {\\n    min = clamp(Math.min(start.p, p), 0, 1);\\n    max = clamp(Math.max(start.p, p), 0, 1);\\n  });\\n\\n  const move = handler((start, p) => {\\n    const d = clamp(p - start.p, -start.min, 1 - start.max);\\n    min = start.min + d;\\n    max = start.max + d;\\n  });\\n\\n  const adjust_min = handler((start, p) => {\\n    min = p > start.max ? start.max : p;\\n    max = p > start.max ? p : start.max;\\n  });\\n\\n  const adjust_max = handler((start, p) => {\\n    min = p \u003C start.min ? p : start.min;\\n    max = p \u003C start.min ? start.min : p;\\n  });\\n\\n  $: left = 100 * min;\\n  $: right = 100 * (1 - max);\\n\u003C/script>\\n\\n\u003Cdiv bind:this={brush} class=\\\"brush-outer\\\" on:mousedown|stopPropagation={reset} on:touchstart|stopPropagation={reset}>\\n  {#if min !== null}\\n    \u003Cdiv class=\\\"brush-inner\\\" on:mousedown|stopPropagation={move} on:touchstart|stopPropagation={move} style=\\\"left: {left}%; right: {right}%\\\">\u003C/div>\\n    \u003Cdiv class=\\\"brush-handle\\\" on:mousedown|stopPropagation={adjust_min} on:touchstart|stopPropagation={adjust_min} style=\\\"left: {left}%\\\">\u003C/div>\\n    \u003Cdiv class=\\\"brush-handle\\\" on:mousedown|stopPropagation={adjust_max} on:touchstart|stopPropagation={adjust_max} style=\\\"right: {right}%\\\">\u003C/div>\\n  {/if}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .brush-outer {\\n    position: relative;\\n    width: 100%;\\n    height: calc(100% + 5px);\\n    top: -5px;\\n  }\\n\\n  .brush-inner {\\n    position: absolute;\\n    height: 100%;\\n    cursor: move;\\n    /* mix-blend-mode: difference; */\\n    background-color: #cccccc90;\\n    /* border: 1px solid #000; */\\n  }\\n\\n  .brush-handle {\\n    position: absolute;\\n    width: 0;\\n    height: 100%;\\n    cursor: ew-resize;\\n  }\\n\\n  .brush-handle::before {\\n    position: absolute;\\n    content: '';\\n    width: 8px;\\n    left: -4px;\\n    height: 100%;\\n    background: transparent;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Brush\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/Brush\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The brush's min value. Useful to bind to.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Number\"},\"name\":\"min\"},{\"title\":\"param\",\"description\":\"The brush's max value. Useful to bind to.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Number\"},\"name\":\"max\"}]},\"componentDescription\":\"Adds a brush component to create a range between 0 and 1. Bind to the `min` and `max` props to use them in other components. See the [brushable example](https://layercake.graphcics/example/Brush) for use.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -228,8 +228,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/CalendarMonth.svelte.html b/docs/components/CalendarMonth.svelte.html
index c1edfa57..b3ce3d82 100644
--- a/docs/components/CalendarMonth.svelte.html
+++ b/docs/components/CalendarMonth.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -157,7 +157,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/CalendarMonth.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"CalendarMonth.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG calendar chart.\\n -->\\n\u003Cscript>\\n\\n  import { getContext } from 'svelte';\\n  import { timeFormat } from 'd3-time-format';\\n  import { timeDay } from 'd3-time';\\n\\n  const { width, height, data, x, z, zScale, extents } = getContext('LayerCake');\\n\\n  /** @type {Function} [calcCellSize=(w, h) => Math.min(w / 7, h / 5)] - A function givn the canvas width and height as arguments and expects a return number that will be used as the width and height for each cell. The default will choose a size that fits seven cells across and five rows top to bottom. */\\n  export let calcCellSize = (w, h) => Math.min(w / 7, h / 5);\\n\\n  const getDayOfWeek = timeFormat('%w');\\n  const getWeekOfYear = timeFormat('%U');\\n\\n  $: count = date => {\\n    const stringDate = date.toISOString().split('T')[0];\\n    const days = $data.filter(d => $x(d) === stringDate)[0];\\n    if (days) {\\n      return $z(days);\\n    }\\n    return 0;\\n  };\\n\\n  $: fillColor = day => {\\n    const n = count(day);\\n    return n ? $zScale(n) : '#fff';\\n  };\\n\\n  $: cellSize = calcCellSize($width, $height);\\n\\n  let days;\\n\\n  /* --------------------------------------------\\n   * Calculate what month we're in and generate the full days of that month\\n   */\\n  $: {\\n    const minDate = $extents.x[0];\\n    const parts = minDate.split('-').map(d => +d);\\n\\n    days = timeDay.range(new Date(Date.UTC(parts[0], parts[1] - 1, 1)), new Date(Date.UTC(parts[0], parts[1], 1)));\\n  }\\n\\n  $: rectX = day => getDayOfWeek(day) * cellSize;\\n  $: rectY = day => {\\n    const startWeek = getWeekOfYear(new Date(day.getUTCFullYear(), day.getUTCMonth(), 1));\\n    const thisWeek = getWeekOfYear(day);\\n    const weekDiff = thisWeek - startWeek;\\n    return weekDiff * cellSize;\\n  };\\n\\n  function showCount(day) {\\n    console.log(day, count(day));\\n  }\\n\u003C/script>\\n\\n{#each days as day}\\n  \u003Crect\\n    class=\\\"day\\\"\\n    width=\\\"{cellSize}\\\"\\n    height=\\\"{cellSize}\\\"\\n    x=\\\"{rectX(day)}\\\"\\n    y=\\\"{rectY(day)}\\\"\\n    style=\\\"fill:{fillColor(day)};\\\"\\n    on:mouseenter=\\\"{showCount(day)}\\\"\\n  />\\n{/each}\\n\\n\u003Cstyle>\\n  .day {\\n    stroke: #000;\\n    stroke-width: 1;\\n    fill: #fff;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Calendar\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/Calendar\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A function givn the canvas width and height as arguments and expects a return number that will be used as the width and height for each cell. The default will choose a size that fits seven cells across and five rows top to bottom.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"calcCellSize\",\"default\":\"(w,h)=>Math.min(w/7,h/5)\"}]},\"componentDescription\":\"Generates an SVG calendar chart.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -166,8 +166,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/CirclePack.html.svelte.html b/docs/components/CirclePack.html.svelte.html
index 87af4197..cd4f23e2 100644
--- a/docs/components/CirclePack.html.svelte.html
+++ b/docs/components/CirclePack.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -329,7 +329,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/CirclePack.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"CirclePack.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML circle pack chart using [d3-hierarchy](https://github.com/d3/d3-hierarchy).\\n -->\\n\u003Cscript>\\n  import { stratify, pack, hierarchy } from 'd3-hierarchy'\\n  import { getContext } from 'svelte';\\n  import { format } from 'd3-format';\\n\\n  const { width, height, data } = getContext('LayerCake');\\n\\n  /** @type {String} [idKey='id'] - The key on each object where the id value lives. */\\n  export let idKey = 'id';\\n\\n  /** @type {String} [parentKey] - Set this if you want to define one parent circle. This will give you a [nested](https://layercake.graphics/example/CirclePackNested) graphic versus a [grouping of circles](https://layercake.graphics/example/CirclePack). */\\n  export let parentKey = undefined;\\n\\n  /** @type {String} [valueKey='value'] - The key on each object where the data value lives. */\\n  export let valueKey = 'value';\\n\\n  /** @type {Function} [labelVisibilityThreshold=r => r > 25] - By default, only show the text inside a circle if its radius exceeds a certain size. Provide your own function for different behavior. */\\n  export let labelVisibilityThreshold = r => r > 25;\\n\\n  /** @type {String} [fill='#fff'] - The circle's fill color. */\\n  export let fill = '#fff';\\n\\n  /** @type {String} [stroke='#999'] - The circle's stroke color. */\\n  export let stroke = '#999';\\n\\n  /** @type {Number} [strokeWidth=1] - The circle's stroke width, in pixels. */\\n  export let strokeWidth = 1;\\n\\n  /** @type {String} [textColor='#333'] - The label text color. */\\n  export let textColor = '#333';\\n\\n  /** @type {String} [textStroke='#000'] - The label text's stroke color. */\\n  export let textStroke = '#000';\\n\\n  /** @type {Number} [textStrokeWidth=0] - The label text's stroke width, in pixels. */\\n  export let textStrokeWidth = 0;\\n\\n  /** @type {Function} [sortBy=(a, b) => b.value - a.value] - The order in which circle's are drawn. Sorting on the `depth` key is also a popular choice. */\\n  export let sortBy = (a, b) => b.value - a.value; // 'depth' is also a popular choice\\n\\n  /** @type {Number} [spacing=0] - Whitespace padding between each circle, in pixels. */\\n  export let spacing = 0;\\n\\n  /* --------------------------------------------\\n   * This component will automatically group your data\\n   * into one group if no `parentKey` was passed in.\\n   * Stash $data here so we can add our own parent\\n   * if there's no `parentKey`\\n   */\\n  let parent = {};\\n  $: dataset = $data;\\n\\n  $: if (parentKey === undefined) {\\n    parent = { [idKey]: 'all' };\\n    dataset = [...dataset, parent]\\n  }\\n\\n  $: stratifier = stratify()\\n    .id(d => d[idKey])\\n    .parentId(d => {\\n      if (d[idKey] === parent[idKey]) return '';\\n      return d[parentKey] || parent[idKey];\\n    });\\n\\n  $: packer = pack()\\n    .size([$width, $height])\\n    .padding(spacing);\\n\\n  $: stratified = stratifier(dataset);\\n\\n  $: root = hierarchy(stratified)\\n    .sum((d, i) => {\\n      return d.data[valueKey] || 1;\\n    })\\n    .sort(sortBy);\\n\\n  $: packed = packer(root);\\n\\n  $: descendants = packed.descendants();\\n\\n  const titleCase = d => d.replace(/^\\\\w/, w => w.toUpperCase());\\n  const commas = format(',');\\n\u003C/script>\\n\\n\u003Cdiv class=\\\"circle-pack\\\" data-has-parent-key=\\\"{parentKey !== undefined}\\\">\\n  {#each descendants as d}\\n    \u003Cdiv\\n      class=\\\"circle-group\\\"\\n      data-id=\\\"{d.data.id}\\\"\\n      data-visible=\\\"{labelVisibilityThreshold(d.r)}\\\"\\n    >\\n      \u003Cdiv\\n        class=\\\"circle\\\"\\n        style=\\\"left:{d.x}px;top:{d.y}px;width:{d.r * 2}px;height:{d.r * 2}px;background-color:{fill};border: {strokeWidth}px solid {stroke};\\\"\\n      />\\n        \u003Cdiv\\n          class=\\\"text-group\\\"\\n          style=\\\"\\n            color:{textColor};\\n            text-shadow:\\n              -{textStrokeWidth}px -{textStrokeWidth}px 0 {textStroke},\\n              {textStrokeWidth}px -{textStrokeWidth}px 0 {textStroke},\\n              -{textStrokeWidth}px {textStrokeWidth}px 0 {textStroke},\\n              {textStrokeWidth}px {textStrokeWidth}px 0 {textStroke};\\n            left:{d.x}px;\\n            top:{d.y - (labelVisibilityThreshold(d.r) ? 0 : (d.r + 4))}px;\\n          \\\"\\n        >\\n          \u003Cdiv class=\\\"text\\\">{titleCase(d.data.id)}\u003C/div>\\n          {#if d.data.data[valueKey]}\\n            \u003Cdiv class=\\\"text value\\\" >{commas(d.data.data[valueKey])}\u003C/div>\\n          {/if}\\n        \u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .circle-pack {\\n    position: relative;\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .circle,\\n  .text-group {\\n    position: absolute;\\n  }\\n  .circle {\\n    transform: translate(-50%, -50%);\\n  }\\n  /* Hide the root node if we want, useful if we are creating our own root */\\n  .circle-pack[data-has-parent-key=\\\"false\\\"]  .circle-group[data-id=\\\"all\\\"] {\\n    display: none;\\n  }\\n  /* .circle-group:hover {\\n    z-index: 9999;\\n  } */\\n  .circle-group[data-visible=\\\"false\\\"] .text-group {\\n    display: none;\\n    padding: 4px 7px;\\n    background: #fff;\\n    border: 1px solid #ccc;\\n    transform: translate(-50%, -100%);\\n    top: -4px;\\n  }\\n  .circle-group[data-visible=\\\"false\\\"]:hover .text-group {\\n    z-index: 999;\\n    display: block !important;\\n    /* On hover, set the text color to black and eliminate the shadow */\\n    text-shadow: none !important;\\n    color: #000 !important;\\n  }\\n  .circle-group[data-visible=\\\"false\\\"]:hover .circle {\\n    border-color: #000 !important;\\n  }\\n  .text-group {\\n    width: auto;\\n    top: 50%;\\n    left: 50%;\\n    text-align: center;\\n    transform: translate(-50%, -50%);\\n    white-space: nowrap;\\n    pointer-events: none;\\n    cursor: pointer;\\n    line-height: 13px;\\n  }\\n  .text {\\n    width: 100%;\\n    font-size: 11px;\\n    /* text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; */\\n  }\\n  .text.value{\\n    font-size: 11px;\\n  }\\n  .circle {\\n    border-radius: 50%;\\n    top: 0;\\n    left: 0;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/CirclePack\",\"/example/CirclePackNested\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The key on each object where the id value lives.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"idKey\",\"default\":\"'id'\"},{\"title\":\"param\",\"description\":\"Set this if you want to define one parent circle. This will give you a [nested](https://layercake.graphics/example/CirclePackNested) graphic versus a [grouping of circles](https://layercake.graphics/example/CirclePack).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"parentKey\"},{\"title\":\"param\",\"description\":\"The key on each object where the data value lives.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"valueKey\",\"default\":\"'value'\"},{\"title\":\"param\",\"description\":\"By default, only show the text inside a circle if its radius exceeds a certain size. Provide your own function for different behavior.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"labelVisibilityThreshold\",\"default\":\"r=>r>25\"},{\"title\":\"param\",\"description\":\"The circle's fill color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\",\"default\":\"'#fff'\"},{\"title\":\"param\",\"description\":\"The circle's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#999'\"},{\"title\":\"param\",\"description\":\"The circle's stroke width, in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"strokeWidth\",\"default\":\"1\"},{\"title\":\"param\",\"description\":\"The label text color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"textColor\",\"default\":\"'#333'\"},{\"title\":\"param\",\"description\":\"The label text's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"textStroke\",\"default\":\"'#000'\"},{\"title\":\"param\",\"description\":\"The label text's stroke width, in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"textStrokeWidth\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"The order in which circle's are drawn. Sorting on the `depth` key is also a popular choice.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"sortBy\",\"default\":\"(a,b)=>b.value-a.value\"},{\"title\":\"param\",\"description\":\"Whitespace padding between each circle, in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"spacing\",\"default\":\"0\"}]},\"componentDescription\":\"Generates an HTML circle pack chart using [d3-hierarchy](https://github.com/d3/d3-hierarchy).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -338,8 +338,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/CirclePackForce.svelte.html b/docs/components/CirclePackForce.svelte.html
index a9c4aa0c..56730804 100644
--- a/docs/components/CirclePackForce.svelte.html
+++ b/docs/components/CirclePackForce.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -188,7 +188,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/CirclePackForce.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"CirclePackForce.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG force simulation using [d3-force](https://github.com/d3/d3-force). The values here are defaults which you will likely have to customize because every force simulation is different. This technique comes from @plmrry.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import {\\n    forceSimulation,\\n    forceX,\\n    forceManyBody,\\n    forceCollide,\\n    forceCenter,\\n  } from 'd3-force';\\n\\n  const { data, width, height, xScale, xGet, rGet, zGet } = getContext('LayerCake');\\n\\n  /** @type {Number} [manyBodyStrength=5] - The value passed into the `.strength` method on `forceManyBody`, which is used as the `'charge'` property on the simulation. See [the documentation](https://github.com/d3/d3-force#manyBody_strength) for more. */\\n  export let manyBodyStrength = 5;\\n\\n  /** @type {Number} [xStrength=0.1] - The value passed into the `.strength` method on `forceX`, which is used as the `'x'` property on the simulation. See [the documentation](https://github.com/d3/d3-force#x_strength) for more. */\\n  export let xStrength = 0.1;\\n\\n  /** @type {String} [nodeColor] Set a color manually otherwise it will default to the `zScale`. */\\n  export let nodeColor = undefined;\\n\\n  /** @type {String} [nodeStroke='#fff'] - The circle's stroke color. */\\n  export let nodeStroke = '#fff';\\n\\n  /** @type {Number} [nodeStrokeWidth=1] - The circle's stroke width, in pixels. */\\n  export let nodeStrokeWidth = 1;\\n\\n  /** @type {Boolean} [groupBy=true] - Group the nodes by the return value of the x-scale. If `false`, align all the nodes to the canvas center. */\\n  export let groupBy = true;\\n\\n  /* --------------------------------------------\\n   * Make a copy because the simulation will alter the objects\\n   */\\n  const initialNodes = $data.map((d) => ({ ...d }));\\n\\n  const simulation = forceSimulation(initialNodes)\\n\\n  let nodes = [];\\n\\n  simulation.on(\\\"tick\\\", () => {\\n    nodes = simulation.nodes()\\n  })\\n\\n  /* ----------------------------------------------\\n   * When variables change, set forces and restart the simulation\\n   */\\n  $: {\\n    simulation\\n      .force('x', forceX().x(d => {\\n        return groupBy === true ? $xGet(d) + $xScale.bandwidth() / 2 : $width / 2;\\n      }).strength(xStrength))\\n      .force('center', forceCenter($width / 2, $height / 2))\\n      .force('charge', forceManyBody().strength(manyBodyStrength))\\n      .force('collision', forceCollide().radius(d => {\\n        return $rGet(d) + nodeStrokeWidth / 2; // Divide this by two because an svg stroke is drawn halfway out\\n      }))\\n      .force('center', forceCenter($width / 2, $height / 2))\\n      .alpha(1)\\n      .restart()\\n  }\\n\\n\u003C/script>\\n  {#each nodes as point}\\n    \u003Ccircle\\n      class='node'\\n      r={$rGet(point)}\\n      fill={nodeColor || $zGet(point)}\\n      stroke={nodeStroke}\\n      stroke-width={nodeStrokeWidth}\\n      cx='{point.x}'\\n      cy='{point.y}'\\n    >\\n      \u003C!-- \u003Ctitle>{point[$custom.title]}\u003C/title> -->\\n    \u003C/circle>\\n  {/each}\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/CirclePackForce\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The value passed into the `.strength` method on `forceManyBody`, which is used as the `'charge'` property on the simulation. See [the documentation](https://github.com/d3/d3-force#manyBody_strength) for more.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"manyBodyStrength\",\"default\":\"5\"},{\"title\":\"param\",\"description\":\"The value passed into the `.strength` method on `forceX`, which is used as the `'x'` property on the simulation. See [the documentation](https://github.com/d3/d3-force#x_strength) for more.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"xStrength\",\"default\":\"0.1\"},{\"title\":\"param\",\"description\":\"Set a color manually otherwise it will default to the `zScale`.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"nodeColor\"},{\"title\":\"param\",\"description\":\"The circle's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"nodeStroke\",\"default\":\"'#fff'\"},{\"title\":\"param\",\"description\":\"The circle's stroke width, in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"nodeStrokeWidth\",\"default\":\"1\"},{\"title\":\"param\",\"description\":\"Group the nodes by the return value of the x-scale. If `false`, align all the nodes to the canvas center.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"groupBy\",\"default\":\"true\"}]},\"componentDescription\":\"Generates an SVG force simulation using [d3-force](https://github.com/d3/d3-force). The values here are defaults which you will likely have to customize because every force simulation is different. This technique comes from @plmrry.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -197,8 +197,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/ClevelandDotPlot.percent-range.html.svelte.html b/docs/components/ClevelandDotPlot.percent-range.html.svelte.html
index cb45e8d0..d02ceb90 100644
--- a/docs/components/ClevelandDotPlot.percent-range.html.svelte.html
+++ b/docs/components/ClevelandDotPlot.percent-range.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -137,7 +137,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/ClevelandDotPlot.percent-range.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"ClevelandDotPlot.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML Cleveland dot plot, also known as a lollipop-chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, zScale, yScale, config } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=5] - The circle radius. */\\n  export let r = 5;\\n\\n  $: midHeight = $yScale.bandwidth() / 2;\\n\u003C/script>\\n\\n\u003Cdiv class=\\\"dot-plot\\\">\\n  {#each $data as row}\\n    {@const scaledYValue = $yGet(row)}\\n    {@const scaledXValues = $xGet(row)}\\n    \u003Cdiv class=\\\"dot-row\\\">\\n      \u003Cdiv\\n        class=\\\"line\\\"\\n        style=\\\"\\n          left: {Math.min(...scaledXValues)}%;\\n          top: {scaledYValue + midHeight}%;\\n          right: {100 - Math.max(...scaledXValues)}%;\\n        \\\"\\n      >\u003C/div>\\n\\n      {#each scaledXValues as circleX, i}\\n        \u003Cdiv\\n          class=\\\"circle\\\"\\n          style=\\\"\\n            left: {circleX}%;\\n            top: {scaledYValue + midHeight}%;\\n            width: {r * 2}px;\\n            height: {r * 2}px;\\n            background: {$zScale($config.x[i])};\\n          \\\"\\n        >\u003C/div>\\n      {/each}\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .line {\\n    position: absolute;\\n    border-bottom: 1px solid #000;\\n  }\\n  .circle {\\n    position: absolute;\\n    border-radius: 50%;\\n    border: 1px solid #000;\\n    stroke: #000;\\n    transform: translate(-50%, -50%);\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/ClevelandDotPlot\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The circle radius.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"r\",\"default\":\"5\"}]},\"componentDescription\":\"Generates an HTML Cleveland dot plot, also known as a lollipop-chart.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -146,8 +146,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/ClevelandDotPlot.svelte.html b/docs/components/ClevelandDotPlot.svelte.html
index a28164b5..9caa6b3d 100644
--- a/docs/components/ClevelandDotPlot.svelte.html
+++ b/docs/components/ClevelandDotPlot.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -128,7 +128,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/ClevelandDotPlot.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"ClevelandDotPlot.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG Cleveland dot plot, also known as a lollipop-chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, yScale, zScale, config } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=5] - The circle radius. */\\n  export let r = 5;\\n\\n  $: midHeight = $yScale.bandwidth() / 2;\\n\u003C/script>\\n\\n\u003Cg class=\\\"dot-plot\\\">\\n  {#each $data as row}\\n    {@const yVal = $yGet(row)}\\n    {@const xVals = $xGet(row)}\\n    \u003Cg class=\\\"dot-row\\\">\\n      \u003Cline\\n        x1=\\\"{Math.min(...xVals)}\\\"\\n        y1=\\\"{yVal + midHeight}\\\"\\n        x2=\\\"{Math.max(...xVals)}\\\"\\n        y2=\\\"{yVal + midHeight}\\\"\\n      >\u003C/line>\\n\\n      {#each xVals as circleX, i}\\n        \u003Ccircle\\n          cx=\\\"{circleX}\\\"\\n          cy=\\\"{yVal + midHeight}\\\"\\n          r=\\\"{r}\\\"\\n          fill=\\\"{$zScale($config.x[i])}\\\"\\n        >\u003C/circle>\\n      {/each}\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  line {\\n    stroke-width: 1px;\\n    stroke: #000;\\n  }\\n  circle {\\n    stroke: #000;\\n    stroke-width: 1px;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/ClevelandDotPlot\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The circle radius.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"r\",\"default\":\"5\"}]},\"componentDescription\":\"Generates an SVG Cleveland dot plot, also known as a lollipop-chart.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -137,8 +137,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Column.svelte.html b/docs/components/Column.svelte.html
index 2815de58..0b4cd2ea 100644
--- a/docs/components/Column.svelte.html
+++ b/docs/components/Column.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -159,7 +159,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Column.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Column.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG column chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, x, yRange, xScale, y, height, zGet, zScale, z } = getContext('LayerCake');\\n\\n  /** @type {String} [fill='#00e047'] - The shape's fill color. */\\n  export let fill = '#00e047';\\n\\n  /** @type {String} [stroke='#000'] - The shape's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=0] - The shape's stroke width. */\\n  export let strokeWidth = 0;\\n\\n  /** @type {Boolean} [false] - Show the numbers for each column */\\n  export let showLabels = false;\\n\\n  $: columnWidth = d => {\\n    const vals = $xGet(d);\\n    return Math.abs(vals[1] - vals[0]);\\n  };\\n\\n  $: columnHeight = d => {\\n    return $yRange[0] - $yGet(d);\\n  };\\n\u003C/script>\\n\\n\u003Cg class=\\\"column-group\\\">\\n  {#each $data as d, i}\\n    {@const colHeight = columnHeight(d)}\\n    {@const xGot = $xGet(d)}\\n    {@const xPos = Array.isArray(xGot) ? xGot[0] : xGot}\\n    {@const colWidth = $xScale.bandwidth ? $xScale.bandwidth() : columnWidth(d)}\\n    {@const yValue = $y(d)}\\n    \u003Crect\\n      class='group-rect'\\n      data-id=\\\"{i}\\\"\\n      data-range=\\\"{$x(d)}\\\"\\n      data-count=\\\"{yValue}\\\"\\n      x=\\\"{xPos}\\\"\\n      y=\\\"{$yGet(d)}\\\"\\n      width=\\\"{colWidth}\\\"\\n      height=\\\"{colHeight}\\\"\\n      {fill}\\n      {stroke}\\n      stroke-width=\\\"{strokeWidth}\\\"\\n    />\\n    {#if showLabels && yValue}\\n      \u003Ctext x=\\\"{xPos + colWidth / 2}\\\" y=\\\"{$height - colHeight - 5}\\\" text-anchor=\\\"middle\\\">{yValue}\u003C/text>\\n    {/if}\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  text {\\n    font-size: 12px;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Column\",\"/example/Histogram\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/Column\",\"/example-ssr/Histogram\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The shape's fill color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\",\"default\":\"'#00e047'\"},{\"title\":\"param\",\"description\":\"The shape's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#000'\"},{\"title\":\"param\",\"description\":\"The shape's stroke width.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"strokeWidth\",\"default\":\"0\"},{\"title\":\"param\",\"description\":\"Show the numbers for each column\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"false\"}]},\"componentDescription\":\"Generates an SVG column chart.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -168,8 +168,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/ColumnStacked.svelte.html b/docs/components/ColumnStacked.svelte.html
index 58039e19..69b9c82f 100644
--- a/docs/components/ColumnStacked.svelte.html
+++ b/docs/components/ColumnStacked.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -88,7 +88,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/ColumnStacked.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"ColumnStacked.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG column chart. It uses the z-scale for color assignments and aassumes both `xScale` and `zScale` are ordinal scales.  It assumes your data is in a [D3 stack format](https://github.com/d3/d3-shape#stack\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, zGet, xScale } = getContext('LayerCake');\\n\u003C/script>\\n\\n\u003Cg class=\\\"column-group\\\">\\n  {#each $data as series, i}\\n    {#each series as d}\\n      {@const yVals = $yGet(d)}\\n      {@const columnHeight = yVals[0] - yVals[1]}\\n      \u003Crect\\n        class='group-rect'\\n        data-id=\\\"{i}\\\"\\n        x=\\\"{$xGet(d)}\\\"\\n        y=\\\"{yVals[1]}\\\"\\n        width={$xScale.bandwidth()}\\n        height=\\\"{columnHeight}\\\"\\n        fill={$zGet(series)}\\n      >\u003C/rect>\\n    {/each}\\n  {/each}\\n\u003C/g>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/ColumnStacked\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/ColumnStacked\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[]},\"componentDescription\":\"Generates an SVG column chart. It uses the z-scale for color assignments and aassumes both `xScale` and `zScale` are ordinal scales.  It assumes your data is in a [D3 stack format](https://github.com/d3/d3-shape#stack\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -97,8 +97,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/GroupLabels.html.svelte.html b/docs/components/GroupLabels.html.svelte.html
index 945a887f..458aea15 100644
--- a/docs/components/GroupLabels.html.svelte.html
+++ b/docs/components/GroupLabels.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -100,7 +100,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/GroupLabels.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"GroupLabels.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates HTML text labels for a nested data structure. It places the label near the y-value of the highest x-valued data point. This is useful for labeling the final point in a multi-series line chart, for example. It expects your data to be an array of objects where each has `values` field that is an array of data objects. It uses the `z` field accessor to pull the text label.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { max } from 'd3-array';\\n\\n  const { data, x, y, xScale, yScale, xRange, yRange, z } = getContext('LayerCake');\\n\\n  /* --------------------------------------------\\n   * Title case the first letter\\n   */\\n  const cap = val => val.replace(/^\\\\w/, d => d.toUpperCase());\\n\\n  /* --------------------------------------------\\n   * Put the label on the highest value\\n   */\\n  $: left = values => $xScale(max(values, $x)) /  Math.max(...$xRange);\\n  $: top = values => $yScale(max(values, $y)) / Math.max(...$yRange);\\n\u003C/script>\\n\\n{#each $data as group}\\n  \u003Cdiv\\n    class=\\\"label\\\"\\n    style=\\\"\\n      top:{top(group.values) * 100}%;\\n      left:{left(group.values) * 100}%;\\n    \\\"\\n  >{cap($z(group))}\u003C/div>\\n{/each}\\n\\n\u003Cstyle>\\n  .label {\\n    position: absolute;\\n    transform: translate(-100%, -100%)translateY(1px);\\n    font-size: 13px;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/MultiLine\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/MultiLine\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[]},\"componentDescription\":\"Generates HTML text labels for a nested data structure. It places the label near the y-value of the highest x-valued data point. This is useful for labeling the final point in a multi-series line chart, for example. It expects your data to be an array of objects where each has `values` field that is an array of data objects. It uses the `z` field accessor to pull the text label.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -109,8 +109,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Key.html.svelte.html b/docs/components/Key.html.svelte.html
index 09a99982..079e6675 100644
--- a/docs/components/Key.html.svelte.html
+++ b/docs/components/Key.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -175,7 +175,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Key.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Key.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Creates a key for ordinal scales on `zScale`.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  /** @type {String} [shape='square'] - The shape for each item. Can be 'circle', 'line', or 'square'; */\\n  export let shape = 'square';\\n\\n  /** @type {String} [align='start'] - Sets the CSS flexbox justify-content setting for the box as a whole. Can be 'start', 'center' or 'end'. */\\n  export let align = 'start';\\n\\n  /** @type {Function|Object} [lookup] - Either a function that takes the value and returns a formatted string, or an object of values. If a given value is not present in a lookup object, it returns the original value. */\\n  export let lookup = undefined;\\n\\n  /** @type {Boolean} [capitalize=true] - Capitalize the first character. */\\n  export let capitalize = true;\\n\\n  const { zDomain, zScale } = getContext('LayerCake');\\n\\n  function cap (val) {\\n    return String(val).replace(/^\\\\w/, d => d.toUpperCase());\\n  }\\n\\n  function displayName (val) {\\n    if (lookup) {\\n      return typeof lookup === 'function' ? lookup(val) : (lookup[val] || val);\\n    }\\n    return capitalize === true ? cap(val) : val;\\n  }\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .key {\\n    display: flex;\\n  }\\n  .key-item {\\n    margin-right: 14px;\\n  }\\n  .chip {\\n    display: inline-block;\\n    position: relative;\\n    width: 12px;\\n    height: 12px;\\n  }\\n  .chip__circle {\\n    border-radius: 50%;\\n  }\\n  .chip__line:after {\\n    content: '';\\n    position: absolute;\\n    border-width: 3px;\\n    width: 14px;\\n    transform: rotate(-45deg);\\n    transform-origin: 14px 5px;\\n  }\\n  .name {\\n    display: inline;\\n    font-size: 14px;\\n    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class='key' style=\\\"justify-content: {align === 'end' ? 'flex-end': align};\\\">\\n  {#each $zDomain as item}\\n    \u003Cdiv class='key-item'>\\n      \u003Cdiv\\n        class='chip chip__{shape}'\\n        style='background: {\\n          shape === `line` ?\\n          `linear-gradient(-45deg, #ffffff 40%, ${$zScale(item)} 41%, ${$zScale(item)} 59%, #ffffff 60%)`\\n          : $zScale(item)};'\\n      >\u003C/div>\\n      \u003Cdiv class='name'>{displayName(item)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Beeswarm\",\"/example/BeeswarmForce\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The shape for each item. Can be 'circle', 'line', or 'square';\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"shape\",\"default\":\"'square'\"},{\"title\":\"param\",\"description\":\"Sets the CSS flexbox justify-content setting for the box as a whole. Can be 'start', 'center' or 'end'.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"align\",\"default\":\"'start'\"},{\"title\":\"param\",\"description\":\"Either a function that takes the value and returns a formatted string, or an object of values. If a given value is not present in a lookup object, it returns the original value.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"UnionType\",\"elements\":[{\"type\":\"NameExpression\",\"name\":\"Function\"},{\"type\":\"NameExpression\",\"name\":\"Object\"}]}},\"name\":\"lookup\"},{\"title\":\"param\",\"description\":\"Capitalize the first character.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Boolean\"}},\"name\":\"capitalize\",\"default\":\"true\"}]},\"componentDescription\":\"Creates a key for ordinal scales on `zScale`.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -184,8 +184,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Labels.html.svelte.html b/docs/components/Labels.html.svelte.html
index d66646c0..28622eba 100644
--- a/docs/components/Labels.html.svelte.html
+++ b/docs/components/Labels.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -127,7 +127,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Labels.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Labels.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds HTML text labels based on a given list.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xGet, yGet } = getContext('LayerCake');\\n\\n  /** @type {Array} labels - An array of objects that contain a field containing text label and data fields. */\\n  export let labels;\\n\\n  /** @type {Function} getLabelName= - An accessor function to return the label field on your objects in the `labels` array. */\\n  export let getLabelName;\\n\\n  /** @type {Function} [formatLabelName=d => d] - An optional formatting function. */\\n  export let formatLabelName = d => d;\\n\u003C/script>\\n\\n{#each labels as d}\\n  \u003Cdiv\\n    class=\\\"label\\\"\\n    style=\\\"\\n      top:{$yGet(d)}px;\\n      left:{$xGet(d)}px;\\n    \\\"\\n  >{formatLabelName(getLabelName(d))}\u003C/div>\\n{/each}\\n\\n\u003Cstyle>\\n  .label {\\n    position: absolute;\\n    transform: translate(-50%, -50%);\\n    font-size: 12px;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/MapLayered\",\"/example/MultiLine\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/MapLayered\",\"/example-ssr/MultiLine\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"An array of objects that contain a field containing text label and data fields.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Array\"},\"name\":\"labels\"},{\"title\":\"param\",\"description\":\"= - An accessor function to return the label field on your objects in the `labels` array.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Function\"},\"name\":\"getLabelName\"},{\"title\":\"param\",\"description\":\"An optional formatting function.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"formatLabelName\",\"default\":\"d=>d\"}]},\"componentDescription\":\"Adds HTML text labels based on a given list.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -136,8 +136,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Line-D3.svelte.html b/docs/components/Line-D3.svelte.html
index 5901096f..7e55d332 100644
--- a/docs/components/Line-D3.svelte.html
+++ b/docs/components/Line-D3.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -118,7 +118,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Line-D3.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Line-D3.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG line shape using the `line` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { line, curveLinear } from 'd3-shape';\\n\\n  const { data, xGet, yGet } = getContext('LayerCake');\\n\\n  /** @type {String} [stroke='#ab00d6'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let stroke = '#ab00d6';\\n\\n  /** @type {Function} [curve=curveLinear] - An optional D3 interpolation function. See [d3-shape](https://github.com/d3/d3-shape#curves) for options. Pass this function in uncalled, i.e. without the open-close parentheses. */\\n  export let curve = curveLinear\\n\\n  $: path = line()\\n    .x($xGet)\\n    .y($yGet)\\n    .curve(curve);\\n    // .defined($y)\\n\u003C/script>\\n\\n\u003Cpath class='path-line' d='{path($data)}' {stroke}>\u003C/path>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 2;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#ab00d6'\"},{\"title\":\"param\",\"description\":\"An optional D3 interpolation function. See [d3-shape](https://github.com/d3/d3-shape#curves) for options. Pass this function in uncalled, i.e. without the open-close parentheses.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"curve\",\"default\":\"curveLinear\"}]},\"componentDescription\":\"Generates an SVG line shape using the `line` function from [d3-shape](https://github.com/d3/d3-shape).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -127,8 +127,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Line.svelte.html b/docs/components/Line.svelte.html
index a7175899..499a2dea 100644
--- a/docs/components/Line.svelte.html
+++ b/docs/components/Line.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -108,7 +108,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Line.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Line.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet } = getContext('LayerCake');\\n\\n  /** @type {String} [stroke='#ab00d6'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let stroke = '#ab00d6';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\u003C/script>\\n\\n\u003Cpath class='path-line' d='{path}' {stroke}>\u003C/path>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 2;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Brush\",\"/example/Line\",\"/example/MultiLine\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/Brush\",\"/example-ssr/Line\",\"/example-ssr/MultiLine\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#ab00d6'\"}]},\"componentDescription\":\"Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -117,8 +117,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Map.canvas.svelte.html b/docs/components/Map.canvas.svelte.html
index 23dd2c09..41d3f892 100644
--- a/docs/components/Map.canvas.svelte.html
+++ b/docs/components/Map.canvas.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -159,7 +159,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Map.canvas.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Map.canvas.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a canvas map using the `geoPath` function from [d3-geo](https://github.com/d3/d3-geo).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { scaleCanvas } from 'layercake';\\n  import { geoPath } from 'd3-geo';\\n\\n  const { data, width, height, zGet } = getContext('LayerCake');\\n\\n  const { ctx } = getContext('canvas');\\n\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  export let projection;\\n\\n  /** @type {String} [stroke='#ccc'] - The shape's stroke color. */\\n  export let stroke = '#ccc';\\n\\n  /** @type {Number} [strokeWidth=1] - The shape's stroke width. */\\n  export let strokeWidth = 1;\\n\\n  /** @type {String} [fill] - The shape's fill color. By default, the fill will be determined by the z-scale, unless this prop is set. */\\n  export let fill = undefined;\\n\\n  /** @type {Array} [features] - A list of GeoJSON features. Use this if you want to draw a subset of the features in `$data` while keeping the zoom on the whole GeoJSON feature set. By default, it plots everything in `$data.features` if left unset. */\\n  export let features = undefined;\\n\\n  $: projectionFn = projection()\\n    .fitSize([$width, $height], $data);\\n\\n  $: geoPathFn = geoPath(projectionFn);\\n\\n  $: featuresToDraw = features || $data.features;\\n\\n  $: {\\n    if ($ctx && geoPath) {\\n      scaleCanvas($ctx, $width, $height);\\n      $ctx.clearRect(0, 0, $width, $height);\\n\\n      featuresToDraw.forEach(feature => {\\n        $ctx.beginPath();\\n        // Set the context here since setting it in `$: geoPath` is a circular reference\\n        geoPathFn.context($ctx);\\n        geoPathFn(feature);\\n\\n        $ctx.fillStyle = fill || $zGet(feature.properties);\\n        $ctx.fill();\\n\\n        $ctx.lineWidth = strokeWidth;\\n        $ctx.strokeStyle = stroke;\\n        $ctx.stroke();\\n      });\\n    }\\n  }\\n\u003C/script>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/MapLayered\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/MapLayered\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Function\"},\"name\":\"projection\"},{\"title\":\"param\",\"description\":\"The shape's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#ccc'\"},{\"title\":\"param\",\"description\":\"The shape's stroke width.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"strokeWidth\",\"default\":\"1\"},{\"title\":\"param\",\"description\":\"The shape's fill color. By default, the fill will be determined by the z-scale, unless this prop is set.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\"},{\"title\":\"param\",\"description\":\"A list of GeoJSON features. Use this if you want to draw a subset of the features in `$data` while keeping the zoom on the whole GeoJSON feature set. By default, it plots everything in `$data.features` if left unset.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Array\"}},\"name\":\"features\"}]},\"componentDescription\":\"Generates a canvas map using the `geoPath` function from [d3-geo](https://github.com/d3/d3-geo).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -168,8 +168,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Map.svg.svelte.html b/docs/components/Map.svg.svelte.html
index 8ec821cf..28428071 100644
--- a/docs/components/Map.svg.svelte.html
+++ b/docs/components/Map.svg.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -200,7 +200,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Map.svg.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Map.svg.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG map using the `geoPath` function from [d3-geo](https://github.com/d3/d3-geo).\\n -->\\n\u003Cscript>\\n  import { getContext, createEventDispatcher } from 'svelte';\\n  import { geoPath } from 'd3-geo';\\n  import { raise } from 'layercake';\\n\\n  const { data, width, height, zGet } = getContext('LayerCake');\\n\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  export let projection;\\n\\n  /** @type {Number} [fixedAspectRatio] - By default, the map fills to fit the $width and $height. If instead you want a fixed-aspect ratio, like for a server-side rendered map, set that here. */\\n  export let fixedAspectRatio = undefined;\\n\\n  /** @type {String} [fill] - The shape's fill color. By default, the fill will be determined by the z-scale, unless this prop is set. */\\n  export let fill = undefined;\\n\\n  /** @type {String} [stroke='#333'] - The shape's stroke color. */\\n  export let stroke = '#333';\\n\\n  /** @type {Number} [strokeWidth=0.5] - The shape's stroke width. */\\n  export let strokeWidth = 0.5;\\n\\n  /** @type {Array} [features] - A list of GeoJSON features. Use this if you want to draw a subset of the features in `$data` while keeping the zoom on the whole GeoJSON feature set. By default, it plots everything in `$data.features` if left unset. */\\n  export let features = undefined;\\n\\n  /* --------------------------------------------\\n   * Here's how you would do cross-component hovers\\n   */\\n  const dispatch = createEventDispatcher();\\n\\n  $: fitSizeRange = fixedAspectRatio ? [100, 100 / fixedAspectRatio] : [$width, $height];\\n\\n  $: projectionFn = projection()\\n    .fitSize(fitSizeRange, $data);\\n\\n  $: geoPathFn = geoPath(projectionFn);\\n\\n  function handleMousemove(feature) {\\n    return function handleMousemoveFn(e) {\\n      raise(this);\\n      // When the element gets raised, it flashes 0,0 for a second so skip that\\n      if (e.layerX !== 0 && e.layerY !== 0) {\\n        dispatch('mousemove', { e, props: feature.properties });\\n      }\\n    }\\n  }\\n\u003C/script>\\n\\n\u003Cg\\n  class=\\\"map-group\\\"\\n  on:mouseout={(e) => dispatch('mouseout')}\\n  on:blur={(e) => dispatch('mouseout')}\\n>\\n  {#each (features || $data.features) as feature}\\n    \u003Cpath\\n      class=\\\"feature-path\\\"\\n      fill=\\\"{fill || $zGet(feature.properties)}\\\"\\n      stroke={stroke}\\n      stroke-width={strokeWidth}\\n      d=\\\"{geoPathFn(feature)}\\\"\\n      on:mouseover={(e) => dispatch('mousemove', { e, props: feature.properties })}\\n      on:focus={(e) => dispatch('mousemove', { e, props: feature.properties })}\\n      on:mousemove={handleMousemove(feature)}\\n    >\u003C/path>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  /* .feature-path {\\n    stroke: #333;\\n    stroke-width: 0.5px;\\n  } */\\n  .feature-path:hover {\\n    stroke: #000;\\n    stroke-width: 2px;\\n  }\\n  /**\\n   * Disable the outline on feature click.\\n   * Depending on map funtionality and accessiblity issues,\\n   * you may not want this rule. Read more:\\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/:focus\\n   * https://github.com/mhkeller/layercake/issues/63\\n   */\\n  .feature-path:focus {\\n    outline: none;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/MapLayered\",\"/example/MapSvg\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/MapLayered\",\"/example-ssr/MapSvg\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Function\"},\"name\":\"projection\"},{\"title\":\"param\",\"description\":\"By default, the map fills to fit the $width and $height. If instead you want a fixed-aspect ratio, like for a server-side rendered map, set that here.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"fixedAspectRatio\"},{\"title\":\"param\",\"description\":\"The shape's fill color. By default, the fill will be determined by the z-scale, unless this prop is set.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\"},{\"title\":\"param\",\"description\":\"The shape's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#333'\"},{\"title\":\"param\",\"description\":\"The shape's stroke width.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"strokeWidth\",\"default\":\"0.5\"},{\"title\":\"param\",\"description\":\"A list of GeoJSON features. Use this if you want to draw a subset of the features in `$data` while keeping the zoom on the whole GeoJSON feature set. By default, it plots everything in `$data.features` if left unset.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Array\"}},\"name\":\"features\"}]},\"componentDescription\":\"Generates an SVG map using the `geoPath` function from [d3-geo](https://github.com/d3/d3-geo).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -209,8 +209,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/MapLabels.html.svelte.html b/docs/components/MapLabels.html.svelte.html
index 86288ed5..d3fbb3f3 100644
--- a/docs/components/MapLabels.html.svelte.html
+++ b/docs/components/MapLabels.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -165,7 +165,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/MapLabels.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"MapLabels.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds HTML text labels based features in the data or a custom GeoJSON Feature Collection.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, width, height } = getContext('LayerCake');\\n\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  export let projection;\\n\\n  /** @type {Number} [fixedAspectRatio] - By default, the map fills to fit the $width and $height. If instead you want a fixed-aspect ratio, like for a server-side rendered map, set that here. */\\n  export let fixedAspectRatio = undefined;\\n\\n  /** @type {Function} getLabel - An accessor function to get the field to display. */\\n  export let getLabel;\\n\\n  /** @type {Function} [getCoordinates=d => d.geometry.coordinates] - An accessor function to get the `[x, y]` coordinate field. Defaults to a GeoJSON feature format. */\\n  export let getCoordinates;\\n\\n  /** @type {Array} [features] - A list of labels as GeoJSON features. If unset, the plotted features will defaults to those in `$data.features`, assuming this field a list of GeoJSON features. */\\n  export let features = undefined;\\n\\n  $: fitSizeRange = fixedAspectRatio ? [100, 100 / fixedAspectRatio] : [$width, $height];\\n\\n  $: projectionFn = projection()\\n    .fitSize(fitSizeRange, $data);\\n\\n  $: units = fixedAspectRatio ? '%': 'px';\\n\u003C/script>\\n\\n\u003Cdiv\\n  class=\\\"map-labels\\\"\\n  style:aspect-ratio={fixedAspectRatio ? 1 : null}\\n>\\n{#each (features || $data.features) as d}\\n  {@const coords = projectionFn(getCoordinates(d))}\\n  \u003Cdiv\\n    class=\\\"map-label\\\"\\n    style=\\\"\\n      left: {coords[0]}{units};\\n      top: {coords[1]}{units};\\n    \\\"\\n  >{getLabel(d)}\u003C/div>\\n{/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .map-labels {\\n    pointer-events: none;\\n    position: relative;\\n  }\\n  .map-label {\\n    position: absolute;\\n    text-align: center;\\n    font-size: 8px;\\n    color: #333;\\n    margin-top: -3px; /* To match the SVG labels, it needs a slight tweak */\\n    transform: translate(-50%, -50%);\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/MapLayered\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/MapLayered\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Function\"},\"name\":\"projection\"},{\"title\":\"param\",\"description\":\"By default, the map fills to fit the $width and $height. If instead you want a fixed-aspect ratio, like for a server-side rendered map, set that here.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"fixedAspectRatio\"},{\"title\":\"param\",\"description\":\"An accessor function to get the field to display.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Function\"},\"name\":\"getLabel\"},{\"title\":\"param\",\"description\":\"An accessor function to get the `[x, y]` coordinate field. Defaults to a GeoJSON feature format.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"getCoordinates\",\"default\":\"d=>d.geometry.coordinates\"},{\"title\":\"param\",\"description\":\"A list of labels as GeoJSON features. If unset, the plotted features will defaults to those in `$data.features`, assuming this field a list of GeoJSON features.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Array\"}},\"name\":\"features\"}]},\"componentDescription\":\"Adds HTML text labels based features in the data or a custom GeoJSON Feature Collection.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -174,8 +174,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/MapLabels.svg.svelte.html b/docs/components/MapLabels.svg.svelte.html
index 88921621..4ec20ff2 100644
--- a/docs/components/MapLabels.svg.svelte.html
+++ b/docs/components/MapLabels.svg.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -158,7 +158,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/MapLabels.svg.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"MapLabels.svg.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds SVG text labels based features in the data or a custom GeoJSON Feature Collection.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, width, height } = getContext('LayerCake');\\n\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  export let projection;\\n\\n  /** @type {Function} getLabel - An accessor function to get the field to display. */\\n  export let getLabel;\\n\\n  /** @type {Number} [fixedAspectRatio] - By default, the map fills to fit the $width and $height. If instead you want a fixed-aspect ratio, like for a server-side rendered map, set that here. */\\n  export let fixedAspectRatio = undefined;\\n\\n  /** @type {Function} [getCoordinates=d => d.geometry.coordinates] - An accessor function to get the `[x, y]` coordinate field. Defaults to a GeoJSON feature format. */\\n  export let getCoordinates;\\n\\n  /** @type {Array} [features] - A list of labels as GeoJSON features. If unset, the plotted features will defaults to those in `$data.features`, assuming this field a list of GeoJSON features. */\\n  export let features = undefined;\\n\\n  $: fitSizeRange = fixedAspectRatio ? [100, 100 / fixedAspectRatio] : [$width, $height];\\n\\n  $: projectionFn = projection()\\n    .fitSize(fitSizeRange, $data);\\n\u003C/script>\\n\\n\u003Cg class=\\\"map-labels\\\">\\n{#each (features || $data.features) as d}\\n  {@const coords = projectionFn(getCoordinates(d))}\\n  \u003Ctext\\n    class=\\\"map-label\\\"\\n    x=\\\"{coords[0]}\\\"\\n    y=\\\"{coords[1]}\\\"\\n  >{getLabel(d)}\u003C/text>\\n{/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .map-labels {\\n    pointer-events: none;\\n  }\\n  .map-label {\\n    color: #333;\\n    /**\\n     * If you render this in an ScaledSvg layout component, you'll\\n     * want to make this like 1px bc it's actually being zoomed by about 10x\\n     */\\n    font-size: 8px;\\n    text-anchor: middle;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Function\"},\"name\":\"projection\"},{\"title\":\"param\",\"description\":\"An accessor function to get the field to display.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Function\"},\"name\":\"getLabel\"},{\"title\":\"param\",\"description\":\"By default, the map fills to fit the $width and $height. If instead you want a fixed-aspect ratio, like for a server-side rendered map, set that here.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"fixedAspectRatio\"},{\"title\":\"param\",\"description\":\"An accessor function to get the `[x, y]` coordinate field. Defaults to a GeoJSON feature format.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"getCoordinates\",\"default\":\"d=>d.geometry.coordinates\"},{\"title\":\"param\",\"description\":\"A list of labels as GeoJSON features. If unset, the plotted features will defaults to those in `$data.features`, assuming this field a list of GeoJSON features.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Array\"}},\"name\":\"features\"}]},\"componentDescription\":\"Adds SVG text labels based features in the data or a custom GeoJSON Feature Collection.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -167,8 +167,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/MapPoints.canvas.svelte.html b/docs/components/MapPoints.canvas.svelte.html
index 12cf1935..f571b0af 100644
--- a/docs/components/MapPoints.canvas.svelte.html
+++ b/docs/components/MapPoints.canvas.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -162,7 +162,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/MapPoints.canvas.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"MapPoints.canvas.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates canvas dots onto a map using [d3-geo](https://github.com/d3/d3-geo).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { scaleCanvas } from 'layercake';\\n\\n  const { data, width, height } = getContext('LayerCake');\\n\\n  const { ctx } = getContext('canvas');\\n\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  export let projection;\\n\\n  /** @type {Number} [r=3.5] - The point's radius. */\\n  export let r = 3.5;\\n\\n  /** @type {String} [fill='yellow'] - The point's fill color. */\\n  export let fill = 'yellow';\\n\\n  /** @type {String} [stroke='#000'] - The point's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=1] - The point's stroke width. */\\n  export let strokeWidth = 1;\\n\\n  /** @type {Array} [features] - A list of GeoJSON features to plot. If unset, the plotted features will defaults to those in `$data.features`, assuming this field a list of GeoJSON features. */\\n  export let features = undefined;\\n\\n  $: projectionFn = projection()\\n    .fitSize([$width, $height], $data);\\n\\n  $: featuresToDraw = features || $data.features;\\n  $: {\\n    if ($ctx) {\\n      scaleCanvas($ctx, $width, $height);\\n      $ctx.clearRect(0, 0, $width, $height);\\n\\n      // To scale the circle by size, set width and height to `$rGet(d.properties)`\\n      featuresToDraw.forEach(d => {\\n        $ctx.beginPath();\\n        const coordinates = projectionFn(d.geometry.coordinates);\\n        $ctx.arc(coordinates[0], coordinates[1], r, 0, 2 * Math.PI, false);\\n        $ctx.fillStyle = fill;\\n        $ctx.fill();\\n        $ctx.lineWidth = strokeWidth;\\n        $ctx.strokeStyle = stroke;\\n        $ctx.stroke();\\n      });\\n    }\\n  }\\n\u003C/script>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Function\"},\"name\":\"projection\"},{\"title\":\"param\",\"description\":\"The point's radius.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"r\",\"default\":\"3.5\"},{\"title\":\"param\",\"description\":\"The point's fill color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\",\"default\":\"'yellow'\"},{\"title\":\"param\",\"description\":\"The point's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#000'\"},{\"title\":\"param\",\"description\":\"The point's stroke width.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"strokeWidth\",\"default\":\"1\"},{\"title\":\"param\",\"description\":\"A list of GeoJSON features to plot. If unset, the plotted features will defaults to those in `$data.features`, assuming this field a list of GeoJSON features.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Array\"}},\"name\":\"features\"}]},\"componentDescription\":\"Generates canvas dots onto a map using [d3-geo](https://github.com/d3/d3-geo).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -171,8 +171,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/MapPoints.html.svelte.html b/docs/components/MapPoints.html.svelte.html
index e1424add..97b1783c 100644
--- a/docs/components/MapPoints.html.svelte.html
+++ b/docs/components/MapPoints.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -176,7 +176,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/MapPoints.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"MapPoints.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates canvas dots onto a map using [d3-geo](https://github.com/d3/d3-geo).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, width, height } = getContext('LayerCake');\\n\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  export let projection;\\n\\n  /** @type {Number} [r=3.5] - The point's radius. */\\n  export let r = 3.5;\\n\\n  /** @type {String} [fill='yellow'] - The point's fill color. */\\n  export let fill = 'yellow';\\n\\n  /** @type {String} [stroke='#000'] - The point's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=1] - The point's stroke width, in pixels. */\\n  export let strokeWidth = 1;\\n\\n  /** @type {Number} [opacity=1] - The point's opacity. */\\n  export let opacity = 1;\\n\\n  /** @type {Array} [features] - A list of GeoJSON features to plot. If unset, the plotted features will defaults to those in `$data.features`, assuming this field a list of GeoJSON features. */\\n  export let features = undefined;\\n\\n  $: projectionFn = projection()\\n    .fitSize([$width, $height], $data);\\n\u003C/script>\\n\\n\u003Cdiv class=\\\"points\\\">\\n\u003C!-- To scale the circle by size, set width and height to `$rGet(d.properties)` -->\\n{#each (features || $data.features) as d}\\n  \u003Cdiv\\n    class=\\\"point\\\"\\n    style=\\\"\\n      top: {projectionFn(d.geometry.coordinates)[1]}px;\\n      left: {projectionFn(d.geometry.coordinates)[0]}px;\\n      width: {r * 2}px;\\n      height: {r * 2}px;\\n      border-width: {strokeWidth}px;\\n      border-color: {stroke};\\n      background-color: {fill};\\n      opacity: {opacity};\\n    \\\"\\n  >\\n  \u003C/div>\\n{/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .point {\\n    position: absolute;\\n    border-radius: 50%;\\n    border-style: solid;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Function\"},\"name\":\"projection\"},{\"title\":\"param\",\"description\":\"The point's radius.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"r\",\"default\":\"3.5\"},{\"title\":\"param\",\"description\":\"The point's fill color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\",\"default\":\"'yellow'\"},{\"title\":\"param\",\"description\":\"The point's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#000'\"},{\"title\":\"param\",\"description\":\"The point's stroke width, in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"strokeWidth\",\"default\":\"1\"},{\"title\":\"param\",\"description\":\"The point's opacity.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"opacity\",\"default\":\"1\"},{\"title\":\"param\",\"description\":\"A list of GeoJSON features to plot. If unset, the plotted features will defaults to those in `$data.features`, assuming this field a list of GeoJSON features.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Array\"}},\"name\":\"features\"}]},\"componentDescription\":\"Generates canvas dots onto a map using [d3-geo](https://github.com/d3/d3-geo).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -185,8 +185,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/MapPoints.svelte.html b/docs/components/MapPoints.svelte.html
index c8f17714..0625f36c 100644
--- a/docs/components/MapPoints.svelte.html
+++ b/docs/components/MapPoints.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -166,7 +166,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/MapPoints.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"MapPoints.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates canvas dots onto a map using [d3-geo](https://github.com/d3/d3-geo).\\n -->\\n\u003Cscript>\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  import { getContext } from 'svelte';\\n\\n  const { data, width, height } = getContext('LayerCake');\\n\\n  /* --------------------------------------------\\n   * Require a D3 projection function\\n   */\\n  export let projection;\\n\\n  /** @type {Number} [r=3.5] - The point's radius. */\\n  export let r = 3.5;\\n\\n  /** @type {String} [fill='yellow'] - The point's fill color. */\\n  export let fill = 'yellow';\\n\\n  /** @type {String} [stroke='#000'] - The point's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=1] - The point's stroke width. */\\n  export let strokeWidth = 1;\\n\\n  /** @type {Number} [opacity=1] - The point's opacity. */\\n  export let opacity = 1;\\n\\n  /** @type {Array} [features] - A list of GeoJSON features to plot. If unset, the plotted features will defaults to those in `$data.features`, assuming this field a list of GeoJSON features. */\\n  export let features = undefined;\\n\\n  $: projectionFn = projection()\\n    .fitSize([$width, $height], $data);\\n\u003C/script>\\n\\n\u003Cg class=\\\"points\\\">\\n{#each (features || $data.features) as d}\\n  \u003C!-- To scale the circle by size, set r to `$rGet(d.properties)` -->\\n  \u003Ccircle\\n    cx={projectionFn(d.geometry.coordinates)[0]}\\n    cy={projectionFn(d.geometry.coordinates)[1]}\\n    r=\\\"{r}\\\"\\n    fill=\\\"{fill}\\\"\\n    stroke=\\\"{stroke}\\\"\\n    stroke-width=\\\"{strokeWidth}\\\"\\n    opacity=\\\"{opacity}\\\"\\n  />\\n{/each}\\n\u003C/g>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Function\"},\"name\":\"projection\"},{\"title\":\"param\",\"description\":\"The point's radius.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"r\",\"default\":\"3.5\"},{\"title\":\"param\",\"description\":\"The point's fill color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\",\"default\":\"'yellow'\"},{\"title\":\"param\",\"description\":\"The point's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#000'\"},{\"title\":\"param\",\"description\":\"The point's stroke width.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"strokeWidth\",\"default\":\"1\"},{\"title\":\"param\",\"description\":\"The point's opacity.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"opacity\",\"default\":\"1\"},{\"title\":\"param\",\"description\":\"A list of GeoJSON features to plot. If unset, the plotted features will defaults to those in `$data.features`, assuming this field a list of GeoJSON features.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Array\"}},\"name\":\"features\"}]},\"componentDescription\":\"Generates canvas dots onto a map using [d3-geo](https://github.com/d3/d3-geo).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -175,8 +175,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/MultiLine.svelte.html b/docs/components/MultiLine.svelte.html
index e4b25ce6..a62ed5d1 100644
--- a/docs/components/MultiLine.svelte.html
+++ b/docs/components/MultiLine.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -97,7 +97,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/MultiLine.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"MultiLine.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG multi-series line chart. It expects your data to be an array of objects, each with a `values` key that is an array of data objects.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, zGet } = getContext('LayerCake');\\n\\n  $: path = values => {\\n    return 'M' + values\\n      .map(d => {\\n        return $xGet(d) + ',' + $yGet(d);\\n      })\\n      .join('L');\\n  };\\n\u003C/script>\\n\\n\u003Cg class=\\\"line-group\\\">\\n  {#each $data as group}\\n    \u003Cpath\\n      class='path-line'\\n      d='{path(group.values)}'\\n      stroke=\\\"{$zGet(group)}\\\"\\n    >\u003C/path>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 3px;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/MultiLine\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/MultiLine\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[]},\"componentDescription\":\"Generates an SVG multi-series line chart. It expects your data to be an array of objects, each with a `values` key that is an array of data objects.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -106,8 +106,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/QuadTree.html.svelte.html b/docs/components/QuadTree.html.svelte.html
index b01947ab..7d120a08 100644
--- a/docs/components/QuadTree.html.svelte.html
+++ b/docs/components/QuadTree.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -169,7 +169,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/QuadTree.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"QuadTree.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Creates an interaction layer (in HTML) using [d3-quadtree](https://github.com/d3/d3-quadtree) to find the nearest datapoint to the mouse. This component creates a slot that exposes variables `x`, `y`, `found` (the found datapoint), `visible` (a Boolean whether any data was found) and `e` (the event object).\\n\\n  The quadtree searches across both the x and y dimensions at the same time. But if you want to only search across one, set the `x` and `y` props to the same value. For example, the [shared tooltip component](https://layercake.graphics/components/SharedTooltip.html.svelte) sets `y='x'` since it's nicer behavior to only pick up on the nearest x-value.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { quadtree } from 'd3-quadtree';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  let visible = false;\\n  let found = {};\\n  let e = {};\\n\\n  /** @type {String} [x='x'] – The dimension to search across when moving the mouse left and right. */\\n  export let x = 'x';\\n\\n  /** @type {String} [y='y'] – The dimension to search across when moving the mouse up and down. */\\n  export let y = 'y';\\n\\n  /** @type {String} [searchRadius] – The number of pixels to search around the mouse's location. This is the third argument passed to [`quadtree.find`](https://github.com/d3/d3-quadtree#quadtree_find) and by default a value of `undefined` means an unlimited range. */\\n  export let searchRadius = undefined;\\n\\n  /** @type {Array} [dataset] – The dataset to work off of—defaults to $data if left unset. You can pass override the default here in here in case you don't want to use the main data or it's in a strange format. */\\n  export let dataset = undefined;\\n\\n  $: xGetter = x === 'x' ? $xGet : $yGet;\\n  $: yGetter = y === 'y' ? $yGet : $xGet;\\n\\n  function findItem (evt) {\\n    e = evt;\\n\\n    const xLayerKey = `layer${x.toUpperCase()}`;\\n    const yLayerKey = `layer${y.toUpperCase()}`;\\n\\n    found = finder.find(evt[xLayerKey], evt[yLayerKey], searchRadius) || {};\\n    visible = Object.keys(found).length > 0;\\n  }\\n\\n  $: finder = quadtree()\\n    .extent([[-1, -1], [$width + 1, $height + 1]])\\n    .x(xGetter)\\n    .y(yGetter)\\n    .addAll(dataset || $data);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .bg {\\n    position: absolute;\\n    top: 0;\\n    right: 0;\\n    bottom: 0;\\n    left: 0;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv\\n  class=\\\"bg\\\"\\n  on:mousemove=\\\"{findItem}\\\"\\n  on:mouseout=\\\"{() => visible = false}\\\"\\n  on:blur=\\\"{() => visible = false}\\\"\\n>\u003C/div>\\n\u003Cslot\\n  x={xGetter(found) || 0}\\n  y={yGetter(found) || 0}\\n  {found}\\n  {visible}\\n  {e}\\n>\u003C/slot>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/ScatterWebgl\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/ScatterWebgl\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"– The dimension to search across when moving the mouse left and right.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"x\",\"default\":\"'x'\"},{\"title\":\"param\",\"description\":\"– The dimension to search across when moving the mouse up and down.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"y\",\"default\":\"'y'\"},{\"title\":\"param\",\"description\":\"– The number of pixels to search around the mouse's location. This is the third argument passed to [`quadtree.find`](https://github.com/d3/d3-quadtree#quadtree_find) and by default a value of `undefined` means an unlimited range.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"searchRadius\"},{\"title\":\"param\",\"description\":\"– The dataset to work off of—defaults to $data if left unset. You can pass override the default here in here in case you don't want to use the main data or it's in a strange format.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Array\"}},\"name\":\"dataset\"}]},\"componentDescription\":\"Creates an interaction layer (in HTML) using [d3-quadtree](https://github.com/d3/d3-quadtree) to find the nearest datapoint to the mouse. This component creates a slot that exposes variables `x`, `y`, `found` (the found datapoint), `visible` (a Boolean whether any data was found) and `e` (the event object).\\n\\n  The quadtree searches across both the x and y dimensions at the same time. But if you want to only search across one, set the `x` and `y` props to the same value. For example, the [shared tooltip component](https://layercake.graphics/components/SharedTooltip.html.svelte) sets `y='x'` since it's nicer behavior to only pick up on the nearest x-value.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -178,8 +178,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/QuadTree.percent-range.html.svelte.html b/docs/components/QuadTree.percent-range.html.svelte.html
index 5ececcbc..f98b2b4a 100644
--- a/docs/components/QuadTree.percent-range.html.svelte.html
+++ b/docs/components/QuadTree.percent-range.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -173,7 +173,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/QuadTree.percent-range.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"QuadTree.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Creates an interaction layer (in HTML) using [d3-quadtree](https://github.com/d3/d3-quadtree) to find the nearest datapoint to the mouse. This component creates a slot that exposes variables `x`, `y`, `found` (the found datapoint), `visible` (a Boolean whether any data was found) and `e` (the event object). This component works with a percent range so the `x` and `y` values coming back will be percentages.\\n\\n  The quadtree searches across both the x and y dimensions at the same time. But if you want to only search across one, set the `x` and `y` props to the same value. For example, the [shared tooltip component](https://layercake.graphics/components/SharedTooltip.html.svelte) sets `y='x'` since it's nicer behavior to only pick up on the nearest x-value.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { quadtree } from 'd3-quadtree';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  let visible = false;\\n  let found = {};\\n  let e = {};\\n\\n  /** @type {String} [x='x'] - The dimension to search across when moving the mouse left and right. */\\n  export let x = 'x';\\n\\n  /** @type {String} [y='y'] - The dimension to search across when moving the mouse up and down. */\\n  export let y = 'y';\\n\\n  /** @type {String} [searchRadius] - The number of pixels to search around the mouse's location. This is the third argument passed to [`quadtree.find`](https://github.com/d3/d3-quadtree#quadtree_find) and by default a value of `undefined` means an unlimited range. */\\n  export let searchRadius = undefined;\\n\\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\\n  export let dataset = undefined;\\n\\n  $: xGetter = x === 'x' ? $xGet : $yGet;\\n  $: yGetter = y === 'y' ? $yGet : $xGet;\\n\\n  function findItem (evt) {\\n    e = evt;\\n\\n    const xLayerKey = `layer${x.toUpperCase()}`;\\n    const yLayerKey = `layer${y.toUpperCase()}`;\\n\\n    const xLayerVal = (evt[xLayerKey] / (x === 'x' ? $width : $height)) * 100;\\n    const yLayerVal = (evt[yLayerKey] / (y === 'y' ? $height : $width)) * 100;\\n\\n    found = finder.find(xLayerVal, yLayerVal, searchRadius) || {};\\n\\n    visible = Object.keys(found).length > 0;\\n  }\\n\\n  $: finder = quadtree()\\n    .extent([[-1, -1], [$width + 1, $height + 1]])\\n    .x(xGetter)\\n    .y(yGetter)\\n    .addAll(dataset || $data);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .bg {\\n    position: absolute;\\n    top: 0;\\n    right: 0;\\n    bottom: 0;\\n    left: 0;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv\\n  class=\\\"bg\\\"\\n  on:mousemove=\\\"{findItem}\\\"\\n  on:mouseout=\\\"{() => visible = false}\\\"\\n  on:blur=\\\"{() => visible = false}\\\"\\n>\u003C/div>\\n\u003Cslot\\n  x={xGetter(found) || 0}\\n  y={yGetter(found) || 0}\\n  {found}\\n  {visible}\\n  {e}\\n>\u003C/slot>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The dimension to search across when moving the mouse left and right.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"x\",\"default\":\"'x'\"},{\"title\":\"param\",\"description\":\"The dimension to search across when moving the mouse up and down.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"y\",\"default\":\"'y'\"},{\"title\":\"param\",\"description\":\"The number of pixels to search around the mouse's location. This is the third argument passed to [`quadtree.find`](https://github.com/d3/d3-quadtree#quadtree_find) and by default a value of `undefined` means an unlimited range.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"searchRadius\"},{\"title\":\"param\",\"description\":\"The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Array\"}},\"name\":\"dataset\"}]},\"componentDescription\":\"Creates an interaction layer (in HTML) using [d3-quadtree](https://github.com/d3/d3-quadtree) to find the nearest datapoint to the mouse. This component creates a slot that exposes variables `x`, `y`, `found` (the found datapoint), `visible` (a Boolean whether any data was found) and `e` (the event object). This component works with a percent range so the `x` and `y` values coming back will be percentages.\\n\\n  The quadtree searches across both the x and y dimensions at the same time. But if you want to only search across one, set the `x` and `y` props to the same value. For example, the [shared tooltip component](https://layercake.graphics/components/SharedTooltip.html.svelte) sets `y='x'` since it's nicer behavior to only pick up on the nearest x-value.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -182,8 +182,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Radar.svelte.html b/docs/components/Radar.svelte.html
index a588dec0..d39a6b1c 100644
--- a/docs/components/Radar.svelte.html
+++ b/docs/components/Radar.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -211,7 +211,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Radar.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Radar.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG radar chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { line, curveCardinalClosed } from 'd3-shape';\\n\\n  const { data, width, height, xGet, config } = getContext('LayerCake');\\n\\n  /**  @type {String} [fill='#f0c'] The radar's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#f0c'\\n\\n  /**  @type {String} [stroke='#f0c'] The radar's stroke color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let stroke = '#f0c'\\n\\n  /**  @type {Number} [stroke=2] The radar's stroke color. */\\n  export let strokeWidth = 2\\n\\n  /**  @type {Number} [fillOpacity=0.5] The radar's fill opacity. */\\n  export let fillOpacity = 0.5\\n\\n  /**  @type {Number} [r=4.5] Each circle's radius. */\\n  export let r = 4.5;\\n\\n  /**  @type {String} [circleFill=\\\"#f0c\\\"] Each circle's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let circleFill = \\\"#f0c\\\";\\n\\n  /**  @type {String} [circleStroke=\\\"#fff\\\"] Each circle's stroke color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let circleStroke = \\\"#fff\\\";\\n\\n  /**  @type {Number} [circleStrokeWidth=1] Each circle's stroke width. */\\n  export let circleStrokeWidth = 1;\\n\\n  $: angleSlice = (Math.PI * 2) / $config.x.length;\\n\\n  $: path = line()\\n    .curve(curveCardinalClosed)\\n    .x((d, i) => d * Math.cos(angleSlice * i - Math.PI / 2))\\n    .y((d, i) => d * Math.sin(angleSlice * i - Math.PI / 2));\\n\\n  /* The non-D3 line generator way. */\\n  // $: path = valus => 'M' + values\\n  //   .map(d => {\\n  //     return $rGet(d).map((val, i) => {\\n  //       return [\\n  //         val * Math.cos(angleSlice * i - Math.PI / 2),\\n  //         val * Math.sin(angleSlice * i - Math.PI / 2)\\n  //       ].join(',');\\n  //     });\\n  //   })\\n  //   .join('L') + 'z';\\n\u003C/script>\\n\\n\u003Cg\\n  transform=\\\"translate({ $width / 2 }, { $height / 2 })\\\"\\n>\\n  {#each $data as row}\\n    {@const xVals = $xGet(row)}\\n    \u003C!-- Draw a line connecting all the dots -->\\n    \u003Cpath\\n      class='path-line'\\n      d='{path(xVals)}'\\n      stroke=\\\"{stroke}\\\"\\n      stroke-width=\\\"{strokeWidth}\\\"\\n      fill=\\\"{fill}\\\"\\n      fill-opacity=\\\"{fillOpacity}\\\"\\n    >\u003C/path>\\n\\n    \u003C!-- Plot each dots -->\\n    {#each xVals as circleR, i}\\n      {@const thisAngleSlice = angleSlice * i - Math.PI / 2}\\n      \u003Ccircle\\n        cx={circleR * Math.cos(thisAngleSlice)}\\n        cy={circleR * Math.sin(thisAngleSlice)}\\n        r=\\\"{r}\\\"\\n        fill=\\\"{circleFill}\\\"\\n        stroke=\\\"{circleStroke}\\\"\\n        stroke-width=\\\"{circleStrokeWidth}\\\"\\n      >\u003C/circle>\\n    {/each}\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .path-line {\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Radar\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The radar's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\",\"default\":\"'#f0c'\"},{\"title\":\"param\",\"description\":\"The radar's stroke color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#f0c'\"},{\"title\":\"param\",\"description\":\"The radar's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"stroke\",\"default\":\"2\"},{\"title\":\"param\",\"description\":\"The radar's fill opacity.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"fillOpacity\",\"default\":\"0.5\"},{\"title\":\"param\",\"description\":\"Each circle's radius.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"r\",\"default\":\"4.5\"},{\"title\":\"param\",\"description\":\"Each circle's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"circleFill\",\"default\":\"\\\"#f0c\\\"\"},{\"title\":\"param\",\"description\":\"Each circle's stroke color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"circleStroke\",\"default\":\"\\\"#fff\\\"\"},{\"title\":\"param\",\"description\":\"Each circle's stroke width.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"circleStrokeWidth\",\"default\":\"1\"}]},\"componentDescription\":\"Generates an SVG radar chart.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -220,8 +220,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Sankey.svelte.html b/docs/components/Sankey.svelte.html
index 9d1fcadf..adf48c8b 100644
--- a/docs/components/Sankey.svelte.html
+++ b/docs/components/Sankey.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -207,7 +207,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Sankey.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Sankey.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG Sankey chart using [d3-sankey](https://github.com/d3/d3-sankey).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import * as Sankey from 'd3-sankey';\\n\\n  const { data, width, height } = getContext('LayerCake');\\n\\n  /** @type {Function} [colorLinks=d => 'rgba(0, 0, 0, .2)'] - A function to return a color for the links. */\\n  export let colorLinks = d => 'rgba(0, 0, 0, .2)';\\n\\n  /** @type {Function} [colorNodes=d => '#333'] - A function to return a color for each node. */\\n  export let colorNodes = d => '#333';\\n\\n  /** @type {Function} [colorText=d => '#263238'] - A function to return a color for each text label. */\\n  export let colorText = d => '#263238';\\n\\n  /** @type {Number} [nodeWidth=5] - The width of each node, in pixels, passed to [`sankey.nodeWidth`](https://github.com/d3/d3-sankey#sankey_nodeWidth). */\\n  export let nodeWidth = 5;\\n\\n  /** @type {Number} [nodePadding=10] - The padding between nodes, passed to [`sankey.nodePadding`](https://github.com/d3/d3-sankey#sankey_nodePadding). */\\n  export let nodePadding = 10;\\n\\n  /** @type {Function} [linkSort=null] - How to sort the links, passed to [`sankey.linkSort`](https://github.com/d3/d3-sankey#sankey_linkSort). */\\n  export let linkSort = null;\\n\\n  /** @type {Function} [nodeId=d => d.id] - The ID field accessor, passed to [`sankey.nodeId`](https://github.com/d3/d3-sankey#sankey_nodeId). */\\n  export let nodeId = d => d.id;\\n\\n  /** @type {Function} [nodeAlign=d3.sankeyLeft] - An alignment function to position the Sankey blocks. See the [d3-sankey documentation](https://github.com/d3/d3-sankey#alignments) for more. */\\n  export let nodeAlign = Sankey.sankeyLeft;\\n\\n  $: sankey = Sankey.sankey()\\n    .nodeAlign(nodeAlign)\\n    .nodeWidth(nodeWidth)\\n    .nodePadding(nodePadding)\\n    .nodeId(nodeId)\\n    .size([$width, $height])\\n    .linkSort(linkSort);\\n\\n  $: sankeyData = sankey($data);\\n\\n  $: link = Sankey.sankeyLinkHorizontal();\\n\\n  $: fontSize = $width \u003C= 320 ? 8 : 12;\\n\u003C/script>\\n\\n\u003Cstyle>\\n  text {\\n    pointer-events: none;\\n  }\\n\u003C/style>\\n\\n\u003Cg class=\\\"sankey-layer\\\">\\n  \u003Cg class='link-group'>\\n    {#each sankeyData.links as d}\\n      \u003Cpath\\n        d={link(d)}\\n        fill='none'\\n        stroke={colorLinks(d)}\\n        stroke-opacity='0.5'\\n        stroke-width={d.width} />\\n    {/each}\\n  \u003C/g>\\n  \u003Cg class='rect-group'>\\n    {#each sankeyData.nodes as d, i}\\n      \u003Crect\\n        x={d.x0}\\n        y={d.y0}\\n        height={d.y1 - d.y0}\\n        width={d.x1 - d.x0}\\n        fill={colorNodes(d)} />\\n      \u003Ctext\\n        x={d.x0 \u003C $width / 4 ? d.x1 + 6 : d.x0 - 6}\\n        y={(d.y1 + d.y0) / 2}\\n        dy=\\\"{(fontSize / 2) - 2}\\\"\\n        style=\\\"fill: {colorText(d)};\\n              font-size: {fontSize}px;\\n              text-anchor: {d.x0 \u003C $width / 4 ? 'start' : 'end'};\\\">\\n        {d.id}\\n      \u003C/text>\\n    {/each}\\n  \u003C/g>\\n\u003C/g>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Sankey\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A function to return a color for the links.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"colorLinks\",\"default\":\"d=>'rgba(0, 0, 0, .2)'\"},{\"title\":\"param\",\"description\":\"A function to return a color for each node.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"colorNodes\",\"default\":\"d=>'#333'\"},{\"title\":\"param\",\"description\":\"A function to return a color for each text label.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"colorText\",\"default\":\"d=>'#263238'\"},{\"title\":\"param\",\"description\":\"The width of each node, in pixels, passed to [`sankey.nodeWidth`](https://github.com/d3/d3-sankey#sankey_nodeWidth).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"nodeWidth\",\"default\":\"5\"},{\"title\":\"param\",\"description\":\"The padding between nodes, passed to [`sankey.nodePadding`](https://github.com/d3/d3-sankey#sankey_nodePadding).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"nodePadding\",\"default\":\"10\"},{\"title\":\"param\",\"description\":\"How to sort the links, passed to [`sankey.linkSort`](https://github.com/d3/d3-sankey#sankey_linkSort).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"linkSort\",\"default\":\"null\"},{\"title\":\"param\",\"description\":\"The ID field accessor, passed to [`sankey.nodeId`](https://github.com/d3/d3-sankey#sankey_nodeId).\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"nodeId\",\"default\":\"d=>d.id\"},{\"title\":\"param\",\"description\":\"An alignment function to position the Sankey blocks. See the [d3-sankey documentation](https://github.com/d3/d3-sankey#alignments) for more.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"nodeAlign\",\"default\":\"d3.sankeyLeft\"}]},\"componentDescription\":\"Generates an SVG Sankey chart using [d3-sankey](https://github.com/d3/d3-sankey).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -216,8 +216,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Scatter.canvas.svelte.html b/docs/components/Scatter.canvas.svelte.html
index b43d71a7..d8de131a 100644
--- a/docs/components/Scatter.canvas.svelte.html
+++ b/docs/components/Scatter.canvas.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -147,7 +147,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Scatter.canvas.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Scatter.canvas.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a canvas scatter plot.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { scaleCanvas } from 'layercake';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  const { ctx } = getContext('canvas');\\n\\n  /** @type {Number} [r=5] - The circle's radius. */\\n  export let r = 5;\\n\\n  /** @type {String} [fill='#0cf'] - The circle's fill color. */\\n  export let fill = '#0cf';\\n\\n  /** @type {String} [stroke='#000'] - The circle's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=1] - The circle's stroke width. */\\n  export let strokeWidth = 1;\\n\\n  $: {\\n    if ($ctx) {\\n      /* --------------------------------------------\\n       * If you were to have multiple canvas layers\\n       * maybe for some artistic layering purposes\\n       * put these reset functions in the first layer, not each one\\n       * since they should only run once per update\\n       */\\n      scaleCanvas($ctx, $width, $height);\\n      $ctx.clearRect(0, 0, $width, $height);\\n\\n      /* --------------------------------------------\\n       * Draw our scatterplot\\n       */\\n      $data.forEach(d => {\\n        $ctx.beginPath();\\n        $ctx.arc($xGet(d), $yGet(d), r, 0, 2 * Math.PI, false);\\n        $ctx.lineWidth = strokeWidth;\\n        $ctx.strokeStyle = stroke;\\n        $ctx.stroke();\\n        $ctx.fillStyle = fill;\\n        $ctx.fill();\\n      });\\n    }\\n  }\\n\u003C/script>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Scatter\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The circle's radius.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"r\",\"default\":\"5\"},{\"title\":\"param\",\"description\":\"The circle's fill color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\",\"default\":\"'#0cf'\"},{\"title\":\"param\",\"description\":\"The circle's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#000'\"},{\"title\":\"param\",\"description\":\"The circle's stroke width.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"strokeWidth\",\"default\":\"1\"}]},\"componentDescription\":\"Generates a canvas scatter plot.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -156,8 +156,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Scatter.html.svelte.html b/docs/components/Scatter.html.svelte.html
index a07786c8..91e0306e 100644
--- a/docs/components/Scatter.html.svelte.html
+++ b/docs/components/Scatter.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -142,7 +142,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Scatter.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Scatter.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML scatter plot. This component can also work if the x- or y-scale is ordinal, i.e. it has a `.bandwidth` method. See the [timeplot chart](https://layercake.graphics/example/Timeplot) for an example.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=5] - The circle's radius. */\\n  export let r = 5;\\n\\n  /** @type {String} [fill='#0cf'] - The circle's fill color. */\\n  export let fill = '#0cf';\\n\\n  /** @type {String} [stroke='#000'] - The circle's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=1] - The circle's stroke width. */\\n  export let strokeWidth = 1;\\n\u003C/script>\\n\\n\u003Cdiv class=\\\"scatter-group\\\">\\n  {#each $data as d}\\n    \u003Cdiv\\n      class=\\\"circle\\\"\\n      style=\\\"\\n        left: {$xGet(d) + ($xScale.bandwidth ? $xScale.bandwidth() / 2 : 0)}%;\\n        top: {$yGet(d) + ($yScale.bandwidth ? $yScale.bandwidth() / 2 : 0)}%;\\n        width: {r * 2}px;\\n        height: {r * 2}px;\\n        background-color: {fill};\\n        border: {strokeWidth}px solid {stroke};\\n      \\\"\\n    />\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .circle {\\n    position: absolute;\\n    transform: translate(-50%, -50%);\\n    border-radius: 50%;\\n  }\\n\u003C/style>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/Scatter\",\"/example-ssr/Timeplot\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The circle's radius.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"r\",\"default\":\"5\"},{\"title\":\"param\",\"description\":\"The circle's fill color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\",\"default\":\"'#0cf'\"},{\"title\":\"param\",\"description\":\"The circle's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#000'\"},{\"title\":\"param\",\"description\":\"The circle's stroke width.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"strokeWidth\",\"default\":\"1\"}]},\"componentDescription\":\"Generates an HTML scatter plot. This component can also work if the x- or y-scale is ordinal, i.e. it has a `.bandwidth` method. See the [timeplot chart](https://layercake.graphics/example/Timeplot) for an example.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -151,8 +151,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Scatter.svg.svelte.html b/docs/components/Scatter.svg.svelte.html
index 3e790d51..fb05b186 100644
--- a/docs/components/Scatter.svg.svelte.html
+++ b/docs/components/Scatter.svg.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -131,7 +131,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Scatter.svg.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Scatter.svg.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG scatter plot. This component can also work if the x- or y-scale is ordinal, i.e. it has a `.bandwidth` method. See the [timeplot chart](https://layercake.graphics/example/Timeplot) for an example.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=5] – The circle's radius. */\\n  export let r = 5;\\n\\n  /** @type {String} [fill='#0cf'] – The circle's fill color. */\\n  export let fill = '#0cf';\\n\\n  /** @type {String} [stroke='#000'] – The circle's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=0] – The circle's stroke width. */\\n  export let strokeWidth = 0;\\n\u003C/script>\\n\\n\u003Cg class=\\\"scatter-group\\\">\\n  {#each $data as d}\\n    \u003Ccircle\\n      cx={$xGet(d) + ($xScale.bandwidth ? $xScale.bandwidth() / 2 : 0)}\\n      cy={$yGet(d) + ($yScale.bandwidth ? $yScale.bandwidth() / 2 : 0)}\\n      {r}\\n      {fill}\\n      {stroke}\\n      stroke-width={strokeWidth}\\n    />\\n  {/each}\\n\u003C/g>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Scatter\",\"/example/Timeplot\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"– The circle's radius.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"r\",\"default\":\"5\"},{\"title\":\"param\",\"description\":\"– The circle's fill color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\",\"default\":\"'#0cf'\"},{\"title\":\"param\",\"description\":\"– The circle's stroke color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\",\"default\":\"'#000'\"},{\"title\":\"param\",\"description\":\"– The circle's stroke width.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"strokeWidth\",\"default\":\"0\"}]},\"componentDescription\":\"Generates an SVG scatter plot. This component can also work if the x- or y-scale is ordinal, i.e. it has a `.bandwidth` method. See the [timeplot chart](https://layercake.graphics/example/Timeplot) for an example.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -140,8 +140,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Scatter.webgl.svelte.html b/docs/components/Scatter.webgl.svelte.html
index f1082389..bcbfeecf 100644
--- a/docs/components/Scatter.webgl.svelte.html
+++ b/docs/components/Scatter.webgl.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -255,7 +255,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Scatter.webgl.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Scatter.webgl.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a a WebGl scatter plot.\\n -->\\n\u003Cscript>\\n  import reglWrapper from 'regl';\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=5] - The circle's radius. */\\n  export let r = 5;\\n\\n  /** @type {String} [fill='#0cf'] - The circle's fill color. */\\n  export let fill = '#0cf';\\n\\n  export let stroke = '#000'; // Not yet implemented\\n  // export let strokeWidth = 0;\\n\\n  function hexToRgbPercent (hex) {\\n    let str = hex.replace('#', '');\\n    if (str.length === 3) {\\n      str = str[0] + str[0] + str[1] + str[1] + str[2] + str[2];\\n    }\\n    return str.match(/.{1,2}/g).map(d => parseInt(d, 16) / 255);\\n  }\\n\\n  const { gl } = getContext('gl');\\n\\n  function resize () {\\n    if ($gl) {\\n      const canvas = $gl.canvas;\\n      // Lookup the size the browser is displaying the canvas.\\n      const displayWidth = canvas.clientWidth;\\n      const displayHeight = canvas.clientHeight;\\n\\n      // Check if the canvas is not the same size.\\n      if (canvas.width !== displayWidth || canvas.height !== displayHeight) {\\n        // Make the canvas the same size\\n        canvas.width = displayWidth;\\n        canvas.height = displayHeight;\\n      }\\n      $gl.viewport(0, 0, canvas.width, canvas.height);\\n    }\\n  }\\n\\n  let regl;\\n\\n  function render () {\\n    if ($gl) {\\n      regl = reglWrapper({\\n        gl: $gl,\\n        extensions: ['oes_standard_derivatives']\\n      });\\n\\n      regl.clear({\\n        color: [0, 0, 0, 0],\\n        depth: 1\\n      });\\n\\n      const draw = regl({\\n        // circle code comes from:\\n        // https://www.desultoryquest.com/blog/drawing-anti-aliased-circular-points-using-opengl-slash-webgl/\\n        frag: `\\n        #extension GL_OES_standard_derivatives : enable\\n        precision mediump float;\\n        uniform vec3 fill_color;\\n        uniform vec3 stroke_color;\\n        varying float s_s;\\n        void main () {\\n\\n          vec2 cxy = 2.0 * gl_PointCoord - 1.0;\\n\\n          float dist = dot(cxy, cxy);\\n\\n          float delta = fwidth(dist);\\n\\n          float alpha = 1.0 - smoothstep(1.0 - delta, 1.0 + delta, dist);\\n\\n          float outer_edge_center = 1.0 - s_s;\\n          float stroke = 1.0 - smoothstep(outer_edge_center - delta, outer_edge_center + delta, dist);\\n\\n          // gl_FragColor = vec4(fill_color,1.0) * alpha;\\n          gl_FragColor = vec4( mix(stroke_color, fill_color, stroke), 1.0 ) * alpha;\\n          gl_FragColor.rgb *= gl_FragColor.a;\\n        }`,\\n        vert: `\\n        precision mediump float;\\n        attribute vec2 position;\\n        attribute float r;\\n        attribute float stroke_size;\\n\\n        varying float s_s;\\n\\n        uniform float stage_width;\\n        uniform float stage_height;\\n\\n        // http://peterbeshai.com/beautifully-animate-points-with-webgl-and-regl.html\\n        vec2 normalizeCoords(vec2 position) {\\n          // read in the positions into x and y vars\\n          float x = position[0];\\n          float y = position[1];\\n          return vec2(\\n            2.0 * ((x / stage_width) - 0.5),\\n            // invert y to treat [0,0] as bottom left in pixel space\\n            -(2.0 * ((y / stage_height) - 0.5))\\n          );\\n        }\\n\\n        void main () {\\n          s_s = stroke_size;\\n          gl_PointSize = r;\\n          gl_Position = vec4(normalizeCoords(position), 0.0, 1.0);\\n        }`,\\n        attributes: {\\n          // There will be a position value for each point\\n          // we pass in\\n          position: (context, props) => {\\n            return props.points.map(point => {\\n              return [$xGet(point), $yGet(point)];\\n            });\\n          },\\n          r: (context, props) => {\\n            // const m = window.devicePixelRatio > 1 ? 4.0 : 2.0\\n            // If using an r-scale, set width here\\n            return props.points.map(point => props.pointWidth);\\n          },\\n          stroke_size: (context, props) => {\\n            // If using an r-scale, set width here\\n            return props.points.map(point => 0);\\n          }\\n        },\\n        uniforms: {\\n          fill_color: hexToRgbPercent(fill),\\n          // stroke_color: [0.6705882352941176, 0, 0.8392156862745098],\\n          stroke_color: hexToRgbPercent(stroke),\\n          // FYI: there is a helper method for grabbing\\n          // values out of the context as well.\\n          // These uniforms are used in our fragment shader to\\n          // convert our x / y values to WebGL coordinate space.\\n          stage_width: regl.context('drawingBufferWidth'),\\n          stage_height: regl.context('drawingBufferHeight')\\n        },\\n        count: (context, props) => {\\n          // set the count based on the number of points we have\\n          return props.points.length;\\n        },\\n        primitive: 'points',\\n        blend: {\\n          enable: true,\\n          func: {\\n            srcRGB: 'src alpha',\\n            srcAlpha: 'src alpha',\\n            dstRGB: 'one minus src alpha',\\n            dstAlpha: 'one minus src alpha'\\n          }\\n        },\\n        depth: { enable: false }\\n      });\\n\\n      draw({\\n        pointWidth: r * 2,\\n        points: $data\\n      });\\n    }\\n  }\\n\\n  $: ($width, $height, $gl, resize(), render());\\n\\n\u003C/script>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/ScatterWebgl\"]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/ScatterWebgl\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"The circle's radius.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"r\",\"default\":\"5\"},{\"title\":\"param\",\"description\":\"The circle's fill color.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"fill\",\"default\":\"'#0cf'\"}]},\"componentDescription\":\"Generates a a WebGl scatter plot.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -264,8 +264,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/SharedTooltip.html.svelte.html b/docs/components/SharedTooltip.html.svelte.html
index fd74732b..80c95ef0 100644
--- a/docs/components/SharedTooltip.html.svelte.html
+++ b/docs/components/SharedTooltip.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -213,7 +213,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/SharedTooltip.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"SharedTooltip.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a tooltip that works on multiseries datasets, like multiline charts. It creates a tooltip showing the name of the series and the current value. It finds the nearest data point using the [QuadTree.html.svelte](https://layercake.graphics/components/QuadTree.html.svelte) component.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { format } from 'd3-format';\\n\\n  import QuadTree from './QuadTree.html.svelte';\\n\\n  const { data, width, yScale, config } = getContext('LayerCake');\\n\\n  const commas = format(',');\\n  const titleCase = d => d.replace(/^\\\\w/, w => w.toUpperCase());\\n\\n  /** @type {Function} [formatTitle=d => d] - A function to format the tooltip title, which is `$config.x`. */\\n  export let formatTitle = d => d;\\n\\n  /** @type {Function} [formatValue=d => isNaN(+d) ? d : commas(d)] - A function to format the value. */\\n  export let formatValue = d => isNaN(+d) ? d : commas(d);\\n\\n  /** @type {Function} [formatKey=d => titleCase(d)] - A function to format the series name. */\\n  export let formatKey = d => titleCase(d);\\n\\n  /** @type {Number} [offset=-20] - A y-offset from the hover point, in pixels. */\\n  export let offset = -20;\\n\\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\\n  export let dataset = undefined;\\n\\n  const w = 150;\\n  const w2 = w / 2;\\n\\n  /* --------------------------------------------\\n   * Sort the keys by the highest value\\n   */\\n  function sortResult(result) {\\n    if (Object.keys(result).length === 0) return [];\\n    const rows = Object.keys(result).filter(d => d !== $config.x).map(key => {\\n      return {\\n        key,\\n        value: result[key]\\n      };\\n    }).sort((a, b) => b.value - a.value);\\n\\n    return rows;\\n  }\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .tooltip {\\n    position: absolute;\\n    font-size: 13px;\\n    pointer-events: none;\\n    border: 1px solid #ccc;\\n    background: rgba(255, 255, 255, 0.85);\\n    transform: translate(-50%, -100%);\\n    padding: 5px;\\n    z-index: 15;\\n    pointer-events: none;\\n  }\\n  .line {\\n    position: absolute;\\n    top: 0;\\n    bottom: 0;\\n    width: 1px;\\n    border-left: 1px dotted #666;\\n    pointer-events: none;\\n  }\\n  .tooltip,\\n  .line {\\n    transition: left 250ms ease-out, top 250ms ease-out;\\n  }\\n  .title {\\n    font-weight: bold;\\n  }\\n  .key {\\n    color: #999;\\n  }\\n\u003C/style>\\n\\n\u003CQuadTree\\n  dataset={dataset || $data}\\n  y='x'\\n  let:x\\n  let:y\\n  let:visible\\n  let:found\\n  let:e\\n>\\n  {@const foundSorted = sortResult(found)}\\n  {#if visible === true}\\n    \u003Cdiv\\n      style=\\\"left:{x}px;\\\"\\n      class=\\\"line\\\">\u003C/div>\\n    \u003Cdiv\\n      class=\\\"tooltip\\\"\\n      style=\\\"\\n        width:{w}px;\\n        display: { visible ? 'block' : 'none' };\\n        top:{$yScale(foundSorted[0].value) + offset}px;\\n        left:{Math.min(Math.max(w2, x), $width - w2)}px;\\\"\\n      >\\n        \u003Cdiv class=\\\"title\\\">{formatTitle(found[$config.x])}\u003C/div>\\n        {#each foundSorted as row}\\n          \u003Cdiv class=\\\"row\\\">\u003Cspan class=\\\"key\\\">{formatKey(row.key)}:\u003C/span> {formatValue(row.value)}\u003C/div>\\n        {/each}\\n    \u003C/div>\\n  {/if}\\n\u003C/QuadTree>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/MultiLine\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A function to format the tooltip title, which is `$config.x`.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"formatTitle\",\"default\":\"d=>d\"},{\"title\":\"param\",\"description\":\"A function to format the value.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"formatValue\",\"default\":\"d=>isNaN(+d)?d:commas(d)\"},{\"title\":\"param\",\"description\":\"A function to format the series name.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"formatKey\",\"default\":\"d=>titleCase(d)\"},{\"title\":\"param\",\"description\":\"A y-offset from the hover point, in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"offset\",\"default\":\"-20\"},{\"title\":\"param\",\"description\":\"The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Array\"}},\"name\":\"dataset\"}]},\"componentDescription\":\"Generates a tooltip that works on multiseries datasets, like multiline charts. It creates a tooltip showing the name of the series and the current value. It finds the nearest data point using the [QuadTree.html.svelte](https://layercake.graphics/components/QuadTree.html.svelte) component.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -222,8 +222,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/SharedTooltip.percent-range.html.svelte.html b/docs/components/SharedTooltip.percent-range.html.svelte.html
index f0f92708..6de918f9 100644
--- a/docs/components/SharedTooltip.percent-range.html.svelte.html
+++ b/docs/components/SharedTooltip.percent-range.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -213,7 +213,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/SharedTooltip.percent-range.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"SharedTooltip.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a tooltip that works on multiseries datasets, like multiline charts. It creates a tooltip showing the name of the series and the current value. This version uses percentages so you can use it to render server-side. It finds the nearest data point using the [QuadTree.percent-range.html.svelte](https://layercake.graphics/components/QuadTree.percent-range.html.svelte) component.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { format } from 'd3-format';\\n\\n  import QuadTree from './QuadTree.percent-range.html.svelte';\\n\\n  const { data, width, yScale, config } = getContext('LayerCake');\\n\\n  const commas = format(',');\\n  const titleCase = d => d.replace(/^\\\\w/, w => w.toUpperCase());\\n\\n  /** @type {Function} [formatTitle=d => d] - A function to format the tooltip title, which is `$config.x`. */\\n  export let formatTitle = d => d;\\n\\n  /** @type {Function} [formatKey=d => titleCase(d)] - A function to format the series name. */\\n  export let formatKey = d => titleCase(d);\\n\\n  /** @type {Function} [formatValue=d => isNaN(+d) ? d : commas(d)] - A function to format the value. */\\n  export let formatValue = d => isNaN(+d) ? d : commas(d);\\n\\n  /** @type {Number} [offset=-20] - A y-offset from the hover point, in pixels. */\\n  export let offset = -20;\\n\\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\\n  export let dataset = undefined;\\n\\n  const w = 150;\\n  const w2 = w / 2;\\n  let top = 0;\\n\\n  /* --------------------------------------------\\n   * Sort the keys by the highest value\\n   */\\n  function sortResult(result) {\\n    if (Object.keys(result).length === 0) return [];\\n    const rows = Object.keys(result).filter(d => d !== $config.x).map(key => {\\n      return {\\n        key,\\n        value: result[key]\\n      };\\n    }).sort((a, b) => b.value - a.value);\\n\\n    return rows;\\n  }\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .tooltip {\\n    position: absolute;\\n    font-size: 13px;\\n    pointer-events: none;\\n    border: 1px solid #ccc;\\n    background: rgba(255, 255, 255, 0.85);\\n    transform: translate(-50%, -100%);\\n    padding: 5px;\\n    z-index: 15;\\n  }\\n  .line {\\n    position: absolute;\\n    top: 0;\\n    bottom: 0;\\n    width: 1px;\\n    border-left: 1px dotted #666;\\n    pointer-events: none;\\n  }\\n  .tooltip,\\n  .line {\\n    transition: left 250ms ease-out, top 250ms ease-out;\\n  }\\n  .title {\\n    font-weight: bold;\\n  }\\n  .key {\\n    color: #999;\\n  }\\n\u003C/style>\\n\\n\u003CQuadTree\\n  dataset={dataset || $data}\\n  y='x'\\n  let:x\\n  let:y\\n  let:visible\\n  let:found\\n  let:e\\n>\\n  {@const foundSorted = sortResult(found)}\\n  {#if visible === true}\\n    \u003Cdiv\\n      style=\\\"left:{(x / 100) * $width }px;\\\"\\n      class=\\\"line\\\">\u003C/div>\\n    \u003Cdiv\\n      class=\\\"tooltip\\\"\\n      style=\\\"\\n        width:{w}px;\\n        display: { visible ? 'block' : 'none' };\\n        top:calc({$yScale(foundSorted[0].value)}% + {offset}px);\\n        left:{Math.min(Math.max(w2, (x / 100) * $width), $width - w2)}px;\\\"\\n      >\\n        \u003Cdiv class=\\\"title\\\">{formatTitle(found[$config.x])}\u003C/div>\\n        {#each foundSorted as row}\\n          \u003Cdiv class=\\\"row\\\">\u003Cspan class=\\\"key\\\">{formatKey(row.key)}:\u003C/span> {formatValue(row.value)}\u003C/div>\\n        {/each}\\n    \u003C/div>\\n  {/if}\\n\u003C/QuadTree>\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[]},{\"group\":\"SSR\",\"matches\":[\"/example-ssr/MultiLine\"]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A function to format the tooltip title, which is `$config.x`.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"formatTitle\",\"default\":\"d=>d\"},{\"title\":\"param\",\"description\":\"A function to format the series name.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"formatKey\",\"default\":\"d=>titleCase(d)\"},{\"title\":\"param\",\"description\":\"A function to format the value.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Function\"}},\"name\":\"formatValue\",\"default\":\"d=>isNaN(+d)?d:commas(d)\"},{\"title\":\"param\",\"description\":\"A y-offset from the hover point, in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"offset\",\"default\":\"-20\"},{\"title\":\"param\",\"description\":\"The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Array\"}},\"name\":\"dataset\"}]},\"componentDescription\":\"Generates a tooltip that works on multiseries datasets, like multiline charts. It creates a tooltip showing the name of the series and the current value. This version uses percentages so you can use it to render server-side. It finds the nearest data point using the [QuadTree.percent-range.html.svelte](https://layercake.graphics/components/QuadTree.percent-range.html.svelte) component.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -222,8 +222,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Tooltip.html.svelte.html b/docs/components/Tooltip.html.svelte.html
index d44cadcb..a26dc1ff 100644
--- a/docs/components/Tooltip.html.svelte.html
+++ b/docs/components/Tooltip.html.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -121,7 +121,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Tooltip.html.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Tooltip.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a hover tooltip. It creates a slot with an exposed variable via `let:detail` that contains information about the event. Use the slot to populate the body of the tooltip using the exposed variable `detail`.\\n -->\\n\u003Cscript>\\n  /** @type {Object} evt - A svelte event created via [`dispatch`](https://svelte.dev/docs#createEventDispatcher) with event information under `evt.detail.e`. */\\n  export let evt = {};\\n\\n  /** @type {Number} [offset=-35] - A y-offset from the hover point, in pixels. */\\n  export let offset = -35;\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .tooltip {\\n    position: absolute;\\n    width: 150px;\\n    border: 1px solid #ccc;\\n    font-size: 13px;\\n    background: rgba(255, 255, 255, 0.85);\\n    transform: translate(-50%, -100%);\\n    padding: 5px;\\n    z-index: 15;\\n  }\\n\u003C/style>\\n\\n{#if evt.detail}\\n  \u003Cdiv\\n    class=\\\"tooltip\\\"\\n    style=\\\"\\n      top:{evt.detail.e.layerY + offset}px;\\n      left:{evt.detail.e.layerX}px;\\n    \\\"\\n  >\\n    \u003Cslot detail={evt.detail}>\u003C/slot>\\n  \u003C/div>\\n{/if}\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/MapSvg\",\"/example/MultiLine\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"A svelte event created via [`dispatch`](https://svelte.dev/docs#createEventDispatcher) with event information under `evt.detail.e`.\",\"type\":{\"type\":\"NameExpression\",\"name\":\"Object\"},\"name\":\"evt\"},{\"title\":\"param\",\"description\":\"A y-offset from the hover point, in pixels.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"Number\"}},\"name\":\"offset\",\"default\":\"-35\"}]},\"componentDescription\":\"Generates a hover tooltip. It creates a slot with an exposed variable via `let:detail` that contains information about the event. Use the slot to populate the body of the tooltip using the exposed variable `detail`.\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -130,8 +130,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/components/Voronoi.svelte.html b/docs/components/Voronoi.svelte.html
index 5ac0a035..87e4b390 100644
--- a/docs/components/Voronoi.svelte.html
+++ b/docs/components/Voronoi.svelte.html
@@ -32,23 +32,23 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/4.nfVJSDK7.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/_components.uMyg-Mkn.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="../_app/immutable/nodes/4.hCWRAUnC.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
@@ -135,7 +135,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/components/Voronoi.svelte.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"slug\":\"Voronoi.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a voronoi layer using [d3-delauney](https://github.com/d3/d3-delauney).\\n -->\\n\u003Cscript>\\n  import { getContext, createEventDispatcher } from 'svelte';\\n  import { uniques } from 'layercake';\\n  import { Delaunay } from 'd3-delaunay';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  /** @type {String} [stroke] – An optional stroke color, which is likely only useful for testing to make sure the shapes drew correctly. */\\n  export let stroke = undefined;\\n\\n  let dispatcher = createEventDispatcher();\\n\\n  function log (point) {\\n    console.log(point, point.data);\\n    dispatcher('voronoi-mouseover', point);\\n  }\\n\\n  $: points = $data.map(d => {\\n    const point = [$xGet(d), $yGet(d)];\\n    point.data = d;\\n    return point;\\n  });\\n\\n  $: uniquePoints = uniques(points, d => d.join(), false);\\n\\n  $: voronoi = Delaunay.from(uniquePoints).voronoi([0, 0, $width, $height]);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .voronoi-cell {\\n    fill: none;\\n    stroke: none;\\n    pointer-events: all;\\n    outline: none;\\n  }\\n\\n  /* Useful to testing but you'll want to disable this for production */\\n  .voronoi-cell:hover {\\n    stroke: #333 !important;\\n    stroke-width: 3px;\\n  }\\n\u003C/style>\\n\\n{#each uniquePoints as point, i}\\n  \u003Cpath\\n    style:stroke\\n    class=\\\"voronoi-cell\\\"\\n    d={voronoi.renderCell(i)}\\n    on:mouseover=\\\"{() => { log(point) }}\\\"\\n    on:focus=\\\"{() => { log(point) }}\\\"\\n  >\u003C/path>\\n{/each}\"},\"dek\":\"\",\"usedIn\":[{\"group\":\"Regular\",\"matches\":[\"/example/Scatter\"]},{\"group\":\"SSR\",\"matches\":[]}],\"hasjsDoctable\":true,\"jsdocParsed\":{\"description\":\"\",\"tags\":[{\"title\":\"param\",\"description\":\"– An optional stroke color, which is likely only useful for testing to make sure the shapes drew correctly.\",\"type\":{\"type\":\"OptionalType\",\"expression\":{\"type\":\"NameExpression\",\"name\":\"String\"}},\"name\":\"stroke\"}]},\"componentDescription\":\"Generates a voronoi layer using [d3-delauney](https://github.com/d3/d3-delauney).\",\"modules\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -144,8 +144,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 4],
diff --git a/docs/example-ssr/AreaStacked.html b/docs/example-ssr/AreaStacked.html
index 7e900bf7..11e3502f 100644
--- a/docs/example-ssr/AreaStacked.html
+++ b/docs/example-ssr/AreaStacked.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Stacked area</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -437,7 +437,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/AreaStacked.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Html, flatten } from 'layercake';\\n  import { stack } from 'd3-shape';\\n  import { scaleOrdinal } from 'd3-scale';\\n  import { format } from 'd3-format';\\n  import { timeParse, timeFormat } from 'd3-time-format';\\n\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n  import AreaStacked from './_components/AreaStacked.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/fruit.csv';\\n\\n  const xKey = 'month';\\n  const yKey = [0, 1];\\n  const zKey = 'key';\\n\\n  const parseDate = timeParse('%Y-%m-%d');\\n\\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\\n  const seriesColors = ['#ff00cc', '#ff7ac7', '#ffb3c0', '#ffe4b8'];\\n\\n  data.forEach(d => {\\n    d[xKey] = typeof d[xKey] === 'string' ? parseDate(d[xKey]) : d[xKey];\\n    seriesNames.forEach(name => {\\n      d[name] = +d[name];\\n    });\\n  });\\n\\n  /* --------------------------------------------\\n   * Create a stacked data structure\\n   */\\n  const stackData = stack()\\n    .keys(seriesNames);\\n\\n  const series = stackData(data);\\n\\n  const formatLabelX = timeFormat('%b. %-d')\\n  const formatLabelY = d => format(`~s`)(d);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ top: 0, right: 0, bottom: 20, left: 17 }}\\n    x={d => d.data[xKey]}\\n    y={yKey}\\n    z={zKey}\\n    zScale={scaleOrdinal()}\\n    zDomain={seriesNames}\\n    zRange={seriesColors}\\n    flatData={flatten(series)}\\n    data={series}\\n  >\\n    \u003CHtml>\\n      \u003CAxisX\\n        format={formatLabelX}\\n        tickMarks\\n      />\\n      \u003CAxisY\\n        format={formatLabelY}\\n      />\\n    \u003C/Html>\\n    \u003CScaledSvg>\\n      \u003CAreaStacked/>\\n    \u003C/ScaledSvg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"Stack area charts using D3's [stack](https://github.com/d3/d3-shape#stacks) function. Because this will create a nested data structure, we use LayerCake's `flatten` function and the `flatData` option from which we measure the extents.\\n\",\"components\":[{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AreaStacked.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape) and sets the color via an ordinal scale in `zScale`. It assumes your data is in a [D3 stack format](https://github.com/d3/d3-shape#stack).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { area } from 'd3-shape';\\n\\n  const { data, xGet, yScale, zGet } = getContext('LayerCake');\\n\\n  $: areaGen = area()\\n    .x(d => $xGet(d))\\n    .y0(d => $yScale(d[0]))\\n    .y1(d => $yScale(d[1]));\\n\u003C/script>\\n\\n\u003Cg class=\\\"area-group\\\">\\n  {#each $data as d}\\n    \u003Cpath\\n      class='path-area'\\n      d='{areaGen(d)}'\\n      fill='{$zGet(d)}'\\n    >\u003C/path>\\n  {/each}\\n\u003C/g>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/fruit.csv\",\"contents\":\"month,apples,bananas,cherries,dates\\n2015-04-01,3840,1920,960,400\\n2015-03-01,1600,1440,960,400\\n2015-02-01,640,960,640,400\\n2015-01-01,320,480,640,400\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -446,8 +446,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/Bar.html b/docs/example-ssr/Bar.html
index 2a73536a..2bb597c7 100644
--- a/docs/example-ssr/Bar.html
+++ b/docs/example-ssr/Bar.html
@@ -32,31 +32,31 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Bar</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
 	</head>
 	<body data-sveltekit-preload-data="hover">
-		<div id="svelte">  <div class="closed mousecatcher svelte-6iinyn"></div> <div class="container svelte-6iinyn"><span class="menu-link menu-closed svelte-6iinyn">Menu</span> <a href="/" class="logo svelte-6iinyn" data-svelte-h="svelte-j5mpno">Layer Cake</a></div> <ul class="dropdown svelte-6iinyn"><li class="svelte-6iinyn"> <select class="svelte-6iinyn"><option value="/" data-svelte-h="svelte-q9tf6m">All</option><option class="header svelte-6iinyn" disabled value=""></option><option class="header svelte-6iinyn" disabled value="Client-side" data-svelte-h="svelte-800ygd">Client-side</option><option value="/example/Bar">Bar</option><option value="/example/Beeswarm">Beeswarm</option><option value="/example/BeeswarmForce">Beeswarm, force layout</option><option value="/example/Brush">Brush</option><option value="/example/Calendar">Calendar</option><option value="/example/CirclePack">Circle pack</option><option value="/example/CirclePackForce">Circle pack, force layout</option><option value="/example/ClevelandDotPlot">Cleveland dot plot</option><option value="/example/Column">Column annotated</option><option value="/example/Histogram">Histogram</option><option value="/example/Line">Line + area</option><option value="/example/MapSvg">Map</option><option value="/example/MapLayered">Multilayer map</option><option value="/example/MultiLine">Multiline</option><option value="/example/CirclePackNested">Nested circle pack</option><option value="/example/Radar">Radar chart</option><option value="/example/Sankey">Sankey</option><option value="/example/Scatter">Scatter</option><option value="/example/SmallMultiples">Small multiples</option><option value="/example/AreaStacked">Stacked area</option><option value="/example/BarStacked">Stacked bar</option><option value="/example/ColumnStacked">Stacked column</option><option value="/example/SyncedBrush">Synced brush</option><option value="/example/Timeplot">Time of day plot</option><option value="/example/ScatterWebgl">WebGL Scatter</option><option class="header svelte-6iinyn" disabled value=""></option><option class="header svelte-6iinyn" disabled value="Server-side" data-svelte-h="svelte-7g1m7d">Server-side</option><option value="/example-ssr/Bar">Bar</option><option value="/example-ssr/Brush">Brush</option><option value="/example-ssr/Calendar">Calendar</option><option value="/example-ssr/ClevelandDotPlot">Cleveland dot plot</option><option value="/example-ssr/Column">Column annotated</option><option value="/example-ssr/Histogram">Histogram</option><option value="/example-ssr/Line">Line + area</option><option value="/example-ssr/MapSvg">Map</option><option value="/example-ssr/MapLayered">Multilayer map</option><option value="/example-ssr/MultiLine">Multiline</option><option value="/example-ssr/Scatter">Scatter</option><option value="/example-ssr/SmallMultiples">Small multiples</option><option value="/example-ssr/AreaStacked">Stacked area</option><option value="/example-ssr/BarStacked">Stacked bar</option><option value="/example-ssr/ColumnStacked">Stacked column</option><option value="/example-ssr/SyncedBrush">Synced brush</option><option value="/example-ssr/Timeplot">Time of day plot</option><option value="/example-ssr/ScatterWebgl">WebGL Scatter</option></select></li></ul> <nav class="closed svelte-6iinyn"><ul class="primary svelte-6iinyn"><li class="svelte-6iinyn"><a class=" svelte-6iinyn" href="/components"><span class="wide-name svelte-6iinyn" data-svelte-h="svelte-1rlx56j">Component gallery</span><span class="short-name svelte-6iinyn" data-svelte-h="svelte-v7gob7">Components</span></a></li> <li class="svelte-6iinyn"><a class=" svelte-6iinyn" href="/guide">Guide</a></li> <li class="svelte-6iinyn" data-svelte-h="svelte-135sx5w"><a id="github-link" target="_blank" rel="noreferrer" href="https://github.com/mhkeller/layercake" class="svelte-6iinyn"></a></li></ul> <div class="secondary svelte-6iinyn"><ul class="guide-toc svelte-7hddv0"><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#introduction">Introduction</a> <a class="subsection  svelte-7hddv0" href="/guide#what-is-layer-cake">What is Layer Cake?</a><a class="subsection  svelte-7hddv0" href="/guide#key-concepts">Key Concepts</a><a class="subsection  svelte-7hddv0" href="/guide#getting-started">Getting started</a><a class="subsection  svelte-7hddv0" href="/guide#using-layout-components">Using layout components</a><a class="subsection  svelte-7hddv0" href="/guide#layer-components">Layer components</a><a class="subsection  svelte-7hddv0" href="/guide#data-less-cakes">Data-less cakes</a><a class="subsection  svelte-7hddv0" href="/guide#server-side-rendering">Server-side rendering</a><a class="subsection  svelte-7hddv0" href="/guide#how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range">How does LayerCake know what to set as a scale's domain and range?</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#troubleshooting">Troubleshooting</a> <a class="subsection  svelte-7hddv0" href="/guide#use-the-debug-feature">Use the debug feature</a><a class="subsection  svelte-7hddv0" href="/guide#typescript">TypeScript</a><a class="subsection  svelte-7hddv0" href="/guide#the-chart-is-blank">The chart is blank</a><a class="subsection  svelte-7hddv0" href="/guide#the-chart-is-a-very-small-square">The chart is a very small square</a><a class="subsection  svelte-7hddv0" href="/guide#the-library-isn39t-building-properly">The library isn't building properly</a><a class="subsection  svelte-7hddv0" href="/guide#listening-for-click-events-on-the-entire-component">Listening for click events on the entire component</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#accessibility">Accessibility</a> <a class="subsection  svelte-7hddv0" href="/guide#layout-attributes">Layout attributes</a><a class="subsection  svelte-7hddv0" href="/guide#html-layouts">HTML layouts</a><a class="subsection  svelte-7hddv0" href="/guide#svg-layouts">SVG layouts</a><a class="subsection  svelte-7hddv0" href="/guide#canvas-and-webgl-layouts">Canvas and WebGl layouts</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layercake-props">LayerCake props</a> <a class="subsection  svelte-7hddv0" href="/guide#data">data</a><a class="subsection  svelte-7hddv0" href="/guide#x">x</a><a class="subsection  svelte-7hddv0" href="/guide#y">y</a><a class="subsection  svelte-7hddv0" href="/guide#z">z</a><a class="subsection  svelte-7hddv0" href="/guide#r">r</a><a class="subsection  svelte-7hddv0" href="/guide#debug">debug</a><a class="subsection  svelte-7hddv0" href="/guide#padding">padding</a><a class="subsection  svelte-7hddv0" href="/guide#xscale">xScale</a><a class="subsection  svelte-7hddv0" href="/guide#yscale">yScale</a><a class="subsection  svelte-7hddv0" href="/guide#zscale">zScale</a><a class="subsection  svelte-7hddv0" href="/guide#rscale">rScale</a><a class="subsection  svelte-7hddv0" href="/guide#xdomain">xDomain</a><a class="subsection  svelte-7hddv0" href="/guide#ydomain">yDomain</a><a class="subsection  svelte-7hddv0" href="/guide#zdomain">zDomain</a><a class="subsection  svelte-7hddv0" href="/guide#rdomain">rDomain</a><a class="subsection  svelte-7hddv0" href="/guide#xreverse">xReverse</a><a class="subsection  svelte-7hddv0" href="/guide#yreverse">yReverse</a><a class="subsection  svelte-7hddv0" href="/guide#zreverse">zReverse</a><a class="subsection  svelte-7hddv0" href="/guide#rreverse">rReverse</a><a class="subsection  svelte-7hddv0" href="/guide#xrange">xRange</a><a class="subsection  svelte-7hddv0" href="/guide#yrange">yRange</a><a class="subsection  svelte-7hddv0" href="/guide#zrange">zRange</a><a class="subsection  svelte-7hddv0" href="/guide#rrange">rRange</a><a class="subsection  svelte-7hddv0" href="/guide#xpadding">xPadding</a><a class="subsection  svelte-7hddv0" href="/guide#ypadding">yPadding</a><a class="subsection  svelte-7hddv0" href="/guide#zpadding">zPadding</a><a class="subsection  svelte-7hddv0" href="/guide#rpadding">rPadding</a><a class="subsection  svelte-7hddv0" href="/guide#xnice">xNice</a><a class="subsection  svelte-7hddv0" href="/guide#ynice">yNice</a><a class="subsection  svelte-7hddv0" href="/guide#znice">zNice</a><a class="subsection  svelte-7hddv0" href="/guide#rnice">rNice</a><a class="subsection  svelte-7hddv0" href="/guide#extents">extents</a><a class="subsection  svelte-7hddv0" href="/guide#flatdata">flatData</a><a class="subsection  svelte-7hddv0" href="/guide#ssr">ssr</a><a class="subsection  svelte-7hddv0" href="/guide#percentrange">percentRange</a><a class="subsection  svelte-7hddv0" href="/guide#position">position</a><a class="subsection  svelte-7hddv0" href="/guide#custom">custom</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#computed-context-values">Computed context values</a> <a class="subsection  svelte-7hddv0" href="/guide#activegetters">activeGetters</a><a class="subsection  svelte-7hddv0" href="/guide#aspectratio">aspectRatio</a><a class="subsection  svelte-7hddv0" href="/guide#box">box</a><a class="subsection  svelte-7hddv0" href="/guide#config">config</a><a class="subsection  svelte-7hddv0" href="/guide#containerwidth">containerWidth</a><a class="subsection  svelte-7hddv0" href="/guide#containerheight">containerHeight</a><a class="subsection  svelte-7hddv0" href="/guide#extents-1">extents</a><a class="subsection  svelte-7hddv0" href="/guide#width">width</a><a class="subsection  svelte-7hddv0" href="/guide#height">height</a><a class="subsection  svelte-7hddv0" href="/guide#x-1">x</a><a class="subsection  svelte-7hddv0" href="/guide#y-1">y</a><a class="subsection  svelte-7hddv0" href="/guide#z-1">z</a><a class="subsection  svelte-7hddv0" href="/guide#r-1">r</a><a class="subsection  svelte-7hddv0" href="/guide#xdomain-1">xDomain</a><a class="subsection  svelte-7hddv0" href="/guide#ydomain-1">yDomain</a><a class="subsection  svelte-7hddv0" href="/guide#zdomain-1">zDomain</a><a class="subsection  svelte-7hddv0" href="/guide#rdomain-1">rDomain</a><a class="subsection  svelte-7hddv0" href="/guide#xrange-1">xRange</a><a class="subsection  svelte-7hddv0" href="/guide#yrange-1">yRange</a><a class="subsection  svelte-7hddv0" href="/guide#zrange-1">zRange</a><a class="subsection  svelte-7hddv0" href="/guide#rrange-1">rRange</a><a class="subsection  svelte-7hddv0" href="/guide#xget">xGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#yget">yGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#zget">zGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#rget">rGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#xscale-1">xScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#yscale-1">yScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#zscale-1">zScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#rscale-1">rScale(...)</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layout-components">Layout components</a> <a class="subsection  svelte-7hddv0" href="/guide#html">Html</a><a class="subsection  svelte-7hddv0" href="/guide#svg">Svg</a><a class="subsection  svelte-7hddv0" href="/guide#scaledsvg">ScaledSvg</a><a class="subsection  svelte-7hddv0" href="/guide#canvas">Canvas</a><a class="subsection  svelte-7hddv0" href="/guide#webgl">WebGL</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layout-component-props">Layout component props</a> <a class="subsection  svelte-7hddv0" href="/guide#zindex">zIndex</a><a class="subsection  svelte-7hddv0" href="/guide#pointerevents">pointerEvents</a><a class="subsection  svelte-7hddv0" href="/guide#viewbox">viewBox</a><a class="subsection  svelte-7hddv0" href="/guide#fixedaspectratio">fixedAspectRatio</a><a class="subsection  svelte-7hddv0" href="/guide#contextattributes">contextAttributes</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#helper-functions">Helper functions</a> <a class="subsection  svelte-7hddv0" href="/guide#bin">bin(...)</a><a class="subsection  svelte-7hddv0" href="/guide#calcextents">calcExtents(...)</a><a class="subsection  svelte-7hddv0" href="/guide#calcuniques">calcUniques(...)</a><a class="subsection  svelte-7hddv0" href="/guide#flatten">flatten(...)</a><a class="subsection  svelte-7hddv0" href="/guide#grouplonger">groupLonger(...)</a><a class="subsection  svelte-7hddv0" href="/guide#raise">raise(...)</a><a class="subsection  svelte-7hddv0" href="/guide#scalecanvas">scaleCanvas(...)</a><a class="subsection  svelte-7hddv0" href="/guide#stack">stack(...)</a><a class="subsection  svelte-7hddv0" href="/guide#uniques">uniques(...)</a> </li></ul></div> </nav> <main> <div class="main svelte-4xax0d" data-label="Server-side"><h1>Bar<a class="edit-repl svelte-4xax0d" href="https://svelte.dev/repl/3e18cab5e88a4b29a14a08fdccd418c2?version=3.46.2" target="_blank" rel="noreferrer">Edit</a></h1> <div class="chart-hero svelte-4xax0d" data-slug="bar"><div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 20px; bottom: 20px; left: 35px;">  <div class="axis x-axis svelte-fdkjmm"> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 0%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 0%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">0</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 11.11111111111111%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 11.11111111111111%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 22.22222222222222%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 22.22222222222222%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">4</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 33.33333333333333%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 33.33333333333333%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">6</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 44.44444444444444%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 44.44444444444444%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">8</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 55.55555555555556%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 55.55555555555556%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">10</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 66.66666666666666%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 66.66666666666666%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">12</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 77.77777777777779%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 77.77777777777779%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">14</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 88.88888888888889%;"></div>  <div class="tick tick-8 svelte-fdkjmm" style="top: calc(100% + 0px); left: 88.88888888888889%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">16</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 100%;"></div>  <div class="tick tick-9 svelte-fdkjmm" style="top: calc(100% + 0px); left: 100%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">18</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:10.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1979</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:30.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1980</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:50.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1981</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:70.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1982</div> </div> <div class="tick tick-4 svelte-1jmrx3z" style="left:0%;top:90.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1983</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 35px; width: calc(100% - 55px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <g class="bar-group"><rect class="group-rect" data-id="0" x="0" y="1" height="19" width="11.11111111111111" fill="#00bbff"></rect><rect class="group-rect" data-id="1" x="0" y="21" height="19" width="16.666666666666664" fill="#00bbff"></rect><rect class="group-rect" data-id="2" x="0" y="41" height="19" width="27.77777777777778" fill="#00bbff"></rect><rect class="group-rect" data-id="3" x="0" y="61" height="19" width="44.44444444444444" fill="#00bbff"></rect><rect class="group-rect" data-id="4" x="0" y="81" height="19" width="100" fill="#00bbff"></rect></g></svg></div></div></div> <div class="download svelte-4xax0d"><button  title="download zip file" class="icon svelte-1gef78k" style="background-image: url(/icons/download.svg)">Download      </button></div> <div class="dek svelte-4xax0d"><!-- HTML_TAG_START --><p>Since we want an ordinal y-axis and Layer Cake defaults to a linear scale, pass in a custom scale to <code>yScale</code> with a few formatting options. Set the x-scale to always start at <code>0</code> so you don't show misleading differences between groups.</p>
+		<div id="svelte">  <div class="closed mousecatcher svelte-6iinyn"></div> <div class="container svelte-6iinyn"><span class="menu-link menu-closed svelte-6iinyn">Menu</span> <a href="/" class="logo svelte-6iinyn" data-svelte-h="svelte-j5mpno">Layer Cake</a></div> <ul class="dropdown svelte-6iinyn"><li class="svelte-6iinyn"> <select class="svelte-6iinyn"><option value="/" data-svelte-h="svelte-q9tf6m">All</option><option class="header svelte-6iinyn" disabled value=""></option><option class="header svelte-6iinyn" disabled value="Client-side" data-svelte-h="svelte-800ygd">Client-side</option><option value="/example/Bar">Bar</option><option value="/example/Beeswarm">Beeswarm</option><option value="/example/BeeswarmForce">Beeswarm, force layout</option><option value="/example/Brush">Brush</option><option value="/example/Calendar">Calendar</option><option value="/example/CirclePack">Circle pack</option><option value="/example/CirclePackForce">Circle pack, force layout</option><option value="/example/ClevelandDotPlot">Cleveland dot plot</option><option value="/example/Column">Column annotated</option><option value="/example/Histogram">Histogram</option><option value="/example/Line">Line + area</option><option value="/example/MapSvg">Map</option><option value="/example/MapLayered">Multilayer map</option><option value="/example/MultiLine">Multiline</option><option value="/example/CirclePackNested">Nested circle pack</option><option value="/example/Radar">Radar chart</option><option value="/example/Sankey">Sankey</option><option value="/example/Scatter">Scatter</option><option value="/example/SmallMultiples">Small multiples</option><option value="/example/AreaStacked">Stacked area</option><option value="/example/BarStacked">Stacked bar</option><option value="/example/ColumnStacked">Stacked column</option><option value="/example/SyncedBrush">Synced brush</option><option value="/example/Timeplot">Time of day plot</option><option value="/example/ScatterWebgl">WebGL Scatter</option><option class="header svelte-6iinyn" disabled value=""></option><option class="header svelte-6iinyn" disabled value="Server-side" data-svelte-h="svelte-7g1m7d">Server-side</option><option value="/example-ssr/Bar">Bar</option><option value="/example-ssr/Brush">Brush</option><option value="/example-ssr/Calendar">Calendar</option><option value="/example-ssr/ClevelandDotPlot">Cleveland dot plot</option><option value="/example-ssr/Column">Column annotated</option><option value="/example-ssr/Histogram">Histogram</option><option value="/example-ssr/Line">Line + area</option><option value="/example-ssr/MapSvg">Map</option><option value="/example-ssr/MapLayered">Multilayer map</option><option value="/example-ssr/MultiLine">Multiline</option><option value="/example-ssr/Scatter">Scatter</option><option value="/example-ssr/SmallMultiples">Small multiples</option><option value="/example-ssr/AreaStacked">Stacked area</option><option value="/example-ssr/BarStacked">Stacked bar</option><option value="/example-ssr/ColumnStacked">Stacked column</option><option value="/example-ssr/SyncedBrush">Synced brush</option><option value="/example-ssr/Timeplot">Time of day plot</option><option value="/example-ssr/ScatterWebgl">WebGL Scatter</option></select></li></ul> <nav class="closed svelte-6iinyn"><ul class="primary svelte-6iinyn"><li class="svelte-6iinyn"><a class=" svelte-6iinyn" href="/components"><span class="wide-name svelte-6iinyn" data-svelte-h="svelte-1rlx56j">Component gallery</span><span class="short-name svelte-6iinyn" data-svelte-h="svelte-v7gob7">Components</span></a></li> <li class="svelte-6iinyn"><a class=" svelte-6iinyn" href="/guide">Guide</a></li> <li class="svelte-6iinyn" data-svelte-h="svelte-135sx5w"><a id="github-link" target="_blank" rel="noreferrer" href="https://github.com/mhkeller/layercake" class="svelte-6iinyn"></a></li></ul> <div class="secondary svelte-6iinyn"><ul class="guide-toc svelte-7hddv0"><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#introduction">Introduction</a> <a class="subsection  svelte-7hddv0" href="/guide#what-is-layer-cake">What is Layer Cake?</a><a class="subsection  svelte-7hddv0" href="/guide#key-concepts">Key Concepts</a><a class="subsection  svelte-7hddv0" href="/guide#getting-started">Getting started</a><a class="subsection  svelte-7hddv0" href="/guide#using-layout-components">Using layout components</a><a class="subsection  svelte-7hddv0" href="/guide#layer-components">Layer components</a><a class="subsection  svelte-7hddv0" href="/guide#data-less-cakes">Data-less cakes</a><a class="subsection  svelte-7hddv0" href="/guide#server-side-rendering">Server-side rendering</a><a class="subsection  svelte-7hddv0" href="/guide#how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range">How does LayerCake know what to set as a scale's domain and range?</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#troubleshooting">Troubleshooting</a> <a class="subsection  svelte-7hddv0" href="/guide#use-the-debug-feature">Use the debug feature</a><a class="subsection  svelte-7hddv0" href="/guide#typescript">TypeScript</a><a class="subsection  svelte-7hddv0" href="/guide#the-chart-is-blank">The chart is blank</a><a class="subsection  svelte-7hddv0" href="/guide#the-chart-is-a-very-small-square">The chart is a very small square</a><a class="subsection  svelte-7hddv0" href="/guide#the-library-isn39t-building-properly">The library isn't building properly</a><a class="subsection  svelte-7hddv0" href="/guide#listening-for-click-events-on-the-entire-component">Listening for click events on the entire component</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#accessibility">Accessibility</a> <a class="subsection  svelte-7hddv0" href="/guide#layout-attributes">Layout attributes</a><a class="subsection  svelte-7hddv0" href="/guide#html-layouts">HTML layouts</a><a class="subsection  svelte-7hddv0" href="/guide#svg-layouts">SVG layouts</a><a class="subsection  svelte-7hddv0" href="/guide#canvas-and-webgl-layouts">Canvas and WebGl layouts</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layercake-props">LayerCake props</a> <a class="subsection  svelte-7hddv0" href="/guide#data">data</a><a class="subsection  svelte-7hddv0" href="/guide#x">x</a><a class="subsection  svelte-7hddv0" href="/guide#y">y</a><a class="subsection  svelte-7hddv0" href="/guide#z">z</a><a class="subsection  svelte-7hddv0" href="/guide#r">r</a><a class="subsection  svelte-7hddv0" href="/guide#debug">debug</a><a class="subsection  svelte-7hddv0" href="/guide#padding">padding</a><a class="subsection  svelte-7hddv0" href="/guide#xscale">xScale</a><a class="subsection  svelte-7hddv0" href="/guide#yscale">yScale</a><a class="subsection  svelte-7hddv0" href="/guide#zscale">zScale</a><a class="subsection  svelte-7hddv0" href="/guide#rscale">rScale</a><a class="subsection  svelte-7hddv0" href="/guide#xdomain">xDomain</a><a class="subsection  svelte-7hddv0" href="/guide#ydomain">yDomain</a><a class="subsection  svelte-7hddv0" href="/guide#zdomain">zDomain</a><a class="subsection  svelte-7hddv0" href="/guide#rdomain">rDomain</a><a class="subsection  svelte-7hddv0" href="/guide#xreverse">xReverse</a><a class="subsection  svelte-7hddv0" href="/guide#yreverse">yReverse</a><a class="subsection  svelte-7hddv0" href="/guide#zreverse">zReverse</a><a class="subsection  svelte-7hddv0" href="/guide#rreverse">rReverse</a><a class="subsection  svelte-7hddv0" href="/guide#xrange">xRange</a><a class="subsection  svelte-7hddv0" href="/guide#yrange">yRange</a><a class="subsection  svelte-7hddv0" href="/guide#zrange">zRange</a><a class="subsection  svelte-7hddv0" href="/guide#rrange">rRange</a><a class="subsection  svelte-7hddv0" href="/guide#xpadding">xPadding</a><a class="subsection  svelte-7hddv0" href="/guide#ypadding">yPadding</a><a class="subsection  svelte-7hddv0" href="/guide#zpadding">zPadding</a><a class="subsection  svelte-7hddv0" href="/guide#rpadding">rPadding</a><a class="subsection  svelte-7hddv0" href="/guide#xnice">xNice</a><a class="subsection  svelte-7hddv0" href="/guide#ynice">yNice</a><a class="subsection  svelte-7hddv0" href="/guide#znice">zNice</a><a class="subsection  svelte-7hddv0" href="/guide#rnice">rNice</a><a class="subsection  svelte-7hddv0" href="/guide#extents">extents</a><a class="subsection  svelte-7hddv0" href="/guide#flatdata">flatData</a><a class="subsection  svelte-7hddv0" href="/guide#ssr">ssr</a><a class="subsection  svelte-7hddv0" href="/guide#percentrange">percentRange</a><a class="subsection  svelte-7hddv0" href="/guide#position">position</a><a class="subsection  svelte-7hddv0" href="/guide#custom">custom</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#computed-context-values">Computed context values</a> <a class="subsection  svelte-7hddv0" href="/guide#activegetters">activeGetters</a><a class="subsection  svelte-7hddv0" href="/guide#aspectratio">aspectRatio</a><a class="subsection  svelte-7hddv0" href="/guide#box">box</a><a class="subsection  svelte-7hddv0" href="/guide#config">config</a><a class="subsection  svelte-7hddv0" href="/guide#containerwidth">containerWidth</a><a class="subsection  svelte-7hddv0" href="/guide#containerheight">containerHeight</a><a class="subsection  svelte-7hddv0" href="/guide#extents-1">extents</a><a class="subsection  svelte-7hddv0" href="/guide#width">width</a><a class="subsection  svelte-7hddv0" href="/guide#height">height</a><a class="subsection  svelte-7hddv0" href="/guide#x-1">x</a><a class="subsection  svelte-7hddv0" href="/guide#y-1">y</a><a class="subsection  svelte-7hddv0" href="/guide#z-1">z</a><a class="subsection  svelte-7hddv0" href="/guide#r-1">r</a><a class="subsection  svelte-7hddv0" href="/guide#xdomain-1">xDomain</a><a class="subsection  svelte-7hddv0" href="/guide#ydomain-1">yDomain</a><a class="subsection  svelte-7hddv0" href="/guide#zdomain-1">zDomain</a><a class="subsection  svelte-7hddv0" href="/guide#rdomain-1">rDomain</a><a class="subsection  svelte-7hddv0" href="/guide#xrange-1">xRange</a><a class="subsection  svelte-7hddv0" href="/guide#yrange-1">yRange</a><a class="subsection  svelte-7hddv0" href="/guide#zrange-1">zRange</a><a class="subsection  svelte-7hddv0" href="/guide#rrange-1">rRange</a><a class="subsection  svelte-7hddv0" href="/guide#xget">xGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#yget">yGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#zget">zGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#rget">rGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#xscale-1">xScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#yscale-1">yScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#zscale-1">zScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#rscale-1">rScale(...)</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layout-components">Layout components</a> <a class="subsection  svelte-7hddv0" href="/guide#html">Html</a><a class="subsection  svelte-7hddv0" href="/guide#svg">Svg</a><a class="subsection  svelte-7hddv0" href="/guide#scaledsvg">ScaledSvg</a><a class="subsection  svelte-7hddv0" href="/guide#canvas">Canvas</a><a class="subsection  svelte-7hddv0" href="/guide#webgl">WebGL</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layout-component-props">Layout component props</a> <a class="subsection  svelte-7hddv0" href="/guide#zindex">zIndex</a><a class="subsection  svelte-7hddv0" href="/guide#pointerevents">pointerEvents</a><a class="subsection  svelte-7hddv0" href="/guide#viewbox">viewBox</a><a class="subsection  svelte-7hddv0" href="/guide#fixedaspectratio">fixedAspectRatio</a><a class="subsection  svelte-7hddv0" href="/guide#contextattributes">contextAttributes</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#helper-functions">Helper functions</a> <a class="subsection  svelte-7hddv0" href="/guide#bin">bin(...)</a><a class="subsection  svelte-7hddv0" href="/guide#calcextents">calcExtents(...)</a><a class="subsection  svelte-7hddv0" href="/guide#calcuniques">calcUniques(...)</a><a class="subsection  svelte-7hddv0" href="/guide#flatten">flatten(...)</a><a class="subsection  svelte-7hddv0" href="/guide#grouplonger">groupLonger(...)</a><a class="subsection  svelte-7hddv0" href="/guide#raise">raise(...)</a><a class="subsection  svelte-7hddv0" href="/guide#scalecanvas">scaleCanvas(...)</a><a class="subsection  svelte-7hddv0" href="/guide#stack">stack(...)</a><a class="subsection  svelte-7hddv0" href="/guide#uniques">uniques(...)</a> </li></ul></div> </nav> <main> <div class="main svelte-4xax0d" data-label="Server-side"><h1>Bar<a class="edit-repl svelte-4xax0d" href="https://svelte.dev/repl/3e18cab5e88a4b29a14a08fdccd418c2?version=3.46.2" target="_blank" rel="noreferrer">Edit</a></h1> <div class="chart-hero svelte-4xax0d" data-slug="bar"><div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 20px; bottom: 20px; left: 35px;">  <div class="axis x-axis svelte-fdkjmm snapLabels"> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 0%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 0%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">0</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 11.11111111111111%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 11.11111111111111%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 22.22222222222222%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 22.22222222222222%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">4</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 33.33333333333333%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 33.33333333333333%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">6</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 44.44444444444444%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 44.44444444444444%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">8</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 55.55555555555556%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 55.55555555555556%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">10</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 66.66666666666666%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 66.66666666666666%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">12</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 77.77777777777779%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 77.77777777777779%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">14</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 88.88888888888889%;"></div>  <div class="tick tick-8 svelte-fdkjmm" style="top: calc(100% + 0px); left: 88.88888888888889%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">16</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 100%;"></div>  <div class="tick tick-9 svelte-fdkjmm" style="top: calc(100% + 0px); left: 100%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">18</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:10.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1979</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:30.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1980</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:50.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1981</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:70.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1982</div> </div> <div class="tick tick-4 svelte-1jmrx3z" style="left:0%;top:90.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1983</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 35px; width: calc(100% - 55px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <g class="bar-group"><rect class="group-rect" data-id="0" x="0" y="1" height="19" width="11.11111111111111" fill="#00bbff"></rect><rect class="group-rect" data-id="1" x="0" y="21" height="19" width="16.666666666666664" fill="#00bbff"></rect><rect class="group-rect" data-id="2" x="0" y="41" height="19" width="27.77777777777778" fill="#00bbff"></rect><rect class="group-rect" data-id="3" x="0" y="61" height="19" width="44.44444444444444" fill="#00bbff"></rect><rect class="group-rect" data-id="4" x="0" y="81" height="19" width="100" fill="#00bbff"></rect></g></svg></div></div></div> <div class="download svelte-4xax0d"><button  title="download zip file" class="icon svelte-1gef78k" style="background-image: url(/icons/download.svg)">Download      </button></div> <div class="dek svelte-4xax0d"><!-- HTML_TAG_START --><p>Since we want an ordinal y-axis and Layer Cake defaults to a linear scale, pass in a custom scale to <code>yScale</code> with a few formatting options. Set the x-scale to always start at <code>0</code> so you don't show misleading differences between groups.</p>
 <!-- HTML_TAG_END --></div> <div id="pages" class="has-dek svelte-4xax0d"><ul id="page-nav" class="svelte-4xax0d"><li class="tab active svelte-4xax0d">+page.svelte</li><li class="tab  svelte-4xax0d">./_components/Bar.svelte</li><li class="tab  svelte-4xax0d">./_components/AxisX.percent-range.html.svelte</li><li class="tab  svelte-4xax0d">./_components/AxisY.percent-range.html.svelte</li><li class="tab  svelte-4xax0d">./_data/groups.csv</li></ul> <div id="contents-container" class="svelte-4xax0d"><div class="copy svelte-4xax0d"></div> <div class="contents" style="display: block;"><pre class="svelte-4xax0d"><!-- HTML_TAG_START --><span class="language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">script</span>&gt;</span></span><span class="language-javascript">
   <span class="hljs-keyword">import</span> { <span class="hljs-title class_">LayerCake</span>, <span class="hljs-title class_">ScaledSvg</span>, <span class="hljs-title class_">Html</span> } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;layercake&#x27;</span>;
   <span class="hljs-keyword">import</span> { scaleBand } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;d3-scale&#x27;</span>;
@@ -102,7 +102,7 @@
       <span class="hljs-tag">&lt;<span class="hljs-name">AxisX</span>
         <span class="hljs-attr">gridlines</span>
         <span class="hljs-attr">baseline</span>
-        <span class="hljs-attr">snapTicks</span>
+        <span class="hljs-attr">snapLabels</span>
       /&gt;</span>
       <span class="hljs-tag">&lt;<span class="hljs-name">AxisY</span> <span class="hljs-attr">gridlines</span>=</span></span><span class="language-javascript">{<span class="hljs-literal">false</span>}</span><span class="language-xml"><span class="hljs-tag"> <span class="hljs-attr">tickMarks</span>/&gt;</span>
     <span class="hljs-tag">&lt;/<span class="hljs-name">Html</span>&gt;</span>
@@ -408,10 +408,10 @@
 1982,8
 1983,18<!-- HTML_TAG_END --></pre> </div></div></div></div></main> 
 			<script type="application/json" data-sveltekit-fetched data-url="/api/guide-sections.json">{"status":200,"statusText":"","headers":{},"body":"[{\"html\":null,\"metadata\":{\"title\":\"Introduction\"},\"subsections\":[{\"slug\":\"what-is-layer-cake\",\"title\":\"What is Layer Cake?\"},{\"slug\":\"key-concepts\",\"title\":\"Key Concepts\"},{\"slug\":\"getting-started\",\"title\":\"Getting started\"},{\"slug\":\"using-layout-components\",\"title\":\"Using layout components\"},{\"slug\":\"layer-components\",\"title\":\"Layer components\"},{\"slug\":\"data-less-cakes\",\"title\":\"Data-less cakes\"},{\"slug\":\"server-side-rendering\",\"title\":\"Server-side rendering\"},{\"slug\":\"how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range\",\"title\":\"How does LayerCake know what to set as a scale's domain and range?\"}],\"slug\":\"introduction\",\"file\":\"00-introduction.md\"},{\"html\":null,\"metadata\":{\"title\":\"Troubleshooting\"},\"subsections\":[{\"slug\":\"use-the-debug-feature\",\"title\":\"Use the debug feature\"},{\"slug\":\"typescript\",\"title\":\"TypeScript\"},{\"slug\":\"the-chart-is-blank\",\"title\":\"The chart is blank\"},{\"slug\":\"the-chart-is-a-very-small-square\",\"title\":\"The chart is a very small square\"},{\"slug\":\"the-library-isn39t-building-properly\",\"title\":\"The library isn't building properly\"},{\"slug\":\"listening-for-click-events-on-the-entire-component\",\"title\":\"Listening for click events on the entire component\"}],\"slug\":\"troubleshooting\",\"file\":\"01-troubleshooting.md\"},{\"html\":null,\"metadata\":{\"title\":\"Accessibility\"},\"subsections\":[{\"slug\":\"layout-attributes\",\"title\":\"Layout attributes\"},{\"slug\":\"html-layouts\",\"title\":\"HTML layouts\"},{\"slug\":\"svg-layouts\",\"title\":\"SVG layouts\"},{\"slug\":\"canvas-and-webgl-layouts\",\"title\":\"Canvas and WebGl layouts\"}],\"slug\":\"accessibility\",\"file\":\"02-accessibility.md\"},{\"html\":null,\"metadata\":{\"title\":\"LayerCake props\"},\"subsections\":[{\"slug\":\"data\",\"title\":\"data\"},{\"slug\":\"x\",\"title\":\"x\"},{\"slug\":\"y\",\"title\":\"y\"},{\"slug\":\"z\",\"title\":\"z\"},{\"slug\":\"r\",\"title\":\"r\"},{\"slug\":\"debug\",\"title\":\"debug\"},{\"slug\":\"padding\",\"title\":\"padding\"},{\"slug\":\"xscale\",\"title\":\"xScale\"},{\"slug\":\"yscale\",\"title\":\"yScale\"},{\"slug\":\"zscale\",\"title\":\"zScale\"},{\"slug\":\"rscale\",\"title\":\"rScale\"},{\"slug\":\"xdomain\",\"title\":\"xDomain\"},{\"slug\":\"ydomain\",\"title\":\"yDomain\"},{\"slug\":\"zdomain\",\"title\":\"zDomain\"},{\"slug\":\"rdomain\",\"title\":\"rDomain\"},{\"slug\":\"xreverse\",\"title\":\"xReverse\"},{\"slug\":\"yreverse\",\"title\":\"yReverse\"},{\"slug\":\"zreverse\",\"title\":\"zReverse\"},{\"slug\":\"rreverse\",\"title\":\"rReverse\"},{\"slug\":\"xrange\",\"title\":\"xRange\"},{\"slug\":\"yrange\",\"title\":\"yRange\"},{\"slug\":\"zrange\",\"title\":\"zRange\"},{\"slug\":\"rrange\",\"title\":\"rRange\"},{\"slug\":\"xpadding\",\"title\":\"xPadding\"},{\"slug\":\"ypadding\",\"title\":\"yPadding\"},{\"slug\":\"zpadding\",\"title\":\"zPadding\"},{\"slug\":\"rpadding\",\"title\":\"rPadding\"},{\"slug\":\"xnice\",\"title\":\"xNice\"},{\"slug\":\"ynice\",\"title\":\"yNice\"},{\"slug\":\"znice\",\"title\":\"zNice\"},{\"slug\":\"rnice\",\"title\":\"rNice\"},{\"slug\":\"extents\",\"title\":\"extents\"},{\"slug\":\"flatdata\",\"title\":\"flatData\"},{\"slug\":\"ssr\",\"title\":\"ssr\"},{\"slug\":\"percentrange\",\"title\":\"percentRange\"},{\"slug\":\"position\",\"title\":\"position\"},{\"slug\":\"custom\",\"title\":\"custom\"}],\"slug\":\"layercake-props\",\"file\":\"03-layercake-props.md\"},{\"html\":null,\"metadata\":{\"title\":\"Computed context values\"},\"subsections\":[{\"slug\":\"activegetters\",\"title\":\"activeGetters\"},{\"slug\":\"aspectratio\",\"title\":\"aspectRatio\"},{\"slug\":\"box\",\"title\":\"box\"},{\"slug\":\"config\",\"title\":\"config\"},{\"slug\":\"containerwidth\",\"title\":\"containerWidth\"},{\"slug\":\"containerheight\",\"title\":\"containerHeight\"},{\"slug\":\"extents-1\",\"title\":\"extents\"},{\"slug\":\"width\",\"title\":\"width\"},{\"slug\":\"height\",\"title\":\"height\"},{\"slug\":\"x-1\",\"title\":\"x\"},{\"slug\":\"y-1\",\"title\":\"y\"},{\"slug\":\"z-1\",\"title\":\"z\"},{\"slug\":\"r-1\",\"title\":\"r\"},{\"slug\":\"xdomain-1\",\"title\":\"xDomain\"},{\"slug\":\"ydomain-1\",\"title\":\"yDomain\"},{\"slug\":\"zdomain-1\",\"title\":\"zDomain\"},{\"slug\":\"rdomain-1\",\"title\":\"rDomain\"},{\"slug\":\"xrange-1\",\"title\":\"xRange\"},{\"slug\":\"yrange-1\",\"title\":\"yRange\"},{\"slug\":\"zrange-1\",\"title\":\"zRange\"},{\"slug\":\"rrange-1\",\"title\":\"rRange\"},{\"slug\":\"xget\",\"title\":\"xGet(...)\"},{\"slug\":\"yget\",\"title\":\"yGet(...)\"},{\"slug\":\"zget\",\"title\":\"zGet(...)\"},{\"slug\":\"rget\",\"title\":\"rGet(...)\"},{\"slug\":\"xscale-1\",\"title\":\"xScale(...)\"},{\"slug\":\"yscale-1\",\"title\":\"yScale(...)\"},{\"slug\":\"zscale-1\",\"title\":\"zScale(...)\"},{\"slug\":\"rscale-1\",\"title\":\"rScale(...)\"}],\"slug\":\"computed-context-values\",\"file\":\"04-computed-context-values.md\"},{\"html\":null,\"metadata\":{\"title\":\"Layout components\"},\"subsections\":[{\"slug\":\"html\",\"title\":\"Html\"},{\"slug\":\"svg\",\"title\":\"Svg\"},{\"slug\":\"scaledsvg\",\"title\":\"ScaledSvg\"},{\"slug\":\"canvas\",\"title\":\"Canvas\"},{\"slug\":\"webgl\",\"title\":\"WebGL\"}],\"slug\":\"layout-components\",\"file\":\"05-layout-components.md\"},{\"html\":null,\"metadata\":{\"title\":\"Layout component props\"},\"subsections\":[{\"slug\":\"zindex\",\"title\":\"zIndex\"},{\"slug\":\"pointerevents\",\"title\":\"pointerEvents\"},{\"slug\":\"viewbox\",\"title\":\"viewBox\"},{\"slug\":\"fixedaspectratio\",\"title\":\"fixedAspectRatio\"},{\"slug\":\"contextattributes\",\"title\":\"contextAttributes\"}],\"slug\":\"layout-component-props\",\"file\":\"06-layout-component-props.md\"},{\"html\":null,\"metadata\":{\"title\":\"Helper functions\"},\"subsections\":[{\"slug\":\"bin\",\"title\":\"bin(...)\"},{\"slug\":\"calcextents\",\"title\":\"calcExtents(...)\"},{\"slug\":\"calcuniques\",\"title\":\"calcUniques(...)\"},{\"slug\":\"flatten\",\"title\":\"flatten(...)\"},{\"slug\":\"grouplonger\",\"title\":\"groupLonger(...)\"},{\"slug\":\"raise\",\"title\":\"raise(...)\"},{\"slug\":\"scalecanvas\",\"title\":\"scaleCanvas(...)\"},{\"slug\":\"stack\",\"title\":\"stack(...)\"},{\"slug\":\"uniques\",\"title\":\"uniques(...)\"}],\"slug\":\"helper-functions\",\"file\":\"99-helper-functions.md\"}]"}</script>
-			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/Bar.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Html } from 'layercake';\\n  import { scaleBand } from 'd3-scale';\\n\\n  import Bar from './_components/Bar.svelte';\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/groups.csv';\\n\\n  data.forEach(d => {\\n    d.value = +d.value;\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ top: 0, right: 20, bottom: 20, left: 35 }}\\n    x='value'\\n    y='year'\\n    yScale={scaleBand().paddingInner(0.05).round(true)}\\n    yDomain={['1979', '1980', '1981', '1982', '1983']}\\n    xDomain={[0, null]}\\n    data={data}\\n  >\\n    \u003CHtml>\\n      \u003CAxisX\\n        gridlines\\n        baseline\\n        snapTicks\\n      />\\n      \u003CAxisY gridlines={false} tickMarks/>\\n    \u003C/Html>\\n    \u003CScaledSvg>\\n      \u003CBar/>\\n    \u003C/ScaledSvg>\\n  \u003C/LayerCake>\\n\\n\u003C/div>\"},\"dek\":\"Since we want an ordinal y-axis and Layer Cake defaults to a linear scale, pass in a custom scale to `yScale` with a few formatting options. Set the x-scale to always start at `0` so you don't show misleading differences between groups.\\n\",\"components\":[{\"title\":\"./_components/Bar.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG bar chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\\n\\n  /** @type {String} [fill='#00bbff'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#00bbff';\\n\u003C/script>\\n\\n\u003Cg class=\\\"bar-group\\\">\\n  {#each $data as d, i}\\n    \u003Crect\\n      class='group-rect'\\n      data-id=\\\"{i}\\\"\\n      x=\\\"{$xScale.range()[0]}\\\"\\n      y=\\\"{$yGet(d)}\\\"\\n      height={$yScale.bandwidth()}\\n      width=\\\"{$xGet(d)}\\\"\\n      {fill}\\n    >\u003C/rect>\\n  {/each}\\n\u003C/g>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/groups.csv\",\"contents\":\"year,value\\n1979,2\\n1980,3\\n1981,5\\n1982,8\\n1983,18\"}],\"jsons\":[]}"}</script>
+			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/Bar.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Html } from 'layercake';\\n  import { scaleBand } from 'd3-scale';\\n\\n  import Bar from './_components/Bar.svelte';\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/groups.csv';\\n\\n  data.forEach(d => {\\n    d.value = +d.value;\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ top: 0, right: 20, bottom: 20, left: 35 }}\\n    x='value'\\n    y='year'\\n    yScale={scaleBand().paddingInner(0.05).round(true)}\\n    yDomain={['1979', '1980', '1981', '1982', '1983']}\\n    xDomain={[0, null]}\\n    data={data}\\n  >\\n    \u003CHtml>\\n      \u003CAxisX\\n        gridlines\\n        baseline\\n        snapLabels\\n      />\\n      \u003CAxisY gridlines={false} tickMarks/>\\n    \u003C/Html>\\n    \u003CScaledSvg>\\n      \u003CBar/>\\n    \u003C/ScaledSvg>\\n  \u003C/LayerCake>\\n\\n\u003C/div>\"},\"dek\":\"Since we want an ordinal y-axis and Layer Cake defaults to a linear scale, pass in a custom scale to `yScale` with a few formatting options. Set the x-scale to always start at `0` so you don't show misleading differences between groups.\\n\",\"components\":[{\"title\":\"./_components/Bar.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG bar chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\\n\\n  /** @type {String} [fill='#00bbff'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#00bbff';\\n\u003C/script>\\n\\n\u003Cg class=\\\"bar-group\\\">\\n  {#each $data as d, i}\\n    \u003Crect\\n      class='group-rect'\\n      data-id=\\\"{i}\\\"\\n      x=\\\"{$xScale.range()[0]}\\\"\\n      y=\\\"{$yGet(d)}\\\"\\n      height={$yScale.bandwidth()}\\n      width=\\\"{$xGet(d)}\\\"\\n      {fill}\\n    >\u003C/rect>\\n  {/each}\\n\u003C/g>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/groups.csv\",\"contents\":\"year,value\\n1979,2\\n1980,3\\n1981,5\\n1982,8\\n1983,18\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -420,8 +420,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/Bar.json b/docs/example-ssr/Bar.json
index 9cbd118d..8dbe1ee4 100644
--- a/docs/example-ssr/Bar.json
+++ b/docs/example-ssr/Bar.json
@@ -1 +1 @@
-{"main":{"title":"+page.svelte","contents":"<script>\n  import { LayerCake, ScaledSvg, Html } from 'layercake';\n  import { scaleBand } from 'd3-scale';\n\n  import Bar from './_components/Bar.svelte';\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\n\n  // This example loads csv data as json using @rollup/plugin-dsv\n  import data from './_data/groups.csv';\n\n  data.forEach(d => {\n    d.value = +d.value;\n  });\n</script>\n\n<style>\n  /*\n    The wrapper div needs to have an explicit width and height in CSS.\n    It can also be a flexbox child or CSS grid element.\n    The point being it needs dimensions since the <LayerCake> element will\n    expand to fill it.\n  */\n  .chart-container {\n    width: 100%;\n    height: 250px;\n  }\n</style>\n\n<div class=\"chart-container\">\n  <LayerCake\n    ssr\n    percentRange\n    padding={{ top: 0, right: 20, bottom: 20, left: 35 }}\n    x='value'\n    y='year'\n    yScale={scaleBand().paddingInner(0.05).round(true)}\n    yDomain={['1979', '1980', '1981', '1982', '1983']}\n    xDomain={[0, null]}\n    data={data}\n  >\n    <Html>\n      <AxisX\n        gridlines\n        baseline\n        snapTicks\n      />\n      <AxisY gridlines={false} tickMarks/>\n    </Html>\n    <ScaledSvg>\n      <Bar/>\n    </ScaledSvg>\n  </LayerCake>\n\n</div>"},"dek":"Since we want an ordinal y-axis and Layer Cake defaults to a linear scale, pass in a custom scale to `yScale` with a few formatting options. Set the x-scale to always start at `0` so you don't show misleading differences between groups.\n","components":[{"title":"./_components/Bar.svelte","contents":"<!--\n  @component\n  Generates an SVG bar chart.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\n\n  /** @type {String} [fill='#00bbff'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\n  export let fill = '#00bbff';\n</script>\n\n<g class=\"bar-group\">\n  {#each $data as d, i}\n    <rect\n      class='group-rect'\n      data-id=\"{i}\"\n      x=\"{$xScale.range()[0]}\"\n      y=\"{$yGet(d)}\"\n      height={$yScale.bandwidth()}\n      width=\"{$xGet(d)}\"\n      {fill}\n    ></rect>\n  {/each}\n</g>"},{"title":"./_components/AxisX.percent-range.html.svelte","contents":"<!--\n  @component\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { width, height, xScale, yRange } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\n  export let tickMarks = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\n  export let tickMarkLength = 6;\n\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\n  export let baseline = false;\n\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\n  export let snapLabels = false;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d;\n\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\n  export let ticks = undefined;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = 1;\n\n  $: tickLen = tickMarks === true\n    ? tickMarkLength ?? 6\n    : 0;\n\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $xScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($xScale.ticks()) :\n          $xScale.ticks(ticks);\n\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\n</script>\n\n<div class='axis x-axis' class:snapLabels>\n  {#each tickVals as tick, i (tick)}\n    {@const tickValPx = $xScale(tick)}\n\n    {#if baseline === true}\n      <div class=\"baseline\" style='top:100%; width:100%;'></div>\n    {/if}\n\n    {#if gridlines === true}\n      <div\n        class=\"gridline\"\n        style:left='{tickValPx}%'\n        style='top:0; bottom:0;'></div>\n    {/if}\n    {#if tickMarks === true}\n      <div\n        class=\"tick-mark\"\n        style:left='{tickValPx + halfBand}%'\n        style:height='{tickLen}px'\n        style:bottom='{-tickLen - tickGutter}px'\n      ></div>\n    {/if}\n    <div\n      class='tick tick-{i}'\n      style:left='{tickValPx + halfBand}%'\n      style='top:calc(100% + {tickGutter}px);'>\n      <div\n        class=\"text\"\n        style:top='{tickLen}px'\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\n      >{format(tick)}</div>\n    </div>\n  {/each}\n</div>\n\n<style>\n  .axis,\n  .tick,\n  .tick-mark,\n  .gridline,\n  .baseline {\n    position: absolute;\n  }\n  .axis {\n    width: 100%;\n    height: 100%;\n  }\n  .tick {\n    font-size: 11px;\n  }\n\n  .gridline {\n    border-left: 1px dashed #aaa;\n  }\n\n  .tick-mark {\n    border-left: 1px solid #aaa;\n  }\n  .baseline {\n    border-top: 1px solid #aaa;\n  }\n\n  .tick .text {\n    color: #666;\n    position: relative;\n    white-space: nowrap;\n    transform: translateX(-50%);\n  }\n  /* This looks a little better at 40 percent than 50 */\n  .axis.snapLabels .tick:last-child {\n    transform: translateX(-40%);\n  }\n  .axis.snapLabels .tick.tick-0 {\n    transform: translateX(40%);\n  }\n</style>"},{"title":"./_components/AxisY.percent-range.html.svelte","contents":"<!--\n  @component\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\n -->\n <script>\n  import { getContext } from 'svelte';\n\n  const { xRange, yScale } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\n  export let tickMarks = false;\n\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\n  export let labelPosition = 'even';\n\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\n  export let snapBaselineLabel = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\n  export let tickMarkLength = undefined;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d ;\n\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\n  export let ticks = 4;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = -3;\n\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\n  export let charPixelWidth = 7.25;\n\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $yScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($yScale.ticks()) :\n          $yScale.ticks(ticks);\n\n  function calcStringLength(sum, val) {\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\n    return sum + charPixelWidth;\n  }\n\n  $: tickLen = tickMarks === true\n    ? labelPosition === 'above'\n      ? tickMarkLength ?? widestTickLen\n      : tickMarkLength ?? 6\n    : 0;\n\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\n\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\n\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\n</script>\n\n<div class='axis y-axis'>\n  {#each tickVals as tick, i (tick)}\n    {@const tickValPerc = $yScale(tick)}\n\n    <div class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\n      {#if gridlines === true}\n        <div\n          class=\"gridline\"\n          style=\"top:0;\"\n          style:left='{x1}px'\n          style:right='0px'\n        ></div>\n      {/if}\n      {#if tickMarks === true}\n        <div\n          class=\"tick-mark\"\n          style:top='0'\n          style:left='{x1}px'\n          style:width='{tickLen}px'\n        ></div>\n      {/if}\n      <div\n        class=\"text\"\n        style:top='0'\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\n        style:width='{widestTickLen}px'\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\n      >{format(tick)}</div>\n    </div>\n  {/each}\n</div>\n\n<style>\n  .axis,\n  .tick,\n  .tick-mark,\n  .gridline,\n  .baseline,\n  .text {\n    position: absolute;\n  }\n  .axis {\n    width: 100%;\n    height: 100%;\n  }\n  .tick {\n    font-size: 11px;\n    width: 100%;\n  }\n\n  .gridline {\n    border-top: 1px dashed #aaa;\n  }\n  .tick-mark {\n    border-top: 1px solid #aaa;\n  }\n\n  .baseline.gridline {\n    border-top-style: solid;\n  }\n\n  .tick .text {\n    color: #666;\n  }\n</style>"}],"modules":[],"componentModules":[],"componentComponents":[],"csvs":[{"title":"./_data/groups.csv","contents":"year,value\n1979,2\n1980,3\n1981,5\n1982,8\n1983,18"}],"jsons":[]}
\ No newline at end of file
+{"main":{"title":"+page.svelte","contents":"<script>\n  import { LayerCake, ScaledSvg, Html } from 'layercake';\n  import { scaleBand } from 'd3-scale';\n\n  import Bar from './_components/Bar.svelte';\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\n\n  // This example loads csv data as json using @rollup/plugin-dsv\n  import data from './_data/groups.csv';\n\n  data.forEach(d => {\n    d.value = +d.value;\n  });\n</script>\n\n<style>\n  /*\n    The wrapper div needs to have an explicit width and height in CSS.\n    It can also be a flexbox child or CSS grid element.\n    The point being it needs dimensions since the <LayerCake> element will\n    expand to fill it.\n  */\n  .chart-container {\n    width: 100%;\n    height: 250px;\n  }\n</style>\n\n<div class=\"chart-container\">\n  <LayerCake\n    ssr\n    percentRange\n    padding={{ top: 0, right: 20, bottom: 20, left: 35 }}\n    x='value'\n    y='year'\n    yScale={scaleBand().paddingInner(0.05).round(true)}\n    yDomain={['1979', '1980', '1981', '1982', '1983']}\n    xDomain={[0, null]}\n    data={data}\n  >\n    <Html>\n      <AxisX\n        gridlines\n        baseline\n        snapLabels\n      />\n      <AxisY gridlines={false} tickMarks/>\n    </Html>\n    <ScaledSvg>\n      <Bar/>\n    </ScaledSvg>\n  </LayerCake>\n\n</div>"},"dek":"Since we want an ordinal y-axis and Layer Cake defaults to a linear scale, pass in a custom scale to `yScale` with a few formatting options. Set the x-scale to always start at `0` so you don't show misleading differences between groups.\n","components":[{"title":"./_components/Bar.svelte","contents":"<!--\n  @component\n  Generates an SVG bar chart.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\n\n  /** @type {String} [fill='#00bbff'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\n  export let fill = '#00bbff';\n</script>\n\n<g class=\"bar-group\">\n  {#each $data as d, i}\n    <rect\n      class='group-rect'\n      data-id=\"{i}\"\n      x=\"{$xScale.range()[0]}\"\n      y=\"{$yGet(d)}\"\n      height={$yScale.bandwidth()}\n      width=\"{$xGet(d)}\"\n      {fill}\n    ></rect>\n  {/each}\n</g>"},{"title":"./_components/AxisX.percent-range.html.svelte","contents":"<!--\n  @component\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { width, height, xScale, yRange } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\n  export let tickMarks = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\n  export let tickMarkLength = 6;\n\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\n  export let baseline = false;\n\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\n  export let snapLabels = false;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d;\n\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\n  export let ticks = undefined;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = 1;\n\n  $: tickLen = tickMarks === true\n    ? tickMarkLength ?? 6\n    : 0;\n\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $xScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($xScale.ticks()) :\n          $xScale.ticks(ticks);\n\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\n</script>\n\n<div class='axis x-axis' class:snapLabels>\n  {#each tickVals as tick, i (tick)}\n    {@const tickValPx = $xScale(tick)}\n\n    {#if baseline === true}\n      <div class=\"baseline\" style='top:100%; width:100%;'></div>\n    {/if}\n\n    {#if gridlines === true}\n      <div\n        class=\"gridline\"\n        style:left='{tickValPx}%'\n        style='top:0; bottom:0;'></div>\n    {/if}\n    {#if tickMarks === true}\n      <div\n        class=\"tick-mark\"\n        style:left='{tickValPx + halfBand}%'\n        style:height='{tickLen}px'\n        style:bottom='{-tickLen - tickGutter}px'\n      ></div>\n    {/if}\n    <div\n      class='tick tick-{i}'\n      style:left='{tickValPx + halfBand}%'\n      style='top:calc(100% + {tickGutter}px);'>\n      <div\n        class=\"text\"\n        style:top='{tickLen}px'\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\n      >{format(tick)}</div>\n    </div>\n  {/each}\n</div>\n\n<style>\n  .axis,\n  .tick,\n  .tick-mark,\n  .gridline,\n  .baseline {\n    position: absolute;\n  }\n  .axis {\n    width: 100%;\n    height: 100%;\n  }\n  .tick {\n    font-size: 11px;\n  }\n\n  .gridline {\n    border-left: 1px dashed #aaa;\n  }\n\n  .tick-mark {\n    border-left: 1px solid #aaa;\n  }\n  .baseline {\n    border-top: 1px solid #aaa;\n  }\n\n  .tick .text {\n    color: #666;\n    position: relative;\n    white-space: nowrap;\n    transform: translateX(-50%);\n  }\n  /* This looks a little better at 40 percent than 50 */\n  .axis.snapLabels .tick:last-child {\n    transform: translateX(-40%);\n  }\n  .axis.snapLabels .tick.tick-0 {\n    transform: translateX(40%);\n  }\n</style>"},{"title":"./_components/AxisY.percent-range.html.svelte","contents":"<!--\n  @component\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\n -->\n <script>\n  import { getContext } from 'svelte';\n\n  const { xRange, yScale } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\n  export let tickMarks = false;\n\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\n  export let labelPosition = 'even';\n\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\n  export let snapBaselineLabel = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\n  export let tickMarkLength = undefined;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d ;\n\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\n  export let ticks = 4;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = -3;\n\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\n  export let charPixelWidth = 7.25;\n\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $yScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($yScale.ticks()) :\n          $yScale.ticks(ticks);\n\n  function calcStringLength(sum, val) {\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\n    return sum + charPixelWidth;\n  }\n\n  $: tickLen = tickMarks === true\n    ? labelPosition === 'above'\n      ? tickMarkLength ?? widestTickLen\n      : tickMarkLength ?? 6\n    : 0;\n\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\n\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\n\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\n</script>\n\n<div class='axis y-axis'>\n  {#each tickVals as tick, i (tick)}\n    {@const tickValPerc = $yScale(tick)}\n\n    <div class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\n      {#if gridlines === true}\n        <div\n          class=\"gridline\"\n          style=\"top:0;\"\n          style:left='{x1}px'\n          style:right='0px'\n        ></div>\n      {/if}\n      {#if tickMarks === true}\n        <div\n          class=\"tick-mark\"\n          style:top='0'\n          style:left='{x1}px'\n          style:width='{tickLen}px'\n        ></div>\n      {/if}\n      <div\n        class=\"text\"\n        style:top='0'\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\n        style:width='{widestTickLen}px'\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\n      >{format(tick)}</div>\n    </div>\n  {/each}\n</div>\n\n<style>\n  .axis,\n  .tick,\n  .tick-mark,\n  .gridline,\n  .baseline,\n  .text {\n    position: absolute;\n  }\n  .axis {\n    width: 100%;\n    height: 100%;\n  }\n  .tick {\n    font-size: 11px;\n    width: 100%;\n  }\n\n  .gridline {\n    border-top: 1px dashed #aaa;\n  }\n  .tick-mark {\n    border-top: 1px solid #aaa;\n  }\n\n  .baseline.gridline {\n    border-top-style: solid;\n  }\n\n  .tick .text {\n    color: #666;\n  }\n</style>"}],"modules":[],"componentModules":[],"componentComponents":[],"csvs":[{"title":"./_data/groups.csv","contents":"year,value\n1979,2\n1980,3\n1981,5\n1982,8\n1983,18"}],"jsons":[]}
\ No newline at end of file
diff --git a/docs/example-ssr/BarStacked.html b/docs/example-ssr/BarStacked.html
index 61e49f9f..03c2c2a5 100644
--- a/docs/example-ssr/BarStacked.html
+++ b/docs/example-ssr/BarStacked.html
@@ -32,31 +32,31 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Stacked bar</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
 	</head>
 	<body data-sveltekit-preload-data="hover">
-		<div id="svelte">  <div class="closed mousecatcher svelte-6iinyn"></div> <div class="container svelte-6iinyn"><span class="menu-link menu-closed svelte-6iinyn">Menu</span> <a href="/" class="logo svelte-6iinyn" data-svelte-h="svelte-j5mpno">Layer Cake</a></div> <ul class="dropdown svelte-6iinyn"><li class="svelte-6iinyn"> <select class="svelte-6iinyn"><option value="/" data-svelte-h="svelte-q9tf6m">All</option><option class="header svelte-6iinyn" disabled value=""></option><option class="header svelte-6iinyn" disabled value="Client-side" data-svelte-h="svelte-800ygd">Client-side</option><option value="/example/Bar">Bar</option><option value="/example/Beeswarm">Beeswarm</option><option value="/example/BeeswarmForce">Beeswarm, force layout</option><option value="/example/Brush">Brush</option><option value="/example/Calendar">Calendar</option><option value="/example/CirclePack">Circle pack</option><option value="/example/CirclePackForce">Circle pack, force layout</option><option value="/example/ClevelandDotPlot">Cleveland dot plot</option><option value="/example/Column">Column annotated</option><option value="/example/Histogram">Histogram</option><option value="/example/Line">Line + area</option><option value="/example/MapSvg">Map</option><option value="/example/MapLayered">Multilayer map</option><option value="/example/MultiLine">Multiline</option><option value="/example/CirclePackNested">Nested circle pack</option><option value="/example/Radar">Radar chart</option><option value="/example/Sankey">Sankey</option><option value="/example/Scatter">Scatter</option><option value="/example/SmallMultiples">Small multiples</option><option value="/example/AreaStacked">Stacked area</option><option value="/example/BarStacked">Stacked bar</option><option value="/example/ColumnStacked">Stacked column</option><option value="/example/SyncedBrush">Synced brush</option><option value="/example/Timeplot">Time of day plot</option><option value="/example/ScatterWebgl">WebGL Scatter</option><option class="header svelte-6iinyn" disabled value=""></option><option class="header svelte-6iinyn" disabled value="Server-side" data-svelte-h="svelte-7g1m7d">Server-side</option><option value="/example-ssr/Bar">Bar</option><option value="/example-ssr/Brush">Brush</option><option value="/example-ssr/Calendar">Calendar</option><option value="/example-ssr/ClevelandDotPlot">Cleveland dot plot</option><option value="/example-ssr/Column">Column annotated</option><option value="/example-ssr/Histogram">Histogram</option><option value="/example-ssr/Line">Line + area</option><option value="/example-ssr/MapSvg">Map</option><option value="/example-ssr/MapLayered">Multilayer map</option><option value="/example-ssr/MultiLine">Multiline</option><option value="/example-ssr/Scatter">Scatter</option><option value="/example-ssr/SmallMultiples">Small multiples</option><option value="/example-ssr/AreaStacked">Stacked area</option><option value="/example-ssr/BarStacked">Stacked bar</option><option value="/example-ssr/ColumnStacked">Stacked column</option><option value="/example-ssr/SyncedBrush">Synced brush</option><option value="/example-ssr/Timeplot">Time of day plot</option><option value="/example-ssr/ScatterWebgl">WebGL Scatter</option></select></li></ul> <nav class="closed svelte-6iinyn"><ul class="primary svelte-6iinyn"><li class="svelte-6iinyn"><a class=" svelte-6iinyn" href="/components"><span class="wide-name svelte-6iinyn" data-svelte-h="svelte-1rlx56j">Component gallery</span><span class="short-name svelte-6iinyn" data-svelte-h="svelte-v7gob7">Components</span></a></li> <li class="svelte-6iinyn"><a class=" svelte-6iinyn" href="/guide">Guide</a></li> <li class="svelte-6iinyn" data-svelte-h="svelte-135sx5w"><a id="github-link" target="_blank" rel="noreferrer" href="https://github.com/mhkeller/layercake" class="svelte-6iinyn"></a></li></ul> <div class="secondary svelte-6iinyn"><ul class="guide-toc svelte-7hddv0"><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#introduction">Introduction</a> <a class="subsection  svelte-7hddv0" href="/guide#what-is-layer-cake">What is Layer Cake?</a><a class="subsection  svelte-7hddv0" href="/guide#key-concepts">Key Concepts</a><a class="subsection  svelte-7hddv0" href="/guide#getting-started">Getting started</a><a class="subsection  svelte-7hddv0" href="/guide#using-layout-components">Using layout components</a><a class="subsection  svelte-7hddv0" href="/guide#layer-components">Layer components</a><a class="subsection  svelte-7hddv0" href="/guide#data-less-cakes">Data-less cakes</a><a class="subsection  svelte-7hddv0" href="/guide#server-side-rendering">Server-side rendering</a><a class="subsection  svelte-7hddv0" href="/guide#how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range">How does LayerCake know what to set as a scale's domain and range?</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#troubleshooting">Troubleshooting</a> <a class="subsection  svelte-7hddv0" href="/guide#use-the-debug-feature">Use the debug feature</a><a class="subsection  svelte-7hddv0" href="/guide#typescript">TypeScript</a><a class="subsection  svelte-7hddv0" href="/guide#the-chart-is-blank">The chart is blank</a><a class="subsection  svelte-7hddv0" href="/guide#the-chart-is-a-very-small-square">The chart is a very small square</a><a class="subsection  svelte-7hddv0" href="/guide#the-library-isn39t-building-properly">The library isn't building properly</a><a class="subsection  svelte-7hddv0" href="/guide#listening-for-click-events-on-the-entire-component">Listening for click events on the entire component</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#accessibility">Accessibility</a> <a class="subsection  svelte-7hddv0" href="/guide#layout-attributes">Layout attributes</a><a class="subsection  svelte-7hddv0" href="/guide#html-layouts">HTML layouts</a><a class="subsection  svelte-7hddv0" href="/guide#svg-layouts">SVG layouts</a><a class="subsection  svelte-7hddv0" href="/guide#canvas-and-webgl-layouts">Canvas and WebGl layouts</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layercake-props">LayerCake props</a> <a class="subsection  svelte-7hddv0" href="/guide#data">data</a><a class="subsection  svelte-7hddv0" href="/guide#x">x</a><a class="subsection  svelte-7hddv0" href="/guide#y">y</a><a class="subsection  svelte-7hddv0" href="/guide#z">z</a><a class="subsection  svelte-7hddv0" href="/guide#r">r</a><a class="subsection  svelte-7hddv0" href="/guide#debug">debug</a><a class="subsection  svelte-7hddv0" href="/guide#padding">padding</a><a class="subsection  svelte-7hddv0" href="/guide#xscale">xScale</a><a class="subsection  svelte-7hddv0" href="/guide#yscale">yScale</a><a class="subsection  svelte-7hddv0" href="/guide#zscale">zScale</a><a class="subsection  svelte-7hddv0" href="/guide#rscale">rScale</a><a class="subsection  svelte-7hddv0" href="/guide#xdomain">xDomain</a><a class="subsection  svelte-7hddv0" href="/guide#ydomain">yDomain</a><a class="subsection  svelte-7hddv0" href="/guide#zdomain">zDomain</a><a class="subsection  svelte-7hddv0" href="/guide#rdomain">rDomain</a><a class="subsection  svelte-7hddv0" href="/guide#xreverse">xReverse</a><a class="subsection  svelte-7hddv0" href="/guide#yreverse">yReverse</a><a class="subsection  svelte-7hddv0" href="/guide#zreverse">zReverse</a><a class="subsection  svelte-7hddv0" href="/guide#rreverse">rReverse</a><a class="subsection  svelte-7hddv0" href="/guide#xrange">xRange</a><a class="subsection  svelte-7hddv0" href="/guide#yrange">yRange</a><a class="subsection  svelte-7hddv0" href="/guide#zrange">zRange</a><a class="subsection  svelte-7hddv0" href="/guide#rrange">rRange</a><a class="subsection  svelte-7hddv0" href="/guide#xpadding">xPadding</a><a class="subsection  svelte-7hddv0" href="/guide#ypadding">yPadding</a><a class="subsection  svelte-7hddv0" href="/guide#zpadding">zPadding</a><a class="subsection  svelte-7hddv0" href="/guide#rpadding">rPadding</a><a class="subsection  svelte-7hddv0" href="/guide#xnice">xNice</a><a class="subsection  svelte-7hddv0" href="/guide#ynice">yNice</a><a class="subsection  svelte-7hddv0" href="/guide#znice">zNice</a><a class="subsection  svelte-7hddv0" href="/guide#rnice">rNice</a><a class="subsection  svelte-7hddv0" href="/guide#extents">extents</a><a class="subsection  svelte-7hddv0" href="/guide#flatdata">flatData</a><a class="subsection  svelte-7hddv0" href="/guide#ssr">ssr</a><a class="subsection  svelte-7hddv0" href="/guide#percentrange">percentRange</a><a class="subsection  svelte-7hddv0" href="/guide#position">position</a><a class="subsection  svelte-7hddv0" href="/guide#custom">custom</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#computed-context-values">Computed context values</a> <a class="subsection  svelte-7hddv0" href="/guide#activegetters">activeGetters</a><a class="subsection  svelte-7hddv0" href="/guide#aspectratio">aspectRatio</a><a class="subsection  svelte-7hddv0" href="/guide#box">box</a><a class="subsection  svelte-7hddv0" href="/guide#config">config</a><a class="subsection  svelte-7hddv0" href="/guide#containerwidth">containerWidth</a><a class="subsection  svelte-7hddv0" href="/guide#containerheight">containerHeight</a><a class="subsection  svelte-7hddv0" href="/guide#extents-1">extents</a><a class="subsection  svelte-7hddv0" href="/guide#width">width</a><a class="subsection  svelte-7hddv0" href="/guide#height">height</a><a class="subsection  svelte-7hddv0" href="/guide#x-1">x</a><a class="subsection  svelte-7hddv0" href="/guide#y-1">y</a><a class="subsection  svelte-7hddv0" href="/guide#z-1">z</a><a class="subsection  svelte-7hddv0" href="/guide#r-1">r</a><a class="subsection  svelte-7hddv0" href="/guide#xdomain-1">xDomain</a><a class="subsection  svelte-7hddv0" href="/guide#ydomain-1">yDomain</a><a class="subsection  svelte-7hddv0" href="/guide#zdomain-1">zDomain</a><a class="subsection  svelte-7hddv0" href="/guide#rdomain-1">rDomain</a><a class="subsection  svelte-7hddv0" href="/guide#xrange-1">xRange</a><a class="subsection  svelte-7hddv0" href="/guide#yrange-1">yRange</a><a class="subsection  svelte-7hddv0" href="/guide#zrange-1">zRange</a><a class="subsection  svelte-7hddv0" href="/guide#rrange-1">rRange</a><a class="subsection  svelte-7hddv0" href="/guide#xget">xGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#yget">yGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#zget">zGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#rget">rGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#xscale-1">xScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#yscale-1">yScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#zscale-1">zScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#rscale-1">rScale(...)</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layout-components">Layout components</a> <a class="subsection  svelte-7hddv0" href="/guide#html">Html</a><a class="subsection  svelte-7hddv0" href="/guide#svg">Svg</a><a class="subsection  svelte-7hddv0" href="/guide#scaledsvg">ScaledSvg</a><a class="subsection  svelte-7hddv0" href="/guide#canvas">Canvas</a><a class="subsection  svelte-7hddv0" href="/guide#webgl">WebGL</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layout-component-props">Layout component props</a> <a class="subsection  svelte-7hddv0" href="/guide#zindex">zIndex</a><a class="subsection  svelte-7hddv0" href="/guide#pointerevents">pointerEvents</a><a class="subsection  svelte-7hddv0" href="/guide#viewbox">viewBox</a><a class="subsection  svelte-7hddv0" href="/guide#fixedaspectratio">fixedAspectRatio</a><a class="subsection  svelte-7hddv0" href="/guide#contextattributes">contextAttributes</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#helper-functions">Helper functions</a> <a class="subsection  svelte-7hddv0" href="/guide#bin">bin(...)</a><a class="subsection  svelte-7hddv0" href="/guide#calcextents">calcExtents(...)</a><a class="subsection  svelte-7hddv0" href="/guide#calcuniques">calcUniques(...)</a><a class="subsection  svelte-7hddv0" href="/guide#flatten">flatten(...)</a><a class="subsection  svelte-7hddv0" href="/guide#grouplonger">groupLonger(...)</a><a class="subsection  svelte-7hddv0" href="/guide#raise">raise(...)</a><a class="subsection  svelte-7hddv0" href="/guide#scalecanvas">scaleCanvas(...)</a><a class="subsection  svelte-7hddv0" href="/guide#stack">stack(...)</a><a class="subsection  svelte-7hddv0" href="/guide#uniques">uniques(...)</a> </li></ul></div> </nav> <main> <div class="main svelte-4xax0d" data-label="Server-side"><h1>Stacked bar<a class="edit-repl svelte-4xax0d" href="https://svelte.dev/repl/af5ce39a12d74ed7a484010a49f09eaa?version=3.46.2" target="_blank" rel="noreferrer">Edit</a></h1> <div class="chart-hero svelte-4xax0d" data-slug="barstacked"><div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 0px; bottom: 20px; left: 35px;">  <div class="axis x-axis svelte-fdkjmm"> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 0%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 0%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">0</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 14.04494382022472%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 14.04494382022472%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 28.08988764044944%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 28.08988764044944%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 42.13483146067416%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 42.13483146067416%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">3k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.17977528089888%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.17977528089888%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">4k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 70.2247191011236%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 70.2247191011236%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">5k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 84.26966292134831%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 84.26966292134831%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">6k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 98.31460674157303%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 98.31460674157303%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">7k</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:13%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2016</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:38%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2017</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:63%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2018</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:88%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2019</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 35px; width: calc(100% - 35px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <g class="bar-group"><rect class="group-rect" data-id="0" x="0" y="76" height="24" width="53.93258426966292" fill="#00bbff"></rect><rect class="group-rect" data-id="1" x="0" y="51" height="24" width="22.47191011235955" fill="#00bbff"></rect><rect class="group-rect" data-id="2" x="0" y="26" height="24" width="11.51685393258427" fill="#00bbff"></rect><rect class="group-rect" data-id="3" x="0" y="1" height="24" width="11.51685393258427" fill="#00bbff"></rect><rect class="group-rect" data-id="0" x="53.93258426966292" y="76" height="24" width="26.966292134831455" fill="#8bcef6"></rect><rect class="group-rect" data-id="1" x="22.47191011235955" y="51" height="24" width="20.224719101123593" fill="#8bcef6"></rect><rect class="group-rect" data-id="2" x="11.51685393258427" y="26" height="24" width="14.044943820224718" fill="#8bcef6"></rect><rect class="group-rect" data-id="3" x="11.51685393258427" y="1" height="24" width="7.8651685393258415" fill="#8bcef6"></rect><rect class="group-rect" data-id="0" x="80.89887640449437" y="76" height="24" width="13.483146067415731" fill="#c4e2ed"></rect><rect class="group-rect" data-id="1" x="42.69662921348314" y="51" height="24" width="13.483146067415738" fill="#c4e2ed"></rect><rect class="group-rect" data-id="2" x="25.56179775280899" y="26" height="24" width="8.988764044943824" fill="#c4e2ed"></rect><rect class="group-rect" data-id="3" x="19.382022471910112" y="1" height="24" width="10.112359550561798" fill="#c4e2ed"></rect><rect class="group-rect" data-id="0" x="94.3820224719101" y="76" height="24" width="5.617977528089895" fill="#f7f6e3"></rect><rect class="group-rect" data-id="1" x="56.17977528089888" y="51" height="24" width="5.617977528089881" fill="#f7f6e3"></rect><rect class="group-rect" data-id="2" x="34.55056179775281" y="26" height="24" width="5.617977528089881" fill="#f7f6e3"></rect><rect class="group-rect" data-id="3" x="29.49438202247191" y="1" height="24" width="5.617977528089888" fill="#f7f6e3"></rect></g></svg></div></div></div> <div class="download svelte-4xax0d"><button  title="download zip file" class="icon svelte-1gef78k" style="background-image: url(/icons/download.svg)">Download      </button></div>  <div id="pages" class=" svelte-4xax0d"><ul id="page-nav" class="svelte-4xax0d"><li class="tab active svelte-4xax0d">+page.svelte</li><li class="tab  svelte-4xax0d">./_components/BarStacked.svelte</li><li class="tab  svelte-4xax0d">./_components/AxisX.percent-range.html.svelte</li><li class="tab  svelte-4xax0d">./_components/AxisY.percent-range.html.svelte</li><li class="tab  svelte-4xax0d">./_data/fruitOrdinal.csv</li></ul> <div id="contents-container" class="svelte-4xax0d"><div class="copy svelte-4xax0d"></div> <div class="contents" style="display: block;"><pre class="svelte-4xax0d"><!-- HTML_TAG_START --><span class="language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">script</span>&gt;</span></span><span class="language-javascript">
+		<div id="svelte">  <div class="closed mousecatcher svelte-6iinyn"></div> <div class="container svelte-6iinyn"><span class="menu-link menu-closed svelte-6iinyn">Menu</span> <a href="/" class="logo svelte-6iinyn" data-svelte-h="svelte-j5mpno">Layer Cake</a></div> <ul class="dropdown svelte-6iinyn"><li class="svelte-6iinyn"> <select class="svelte-6iinyn"><option value="/" data-svelte-h="svelte-q9tf6m">All</option><option class="header svelte-6iinyn" disabled value=""></option><option class="header svelte-6iinyn" disabled value="Client-side" data-svelte-h="svelte-800ygd">Client-side</option><option value="/example/Bar">Bar</option><option value="/example/Beeswarm">Beeswarm</option><option value="/example/BeeswarmForce">Beeswarm, force layout</option><option value="/example/Brush">Brush</option><option value="/example/Calendar">Calendar</option><option value="/example/CirclePack">Circle pack</option><option value="/example/CirclePackForce">Circle pack, force layout</option><option value="/example/ClevelandDotPlot">Cleveland dot plot</option><option value="/example/Column">Column annotated</option><option value="/example/Histogram">Histogram</option><option value="/example/Line">Line + area</option><option value="/example/MapSvg">Map</option><option value="/example/MapLayered">Multilayer map</option><option value="/example/MultiLine">Multiline</option><option value="/example/CirclePackNested">Nested circle pack</option><option value="/example/Radar">Radar chart</option><option value="/example/Sankey">Sankey</option><option value="/example/Scatter">Scatter</option><option value="/example/SmallMultiples">Small multiples</option><option value="/example/AreaStacked">Stacked area</option><option value="/example/BarStacked">Stacked bar</option><option value="/example/ColumnStacked">Stacked column</option><option value="/example/SyncedBrush">Synced brush</option><option value="/example/Timeplot">Time of day plot</option><option value="/example/ScatterWebgl">WebGL Scatter</option><option class="header svelte-6iinyn" disabled value=""></option><option class="header svelte-6iinyn" disabled value="Server-side" data-svelte-h="svelte-7g1m7d">Server-side</option><option value="/example-ssr/Bar">Bar</option><option value="/example-ssr/Brush">Brush</option><option value="/example-ssr/Calendar">Calendar</option><option value="/example-ssr/ClevelandDotPlot">Cleveland dot plot</option><option value="/example-ssr/Column">Column annotated</option><option value="/example-ssr/Histogram">Histogram</option><option value="/example-ssr/Line">Line + area</option><option value="/example-ssr/MapSvg">Map</option><option value="/example-ssr/MapLayered">Multilayer map</option><option value="/example-ssr/MultiLine">Multiline</option><option value="/example-ssr/Scatter">Scatter</option><option value="/example-ssr/SmallMultiples">Small multiples</option><option value="/example-ssr/AreaStacked">Stacked area</option><option value="/example-ssr/BarStacked">Stacked bar</option><option value="/example-ssr/ColumnStacked">Stacked column</option><option value="/example-ssr/SyncedBrush">Synced brush</option><option value="/example-ssr/Timeplot">Time of day plot</option><option value="/example-ssr/ScatterWebgl">WebGL Scatter</option></select></li></ul> <nav class="closed svelte-6iinyn"><ul class="primary svelte-6iinyn"><li class="svelte-6iinyn"><a class=" svelte-6iinyn" href="/components"><span class="wide-name svelte-6iinyn" data-svelte-h="svelte-1rlx56j">Component gallery</span><span class="short-name svelte-6iinyn" data-svelte-h="svelte-v7gob7">Components</span></a></li> <li class="svelte-6iinyn"><a class=" svelte-6iinyn" href="/guide">Guide</a></li> <li class="svelte-6iinyn" data-svelte-h="svelte-135sx5w"><a id="github-link" target="_blank" rel="noreferrer" href="https://github.com/mhkeller/layercake" class="svelte-6iinyn"></a></li></ul> <div class="secondary svelte-6iinyn"><ul class="guide-toc svelte-7hddv0"><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#introduction">Introduction</a> <a class="subsection  svelte-7hddv0" href="/guide#what-is-layer-cake">What is Layer Cake?</a><a class="subsection  svelte-7hddv0" href="/guide#key-concepts">Key Concepts</a><a class="subsection  svelte-7hddv0" href="/guide#getting-started">Getting started</a><a class="subsection  svelte-7hddv0" href="/guide#using-layout-components">Using layout components</a><a class="subsection  svelte-7hddv0" href="/guide#layer-components">Layer components</a><a class="subsection  svelte-7hddv0" href="/guide#data-less-cakes">Data-less cakes</a><a class="subsection  svelte-7hddv0" href="/guide#server-side-rendering">Server-side rendering</a><a class="subsection  svelte-7hddv0" href="/guide#how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range">How does LayerCake know what to set as a scale's domain and range?</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#troubleshooting">Troubleshooting</a> <a class="subsection  svelte-7hddv0" href="/guide#use-the-debug-feature">Use the debug feature</a><a class="subsection  svelte-7hddv0" href="/guide#typescript">TypeScript</a><a class="subsection  svelte-7hddv0" href="/guide#the-chart-is-blank">The chart is blank</a><a class="subsection  svelte-7hddv0" href="/guide#the-chart-is-a-very-small-square">The chart is a very small square</a><a class="subsection  svelte-7hddv0" href="/guide#the-library-isn39t-building-properly">The library isn't building properly</a><a class="subsection  svelte-7hddv0" href="/guide#listening-for-click-events-on-the-entire-component">Listening for click events on the entire component</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#accessibility">Accessibility</a> <a class="subsection  svelte-7hddv0" href="/guide#layout-attributes">Layout attributes</a><a class="subsection  svelte-7hddv0" href="/guide#html-layouts">HTML layouts</a><a class="subsection  svelte-7hddv0" href="/guide#svg-layouts">SVG layouts</a><a class="subsection  svelte-7hddv0" href="/guide#canvas-and-webgl-layouts">Canvas and WebGl layouts</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layercake-props">LayerCake props</a> <a class="subsection  svelte-7hddv0" href="/guide#data">data</a><a class="subsection  svelte-7hddv0" href="/guide#x">x</a><a class="subsection  svelte-7hddv0" href="/guide#y">y</a><a class="subsection  svelte-7hddv0" href="/guide#z">z</a><a class="subsection  svelte-7hddv0" href="/guide#r">r</a><a class="subsection  svelte-7hddv0" href="/guide#debug">debug</a><a class="subsection  svelte-7hddv0" href="/guide#padding">padding</a><a class="subsection  svelte-7hddv0" href="/guide#xscale">xScale</a><a class="subsection  svelte-7hddv0" href="/guide#yscale">yScale</a><a class="subsection  svelte-7hddv0" href="/guide#zscale">zScale</a><a class="subsection  svelte-7hddv0" href="/guide#rscale">rScale</a><a class="subsection  svelte-7hddv0" href="/guide#xdomain">xDomain</a><a class="subsection  svelte-7hddv0" href="/guide#ydomain">yDomain</a><a class="subsection  svelte-7hddv0" href="/guide#zdomain">zDomain</a><a class="subsection  svelte-7hddv0" href="/guide#rdomain">rDomain</a><a class="subsection  svelte-7hddv0" href="/guide#xreverse">xReverse</a><a class="subsection  svelte-7hddv0" href="/guide#yreverse">yReverse</a><a class="subsection  svelte-7hddv0" href="/guide#zreverse">zReverse</a><a class="subsection  svelte-7hddv0" href="/guide#rreverse">rReverse</a><a class="subsection  svelte-7hddv0" href="/guide#xrange">xRange</a><a class="subsection  svelte-7hddv0" href="/guide#yrange">yRange</a><a class="subsection  svelte-7hddv0" href="/guide#zrange">zRange</a><a class="subsection  svelte-7hddv0" href="/guide#rrange">rRange</a><a class="subsection  svelte-7hddv0" href="/guide#xpadding">xPadding</a><a class="subsection  svelte-7hddv0" href="/guide#ypadding">yPadding</a><a class="subsection  svelte-7hddv0" href="/guide#zpadding">zPadding</a><a class="subsection  svelte-7hddv0" href="/guide#rpadding">rPadding</a><a class="subsection  svelte-7hddv0" href="/guide#xnice">xNice</a><a class="subsection  svelte-7hddv0" href="/guide#ynice">yNice</a><a class="subsection  svelte-7hddv0" href="/guide#znice">zNice</a><a class="subsection  svelte-7hddv0" href="/guide#rnice">rNice</a><a class="subsection  svelte-7hddv0" href="/guide#extents">extents</a><a class="subsection  svelte-7hddv0" href="/guide#flatdata">flatData</a><a class="subsection  svelte-7hddv0" href="/guide#ssr">ssr</a><a class="subsection  svelte-7hddv0" href="/guide#percentrange">percentRange</a><a class="subsection  svelte-7hddv0" href="/guide#position">position</a><a class="subsection  svelte-7hddv0" href="/guide#custom">custom</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#computed-context-values">Computed context values</a> <a class="subsection  svelte-7hddv0" href="/guide#activegetters">activeGetters</a><a class="subsection  svelte-7hddv0" href="/guide#aspectratio">aspectRatio</a><a class="subsection  svelte-7hddv0" href="/guide#box">box</a><a class="subsection  svelte-7hddv0" href="/guide#config">config</a><a class="subsection  svelte-7hddv0" href="/guide#containerwidth">containerWidth</a><a class="subsection  svelte-7hddv0" href="/guide#containerheight">containerHeight</a><a class="subsection  svelte-7hddv0" href="/guide#extents-1">extents</a><a class="subsection  svelte-7hddv0" href="/guide#width">width</a><a class="subsection  svelte-7hddv0" href="/guide#height">height</a><a class="subsection  svelte-7hddv0" href="/guide#x-1">x</a><a class="subsection  svelte-7hddv0" href="/guide#y-1">y</a><a class="subsection  svelte-7hddv0" href="/guide#z-1">z</a><a class="subsection  svelte-7hddv0" href="/guide#r-1">r</a><a class="subsection  svelte-7hddv0" href="/guide#xdomain-1">xDomain</a><a class="subsection  svelte-7hddv0" href="/guide#ydomain-1">yDomain</a><a class="subsection  svelte-7hddv0" href="/guide#zdomain-1">zDomain</a><a class="subsection  svelte-7hddv0" href="/guide#rdomain-1">rDomain</a><a class="subsection  svelte-7hddv0" href="/guide#xrange-1">xRange</a><a class="subsection  svelte-7hddv0" href="/guide#yrange-1">yRange</a><a class="subsection  svelte-7hddv0" href="/guide#zrange-1">zRange</a><a class="subsection  svelte-7hddv0" href="/guide#rrange-1">rRange</a><a class="subsection  svelte-7hddv0" href="/guide#xget">xGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#yget">yGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#zget">zGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#rget">rGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#xscale-1">xScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#yscale-1">yScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#zscale-1">zScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#rscale-1">rScale(...)</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layout-components">Layout components</a> <a class="subsection  svelte-7hddv0" href="/guide#html">Html</a><a class="subsection  svelte-7hddv0" href="/guide#svg">Svg</a><a class="subsection  svelte-7hddv0" href="/guide#scaledsvg">ScaledSvg</a><a class="subsection  svelte-7hddv0" href="/guide#canvas">Canvas</a><a class="subsection  svelte-7hddv0" href="/guide#webgl">WebGL</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layout-component-props">Layout component props</a> <a class="subsection  svelte-7hddv0" href="/guide#zindex">zIndex</a><a class="subsection  svelte-7hddv0" href="/guide#pointerevents">pointerEvents</a><a class="subsection  svelte-7hddv0" href="/guide#viewbox">viewBox</a><a class="subsection  svelte-7hddv0" href="/guide#fixedaspectratio">fixedAspectRatio</a><a class="subsection  svelte-7hddv0" href="/guide#contextattributes">contextAttributes</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#helper-functions">Helper functions</a> <a class="subsection  svelte-7hddv0" href="/guide#bin">bin(...)</a><a class="subsection  svelte-7hddv0" href="/guide#calcextents">calcExtents(...)</a><a class="subsection  svelte-7hddv0" href="/guide#calcuniques">calcUniques(...)</a><a class="subsection  svelte-7hddv0" href="/guide#flatten">flatten(...)</a><a class="subsection  svelte-7hddv0" href="/guide#grouplonger">groupLonger(...)</a><a class="subsection  svelte-7hddv0" href="/guide#raise">raise(...)</a><a class="subsection  svelte-7hddv0" href="/guide#scalecanvas">scaleCanvas(...)</a><a class="subsection  svelte-7hddv0" href="/guide#stack">stack(...)</a><a class="subsection  svelte-7hddv0" href="/guide#uniques">uniques(...)</a> </li></ul></div> </nav> <main> <div class="main svelte-4xax0d" data-label="Server-side"><h1>Stacked bar<a class="edit-repl svelte-4xax0d" href="https://svelte.dev/repl/af5ce39a12d74ed7a484010a49f09eaa?version=3.46.2" target="_blank" rel="noreferrer">Edit</a></h1> <div class="chart-hero svelte-4xax0d" data-slug="barstacked"><div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 0px; bottom: 20px; left: 35px;">  <div class="axis x-axis svelte-fdkjmm snapLabels"> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 0%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 0%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">0</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 14.04494382022472%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 14.04494382022472%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 28.08988764044944%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 28.08988764044944%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 42.13483146067416%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 42.13483146067416%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">3k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.17977528089888%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.17977528089888%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">4k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 70.2247191011236%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 70.2247191011236%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">5k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 84.26966292134831%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 84.26966292134831%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">6k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 98.31460674157303%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 98.31460674157303%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">7k</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:13%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2016</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:38%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2017</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:63%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2018</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:88%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2019</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 35px; width: calc(100% - 35px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <g class="bar-group"><rect class="group-rect" data-id="0" x="0" y="76" height="24" width="53.93258426966292" fill="#00bbff"></rect><rect class="group-rect" data-id="1" x="0" y="51" height="24" width="22.47191011235955" fill="#00bbff"></rect><rect class="group-rect" data-id="2" x="0" y="26" height="24" width="11.51685393258427" fill="#00bbff"></rect><rect class="group-rect" data-id="3" x="0" y="1" height="24" width="11.51685393258427" fill="#00bbff"></rect><rect class="group-rect" data-id="0" x="53.93258426966292" y="76" height="24" width="26.966292134831455" fill="#8bcef6"></rect><rect class="group-rect" data-id="1" x="22.47191011235955" y="51" height="24" width="20.224719101123593" fill="#8bcef6"></rect><rect class="group-rect" data-id="2" x="11.51685393258427" y="26" height="24" width="14.044943820224718" fill="#8bcef6"></rect><rect class="group-rect" data-id="3" x="11.51685393258427" y="1" height="24" width="7.8651685393258415" fill="#8bcef6"></rect><rect class="group-rect" data-id="0" x="80.89887640449437" y="76" height="24" width="13.483146067415731" fill="#c4e2ed"></rect><rect class="group-rect" data-id="1" x="42.69662921348314" y="51" height="24" width="13.483146067415738" fill="#c4e2ed"></rect><rect class="group-rect" data-id="2" x="25.56179775280899" y="26" height="24" width="8.988764044943824" fill="#c4e2ed"></rect><rect class="group-rect" data-id="3" x="19.382022471910112" y="1" height="24" width="10.112359550561798" fill="#c4e2ed"></rect><rect class="group-rect" data-id="0" x="94.3820224719101" y="76" height="24" width="5.617977528089895" fill="#f7f6e3"></rect><rect class="group-rect" data-id="1" x="56.17977528089888" y="51" height="24" width="5.617977528089881" fill="#f7f6e3"></rect><rect class="group-rect" data-id="2" x="34.55056179775281" y="26" height="24" width="5.617977528089881" fill="#f7f6e3"></rect><rect class="group-rect" data-id="3" x="29.49438202247191" y="1" height="24" width="5.617977528089888" fill="#f7f6e3"></rect></g></svg></div></div></div> <div class="download svelte-4xax0d"><button  title="download zip file" class="icon svelte-1gef78k" style="background-image: url(/icons/download.svg)">Download      </button></div>  <div id="pages" class=" svelte-4xax0d"><ul id="page-nav" class="svelte-4xax0d"><li class="tab active svelte-4xax0d">+page.svelte</li><li class="tab  svelte-4xax0d">./_components/BarStacked.svelte</li><li class="tab  svelte-4xax0d">./_components/AxisX.percent-range.html.svelte</li><li class="tab  svelte-4xax0d">./_components/AxisY.percent-range.html.svelte</li><li class="tab  svelte-4xax0d">./_data/fruitOrdinal.csv</li></ul> <div id="contents-container" class="svelte-4xax0d"><div class="copy svelte-4xax0d"></div> <div class="contents" style="display: block;"><pre class="svelte-4xax0d"><!-- HTML_TAG_START --><span class="language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">script</span>&gt;</span></span><span class="language-javascript">
   <span class="hljs-keyword">import</span> { <span class="hljs-title class_">LayerCake</span>, <span class="hljs-title class_">ScaledSvg</span>, <span class="hljs-title class_">Html</span>, flatten } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;layercake&#x27;</span>;
   <span class="hljs-keyword">import</span> { stack } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;d3-shape&#x27;</span>;
   <span class="hljs-keyword">import</span> { scaleBand, scaleOrdinal } <span class="hljs-keyword">from</span> <span class="hljs-string">&#x27;d3-scale&#x27;</span>;
@@ -122,7 +122,7 @@
     <span class="hljs-tag">&lt;<span class="hljs-name">Html</span>&gt;</span>
       <span class="hljs-tag">&lt;<span class="hljs-name">AxisX</span>
         <span class="hljs-attr">baseline</span>
-        <span class="hljs-attr">snapTicks</span>
+        <span class="hljs-attr">snapLabels</span>
         <span class="hljs-attr">format</span>=</span></span><span class="language-javascript">{formatLabelX}</span><span class="language-xml"><span class="hljs-tag">
       /&gt;</span>
       <span class="hljs-tag">&lt;<span class="hljs-name">AxisY</span>
@@ -434,10 +434,10 @@
 2017,820,1000,640,400
 2016,820,560,720,400<!-- HTML_TAG_END --></pre> </div></div></div></div></main> 
 			<script type="application/json" data-sveltekit-fetched data-url="/api/guide-sections.json">{"status":200,"statusText":"","headers":{},"body":"[{\"html\":null,\"metadata\":{\"title\":\"Introduction\"},\"subsections\":[{\"slug\":\"what-is-layer-cake\",\"title\":\"What is Layer Cake?\"},{\"slug\":\"key-concepts\",\"title\":\"Key Concepts\"},{\"slug\":\"getting-started\",\"title\":\"Getting started\"},{\"slug\":\"using-layout-components\",\"title\":\"Using layout components\"},{\"slug\":\"layer-components\",\"title\":\"Layer components\"},{\"slug\":\"data-less-cakes\",\"title\":\"Data-less cakes\"},{\"slug\":\"server-side-rendering\",\"title\":\"Server-side rendering\"},{\"slug\":\"how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range\",\"title\":\"How does LayerCake know what to set as a scale's domain and range?\"}],\"slug\":\"introduction\",\"file\":\"00-introduction.md\"},{\"html\":null,\"metadata\":{\"title\":\"Troubleshooting\"},\"subsections\":[{\"slug\":\"use-the-debug-feature\",\"title\":\"Use the debug feature\"},{\"slug\":\"typescript\",\"title\":\"TypeScript\"},{\"slug\":\"the-chart-is-blank\",\"title\":\"The chart is blank\"},{\"slug\":\"the-chart-is-a-very-small-square\",\"title\":\"The chart is a very small square\"},{\"slug\":\"the-library-isn39t-building-properly\",\"title\":\"The library isn't building properly\"},{\"slug\":\"listening-for-click-events-on-the-entire-component\",\"title\":\"Listening for click events on the entire component\"}],\"slug\":\"troubleshooting\",\"file\":\"01-troubleshooting.md\"},{\"html\":null,\"metadata\":{\"title\":\"Accessibility\"},\"subsections\":[{\"slug\":\"layout-attributes\",\"title\":\"Layout attributes\"},{\"slug\":\"html-layouts\",\"title\":\"HTML layouts\"},{\"slug\":\"svg-layouts\",\"title\":\"SVG layouts\"},{\"slug\":\"canvas-and-webgl-layouts\",\"title\":\"Canvas and WebGl layouts\"}],\"slug\":\"accessibility\",\"file\":\"02-accessibility.md\"},{\"html\":null,\"metadata\":{\"title\":\"LayerCake props\"},\"subsections\":[{\"slug\":\"data\",\"title\":\"data\"},{\"slug\":\"x\",\"title\":\"x\"},{\"slug\":\"y\",\"title\":\"y\"},{\"slug\":\"z\",\"title\":\"z\"},{\"slug\":\"r\",\"title\":\"r\"},{\"slug\":\"debug\",\"title\":\"debug\"},{\"slug\":\"padding\",\"title\":\"padding\"},{\"slug\":\"xscale\",\"title\":\"xScale\"},{\"slug\":\"yscale\",\"title\":\"yScale\"},{\"slug\":\"zscale\",\"title\":\"zScale\"},{\"slug\":\"rscale\",\"title\":\"rScale\"},{\"slug\":\"xdomain\",\"title\":\"xDomain\"},{\"slug\":\"ydomain\",\"title\":\"yDomain\"},{\"slug\":\"zdomain\",\"title\":\"zDomain\"},{\"slug\":\"rdomain\",\"title\":\"rDomain\"},{\"slug\":\"xreverse\",\"title\":\"xReverse\"},{\"slug\":\"yreverse\",\"title\":\"yReverse\"},{\"slug\":\"zreverse\",\"title\":\"zReverse\"},{\"slug\":\"rreverse\",\"title\":\"rReverse\"},{\"slug\":\"xrange\",\"title\":\"xRange\"},{\"slug\":\"yrange\",\"title\":\"yRange\"},{\"slug\":\"zrange\",\"title\":\"zRange\"},{\"slug\":\"rrange\",\"title\":\"rRange\"},{\"slug\":\"xpadding\",\"title\":\"xPadding\"},{\"slug\":\"ypadding\",\"title\":\"yPadding\"},{\"slug\":\"zpadding\",\"title\":\"zPadding\"},{\"slug\":\"rpadding\",\"title\":\"rPadding\"},{\"slug\":\"xnice\",\"title\":\"xNice\"},{\"slug\":\"ynice\",\"title\":\"yNice\"},{\"slug\":\"znice\",\"title\":\"zNice\"},{\"slug\":\"rnice\",\"title\":\"rNice\"},{\"slug\":\"extents\",\"title\":\"extents\"},{\"slug\":\"flatdata\",\"title\":\"flatData\"},{\"slug\":\"ssr\",\"title\":\"ssr\"},{\"slug\":\"percentrange\",\"title\":\"percentRange\"},{\"slug\":\"position\",\"title\":\"position\"},{\"slug\":\"custom\",\"title\":\"custom\"}],\"slug\":\"layercake-props\",\"file\":\"03-layercake-props.md\"},{\"html\":null,\"metadata\":{\"title\":\"Computed context values\"},\"subsections\":[{\"slug\":\"activegetters\",\"title\":\"activeGetters\"},{\"slug\":\"aspectratio\",\"title\":\"aspectRatio\"},{\"slug\":\"box\",\"title\":\"box\"},{\"slug\":\"config\",\"title\":\"config\"},{\"slug\":\"containerwidth\",\"title\":\"containerWidth\"},{\"slug\":\"containerheight\",\"title\":\"containerHeight\"},{\"slug\":\"extents-1\",\"title\":\"extents\"},{\"slug\":\"width\",\"title\":\"width\"},{\"slug\":\"height\",\"title\":\"height\"},{\"slug\":\"x-1\",\"title\":\"x\"},{\"slug\":\"y-1\",\"title\":\"y\"},{\"slug\":\"z-1\",\"title\":\"z\"},{\"slug\":\"r-1\",\"title\":\"r\"},{\"slug\":\"xdomain-1\",\"title\":\"xDomain\"},{\"slug\":\"ydomain-1\",\"title\":\"yDomain\"},{\"slug\":\"zdomain-1\",\"title\":\"zDomain\"},{\"slug\":\"rdomain-1\",\"title\":\"rDomain\"},{\"slug\":\"xrange-1\",\"title\":\"xRange\"},{\"slug\":\"yrange-1\",\"title\":\"yRange\"},{\"slug\":\"zrange-1\",\"title\":\"zRange\"},{\"slug\":\"rrange-1\",\"title\":\"rRange\"},{\"slug\":\"xget\",\"title\":\"xGet(...)\"},{\"slug\":\"yget\",\"title\":\"yGet(...)\"},{\"slug\":\"zget\",\"title\":\"zGet(...)\"},{\"slug\":\"rget\",\"title\":\"rGet(...)\"},{\"slug\":\"xscale-1\",\"title\":\"xScale(...)\"},{\"slug\":\"yscale-1\",\"title\":\"yScale(...)\"},{\"slug\":\"zscale-1\",\"title\":\"zScale(...)\"},{\"slug\":\"rscale-1\",\"title\":\"rScale(...)\"}],\"slug\":\"computed-context-values\",\"file\":\"04-computed-context-values.md\"},{\"html\":null,\"metadata\":{\"title\":\"Layout components\"},\"subsections\":[{\"slug\":\"html\",\"title\":\"Html\"},{\"slug\":\"svg\",\"title\":\"Svg\"},{\"slug\":\"scaledsvg\",\"title\":\"ScaledSvg\"},{\"slug\":\"canvas\",\"title\":\"Canvas\"},{\"slug\":\"webgl\",\"title\":\"WebGL\"}],\"slug\":\"layout-components\",\"file\":\"05-layout-components.md\"},{\"html\":null,\"metadata\":{\"title\":\"Layout component props\"},\"subsections\":[{\"slug\":\"zindex\",\"title\":\"zIndex\"},{\"slug\":\"pointerevents\",\"title\":\"pointerEvents\"},{\"slug\":\"viewbox\",\"title\":\"viewBox\"},{\"slug\":\"fixedaspectratio\",\"title\":\"fixedAspectRatio\"},{\"slug\":\"contextattributes\",\"title\":\"contextAttributes\"}],\"slug\":\"layout-component-props\",\"file\":\"06-layout-component-props.md\"},{\"html\":null,\"metadata\":{\"title\":\"Helper functions\"},\"subsections\":[{\"slug\":\"bin\",\"title\":\"bin(...)\"},{\"slug\":\"calcextents\",\"title\":\"calcExtents(...)\"},{\"slug\":\"calcuniques\",\"title\":\"calcUniques(...)\"},{\"slug\":\"flatten\",\"title\":\"flatten(...)\"},{\"slug\":\"grouplonger\",\"title\":\"groupLonger(...)\"},{\"slug\":\"raise\",\"title\":\"raise(...)\"},{\"slug\":\"scalecanvas\",\"title\":\"scaleCanvas(...)\"},{\"slug\":\"stack\",\"title\":\"stack(...)\"},{\"slug\":\"uniques\",\"title\":\"uniques(...)\"}],\"slug\":\"helper-functions\",\"file\":\"99-helper-functions.md\"}]"}</script>
-			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/BarStacked.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Html, flatten } from 'layercake';\\n  import { stack } from 'd3-shape';\\n  import { scaleBand, scaleOrdinal } from 'd3-scale';\\n  import { format } from 'd3-format';\\n\\n  import BarStacked from './_components/BarStacked.svelte';\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/fruitOrdinal.csv';\\n\\n  const xKey = 'year';\\n  const yKey = [0, 1];\\n  const zKey = 'key';\\n\\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\\n  const seriesColors = ['#00bbff', '#8bcef6', '#c4e2ed', '#f7f6e3'];\\n\\n  data.forEach(d => {\\n    seriesNames.forEach(name => {\\n      d[name] = +d[name];\\n    });\\n  });\\n\\n  const stackData = stack()\\n    .keys(seriesNames);\\n\\n  const series = stackData(data);\\n\\n  const formatLabelX = d => format(`~s`)(d);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ top: 0, right: 0, bottom: 20, left: 35 }}\\n    y={d => d.data[xKey]}\\n    x={yKey}\\n    z={zKey}\\n    yScale={scaleBand().paddingInner(0.05).round(true)}\\n    yDomain={['2016', '2017', '2018', '2019']}\\n    zScale={scaleOrdinal()}\\n    zDomain={seriesNames}\\n    zRange={seriesColors}\\n    flatData={flatten(series)}\\n    data={series}\\n  >\\n    \u003CHtml>\\n      \u003CAxisX\\n        baseline\\n        snapTicks\\n        format={formatLabelX}\\n      />\\n      \u003CAxisY\\n        gridlines={false}\\n      />\\n    \u003C/Html>\\n    \u003CScaledSvg>\\n      \u003CBarStacked/>\\n    \u003C/ScaledSvg>\\n  \u003C/LayerCake>\\n\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/BarStacked.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG stacked bar chart and sets the color via an ordinal scale in `zScale`.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, zGet, yScale } = getContext('LayerCake');\\n\\n  $: columnWidth = d => {\\n    const xVals = $xGet(d);\\n    return xVals[1] - xVals[0];\\n  };\\n\u003C/script>\\n\\n\u003Cg class=\\\"bar-group\\\">\\n  {#each $data as series}\\n    {#each series as d, i}\\n      \u003Crect\\n        class='group-rect'\\n        data-id=\\\"{i}\\\"\\n        x=\\\"{$xGet(d)[0]}\\\"\\n        y=\\\"{$yGet(d)}\\\"\\n        height={$yScale.bandwidth()}\\n        width=\\\"{columnWidth(d)}\\\"\\n        fill={$zGet(series)}\\n      >\u003C/rect>\\n    {/each}\\n  {/each}\\n\u003C/g>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/fruitOrdinal.csv\",\"contents\":\"year,apples,bananas,cherries,dates\\n2019,3840,1920,960,400\\n2018,1600,1440,960,400\\n2017,820,1000,640,400\\n2016,820,560,720,400\"}],\"jsons\":[]}"}</script>
+			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/BarStacked.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Html, flatten } from 'layercake';\\n  import { stack } from 'd3-shape';\\n  import { scaleBand, scaleOrdinal } from 'd3-scale';\\n  import { format } from 'd3-format';\\n\\n  import BarStacked from './_components/BarStacked.svelte';\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/fruitOrdinal.csv';\\n\\n  const xKey = 'year';\\n  const yKey = [0, 1];\\n  const zKey = 'key';\\n\\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\\n  const seriesColors = ['#00bbff', '#8bcef6', '#c4e2ed', '#f7f6e3'];\\n\\n  data.forEach(d => {\\n    seriesNames.forEach(name => {\\n      d[name] = +d[name];\\n    });\\n  });\\n\\n  const stackData = stack()\\n    .keys(seriesNames);\\n\\n  const series = stackData(data);\\n\\n  const formatLabelX = d => format(`~s`)(d);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ top: 0, right: 0, bottom: 20, left: 35 }}\\n    y={d => d.data[xKey]}\\n    x={yKey}\\n    z={zKey}\\n    yScale={scaleBand().paddingInner(0.05).round(true)}\\n    yDomain={['2016', '2017', '2018', '2019']}\\n    zScale={scaleOrdinal()}\\n    zDomain={seriesNames}\\n    zRange={seriesColors}\\n    flatData={flatten(series)}\\n    data={series}\\n  >\\n    \u003CHtml>\\n      \u003CAxisX\\n        baseline\\n        snapLabels\\n        format={formatLabelX}\\n      />\\n      \u003CAxisY\\n        gridlines={false}\\n      />\\n    \u003C/Html>\\n    \u003CScaledSvg>\\n      \u003CBarStacked/>\\n    \u003C/ScaledSvg>\\n  \u003C/LayerCake>\\n\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/BarStacked.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG stacked bar chart and sets the color via an ordinal scale in `zScale`.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, zGet, yScale } = getContext('LayerCake');\\n\\n  $: columnWidth = d => {\\n    const xVals = $xGet(d);\\n    return xVals[1] - xVals[0];\\n  };\\n\u003C/script>\\n\\n\u003Cg class=\\\"bar-group\\\">\\n  {#each $data as series}\\n    {#each series as d, i}\\n      \u003Crect\\n        class='group-rect'\\n        data-id=\\\"{i}\\\"\\n        x=\\\"{$xGet(d)[0]}\\\"\\n        y=\\\"{$yGet(d)}\\\"\\n        height={$yScale.bandwidth()}\\n        width=\\\"{columnWidth(d)}\\\"\\n        fill={$zGet(series)}\\n      >\u003C/rect>\\n    {/each}\\n  {/each}\\n\u003C/g>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/fruitOrdinal.csv\",\"contents\":\"year,apples,bananas,cherries,dates\\n2019,3840,1920,960,400\\n2018,1600,1440,960,400\\n2017,820,1000,640,400\\n2016,820,560,720,400\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -446,8 +446,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/BarStacked.json b/docs/example-ssr/BarStacked.json
index 8eb25fe0..38f51d63 100644
--- a/docs/example-ssr/BarStacked.json
+++ b/docs/example-ssr/BarStacked.json
@@ -1 +1 @@
-{"main":{"title":"+page.svelte","contents":"<script>\n  import { LayerCake, ScaledSvg, Html, flatten } from 'layercake';\n  import { stack } from 'd3-shape';\n  import { scaleBand, scaleOrdinal } from 'd3-scale';\n  import { format } from 'd3-format';\n\n  import BarStacked from './_components/BarStacked.svelte';\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\n\n  // This example loads csv data as json using @rollup/plugin-dsv\n  import data from './_data/fruitOrdinal.csv';\n\n  const xKey = 'year';\n  const yKey = [0, 1];\n  const zKey = 'key';\n\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\n  const seriesColors = ['#00bbff', '#8bcef6', '#c4e2ed', '#f7f6e3'];\n\n  data.forEach(d => {\n    seriesNames.forEach(name => {\n      d[name] = +d[name];\n    });\n  });\n\n  const stackData = stack()\n    .keys(seriesNames);\n\n  const series = stackData(data);\n\n  const formatLabelX = d => format(`~s`)(d);\n</script>\n\n<style>\n  /*\n    The wrapper div needs to have an explicit width and height in CSS.\n    It can also be a flexbox child or CSS grid element.\n    The point being it needs dimensions since the <LayerCake> element will\n    expand to fill it.\n  */\n  .chart-container {\n    width: 100%;\n    height: 250px;\n  }\n</style>\n\n<div class=\"chart-container\">\n  <LayerCake\n    ssr\n    percentRange\n    padding={{ top: 0, right: 0, bottom: 20, left: 35 }}\n    y={d => d.data[xKey]}\n    x={yKey}\n    z={zKey}\n    yScale={scaleBand().paddingInner(0.05).round(true)}\n    yDomain={['2016', '2017', '2018', '2019']}\n    zScale={scaleOrdinal()}\n    zDomain={seriesNames}\n    zRange={seriesColors}\n    flatData={flatten(series)}\n    data={series}\n  >\n    <Html>\n      <AxisX\n        baseline\n        snapTicks\n        format={formatLabelX}\n      />\n      <AxisY\n        gridlines={false}\n      />\n    </Html>\n    <ScaledSvg>\n      <BarStacked/>\n    </ScaledSvg>\n  </LayerCake>\n\n</div>"},"dek":"","components":[{"title":"./_components/BarStacked.svelte","contents":"<!--\n  @component\n  Generates an SVG stacked bar chart and sets the color via an ordinal scale in `zScale`.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { data, xGet, yGet, zGet, yScale } = getContext('LayerCake');\n\n  $: columnWidth = d => {\n    const xVals = $xGet(d);\n    return xVals[1] - xVals[0];\n  };\n</script>\n\n<g class=\"bar-group\">\n  {#each $data as series}\n    {#each series as d, i}\n      <rect\n        class='group-rect'\n        data-id=\"{i}\"\n        x=\"{$xGet(d)[0]}\"\n        y=\"{$yGet(d)}\"\n        height={$yScale.bandwidth()}\n        width=\"{columnWidth(d)}\"\n        fill={$zGet(series)}\n      ></rect>\n    {/each}\n  {/each}\n</g>"},{"title":"./_components/AxisX.percent-range.html.svelte","contents":"<!--\n  @component\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { width, height, xScale, yRange } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\n  export let tickMarks = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\n  export let tickMarkLength = 6;\n\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\n  export let baseline = false;\n\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\n  export let snapLabels = false;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d;\n\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\n  export let ticks = undefined;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = 1;\n\n  $: tickLen = tickMarks === true\n    ? tickMarkLength ?? 6\n    : 0;\n\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $xScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($xScale.ticks()) :\n          $xScale.ticks(ticks);\n\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\n</script>\n\n<div class='axis x-axis' class:snapLabels>\n  {#each tickVals as tick, i (tick)}\n    {@const tickValPx = $xScale(tick)}\n\n    {#if baseline === true}\n      <div class=\"baseline\" style='top:100%; width:100%;'></div>\n    {/if}\n\n    {#if gridlines === true}\n      <div\n        class=\"gridline\"\n        style:left='{tickValPx}%'\n        style='top:0; bottom:0;'></div>\n    {/if}\n    {#if tickMarks === true}\n      <div\n        class=\"tick-mark\"\n        style:left='{tickValPx + halfBand}%'\n        style:height='{tickLen}px'\n        style:bottom='{-tickLen - tickGutter}px'\n      ></div>\n    {/if}\n    <div\n      class='tick tick-{i}'\n      style:left='{tickValPx + halfBand}%'\n      style='top:calc(100% + {tickGutter}px);'>\n      <div\n        class=\"text\"\n        style:top='{tickLen}px'\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\n      >{format(tick)}</div>\n    </div>\n  {/each}\n</div>\n\n<style>\n  .axis,\n  .tick,\n  .tick-mark,\n  .gridline,\n  .baseline {\n    position: absolute;\n  }\n  .axis {\n    width: 100%;\n    height: 100%;\n  }\n  .tick {\n    font-size: 11px;\n  }\n\n  .gridline {\n    border-left: 1px dashed #aaa;\n  }\n\n  .tick-mark {\n    border-left: 1px solid #aaa;\n  }\n  .baseline {\n    border-top: 1px solid #aaa;\n  }\n\n  .tick .text {\n    color: #666;\n    position: relative;\n    white-space: nowrap;\n    transform: translateX(-50%);\n  }\n  /* This looks a little better at 40 percent than 50 */\n  .axis.snapLabels .tick:last-child {\n    transform: translateX(-40%);\n  }\n  .axis.snapLabels .tick.tick-0 {\n    transform: translateX(40%);\n  }\n</style>"},{"title":"./_components/AxisY.percent-range.html.svelte","contents":"<!--\n  @component\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\n -->\n <script>\n  import { getContext } from 'svelte';\n\n  const { xRange, yScale } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\n  export let tickMarks = false;\n\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\n  export let labelPosition = 'even';\n\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\n  export let snapBaselineLabel = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\n  export let tickMarkLength = undefined;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d ;\n\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\n  export let ticks = 4;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = -3;\n\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\n  export let charPixelWidth = 7.25;\n\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $yScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($yScale.ticks()) :\n          $yScale.ticks(ticks);\n\n  function calcStringLength(sum, val) {\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\n    return sum + charPixelWidth;\n  }\n\n  $: tickLen = tickMarks === true\n    ? labelPosition === 'above'\n      ? tickMarkLength ?? widestTickLen\n      : tickMarkLength ?? 6\n    : 0;\n\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\n\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\n\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\n</script>\n\n<div class='axis y-axis'>\n  {#each tickVals as tick, i (tick)}\n    {@const tickValPerc = $yScale(tick)}\n\n    <div class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\n      {#if gridlines === true}\n        <div\n          class=\"gridline\"\n          style=\"top:0;\"\n          style:left='{x1}px'\n          style:right='0px'\n        ></div>\n      {/if}\n      {#if tickMarks === true}\n        <div\n          class=\"tick-mark\"\n          style:top='0'\n          style:left='{x1}px'\n          style:width='{tickLen}px'\n        ></div>\n      {/if}\n      <div\n        class=\"text\"\n        style:top='0'\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\n        style:width='{widestTickLen}px'\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\n      >{format(tick)}</div>\n    </div>\n  {/each}\n</div>\n\n<style>\n  .axis,\n  .tick,\n  .tick-mark,\n  .gridline,\n  .baseline,\n  .text {\n    position: absolute;\n  }\n  .axis {\n    width: 100%;\n    height: 100%;\n  }\n  .tick {\n    font-size: 11px;\n    width: 100%;\n  }\n\n  .gridline {\n    border-top: 1px dashed #aaa;\n  }\n  .tick-mark {\n    border-top: 1px solid #aaa;\n  }\n\n  .baseline.gridline {\n    border-top-style: solid;\n  }\n\n  .tick .text {\n    color: #666;\n  }\n</style>"}],"modules":[],"componentModules":[],"componentComponents":[],"csvs":[{"title":"./_data/fruitOrdinal.csv","contents":"year,apples,bananas,cherries,dates\n2019,3840,1920,960,400\n2018,1600,1440,960,400\n2017,820,1000,640,400\n2016,820,560,720,400"}],"jsons":[]}
\ No newline at end of file
+{"main":{"title":"+page.svelte","contents":"<script>\n  import { LayerCake, ScaledSvg, Html, flatten } from 'layercake';\n  import { stack } from 'd3-shape';\n  import { scaleBand, scaleOrdinal } from 'd3-scale';\n  import { format } from 'd3-format';\n\n  import BarStacked from './_components/BarStacked.svelte';\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\n\n  // This example loads csv data as json using @rollup/plugin-dsv\n  import data from './_data/fruitOrdinal.csv';\n\n  const xKey = 'year';\n  const yKey = [0, 1];\n  const zKey = 'key';\n\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\n  const seriesColors = ['#00bbff', '#8bcef6', '#c4e2ed', '#f7f6e3'];\n\n  data.forEach(d => {\n    seriesNames.forEach(name => {\n      d[name] = +d[name];\n    });\n  });\n\n  const stackData = stack()\n    .keys(seriesNames);\n\n  const series = stackData(data);\n\n  const formatLabelX = d => format(`~s`)(d);\n</script>\n\n<style>\n  /*\n    The wrapper div needs to have an explicit width and height in CSS.\n    It can also be a flexbox child or CSS grid element.\n    The point being it needs dimensions since the <LayerCake> element will\n    expand to fill it.\n  */\n  .chart-container {\n    width: 100%;\n    height: 250px;\n  }\n</style>\n\n<div class=\"chart-container\">\n  <LayerCake\n    ssr\n    percentRange\n    padding={{ top: 0, right: 0, bottom: 20, left: 35 }}\n    y={d => d.data[xKey]}\n    x={yKey}\n    z={zKey}\n    yScale={scaleBand().paddingInner(0.05).round(true)}\n    yDomain={['2016', '2017', '2018', '2019']}\n    zScale={scaleOrdinal()}\n    zDomain={seriesNames}\n    zRange={seriesColors}\n    flatData={flatten(series)}\n    data={series}\n  >\n    <Html>\n      <AxisX\n        baseline\n        snapLabels\n        format={formatLabelX}\n      />\n      <AxisY\n        gridlines={false}\n      />\n    </Html>\n    <ScaledSvg>\n      <BarStacked/>\n    </ScaledSvg>\n  </LayerCake>\n\n</div>"},"dek":"","components":[{"title":"./_components/BarStacked.svelte","contents":"<!--\n  @component\n  Generates an SVG stacked bar chart and sets the color via an ordinal scale in `zScale`.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { data, xGet, yGet, zGet, yScale } = getContext('LayerCake');\n\n  $: columnWidth = d => {\n    const xVals = $xGet(d);\n    return xVals[1] - xVals[0];\n  };\n</script>\n\n<g class=\"bar-group\">\n  {#each $data as series}\n    {#each series as d, i}\n      <rect\n        class='group-rect'\n        data-id=\"{i}\"\n        x=\"{$xGet(d)[0]}\"\n        y=\"{$yGet(d)}\"\n        height={$yScale.bandwidth()}\n        width=\"{columnWidth(d)}\"\n        fill={$zGet(series)}\n      ></rect>\n    {/each}\n  {/each}\n</g>"},{"title":"./_components/AxisX.percent-range.html.svelte","contents":"<!--\n  @component\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { width, height, xScale, yRange } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\n  export let tickMarks = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\n  export let tickMarkLength = 6;\n\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\n  export let baseline = false;\n\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\n  export let snapLabels = false;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d;\n\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\n  export let ticks = undefined;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = 1;\n\n  $: tickLen = tickMarks === true\n    ? tickMarkLength ?? 6\n    : 0;\n\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $xScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($xScale.ticks()) :\n          $xScale.ticks(ticks);\n\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\n</script>\n\n<div class='axis x-axis' class:snapLabels>\n  {#each tickVals as tick, i (tick)}\n    {@const tickValPx = $xScale(tick)}\n\n    {#if baseline === true}\n      <div class=\"baseline\" style='top:100%; width:100%;'></div>\n    {/if}\n\n    {#if gridlines === true}\n      <div\n        class=\"gridline\"\n        style:left='{tickValPx}%'\n        style='top:0; bottom:0;'></div>\n    {/if}\n    {#if tickMarks === true}\n      <div\n        class=\"tick-mark\"\n        style:left='{tickValPx + halfBand}%'\n        style:height='{tickLen}px'\n        style:bottom='{-tickLen - tickGutter}px'\n      ></div>\n    {/if}\n    <div\n      class='tick tick-{i}'\n      style:left='{tickValPx + halfBand}%'\n      style='top:calc(100% + {tickGutter}px);'>\n      <div\n        class=\"text\"\n        style:top='{tickLen}px'\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\n      >{format(tick)}</div>\n    </div>\n  {/each}\n</div>\n\n<style>\n  .axis,\n  .tick,\n  .tick-mark,\n  .gridline,\n  .baseline {\n    position: absolute;\n  }\n  .axis {\n    width: 100%;\n    height: 100%;\n  }\n  .tick {\n    font-size: 11px;\n  }\n\n  .gridline {\n    border-left: 1px dashed #aaa;\n  }\n\n  .tick-mark {\n    border-left: 1px solid #aaa;\n  }\n  .baseline {\n    border-top: 1px solid #aaa;\n  }\n\n  .tick .text {\n    color: #666;\n    position: relative;\n    white-space: nowrap;\n    transform: translateX(-50%);\n  }\n  /* This looks a little better at 40 percent than 50 */\n  .axis.snapLabels .tick:last-child {\n    transform: translateX(-40%);\n  }\n  .axis.snapLabels .tick.tick-0 {\n    transform: translateX(40%);\n  }\n</style>"},{"title":"./_components/AxisY.percent-range.html.svelte","contents":"<!--\n  @component\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\n -->\n <script>\n  import { getContext } from 'svelte';\n\n  const { xRange, yScale } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\n  export let tickMarks = false;\n\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\n  export let labelPosition = 'even';\n\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\n  export let snapBaselineLabel = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\n  export let tickMarkLength = undefined;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d ;\n\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\n  export let ticks = 4;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = -3;\n\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\n  export let charPixelWidth = 7.25;\n\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $yScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($yScale.ticks()) :\n          $yScale.ticks(ticks);\n\n  function calcStringLength(sum, val) {\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\n    return sum + charPixelWidth;\n  }\n\n  $: tickLen = tickMarks === true\n    ? labelPosition === 'above'\n      ? tickMarkLength ?? widestTickLen\n      : tickMarkLength ?? 6\n    : 0;\n\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\n\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\n\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\n</script>\n\n<div class='axis y-axis'>\n  {#each tickVals as tick, i (tick)}\n    {@const tickValPerc = $yScale(tick)}\n\n    <div class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\n      {#if gridlines === true}\n        <div\n          class=\"gridline\"\n          style=\"top:0;\"\n          style:left='{x1}px'\n          style:right='0px'\n        ></div>\n      {/if}\n      {#if tickMarks === true}\n        <div\n          class=\"tick-mark\"\n          style:top='0'\n          style:left='{x1}px'\n          style:width='{tickLen}px'\n        ></div>\n      {/if}\n      <div\n        class=\"text\"\n        style:top='0'\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\n        style:width='{widestTickLen}px'\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\n      >{format(tick)}</div>\n    </div>\n  {/each}\n</div>\n\n<style>\n  .axis,\n  .tick,\n  .tick-mark,\n  .gridline,\n  .baseline,\n  .text {\n    position: absolute;\n  }\n  .axis {\n    width: 100%;\n    height: 100%;\n  }\n  .tick {\n    font-size: 11px;\n    width: 100%;\n  }\n\n  .gridline {\n    border-top: 1px dashed #aaa;\n  }\n  .tick-mark {\n    border-top: 1px solid #aaa;\n  }\n\n  .baseline.gridline {\n    border-top-style: solid;\n  }\n\n  .tick .text {\n    color: #666;\n  }\n</style>"}],"modules":[],"componentModules":[],"componentComponents":[],"csvs":[{"title":"./_data/fruitOrdinal.csv","contents":"year,apples,bananas,cherries,dates\n2019,3840,1920,960,400\n2018,1600,1440,960,400\n2017,820,1000,640,400\n2016,820,560,720,400"}],"jsons":[]}
\ No newline at end of file
diff --git a/docs/example-ssr/Brush.html b/docs/example-ssr/Brush.html
index fae5efbf..9e6deacb 100644
--- a/docs/example-ssr/Brush.html
+++ b/docs/example-ssr/Brush.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Brush</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -659,7 +659,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/Brush.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Html } from 'layercake';\\n\\n  import Line from './_components/Line.svelte';\\n  import Area from './_components/Area.svelte';\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n  import Brush from './_components/Brush.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/points.csv';\\n\\n  let brushExtents = [null, null];\\n\\n  const xKey = 'myX';\\n  const yKey = 'myY';\\n\\n  data.forEach(d => {\\n    d[yKey] = +d[yKey];\\n  });\\n\\n  let brushedData;\\n  $: {\\n    brushedData = data.slice((brushExtents[0] || 0) * data.length, (brushExtents[1] || 1) * data.length);\\n    if (brushedData.length \u003C 2) {\\n      brushedData = data.slice(brushExtents[0] * data.length, brushExtents[0] * data.length + 2)\\n    }\\n  }\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .brushed-chart-container {\\n    width: 100%;\\n    height: 80%;\\n  }\\n  .brush-container {\\n    width: 100%;\\n    height: 20%;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"brushed-chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ right: 10, bottom: 20, left: 25 }}\\n    x={xKey}\\n    y={yKey}\\n    yDomain={[0, null]}\\n    data={brushedData}\\n  >\\n    \u003CHtml>\\n      \u003CAxisX\\n        ticks={ticks => {\\n          const filtered = ticks.filter(t => t % 1 === 0);\\n          if (filtered.length > 7) {\\n            return filtered.filter((t, i) => i % 2 === 0);\\n          }\\n          return filtered;\\n        }}\\n      />\\n      \u003CAxisY\\n        ticks={4}\\n      />\\n    \u003C/Html>\\n    \u003CScaledSvg>\\n      \u003CLine\\n        stroke='#00e047'\\n      />\\n      \u003CArea\\n        fill='#00e04710'\\n      />\\n    \u003C/ScaledSvg>\\n  \u003C/LayerCake>\\n\u003C/div>\\n\\n\u003Cdiv class=\\\"brush-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ top: 5 }}\\n    x={xKey}\\n    y={yKey}\\n    yDomain={[0, null]}\\n    data={data}\\n  >\\n    \u003CScaledSvg>\\n      \u003CLine\\n        stroke='#00e047'\\n      />\\n      \u003CArea\\n        fill='#00e04710'\\n      />\\n    \u003C/ScaledSvg>\\n    \u003CHtml>\\n      \u003CBrush bind:min={brushExtents[0]} bind:max={brushExtents[1]}/>\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/Line.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet } = getContext('LayerCake');\\n\\n  /** @type {String} [stroke='#ab00d6'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let stroke = '#ab00d6';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\u003C/script>\\n\\n\u003Cpath class='path-line' d='{path}' {stroke}>\u003C/path>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 2;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Area.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale, extents } = getContext('LayerCake');\\n\\n  /**  @type {String} [fill='#ab00d610'] The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#ab00d610';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\\n  let area;\\n\\n  $: {\\n    const yRange = $yScale.range();\\n    area = path + (\\n      'L' + $xScale($extents.x ? $extents.x[1] : 0) + ',' + yRange[0] +\\n      'L' + $xScale($extents.x ? $extents.x[0] : 0) + ',' + yRange[0] +\\n      'Z'\\n    );\\n  }\\n\u003C/script>\\n\\n\u003Cpath class='path-area' d='{area}' {fill}>\u003C/path>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Brush.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds a brush component to create a range between 0 and 1. Bind to the `min` and `max` props to use them in other components. See the [brushable example](https://layercake.graphcics/example/Brush) for use.\\n -->\\n\u003Cscript>\\n  import { clamp } from 'yootils';\\n\\n  /** @type {Number} min - The brush's min value. Useful to bind to. */\\n  export let min;\\n\\n  /** @type {Number} max - The brush's max value. Useful to bind to. */\\n  export let max;\\n\\n  let brush;\\n\\n  const p = x => {\\n    const { left, right } = brush.getBoundingClientRect();\\n    return clamp((x - left) / (right - left), 0, 1);\\n  };\\n\\n  const handler = fn => {\\n    return e => {\\n      if (e.type === 'touchstart') {\\n        if (e.touches.length !== 1) return;\\n        e = e.touches[0];\\n      }\\n\\n      const id = e.identifier;\\n      const start = { min, max, p: p(e.clientX) };\\n\\n      const handle_move = e => {\\n        if (e.type === 'touchmove') {\\n          if (e.changedTouches.length !== 1) return;\\n          e = e.changedTouches[0];\\n          if (e.identifier !== id) return;\\n        }\\n\\n        fn(start, p(e.clientX));\\n      };\\n\\n      const handle_end = e => {\\n        if (e.type === 'touchend') {\\n          if (e.changedTouches.length !== 1) return;\\n          if (e.changedTouches[0].identifier !== id) return;\\n        } else if (e.target === brush) {\\n          clear();\\n        }\\n\\n        window.removeEventListener('mousemove', handle_move);\\n        window.removeEventListener('mouseup', handle_end);\\n\\n        window.removeEventListener('touchmove', handle_move);\\n        window.removeEventListener('touchend', handle_end);\\n      };\\n\\n      window.addEventListener('mousemove', handle_move);\\n      window.addEventListener('mouseup', handle_end);\\n\\n      window.addEventListener('touchmove', handle_move);\\n      window.addEventListener('touchend', handle_end);\\n    };\\n  };\\n\\n  const clear = () => {\\n    min = null;\\n    max = null;\\n  }\\n\\n  const reset = handler((start, p) => {\\n    min = clamp(Math.min(start.p, p), 0, 1);\\n    max = clamp(Math.max(start.p, p), 0, 1);\\n  });\\n\\n  const move = handler((start, p) => {\\n    const d = clamp(p - start.p, -start.min, 1 - start.max);\\n    min = start.min + d;\\n    max = start.max + d;\\n  });\\n\\n  const adjust_min = handler((start, p) => {\\n    min = p > start.max ? start.max : p;\\n    max = p > start.max ? p : start.max;\\n  });\\n\\n  const adjust_max = handler((start, p) => {\\n    min = p \u003C start.min ? p : start.min;\\n    max = p \u003C start.min ? start.min : p;\\n  });\\n\\n  $: left = 100 * min;\\n  $: right = 100 * (1 - max);\\n\u003C/script>\\n\\n\u003Cdiv bind:this={brush} class=\\\"brush-outer\\\" on:mousedown|stopPropagation={reset} on:touchstart|stopPropagation={reset}>\\n  {#if min !== null}\\n    \u003Cdiv class=\\\"brush-inner\\\" on:mousedown|stopPropagation={move} on:touchstart|stopPropagation={move} style=\\\"left: {left}%; right: {right}%\\\">\u003C/div>\\n    \u003Cdiv class=\\\"brush-handle\\\" on:mousedown|stopPropagation={adjust_min} on:touchstart|stopPropagation={adjust_min} style=\\\"left: {left}%\\\">\u003C/div>\\n    \u003Cdiv class=\\\"brush-handle\\\" on:mousedown|stopPropagation={adjust_max} on:touchstart|stopPropagation={adjust_max} style=\\\"right: {right}%\\\">\u003C/div>\\n  {/if}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .brush-outer {\\n    position: relative;\\n    width: 100%;\\n    height: calc(100% + 5px);\\n    top: -5px;\\n  }\\n\\n  .brush-inner {\\n    position: absolute;\\n    height: 100%;\\n    cursor: move;\\n    /* mix-blend-mode: difference; */\\n    background-color: #cccccc90;\\n    /* border: 1px solid #000; */\\n  }\\n\\n  .brush-handle {\\n    position: absolute;\\n    width: 0;\\n    height: 100%;\\n    cursor: ew-resize;\\n  }\\n\\n  .brush-handle::before {\\n    position: absolute;\\n    content: '';\\n    width: 8px;\\n    left: -4px;\\n    height: 100%;\\n    background: transparent;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/points.csv\",\"contents\":\"myX,myY\\n1979,7.19\\n1980,7.83\\n1981,7.24\\n1982,7.44\\n1983,7.51\\n1984,7.1\\n1985,6.91\\n1986,7.53\\n1987,7.47\\n1988,7.48\\n1989,7.03\\n1990,6.23\\n1991,6.54\\n1992,7.54\\n1993,6.5\\n1994,7.18\\n1995,6.12\\n1996,7.87\\n1997,6.73\\n1998,6.55\\n1999,6.23\\n2000,6.31\\n2001,6.74\\n2002,5.95\\n2003,6.13\\n2004,6.04\\n2005,5.56\\n2006,5.91\\n2007,4.29\\n2008,4.72\\n2009,5.38\\n2010,4.92\\n2011,4.61\\n2012,3.62\\n2013,5.35\\n2014,5.28\\n2015,4.63\\n2016,4.72\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -668,8 +668,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/Calendar.html b/docs/example-ssr/Calendar.html
index 606fb1c5..e7946287 100644
--- a/docs/example-ssr/Calendar.html
+++ b/docs/example-ssr/Calendar.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Calendar (one cake per month)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -418,7 +418,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/Calendar.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg } from 'layercake';\\n  import { nest } from 'd3-collection';\\n  import { scaleQuantize } from 'd3-scale';\\n\\n  import CalendarMonth from './_components/CalendarMonth.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import dates from './_data/dates.csv';\\n\\n  const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];\\n\\n  const datesTransformed = dates.map(row => {\\n    row.date = new Date(row.timestring);\\n    return row;\\n  });\\n\\n  const gutter = 10;\\n  const seriesColors = ['#fff5cc', '#ffeba9', '#ffe182', '#ffd754', '#ffcc00'];\\n\\n  /* --------------------------------------------\\n   * Group by month then by date\\n   */\\n  const byMonthByDate = nest()\\n    .key(d => d.date.getUTCMonth())\\n    .key(d => d.timestring.split('T')[0])\\n    .entries(datesTransformed);\\n\\n  const sortedData = byMonthByDate.sort((a, b) => a.key - b.key);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n    The width is being set inline-below.\\n  */\\n  .chart-container {\\n    --margin-top: 25px;\\n    display: inline-block;\\n    position: relative;\\n    vertical-align: top;\\n    height: calc(250px - var(--margin-top));\\n    margin-top: var(--margin-top);\\n  }\\n  .chart-container:before {\\n    content: attr(data-month);\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    transform: translate(0, -100%);\\n  }\\n\u003C/style>\\n\\n{#each sortedData as month, i}\\n  \u003Cdiv\\n    class=\\\"chart-container\\\"\\n    style=\\\"width:calc({100 / sortedData.length}% - {gutter}px);{i === 0 ? `margin-right:${gutter * 2}px` : ''}\\\"\\n    data-month=\\\"{monthNames[+month.key + 1]}\\\"\\n  >\\n    \u003CLayerCake\\n      ssr\\n      percentRange\\n      padding={{ top: 1, right: 1, bottom: 1, left: 1 }}\\n      x={'key'}\\n      z={d => d.values.length}\\n      zScale={scaleQuantize()}\\n      zRange={seriesColors}\\n      data={month.values}\\n    >\\n      \u003CScaledSvg>\\n        \u003CCalendarMonth\\n          calcCellSize={(w, h) => 100 / 7}\\n        />\\n      \u003C/ScaledSvg>\\n    \u003C/LayerCake>\\n  \u003C/div>\\n{/each}\"},\"dek\":\"Another small multiple example that generates the full date range for that month and puts each month inside its own div.\\n\",\"components\":[{\"title\":\"./_components/CalendarMonth.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG calendar chart.\\n -->\\n\u003Cscript>\\n\\n  import { getContext } from 'svelte';\\n  import { timeFormat } from 'd3-time-format';\\n  import { timeDay } from 'd3-time';\\n\\n  const { width, height, data, x, z, zScale, extents } = getContext('LayerCake');\\n\\n  /** @type {Function} [calcCellSize=(w, h) => Math.min(w / 7, h / 5)] - A function givn the canvas width and height as arguments and expects a return number that will be used as the width and height for each cell. The default will choose a size that fits seven cells across and five rows top to bottom. */\\n  export let calcCellSize = (w, h) => Math.min(w / 7, h / 5);\\n\\n  const getDayOfWeek = timeFormat('%w');\\n  const getWeekOfYear = timeFormat('%U');\\n\\n  $: count = date => {\\n    const stringDate = date.toISOString().split('T')[0];\\n    const days = $data.filter(d => $x(d) === stringDate)[0];\\n    if (days) {\\n      return $z(days);\\n    }\\n    return 0;\\n  };\\n\\n  $: fillColor = day => {\\n    const n = count(day);\\n    return n ? $zScale(n) : '#fff';\\n  };\\n\\n  $: cellSize = calcCellSize($width, $height);\\n\\n  let days;\\n\\n  /* --------------------------------------------\\n   * Calculate what month we're in and generate the full days of that month\\n   */\\n  $: {\\n    const minDate = $extents.x[0];\\n    const parts = minDate.split('-').map(d => +d);\\n\\n    days = timeDay.range(new Date(Date.UTC(parts[0], parts[1] - 1, 1)), new Date(Date.UTC(parts[0], parts[1], 1)));\\n  }\\n\\n  $: rectX = day => getDayOfWeek(day) * cellSize;\\n  $: rectY = day => {\\n    const startWeek = getWeekOfYear(new Date(day.getUTCFullYear(), day.getUTCMonth(), 1));\\n    const thisWeek = getWeekOfYear(day);\\n    const weekDiff = thisWeek - startWeek;\\n    return weekDiff * cellSize;\\n  };\\n\\n  function showCount(day) {\\n    console.log(day, count(day));\\n  }\\n\u003C/script>\\n\\n{#each days as day}\\n  \u003Crect\\n    class=\\\"day\\\"\\n    width=\\\"{cellSize}\\\"\\n    height=\\\"{cellSize}\\\"\\n    x=\\\"{rectX(day)}\\\"\\n    y=\\\"{rectY(day)}\\\"\\n    style=\\\"fill:{fillColor(day)};\\\"\\n    on:mouseenter=\\\"{showCount(day)}\\\"\\n  />\\n{/each}\\n\\n\u003Cstyle>\\n  .day {\\n    stroke: #000;\\n    stroke-width: 1;\\n    fill: #fff;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/dates.csv\",\"contents\":\"timestring\\n2018-07-22T22:25:55Z\\n2018-07-22T19:35:29Z\\n2018-07-22T18:54:42Z\\n2018-07-22T02:05:59Z\\n2018-07-21T00:55:02Z\\n2018-07-21T00:53:00Z\\n2018-07-20T23:32:37Z\\n2018-07-20T17:52:55Z\\n2018-07-20T17:52:01Z\\n2018-07-20T17:32:21Z\\n2018-07-20T16:38:22Z\\n2018-07-20T16:38:20Z\\n2018-07-19T21:07:28Z\\n2018-07-19T01:36:47Z\\n2018-07-19T01:00:04Z\\n2018-07-18T20:15:35Z\\n2018-07-18T03:05:05Z\\n2018-07-18T02:56:18Z\\n2018-07-18T02:11:53Z\\n2018-07-18T02:08:49Z\\n2018-07-18T02:02:14Z\\n2018-07-17T04:13:29Z\\n2018-07-16T03:24:58Z\\n2018-07-16T03:23:55Z\\n2018-07-16T03:22:02Z\\n2018-07-15T18:37:05Z\\n2018-07-15T01:34:48Z\\n2018-07-15T01:11:38Z\\n2018-07-15T01:02:25Z\\n2018-07-14T23:32:07Z\\n2018-07-14T18:26:04Z\\n2018-07-14T18:25:35Z\\n2018-07-14T02:56:28Z\\n2018-07-13T16:33:57Z\\n2018-07-13T15:52:16Z\\n2018-07-12T20:31:12Z\\n2018-07-12T20:27:11Z\\n2018-07-12T14:17:18Z\\n2018-07-12T03:49:28Z\\n2018-07-12T03:42:33Z\\n2018-07-12T03:20:45Z\\n2018-07-12T01:47:25Z\\n2018-07-12T01:26:16Z\\n2018-07-12T01:16:55Z\\n2018-07-12T00:50:15Z\\n2018-07-11T19:16:21Z\\n2018-07-11T02:38:15Z\\n2018-07-11T01:03:55Z\\n2018-07-11T01:00:55Z\\n2018-07-11T00:59:31Z\\n2018-07-10T19:06:36Z\\n2018-07-10T19:03:18Z\\n2018-07-10T01:05:50Z\\n2018-07-09T23:43:32Z\\n2018-07-09T17:39:53Z\\n2018-07-09T17:37:15Z\\n2018-07-09T15:50:12Z\\n2018-07-09T03:47:16Z\\n2018-07-09T03:06:21Z\\n2018-07-09T02:59:34Z\\n2018-07-08T20:53:53Z\\n2018-07-07T01:37:58Z\\n2018-07-07T01:32:23Z\\n2018-07-07T01:30:09Z\\n2018-07-06T17:03:39Z\\n2018-07-06T16:00:39Z\\n2018-07-06T15:59:44Z\\n2018-07-04T22:29:55Z\\n2018-07-03T02:59:41Z\\n2018-07-03T02:58:36Z\\n2018-07-03T02:56:41Z\\n2018-07-01T02:21:56Z\\n2018-07-01T02:20:27Z\\n2018-07-01T02:15:25Z\\n2018-04-29T02:22:38Z\\n2018-04-29T02:19:25Z\\n2018-04-28T22:48:50Z\\n2018-04-28T06:52:20Z\\n2018-04-28T06:45:09Z\\n2018-04-26T21:18:11Z\\n2018-04-26T17:35:37Z\\n2018-04-26T01:52:56Z\\n2018-04-26T01:07:36Z\\n2018-04-26T01:05:37Z\\n2018-04-26T01:05:27Z\\n2018-04-26T01:00:30Z\\n2018-04-25T22:06:56Z\\n2018-04-25T21:32:42Z\\n2018-04-24T22:48:43Z\\n2018-04-24T22:48:26Z\\n2018-04-24T21:59:53Z\\n2018-04-24T21:58:36Z\\n2018-04-24T05:21:33Z\\n2018-04-21T03:36:45Z\\n2018-04-21T03:25:06Z\\n2018-04-20T17:57:25Z\\n2018-04-20T17:29:16Z\\n2018-04-20T17:24:44Z\\n2018-04-20T15:53:26Z\\n2018-04-20T15:32:59Z\\n2018-04-18T17:33:38Z\\n2018-04-18T15:28:30Z\\n2018-04-18T15:16:40Z\\n2018-04-18T15:07:48Z\\n2018-04-18T13:56:38Z\\n2018-04-18T04:46:00Z\\n2018-04-18T04:45:33Z\\n2018-04-18T02:19:48Z\\n2018-04-18T01:28:23Z\\n2018-04-17T23:11:52Z\\n2018-04-17T23:11:52Z\\n2018-04-17T23:05:10Z\\n2018-04-17T21:15:49Z\\n2018-04-17T21:15:41Z\\n2018-04-16T04:20:34Z\\n2018-04-16T04:20:15Z\\n2018-04-16T04:19:46Z\\n2018-04-16T04:18:59Z\\n2018-04-16T04:14:41Z\\n2018-04-16T03:54:01Z\\n2018-04-16T03:53:10Z\\n2018-04-15T02:28:02Z\\n2018-04-14T17:41:43Z\\n2018-04-14T04:42:10Z\\n2018-04-14T04:40:23Z\\n2018-04-14T04:40:10Z\\n2018-04-14T01:31:38Z\\n2018-04-14T00:23:02Z\\n2018-04-13T18:17:10Z\\n2018-04-13T18:08:21Z\\n2018-04-13T15:29:46Z\\n2018-04-13T15:15:33Z\\n2018-04-13T04:54:39Z\\n2018-04-13T04:27:48Z\\n2018-04-13T04:24:37Z\\n2018-04-13T04:08:45Z\\n2018-04-13T03:53:50Z\\n2018-04-13T03:42:23Z\\n2018-04-12T19:03:27Z\\n2018-04-11T00:32:39Z\\n2018-04-11T00:32:32Z\\n2018-04-09T02:57:20Z\\n2018-04-09T02:54:40Z\\n2018-04-08T04:28:23Z\\n2018-04-08T02:19:41Z\\n2018-04-08T00:50:51Z\\n2018-04-08T00:40:52Z\\n2018-04-07T21:54:06Z\\n2018-04-07T21:53:09Z\\n2018-04-07T19:09:30Z\\n2018-04-07T18:55:04Z\\n2018-04-07T18:51:44Z\\n2018-04-07T17:24:28Z\\n2018-04-07T02:31:18Z\\n2018-04-05T04:20:20Z\\n2018-04-05T04:19:13Z\\n2018-04-05T04:16:31Z\\n2018-04-05T04:09:51Z\\n2018-04-05T04:05:10Z\\n2018-04-05T04:04:29Z\\n2018-04-05T04:02:12Z\\n2018-04-05T03:59:43Z\\n2018-04-05T03:47:58Z\\n2018-04-05T03:43:55Z\\n2018-04-05T03:29:56Z\\n2018-04-05T03:16:56Z\\n2018-04-05T02:21:36Z\\n2018-04-05T01:31:23Z\\n2018-04-05T01:30:41Z\\n2018-04-04T02:47:42Z\\n2018-04-04T02:45:33Z\\n2018-04-04T02:45:05Z\\n2018-04-03T23:56:11Z\\n2018-04-03T23:55:17Z\\n2018-04-03T23:54:47Z\\n2018-04-03T23:54:37Z\\n2018-04-03T23:32:11Z\\n2018-04-03T05:21:21Z\\n2018-04-03T05:21:09Z\\n2018-04-03T05:19:31Z\\n2018-04-03T05:08:45Z\\n2018-04-03T05:00:12Z\\n2018-04-03T04:56:14Z\\n2018-04-03T04:55:39Z\\n2018-04-03T02:51:39Z\\n2018-04-03T02:02:43Z\\n2018-04-03T02:02:36Z\\n2018-04-03T02:01:59Z\\n2018-04-03T02:01:27Z\\n2018-04-03T00:32:13Z\\n2018-04-03T00:31:16Z\\n2018-04-03T00:29:42Z\\n2018-04-03T00:27:39Z\\n2018-04-02T03:33:34Z\\n2018-04-02T01:14:13Z\\n2018-04-02T01:09:56Z\\n2018-04-02T00:59:54Z\\n2018-04-01T05:22:24Z\\n2018-04-01T04:30:49Z\\n2018-04-01T04:30:25Z\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -427,8 +427,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/ClevelandDotPlot.html b/docs/example-ssr/ClevelandDotPlot.html
index 982c4484..836f2969 100644
--- a/docs/example-ssr/ClevelandDotPlot.html
+++ b/docs/example-ssr/ClevelandDotPlot.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Cleveland dot plot</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -447,7 +447,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/ClevelandDotPlot.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Html } from 'layercake';\\n  import { scaleBand, scaleOrdinal } from 'd3-scale';\\n\\n  import ClevelandDotPlot from './_components/ClevelandDotPlot.percent-range.html.svelte';\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/fruitOrdinal.csv';\\n\\n  const yKey = 'year';\\n  const xKey = Object.keys(data[0]).filter(d => d !== yKey);\\n\\n  const seriesColors = ['#f0c', '#00bbff', '#00e047', '#ff7a33'];\\n\\n  data.forEach(d => {\\n    xKey.forEach(name => {\\n      d[name] = +d[name];\\n    });\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ right: 10, bottom: 20, left: 30 }}\\n    x={xKey}\\n    y={yKey}\\n    yScale={scaleBand().paddingInner(0.05).round(true)}\\n    xDomain={[0, null]}\\n    xPadding={[2, 0]}\\n    zScale={scaleOrdinal()}\\n    zDomain={xKey}\\n    zRange={seriesColors}\\n    data={data}\\n  >\\n    \u003CHtml>\\n      \u003CAxisX/>\\n      \u003CAxisY\\n        gridlines={false}\\n      />\\n      \u003CClevelandDotPlot/>\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"You could create this kind of plot by reshaping your data into rows of containing `name`, `value` and `group` and plot it like a scatter plot, but here's another way that doesn't require all that data manipulation and takes advantage of Layer Cake's accessor shorthand. In `main.js`, we simply specify the names of the keys in each row that we want to plot and in the layer component, we call `$xGet(row)` to map each object into an array of pixel values.\\n\",\"components\":[{\"title\":\"./_components/ClevelandDotPlot.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML Cleveland dot plot, also known as a lollipop-chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, zScale, yScale, config } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=5] - The circle radius. */\\n  export let r = 5;\\n\\n  $: midHeight = $yScale.bandwidth() / 2;\\n\u003C/script>\\n\\n\u003Cdiv class=\\\"dot-plot\\\">\\n  {#each $data as row}\\n    {@const scaledYValue = $yGet(row)}\\n    {@const scaledXValues = $xGet(row)}\\n    \u003Cdiv class=\\\"dot-row\\\">\\n      \u003Cdiv\\n        class=\\\"line\\\"\\n        style=\\\"\\n          left: {Math.min(...scaledXValues)}%;\\n          top: {scaledYValue + midHeight}%;\\n          right: {100 - Math.max(...scaledXValues)}%;\\n        \\\"\\n      >\u003C/div>\\n\\n      {#each scaledXValues as circleX, i}\\n        \u003Cdiv\\n          class=\\\"circle\\\"\\n          style=\\\"\\n            left: {circleX}%;\\n            top: {scaledYValue + midHeight}%;\\n            width: {r * 2}px;\\n            height: {r * 2}px;\\n            background: {$zScale($config.x[i])};\\n          \\\"\\n        >\u003C/div>\\n      {/each}\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .line {\\n    position: absolute;\\n    border-bottom: 1px solid #000;\\n  }\\n  .circle {\\n    position: absolute;\\n    border-radius: 50%;\\n    border: 1px solid #000;\\n    stroke: #000;\\n    transform: translate(-50%, -50%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/fruitOrdinal.csv\",\"contents\":\"year,apples,bananas,cherries,dates\\n2019,3840,1920,960,400\\n2018,1600,1440,960,400\\n2017,820,1000,640,400\\n2016,820,560,720,400\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -456,8 +456,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/Column.html b/docs/example-ssr/Column.html
index bf1efe98..188f728d 100644
--- a/docs/example-ssr/Column.html
+++ b/docs/example-ssr/Column.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Column annotated</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -789,7 +789,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/Column.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, ScaledSvg, Html } from 'layercake';\\n  import { scaleBand } from 'd3-scale';\\n\\n  import Column from './_components/Column.svelte';\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n  import Annotations from './_components/Annotations.html.svelte';\\n  import Arrows from './_components/Arrows.svelte';\\n  import ArrowheadMarker from './_components/ArrowheadMarker.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/groups.csv';\\n\\n  const xKey = 'year';\\n  const yKey = 'value';\\n\\n  const annotations = [\\n    {\\n      text: 'Example text...',\\n      top: '18%',\\n      left: '30%',\\n      arrows: [{\\n        clockwise: false, // true or false, defaults to true\\n        source: {\\n          anchor: 'left-bottom', // can be `{left, middle, right},{top-middle-bottom}`\\n          dx: -2,\\n          dy: -7\\n        },\\n        target: {\\n          x: '28%',\\n          y: '75%'\\n        }\\n      },\\n      {\\n        source: {\\n          anchor: 'right-bottom',\\n          dy: -7,\\n          dx: 5\\n        },\\n        target: {\\n          x: '68%',\\n          y: '48%'\\n        }\\n      }]\\n    }\\n  ];\\n\\n  data.forEach(d => {\\n    d[yKey] = +d[yKey];\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .chart-container {\\n    width: 100%;\\n    height: 400px;\\n    position: relative;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    position='absolute'\\n    padding={{ top: 0, right: 0, bottom: 20, left: 20 }}\\n    x={xKey}\\n    y={yKey}\\n    xScale={scaleBand().paddingInner(0.028).round(true)}\\n    xDomain={['1979', '1980', '1981', '1982', '1983']}\\n    yDomain={[0, null]}\\n    data={data}\\n  >\\n    \u003CScaledSvg>\\n      \u003CColumn/>\\n    \u003C/ScaledSvg>\\n\\n    \u003CHtml>\\n      \u003CAxisX\\n        gridlines={false}\\n      />\\n      \u003CAxisY\\n        ticks={4}\\n        gridlines={false}\\n      />\\n      \u003CAnnotations {annotations}/>\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\\n  \u003C!--\\n    Add a second cake for the arrows that is rendered once the page is loaded\\n    since the arrows are hard to draw within the viewbox\\n  -->\\n  \u003CLayerCake\\n    position='absolute'\\n    padding={{ top: 0, right: 0, bottom: 20, left: 20 }}\\n    x={xKey}\\n    y={yKey}\\n    xScale={scaleBand().paddingInner(0.028).round(true)}\\n    xDomain={['1979', '1980', '1981', '1982', '1983']}\\n    yDomain={[0, null]}\\n    data={data}\\n  >\\n    \u003CSvg>\\n      \u003Csvelte:fragment slot=\\\"defs\\\">\\n        \u003CArrowheadMarker/>\\n      \u003C/svelte:fragment>\\n      \u003CArrows {annotations}/>\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"Since we want an ordinal x-axis and Layer Cake defaults to a linear scale, pass in a custom scale to `xScale` with a few formatting options. Set the y-scale to always start at `0` so you don't show misleading differences between groups.\\n\\nSince it's tricky to server-side render circles in SVG, this example uses a second `\u003CLayerCake>` component for the arrow, which renders client-side and uses the `position='absolute'` prop to make sure the two cakes are super-imposed on one another.\\n\\nFor the annotation arrowhead, note that you may need to provide an [explicit link to your SVG marker id](https://github.com/sveltejs/svelte/issues/3450), such as in `./_components/Arrows.svelte` using `window.location.href`.\\n\",\"components\":[{\"title\":\"./_components/Column.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG column chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, x, yRange, xScale, y, height, zGet, zScale, z } = getContext('LayerCake');\\n\\n  /** @type {String} [fill='#00e047'] - The shape's fill color. */\\n  export let fill = '#00e047';\\n\\n  /** @type {String} [stroke='#000'] - The shape's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=0] - The shape's stroke width. */\\n  export let strokeWidth = 0;\\n\\n  /** @type {Boolean} [false] - Show the numbers for each column */\\n  export let showLabels = false;\\n\\n  $: columnWidth = d => {\\n    const vals = $xGet(d);\\n    return Math.abs(vals[1] - vals[0]);\\n  };\\n\\n  $: columnHeight = d => {\\n    return $yRange[0] - $yGet(d);\\n  };\\n\u003C/script>\\n\\n\u003Cg class=\\\"column-group\\\">\\n  {#each $data as d, i}\\n    {@const colHeight = columnHeight(d)}\\n    {@const xGot = $xGet(d)}\\n    {@const xPos = Array.isArray(xGot) ? xGot[0] : xGot}\\n    {@const colWidth = $xScale.bandwidth ? $xScale.bandwidth() : columnWidth(d)}\\n    {@const yValue = $y(d)}\\n    \u003Crect\\n      class='group-rect'\\n      data-id=\\\"{i}\\\"\\n      data-range=\\\"{$x(d)}\\\"\\n      data-count=\\\"{yValue}\\\"\\n      x=\\\"{xPos}\\\"\\n      y=\\\"{$yGet(d)}\\\"\\n      width=\\\"{colWidth}\\\"\\n      height=\\\"{colHeight}\\\"\\n      {fill}\\n      {stroke}\\n      stroke-width=\\\"{strokeWidth}\\\"\\n    />\\n    {#if showLabels && yValue}\\n      \u003Ctext x=\\\"{xPos + colWidth / 2}\\\" y=\\\"{$height - colHeight - 5}\\\" text-anchor=\\\"middle\\\">{yValue}\u003C/text>\\n    {/if}\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  text {\\n    font-size: 12px;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Annotations.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds text annotations based on a config object that has CSS styles as fields.\\n -->\\n \u003Cscript>\\n   const vals = ['top', 'right', 'bottom', 'left'];\\n\\n   /** @type {Array} annotations - A list of annotation objects. It expects values of `top`, `right`, `bottom` and `left` whose values are CSS values like `'10px'` or `'5%'` that will be used to absolutely position the text div. See the [Column](https://layercake.graphics/example/Column) chart example for the schema and options. */\\n   export let annotations = [];\\n\\n   /** @type {Function} [getText=d => d.text] - An accessor function to get the field to display. */\\n  export let getText = d => d.text;\\n\\n  $: fillStyle = d => {\\n    let style = '';\\n    vals.forEach(val => {\\n      if (d[val]) {\\n        style += `${val}:${d[val]};`;\\n      }\\n    });\\n    return style;\\n  };\\n\u003C/script>\\n\\n\u003Cdiv class=\\\"layercake-annotations\\\">\\n  {#each annotations as d, i}\\n    \u003Cdiv\\n      class=\\\"layercake-annotation\\\"\\n      data-id=\\\"{i}\\\"\\n      style=\\\"{fillStyle(d)}\\\"\\n    >{getText(d)}\u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .layercake-annotation {\\n    position: absolute;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Arrows.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds SVG swoopy arrows based on a config object. It attaches arrows to divs, which are created by another component such as [Annotations.html.svelte](https://layercake.graphics/components/Annotations.html.svelte).\\n -->\\n\u003Cscript>\\n  import { getContext, onMount } from 'svelte';\\n  import { swoopyArrow, getElPosition, parseCssValue } from '../_modules/arrowUtils.js';\\n\\n  /** @type {Array} annotations - A list of annotation objects. See the [Column](https://layercake.graphics/example/Column) chart example for the schema and options. */\\n  export let annotations = [];\\n\\n  /** @type {String} [annotationClass='.layercake-annotation'] - The class name of the text annotation divs. */\\n  export let containerClass = '.chart-container';\\n\\n  /** @type {String} [containerClass='.chart-container'] - The class name / CSS selector of the parent element of the `\u003CLayerCake>` component. This is used to crawl the DOM for the text annotations. */\\n  export let annotationClass = '.layercake-annotation';\\n\\n  let container;\\n\\n  const { width, height } = getContext('LayerCake');\\n\\n  /* --------------------------------------------\\n   * Some lookups to convert between x, y / width, height terminology\\n   * and CSS names\\n   */\\n  const lookups = [\\n    { dimension: 'width', css: 'left', position: 'x' },\\n    { dimension: 'height', css: 'top', position: 'y' }\\n  ];\\n\\n  let d = (anno, i, arrow) => '';\\n  let annotationEls;\\n\\n  // This searches the DOM for the HTML annotations\\n  // in the Annotations.svelte componenent and then\\n  // attaches arrows to those divs\\n  // Make sure the `.chart-container` and `.layercake-annotation`\\n  // selectors match what you have in your project\\n  // otherwise it won't find anything\\n  onMount(() => {\\n    annotationEls = Array.from(\\n      container.closest(containerClass)\\n        .querySelectorAll(annotationClass)\\n    );\\n  });\\n\\n  function setPath (w, h) {\\n    return (anno, i, arrow) => {\\n      const el = annotationEls[i];\\n\\n      /* --------------------------------------------\\n       * Parse our attachment directives to know where to start the arrowhead\\n       * measuring a bounding box based on our annotation el\\n       */\\n      const arrowSource = getElPosition(el);\\n      const sourceCoords = arrow.source.anchor.split('-').map((q, j) => {\\n        const point = q === 'middle' ? arrowSource[lookups[j].css] + (arrowSource[lookups[j].dimension] / 2) : arrowSource[q];\\n        return point + (parseCssValue(arrow.source[`d${lookups[j].position}`], i, arrowSource.width, arrowSource.height));\\n      });\\n\\n      /* --------------------------------------------\\n       * Default to clockwise\\n       */\\n      const clockwise = typeof arrow.clockwise === 'undefined' ? true : arrow.clockwise;\\n\\n      /* --------------------------------------------\\n       * Parse where we're drawing to\\n       */\\n      const targetCoords = [arrow.target.x, arrow.target.y].map((q, j) => {\\n        return parseCssValue(q, j, w, h);\\n      });\\n\\n      /* --------------------------------------------\\n       * Create arrow path\\n       */\\n      return swoopyArrow()\\n        .angle(Math.PI / 2)\\n        .clockwise(clockwise)\\n        .x(q => q[0])\\n        .y(q => q[1])([sourceCoords, targetCoords]);\\n    };\\n  }\\n\\n  $: if (annotationEls && annotationEls.length) d = setPath($width, $height);\\n\u003C/script>\\n\\n\u003Cg bind:this={container}>\\n{#if annotations.length}\\n  \u003Cg class=\\\"swoops\\\">\\n    {#each annotations as anno, i}\\n      {#if anno.arrows}\\n        {#each anno.arrows as arrow}\\n          \u003Cpath\\n            marker-end='url(#arrowhead)'\\n            d='{d(anno, i, arrow)}'>\u003C/path>\\n        {/each}\\n      {/if}\\n    {/each}\\n  \u003C/g>\\n{/if}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .swoops {\\n    position: absolute;\\n    max-width: 200px;\\n    line-height: 14px;\\n  }\\n  .swoops path {\\n    fill: none;\\n    stroke: #000;\\n    stroke-width: 1;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/ArrowheadMarker.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG marker containing a marker for a triangle makes a nice arrowhead. Add it to the named slot called \\\"defs\\\" on the SVG layout component.\\n -->\\n\u003Cscript>\\n  /** @type {String} [fill='#000'] – The arrowhead's fill color. */\\n  export let fill = '#000';\\n\\n  /** @type {String} [stroke='#000'] – The arrowhead's fill color. */\\n  export let stroke = '#000';\\n\u003C/script>\\n\\n\u003Cmarker id=\\\"arrowhead\\\" viewBox=\\\"-10 -10 20 20\\\" markerWidth=\\\"17\\\" markerHeight=\\\"17\\\" orient=\\\"auto\\\">\\n  \u003Cpath d=\\\"M-6,-6 L 0,0 L -6,6\\\" {fill} {stroke}/>\\n\u003C/marker>\"}],\"modules\":[],\"componentModules\":[{\"title\":\"./_modules/arrowUtils.js\",\"contents\":\"// Helper functions for creating swoopy arrows\\n\\n/* --------------------------------------------\\n * parseCssValue\\n *\\n * Parse various inputs and return then as a number\\n * Can be a number, which will return the input value\\n * A percentage, which will take the percent of the appropriate dimentions\\n * A pixel value, which will parse as a number\\n *\\n */\\nexport function parseCssValue(d, i, width, height) {\\n  if (!d) return 0;\\n  if (typeof d === 'number') {\\n    return d;\\n  }\\n  if (d.indexOf('%') > -1) {\\n    return ((+d.replace('%', '')) / 100) * (i ? height : width);\\n  }\\n  return +d.replace('px', '');\\n}\\n\\n/* --------------------------------------------\\n * getElPosition\\n *\\n * Constract a bounding box relative in our coordinate space\\n * that we can attach arrow starting points to\\n *\\n */\\nexport function getElPosition(el) {\\n  const annotationBbox = el.getBoundingClientRect();\\n  const parentBbox = el.parentNode.getBoundingClientRect();\\n  const coords = {\\n    top: annotationBbox.top - parentBbox.top,\\n    right: annotationBbox.right - parentBbox.left,\\n    bottom: annotationBbox.bottom - parentBbox.top,\\n    left: annotationBbox.left - parentBbox.left,\\n    width: annotationBbox.width,\\n    height: annotationBbox.height\\n  };\\n  return coords;\\n}\\n\\n/* --------------------------------------------\\n * swoopyArrow\\n *\\n * Adapted from bizweekgraphics/swoopyarrows\\n *\\n */\\nexport function swoopyArrow() {\\n  let angle = Math.PI;\\n  let clockwise = true;\\n  let xValue = d => d[0];\\n  let yValue = d => d[1];\\n\\n  function hypotenuse(a, b) {\\n    return Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));\\n  }\\n\\n  function render(data) {\\n    data = data.map((d, i) => {\\n      return [xValue.call(data, d, i), yValue.call(data, d, i)];\\n    });\\n\\n    // get the chord length (\\\"height\\\" {h}) between points\\n    const h = hypotenuse(data[1][0] - data[0][0], data[1][1] - data[0][1]);\\n\\n    // get the distance at which chord of height h subtends {angle} radians\\n    const d = h / (2 * Math.tan(angle / 2));\\n\\n    // get the radius {r} of the circumscribed circle\\n    const r = hypotenuse(d, h / 2);\\n\\n    /*\\n    SECOND, compose the corresponding SVG arc.\\n      read up: http://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands\\n      example: \u003Cpath d = \\\"M 200,50 a 50,50 0 0,1 100,0\\\"/>\\n                          M 200,50                          Moves pen to (200,50);\\n                                   a                        draws elliptical arc;\\n                                     50,50                  following a degenerate ellipse, r1 == r2 == 50;\\n                                                            i.e. a circle of radius 50;\\n                                           0                with no x-axis-rotation (irrelevant for circles);\\n                                             0,1            with large-axis-flag=0 and sweep-flag=1 (clockwise);\\n                                                 100,0      to a point +100 in x and +0 in y, i.e. (300,50).\\n    */\\n    const path = 'M ' + data[0][0] + ',' + data[0][1] +\\n        ' a ' + r + ',' + r +\\n        ' 0 0,' + (clockwise ? '1' : '0') + ' ' +\\n        (data[1][0] - data[0][0]) + ',' + (data[1][1] - data[0][1]);\\n\\n    return path;\\n  }\\n\\n  render.angle = function renderAngle (_) {\\n    if (!arguments.length) return angle;\\n    angle = Math.min(Math.max(_, 1e-6), Math.PI - 1e-6);\\n    return render;\\n  };\\n\\n  render.clockwise = function renderClockwise (_) {\\n    if (!arguments.length) return clockwise;\\n    clockwise = !!_;\\n    return render;\\n  };\\n\\n  render.x = function renderX (_) {\\n    if (!arguments.length) return xValue;\\n    xValue = _;\\n    return render;\\n  };\\n\\n  render.y = function renderY (_) {\\n    if (!arguments.length) return yValue;\\n    yValue = _;\\n    return render;\\n  };\\n\\n  return render;\\n}\"}],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/groups.csv\",\"contents\":\"year,value\\n1979,2\\n1980,3\\n1981,5\\n1982,8\\n1983,18\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -798,8 +798,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/ColumnStacked.html b/docs/example-ssr/ColumnStacked.html
index fa71d2f6..ecf01d76 100644
--- a/docs/example-ssr/ColumnStacked.html
+++ b/docs/example-ssr/ColumnStacked.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Stacked column</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -433,7 +433,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/ColumnStacked.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Html, flatten, uniques } from 'layercake';\\n  import { stack } from 'd3-shape';\\n  import { scaleBand, scaleOrdinal } from 'd3-scale';\\n  import { format } from 'd3-format';\\n\\n  import ColumnStacked from './_components/ColumnStacked.svelte';\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/fruitOrdinal.csv';\\n\\n  const xKey = 'year';\\n  const yKey = [0, 1];\\n  const zKey = 'key';\\n\\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\\n  const seriesColors = ['#00e047', '#7ceb68', '#b7f486', '#ecfda5'];\\n\\n  data.forEach(d => {\\n    seriesNames.forEach(name => {\\n      d[name] = +d[name];\\n    });\\n  });\\n\\n  const stackData = stack()\\n    .keys(seriesNames);\\n\\n  const series = stackData(data);\\n\\n  const formatLabelY = d => format(`~s`)(d);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ top: 0, right: 0, bottom: 20, left: 20 }}\\n    x={d => d.data[xKey]}\\n    y={yKey}\\n    z={zKey}\\n    xScale={scaleBand().paddingInner(0.028).round(true)}\\n    xDomain={uniques(data, xKey)}\\n    zScale={scaleOrdinal()}\\n    zDomain={seriesNames}\\n    zRange={seriesColors}\\n    flatData={flatten(series)}\\n    data={series}\\n  >\\n    \u003CHtml>\\n      \u003CAxisX\\n        gridlines={false}\\n      />\\n      \u003CAxisY\\n        ticks={4}\\n        gridlines={false}\\n        format={formatLabelY}\\n      />\\n    \u003C/Html>\\n    \u003CScaledSvg>\\n      \u003CColumnStacked/>\\n    \u003C/ScaledSvg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/ColumnStacked.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG column chart. It uses the z-scale for color assignments and aassumes both `xScale` and `zScale` are ordinal scales.  It assumes your data is in a [D3 stack format](https://github.com/d3/d3-shape#stack\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, zGet, xScale } = getContext('LayerCake');\\n\u003C/script>\\n\\n\u003Cg class=\\\"column-group\\\">\\n  {#each $data as series, i}\\n    {#each series as d}\\n      {@const yVals = $yGet(d)}\\n      {@const columnHeight = yVals[0] - yVals[1]}\\n      \u003Crect\\n        class='group-rect'\\n        data-id=\\\"{i}\\\"\\n        x=\\\"{$xGet(d)}\\\"\\n        y=\\\"{yVals[1]}\\\"\\n        width={$xScale.bandwidth()}\\n        height=\\\"{columnHeight}\\\"\\n        fill={$zGet(series)}\\n      >\u003C/rect>\\n    {/each}\\n  {/each}\\n\u003C/g>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/fruitOrdinal.csv\",\"contents\":\"year,apples,bananas,cherries,dates\\n2019,3840,1920,960,400\\n2018,1600,1440,960,400\\n2017,820,1000,640,400\\n2016,820,560,720,400\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -442,8 +442,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/Histogram.html b/docs/example-ssr/Histogram.html
index c261080f..5e68a49f 100644
--- a/docs/example-ssr/Histogram.html
+++ b/docs/example-ssr/Histogram.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Histogram (variable bins)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -486,7 +486,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/Histogram.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Html, takeEvery } from 'layercake';\\n  import { extent, bin } from 'd3-array';\\n  import { scaleBand } from 'd3-scale';\\n  import { format } from 'd3-format';\\n\\n  import Column from './_components/Column.svelte';\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n\\n  import calcThresholds from './_modules/calcThresholds.js';\\n\\n  import data from './_data/unemployment.js';\\n\\n  const f = format('.2f');\\n\\n  let binCount = 40;\\n\\n  const xKey = ['x0', 'x1'];\\n  const yKey = 'length';\\n\\n  const domain = extent(data);\\n\\n  $: steps = calcThresholds(domain, binCount);\\n  $: hist = bin()\\n    .domain(domain)\\n    .thresholds(steps);\\n\\n  $: slimSteps = takeEvery(steps, 7);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\\n  input {\\n    height: auto;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"input-container\\\" style=\\\"position: absolute;right:10px;z-index: 9;\\\">\\n  \u003Cinput\\n    style=\\\"margin:0;\\\"\\n    type=\\\"range\\\"\\n    min=\\\"4\\\"\\n    max=\\\"100\\\"\\n    step=\\\"4\\\"\\n    bind:value={binCount}\\n  /> \u003Cspan class=\\\"counter-container\\\" style=\\\"display:inline-block;vertical-align:top;width: 70px;text-align:right;\\\">{binCount} bins\u003C/span>\\n\u003C/div>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ top: 20, right: 5, bottom: 20, left: 31 }}\\n    x={xKey}\\n    y={yKey}\\n    xDomain={steps}\\n    xScale={scaleBand().paddingInner(0)}\\n    yDomain={[0, null]}\\n    data={hist(data)}\\n  >\\n    \u003CHtml>\\n      \u003CAxisX\\n        gridlines={false}\\n        baseline\\n        ticks={slimSteps}\\n        format={d => +f(d)}\\n      />\\n      \u003CAxisY\\n        gridlines={false}\\n        ticks={3}\\n      />\\n    \u003C/Html>\\n    \u003CScaledSvg>\\n      \u003CColumn\\n        fill={'#fff'}\\n        stroke={'#000'}\\n        strokeWidth={1}\\n      />\\n    \u003C/ScaledSvg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/Column.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG column chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, x, yRange, xScale, y, height, zGet, zScale, z } = getContext('LayerCake');\\n\\n  /** @type {String} [fill='#00e047'] - The shape's fill color. */\\n  export let fill = '#00e047';\\n\\n  /** @type {String} [stroke='#000'] - The shape's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=0] - The shape's stroke width. */\\n  export let strokeWidth = 0;\\n\\n  /** @type {Boolean} [false] - Show the numbers for each column */\\n  export let showLabels = false;\\n\\n  $: columnWidth = d => {\\n    const vals = $xGet(d);\\n    return Math.abs(vals[1] - vals[0]);\\n  };\\n\\n  $: columnHeight = d => {\\n    return $yRange[0] - $yGet(d);\\n  };\\n\u003C/script>\\n\\n\u003Cg class=\\\"column-group\\\">\\n  {#each $data as d, i}\\n    {@const colHeight = columnHeight(d)}\\n    {@const xGot = $xGet(d)}\\n    {@const xPos = Array.isArray(xGot) ? xGot[0] : xGot}\\n    {@const colWidth = $xScale.bandwidth ? $xScale.bandwidth() : columnWidth(d)}\\n    {@const yValue = $y(d)}\\n    \u003Crect\\n      class='group-rect'\\n      data-id=\\\"{i}\\\"\\n      data-range=\\\"{$x(d)}\\\"\\n      data-count=\\\"{yValue}\\\"\\n      x=\\\"{xPos}\\\"\\n      y=\\\"{$yGet(d)}\\\"\\n      width=\\\"{colWidth}\\\"\\n      height=\\\"{colHeight}\\\"\\n      {fill}\\n      {stroke}\\n      stroke-width=\\\"{strokeWidth}\\\"\\n    />\\n    {#if showLabels && yValue}\\n      \u003Ctext x=\\\"{xPos + colWidth / 2}\\\" y=\\\"{$height - colHeight - 5}\\\" text-anchor=\\\"middle\\\">{yValue}\u003C/text>\\n    {/if}\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  text {\\n    font-size: 12px;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"}],\"modules\":[{\"title\":\"./_modules/calcThresholds.js\",\"contents\":\"export default function calcThresholds(domain = [0, 1], n) {\\n  const breaks = [domain[0]];\\n  const brk = (domain[1] - domain[0]) / n;\\n  while (breaks[breaks.length - 1] \u003C domain[1]) {\\n    const node = breaks[breaks.length - 1] + brk;\\n    breaks.push(node);\\n  }\\n  return breaks;\\n}\"},{\"title\":\"./_data/unemployment.js\",\"contents\":\"export default [5.1,4.9,8.6,6.2,5.1,7.1,6.7,6.1,5,5,5.2,7.9,11.1,5.9,5.5,5.6,6.5,7.7,5.7,6.7,5.7,4.8,5.6,9.5,5.7,4.7,6.3,5.7,6.6,5.5,5.4,9.3,7.6,6.3,5.6,5.9,5.5,5.2,6,6.4,4.9,5,10.3,7.2,4.9,6.9,6.1,5.1,6.5,8.6,5.6,5.2,10.9,6.7,6.4,5.7,5.3,5,4.2,7.3,6.4,5.1,5.5,7.2,8.3,13.9,7,1.9,2.2,5,14.1,5.6,3.2,8.1,4.9,5.9,7.3,3.6,6.9,4.4,4.8,21.7,9.2,7.4,13.6,6.9,16.5,5.7,9.4,3,3,8.7,5.4,5.4,5.8,16.4,11.8,6.5,6.4,7.6,7.3,7.7,6.6,4.9,7,8.5,5.4,5.9,13,5,24.4,3.2,6.3,4.1,2.7,3.3,5.9,5.1,2.8,6,4.5,5,5.7,4.4,5.7,5.9,3.1,3.7,4.4,3.9,5,5.1,5.7,3.7,3.9,3.9,4,3.2,4,3.7,3.6,3.4,5,5.3,5.9,5.9,4.8,6.2,4.5,4.5,4.9,5.1,4.4,3.2,3,3.8,4.3,7.1,4.5,4.6,3.7,3.6,5.6,4.4,5.5,3.8,4.1,4.7,4.7,3.7,3.5,4.6,5,3,3.7,4.3,3.5,4.8,5.2,4.8,5.6,6.4,2.6,4.8,5.3,4.4,4.6,7.3,5.7,6.6,5.7,10,4.7,7.3,5.1,8.7,7.9,5.1,26.4,4.9,9.7,8.9,6.3,6.1,5.3,8.2,3.5,5.4,5,9.2,6.6,5.2,5.6,4,4.8,4.3,4.7,7.1,6.9,5.7,6.2,6.2,5,3.5,7.7,4.5,3.2,4.8,4,5.7,6.8,6.6,7.1,5.7,4.1,7.9,7.9,7.4,5.9,10.6,6.1,5.7,5.5,8,3.6,4.3,3.2,3.1,1.8,3.1,2.9,3.1,2.4,2.7,3.3,4.9,4.8,3.6,3,4.7,3.2,4.1,2.8,2.5,2.6,3.9,5.1,3.3,2.6,2.3,2.1,2,6.2,2.3,3.1,2.1,1.8,2.6,2.9,2.9,5,2.5,3.3,5.3,1.7,3.6,4.5,3.9,3.5,4.6,3.2,2.7,2.3,2.7,3.5,4.9,5.1,5.1,2.6,5.9,2.4,2.4,2.2,2.1,3.7,2.1,3.5,2.2,5.2,6,4.8,4.8,6.1,5.4,4.8,5.8,5.1,4.5,3.7,6.5,4.4,4.7,4.6,4.2,5.2,4.6,5.9,5.3,6.8,4.4,5.3,4.8,6.1,5.3,5.1,5,5.4,4.1,6.3,5.1,6.9,4.3,4.4,7.2,11.5,6,6.9,4.5,5.6,6.6,5.4,5.3,3.8,4.7,4.7,4.7,5.2,5.4,5.3,4.6,5.9,5,5.6,3.1,4.6,3.9,5.8,4.3,5,5.1,5.1,4.3,5.8,6,3.6,6,4.6,4.5,4.2,6.7,5.1,5.5,4.6,5,4.1,4.1,5,6.9,4.6,5.2,8.3,7.2,4.8,4.6,5,8.1,6.1,5.7,7.6,6.6,4.8,4.8,5.6,7.5,5.2,6,5.7,4.7,5.9,4.8,5.8,5,8.6,6.1,4.1,5.4,9.6,6.4,6,4.4,5.6,5.3,4.8,5.2,4.9,5.5,5.9,5.1,4.5,6.5,5.2,7,5.5,6.8,5.3,6.7,4.5,4.7,6.2,7.4,4.8,5,4.7,5.9,4.1,5.5,5.2,5.4,6.3,5,5.3,5.4,5.9,4.6,5,4.4,8.9,5.6,4.7,5.3,5.8,5.4,5.3,7.3,4.1,4.7,6.3,7,7.1,6,4.6,6.4,5.3,6.4,4.8,5.7,5.7,5.6,5.2,5,7.2,5.5,7.6,4.7,6.9,6.8,5.5,6.3,4.9,7.1,4.8,6.6,6.6,5.8,4,4.5,4.5,6.4,4.8,5.3,5.1,5.7,5.6,6.8,7.7,5.4,8.6,6.5,5.5,6.4,6.9,7.5,6.5,5.9,5.8,7.4,6.6,6.6,5.4,7,7.7,6,6.3,5.6,7.3,6.3,7.3,5,6.4,8.2,4.5,6.2,5.3,4.7,5.4,7,6.3,6.6,8.6,8.5,4.4,5.7,6.8,6.7,6,5.8,4.1,3,3.4,3.4,3.5,4.9,3.6,3.4,4.6,3.7,2.8,4.9,4.3,3.2,4.1,3.7,2.6,4.4,3.2,2.9,3.3,5.9,4.1,4.2,2.9,3.2,4.3,3,4.8,3.1,2.8,4,3.2,4.8,6.9,3.6,2.9,3.1,3.1,3.1,3.7,4.1,4.2,5.9,2,3.4,4.2,5.3,4.7,9.5,4.7,5.8,3.2,5.8,5.7,4.8,4.8,5,5.8,5.5,6.4,4.1,6,5.7,5.6,5,5,5.6,4.6,4.4,6.1,5.2,4.5,6,5.3,8,6.9,7.6,5.3,5.9,6.1,6.9,8.1,5.8,5.4,4.9,5.5,6.2,6.5,5.5,4.4,8.3,5.1,6.1,4.7,5.6,4.8,6.2,7.6,4.8,5.2,5.1,6.8,4.6,5.1,6.6,5.5,6,6.2,5.9,7.1,7.4,3.9,5.3,3.9,6.3,4.6,4.5,5.3,6.6,6.9,4.8,4.4,6.8,8.6,5.2,4.8,5.8,6,6.2,8.1,4.6,4.9,4.3,5.6,6.7,5.6,6,7.1,7.1,6.5,5.2,3.8,8.4,6.2,5.8,5.4,6.2,6.4,4.9,3.8,4.3,3.6,4.3,5.7,3.6,3.8,4.4,4.7,4.4,5,4,5.6,3.6,4.7,3.6,4.2,5.5,3.3,4,5.9,4.4,5.9,4.2,4.8,3.8,5.1,6.6,3.4,4,4.4,3.6,4.7,4.8,4.2,4,5.1,4.7,5,4.8,3.8,4.5,4,3.7,6.6,6,5.6,4.9,4.7,3.9,4.1,4.8,5.1,4.1,4.2,5.3,4.2,4.9,5.2,5.4,5.1,4.9,4.6,5.3,4.3,4.6,4.5,4.5,4.5,4,5,4.9,4,4.2,5.2,3.8,6.1,5.3,4.3,3.8,4.2,4.4,6.5,5.7,4.5,5,4.4,4.6,4.9,3.6,3.9,4,3.4,2.9,4.9,5.7,3.7,4,5.8,3.4,4.2,4.6,4.4,4.5,4.7,3.1,3,3.8,4.4,4.1,4.6,3.4,4.1,4.2,6.1,5.2,3.2,5.3,3.5,3.7,5.9,3.5,4,4.2,5,3.9,3.8,4.1,4.3,3.7,3.6,4,3,4.2,3.7,4.4,3.6,3.2,2.8,3.2,4.5,4,4.6,3.2,4.4,5.1,3,8.1,4.3,4.5,3.8,2.3,3.7,4.3,3.4,4.9,4,3,4.6,5.4,4.2,4.4,3,3.1,6.4,3.9,2.9,3.4,4.1,3.8,4,3.7,3,5.4,3.2,2.4,2.9,4.2,3.9,4.4,4.9,7.4,3.8,3.5,4.6,4.7,4.1,3.6,4.2,3.5,4.5,6.9,4.6,7.4,4.4,5,5.7,4.2,4.6,4.6,5.9,5.2,3.3,3,4.8,5.1,8.2,3.2,5.1,5.4,4.7,4.7,4.7,4.1,3.3,6.8,3.4,4.3,3.5,3.6,4.8,6.4,3,5,3.9,2.6,2.7,5.7,3.2,4,6.3,2.8,2.7,4,4.1,4.5,3.7,3.7,4.8,3.5,6.2,3.9,4.5,4,7,3.2,4.3,3.9,5.9,3.6,2.9,4.3,3.1,6.9,4.3,4.6,3,8.1,4.1,2.9,4.6,4.1,4.5,3.6,3.6,4.1,5,2.6,5.2,3.2,4.8,3.7,5.5,4.7,4.6,4,2.7,5.2,4.9,4.5,2.9,3.8,3.7,5,3.3,4.7,4.9,3.2,4.2,3.8,3.3,3.9,2.6,6.9,6.9,6.1,6.1,3.9,3.6,9,4.3,6.5,8.3,3.5,4.6,8.3,4.5,5.4,8.3,5.7,3.8,4.8,5,4.1,3.5,6.8,5,10.6,4.4,6,4.5,9.7,6.4,5.2,4.6,4,5.4,11.7,5.2,3.3,5.5,10.4,3.6,6.6,4.4,4.3,4.2,6.4,6.2,4,8.8,4.7,4.1,11.6,4.4,4.4,4.5,3.9,5.1,5.5,6.9,4.2,3.6,9.2,3.8,10.5,7.5,3.9,5.8,10.6,8.3,13.2,11.8,8.4,5.6,6.7,4.2,5.6,5.7,7.3,4.5,3.8,16.3,4.3,5.5,9,6,4.7,7.1,4.4,3.8,3.6,6,6.8,6.7,4.3,4.9,6.3,3.1,3.8,8.7,4.3,10.4,10.3,6.9,5,6.1,5.3,5.3,7.6,3.6,3.3,4.2,3.5,4.8,3.9,5,5.4,6.4,3.5,4,6.8,5.5,6.4,9.5,3,7.9,7.5,5.3,9,7.8,6.7,8,5.9,7.4,5.5,8.4,4.8,9.6,7.5,9.2,8,5.7,11.8,6.2,8.5,9.6,7.8,9.7,7.4,6.3,5.9,6.7,6.7,6.7,6.7,7.5,5.3,9.4,10.4,8.1,6.7,6.7,5.9,7.2,6.9,6.8,7.7,7.3,6.9,6,8.5,8.1,7.5,8.9,8.3,10.1,5.7,7.5,10.5,7.3,6.9,7.9,8.1,7.9,9.4,6.1,12,5.5,8.5,3.2,4.8,2.6,4,3.2,3.2,2.7,2.9,4.2,4,4.8,2.6,4.9,3.6,4.6,2.9,6.4,4,4.7,4.1,4.8,3.8,5.3,4.7,6.2,3.9,5.2,4.3,3.4,4.7,3.4,4.6,3.8,4.5,6.5,4,5.2,5.5,5.8,6.9,3.4,3.9,4.7,2.7,3.9,3.3,5.3,3.6,3.2,1.8,3.4,4,3.7,4.1,5.8,6.1,3.3,5,5,6.3,6.8,3.5,4.7,4.6,4.4,4.4,4.4,4.2,3.7,4,6,6,3.4,6.2,5.5,4.5,3.6,4.1,5,5.8,5.5,3.4,4.5,4.9,5.2,4.3,4,3.6,5.8,4.7,4.2,4.6,3.7,5.4,3.2,6.4,6,6.4,3.5,4.4,4.6,4.4,3.1,5.9,4.9,4.9,4.2,4.9,5.1,4.1,4.8,4.3,4.5,7.6,4.8,4.2,4.7,5,6.3,6.6,4.9,5.6,4.9,3,6.6,6.8,4.6,6.5,3.7,5.2,7,4.6,5.3,4.6,3.5,7.3,5.1,5.1,3.8,3.8,4.8,3.7,4,3.3,3.9,4.9,3.4,5.6,4,3.9,3.2,7.6,3.1,7.9,4.3,3.5,3.6,3,3.9,3.7,3.7,3.7,4.1,3.5,3.4,5.5,4.2,7.7,4,5.1,3.5,4.2,7.7,3.9,4.3,4.5,3.7,3.2,3.4,4.1,5.2,5.6,3.9,4,4.8,4.5,3,3.3,2.9,3.6,4.6,3,3.6,4.3,4.8,3,4.4,2.8,3.8,6.3,4,5.2,3.6,2.2,4.3,5.7,3.2,3.6,3.7,3.5,3.8,2.7,4.8,3.9,3,3.2,5.1,4,3.4,5.1,3.4,3.7,3.5,3.7,8.2,5,7.1,6.5,6.5,7.4,5.2,7.3,6.3,5.3,12.3,6.4,7.8,8.1,6.4,5.6,4.1,5.8,6.8,7.7,8,4.9,5.9,5.3,5.2,10.9,11.2,9.9,4.8,6.4,7.8,15.4,9.3,5.9,8.2,4.9,4.5,5.8,7.4,5.6,4.8,9,5.8,5.9,4.2,6.8,5.7,6.3,6.3,5.4,5.9,8,5.6,6.7,5.9,7,6.7,4.5,5.3,8.3,3.8,4.5,8,5.5,5.1,6.8,8.4,5.7,5.4,5.2,5.1,6.1,4.2,7.9,6.4,9.2,7.6,6.1,10.1,7.4,6,7,6.7,4.5,5.9,5.1,5.3,6,6,7.3,6.2,4.1,4.9,6.9,5.6,5.2,5.5,5.3,5.9,7.8,5,6.4,5.1,4.5,8.7,4.5,5,4.6,5.7,5.9,5.6,6.5,4.6,5.1,6.6,7.3,9.1,4.9,5,4.7,4.6,5.6,4.7,5.9,6.6,4,5.4,7.2,8.4,6,5.2,4.9,6.1,4.1,6.2,4.9,5.4,4.9,4.8,9,4.5,4.9,6,6.9,6.8,5,5,5.4,7.7,4.9,5.5,5.1,6.4,9.9,5.5,6,7,4.2,8.8,9.9,4.3,6.1,5.6,5.4,4.4,6.4,6.8,5.1,4.4,6.6,5.5,8.1,8.4,4.1,7.3,5.8,6.7,5.1,5.8,7.6,4.6,6.9,8,4.8,7.1,6,7.4,6.1,7.6,5.8,4.6,7.2,6.1,5.9,3.6,7.3,6.6,2.9,7.7,4.4,4.3,3.5,2.4,3.8,3.6,3.7,2.3,4,4.2,3.1,3.3,4.8,2.3,2.4,9,3.2,5.5,4.9,4.5,2.7,4.8,3.3,3.1,7.9,2.1,3.1,4.2,7.1,3.5,4.3,3.3,3.1,4.6,4.7,2.5,4.5,3,4.5,4.9,6.2,6.8,7,3.2,4.3,3.9,2.9,3.5,3.3,4.1,3,4.9,4.6,3.7,3.3,2.5,5.4,4.2,4.1,2.8,3.6,2.8,3.5,2.8,3.6,3.2,3.5,2.8,2.5,2.5,3.3,3,3.2,3.2,2.6,4.5,3.4,3,3.4,3.4,3.3,3.5,2.5,2.8,3.3,2.8,3.3,3.5,3.2,2.7,2.7,2.6,3.7,3.4,2.9,2.9,2.8,4.1,3.1,2.7,2.9,2.7,3.1,2.4,3,2.3,4.3,2.8,3,3.2,3,3.7,2.5,3,3.7,3.5,2.9,4.3,3,3.6,2.4,2.5,2.8,2.5,3.5,2.7,3.2,3.3,2.6,3.1,3.1,3.2,3.8,3.1,3.4,3.3,2.6,2.7,2.8,3.2,4.6,2.9,3.2,3.4,3.7,2.7,2.9,5.8,6,5.3,4.4,4.7,5.1,5.5,5.9,5.3,7.3,8.6,7.5,6,5.8,4.9,4.6,6,2.6,2.8,2.9,3.5,2.4,3.2,2.6,3.1,2.7,2.5,7.1,4.7,5,6,5.7,7.9,6.6,5.6,5.2,4.1,4.9,4.9,4.8,4.2,5.4,6.8,6.8,4.4,5,5.6,5.1,6.2,6.9,6.9,9.1,5.6,5.4,5,7.1,7.2,6.6,6.4,7.3,5.4,9.8,6,4.5,10,9.8,8,6.4,7,7.3,6.1,7.1,9.4,8.1,5.5,7.8,8,8.3,9.3,4.5,7.6,4,4.9,7.8,5,5.2,4.4,5.1,5.2,4.4,5.1,3.3,4.6,4.9,4,4.6,4.1,4.8,5.2,3.8,4.5,2.9,4.4,5.1,5.9,5.4,4.2,4.6,4.6,5.2,3.8,4.9,5.2,4.3,4.2,3.7,4.2,5.2,5.7,4.3,3.9,5,4.1,5.9,4.1,5.8,3.5,4.2,4.7,4.6,3.8,5,4.3,4.1,4.5,3.7,4.3,4.1,3.8,4.5,4.2,4.1,3.7,4.8,4.5,5.1,5.9,4.5,4.8,5.6,6.4,6.7,5.7,3.9,5.1,4.6,5.3,5.3,4.7,5.5,4.9,4.3,5.4,6.5,5.1,5.6,6.1,5.1,6.3,4.6,4.2,4.9,4.6,5.4,4.5,8.5,4.9,5.1,5.3,5.2,7.1,4.4,5,5.3,7.8,5.8,4.4,4.3,6.5,6.5,6.4,4.7,5.1,4.5,5.1,5.7,5.4,4.6,4.6,5.1,4.9,6.8,4.7,6,5.2,5,6.8,4.7,7.3,5.4,4.5,5.1,6.2,5.2,6.3,5.4,5.7,4.9,4.8,6.9,7.3,5.5,5.5,6.6,5.6,8.9,4.7,4.9,4.8,4.9,4.8,6.2,4.4,7.3,4.2,7,6.9,4.7,5.6,4.7,8.1,4.4,5.1,2.3,3.2,3.1,2.5,3.2,1.8,3.8,2.3,2,1.9,1.8,2,2.2,2.8,3.1,2.5,2.4,2.3,2.1,2.3,2.9,2.6,2,2.9,4.1,2.4,3.1,3.1,4.5,2.9,2.9,2.9,5.3,4.5,3,2.5,1.9,3.5,2.7,14.2,1.6,3.7,5.3,2.3,3.3,1.7,2.1,2,2.7,3.6,3.5,2.7,3.7,6.8,4.6,4.3,5.3,6,3.5,6.3,5,4.2,6,4.1,4.7,4.1,5.4,6,6.2,5.5,5.5,3.7,4.3,3.4,4.6,3.9,3.9,3.9,4,6.4,4.4,4.2,5.8,4.2,3.5,4.9,6.4,4.2,5.5,4.5,3.3,5,7,7.4,4.1,4.8,6.1,4.1,3.9,5.9,4.9,3.5,5.8,4.7,4.3,7.6,3,4,9.1,4.6,6.8,4.4,5.3,7.3,4.6,4.2,5.5,4.2,6.8,4.5,4.3,3.2,4.9,4.8,4.1,7,4.4,3.7,4.9,4.7,6,5,3.5,3.7,5.9,3.9,6.4,3.6,4.1,4,3.4,5.8,3.6,7.1,3.2,7.7,3.7,4.3,5.6,4.3,5.4,5.6,8.3,2.7,4,7.5,4.8,5.2,4.9,6.3,4.9,5.2,4.1,3.7,4.5,5.7,5.2,3.1,7.9,3.6,4.3,8.8,7.5,4.9,8,6.5,6.7,3.6,5.6,9.7,7.4,5.5,4.3,3.3,4.3,7.7,9.5,4.3,5.1,5.5,4.3,6,4,6.5,6.1,4.5,7.4,6.1,5.3,7.1,3.9,6.5,4.2,5,7.7,5.4,5.6,7.3,6.5,10.4,3.5,4.5,5.2,5.2,5,7.2,3.3,6.4,6.7,5,5.2,5.1,7.1,7.3,6.9,7,5.1,7.3,7.1,6.1,5.9,4,6.8,6.6,7.4,7.2,5.7,6.2,5.9,6.7,6.1,5.9,5.8,5,6,4.3,5.2,5.9,6.3,5,5.9,5,4.9,5.4,4.5,5.9,8,6.8,5.8,5.6,5.7,6.5,5.2,5.7,7.7,8.2,6.7,4.8,4.6,7.2,7.5,7.3,6.2,6.7,4.7,5.3,5.6,6.7,7.1,8.5,8.5,5.7,6.3,8.1,7.1,8.3,7.3,5.8,6.4,4.8,7,5.1,6.3,6.9,7,7.2,6.8,6,6.9,4.7,4.9,5.9,6.6,5.1,7.7,6.8,7.8,6.7,5.1,7.5,7,5.4,7.4,5.4,8,5.9,6.6,5.6,6.6,6.2,5.2,5,5.3,4.8,6.3,5,6.1,5.6,9.1,5.2,11.4,8,5.1,5,7.4,4.5,6.6,8.4,5.7,7.1,5.8,6.8,7.1,4.9,6.1,7.7,5.8,6.6,4.7,5.8,6.2,5.4,4.7,5.8,6,5.6,8.2,4.5,5.8,8.6,9.1,4.8,5.5,11.3,5.6,5.4,4.8,5.3,6.5,6.5,7.9,5.2,1.9,2.3,4,2.4,2.5,2.4,2.5,9.8,2.9,2.5,3,2.9,2.7,2.6,5.5,3.1,1.9,3.6,3.2,14.1,2.2,2.1,3.8,2.5,2.5,2.6,2.1,2.4,1.9,3.2,2.1,2,2,2.8,2.8,2.4,2.4,2.1,3,2.9,1.8,5,2.1,3.6,2.8,2.7,3.8,2.4,2.2,3.6,13.2,2.6,2.8,2.3,3.3,2.5,2.6,2,1.9,6.8,1.9,2.4,2.9,4.3,2.3,5.6,5.1,5.3,7.4,6.6,4.5,4.7,6.7,4.9,7.1,5.9,4,5.7,6.4,6.4,6,4.9,5.2,5.9,3.8,7.3,5.8,4.4,6.1,5.3,6,5.7,6.2,4.3,5.4,5.8,6.6,5.3,5,8,6.2,6.2,5.5,6.5,7,6,4.6,7.7,6.2,7.3,5.4,4.9,4.3,7.3,7.8,5.9,5.8,4.4,4.8,5.8,7.4,4.5,5.3,6.7,4.8,4.2,7.2,5.5,5.5,4.2,6.6,7.5,5.6,6.2,5.7,5.8,5.2,7.5,5.8,4.4,4,7.4,6.1,4.2,5.8,4.6,6.8,5.5,4.1,5.9,4.9,6.9,5.9,5.8,4.8,5.1,6.2,7.3,5.4,3.7,4,4.8,4.9,6.6,5.9,4.5,3.5,5.7,5.9,4.6,4.3,4.1,3.5,8.5,4.8,4.1,3.3,3.4,4.7,5.4,5.7,3.9,4.3,4.8,12.5,4.8,5.2,3.8,4.5,5.5,4.6,7.6,7.8,3.5,8.2,3.5,6.8,5.5,3.5,4.5,6,3.9,6.4,3.8,3.6,5.3,4.2,4.6,3.2,4.2,4.9,5,9.1,6.7,5.1,4.1,2.5,4.2,6,3.5,4.3,3.7,6,5.7,7.4,5.3,12.1,5.7,6.8,5.2,4.1,5.4,4.7,4.6,4.1,4.1,4.7,5.5,4.6,5.7,5.5,7.2,5.4,3.7,5.9,3.8,3.1,4.3,5.7,4.6,7.3,4,6.8,7.6,4,6.4,8.2,5.3,3.2,4.2,6.8,5.8,6.7,2.1,5.1,3.7,3.8,5.3,8.4,4.8,5.1,5,4.5,5,6.1,7,4.5,6.7,3.3,5.2,5.3,8.8,2.9,7.6,9.9,11.3,4.7,6.2,5.3,4,3.6,5.4,2.9,3.9,3.9,3.6,6.6,7.9,5.3,5.4,7.1,4.6,5.7,4.7,4.2,7.3,8.5,6.2,5.1,5.5,4.3,4.4,3.7,4.5,5.1,4.4,2.2,4.8,7.7,4.8,3.7,7.6,11.4,4.8,5,4.6,5.6,4.6,7.3,5.1,5.5,3.2,13.1,3.9,5.5,4.6,7.9,5.1,5.9,5.4,3.4,7.5,5.9,7.5,4.3,2.8,5.9,7.1,3.6,11.9,4.5,3.2,7.7,5.3,6.6,6.1,7.4,4.9,5.5,3.9,4.8,6.4,9.8,9.6,6.9,7.8,3.9,5.9,6.3,4,6.5,3.4,5.1,5.1,14.1,5.9,3.8,4.9,8.5,4.7,4.2,4,4.1,5.5,4,7.2,4.7,3.4,6.7,8.2,7.3,5,5.6,6.7,4.6,5.7,6.2,6.4,5.8,5.6,5.2,5.4,4.4,4.6,5.4,13.3,3.6,4.2,8.5,5.1,5.8,5,4.8,11.2,17.3,6.1,3.3,3,6.1,3.4,3.1,8.6,5.9,5.3,3.5,4.6,3.4,2.8,3.2,2.8,4.8,2.2,3.2,7.3,4,4.2,2.9,3.9,9.8,3.1,3,3.5,5.3,3.7,3.1,4,4.2,2.7,5.2,3.2,3.7,3.7,2.9,4.5,4,3.1,3.3,3.1,4.3,3.6,4.9,4.3,4.6,4.7,2.6,3.6,3.6,4.1,6.4,3.5,5.9,10.9,5.1,4.5,4.3,5.9,4.4,5.2,3.8,3.3,4.4,3.8,4.6,10,4.8,4.7,3.2,3.4,4.4,3.4,4.3,3.4,6.9,3.6,3.6,5.2,3.2,5.1,6.2,3.5,3.9,5.4,3,4.4,3.8,4.2,4.1,3.7,4.4,6.9,3.2,3.7,4.6,3.1,3.8,5.6,3.7,4.5,3.5,3.3,5,4.4,4,3.9,4.5,4.5,4.9,3.6,5.6,4.9,3.6,10,3.5,3.3,3.6,4.3,3.6,6.5,4.6,3.6,5.6,3.8,4.1,4,5.6,5.9,8.1,3.9,4.6,4.2,8.7,7,4,2.9,5.2,5.1,3.5,4.4,4.5,5.8,6.6,6.4,3.1,2.7,5.9,4.7,5.1,5.7,5.2,6.5,7.4,5.5,3.5,3.5,6.8,5.1,5.4,7.2,7.4,3.6,6.2,6.7,4.7,4.4,4,3.9,4.7,4,4.1,5.9,3.9,4.8,4.7,6.5,5.1,7.6,6.6,5.9,7.6,6.6,9.8,6.5,5.3,6.6,8.7,6,7.2,3.9,5.9,5.8,6.5,8.1,4.1,8.3,6.1,7.7,8.9,6.5,3.9,6.7,6.7,4.3,6.3,7.9,5.9,8.4,5.6,6.3,5.5,7.3,5.8,4,8.5,6.9,6.5,4.8,8.5,9.1,4.9,6.8,6.8,6.1,4.5,4.1,6.5,5.3,5.4,5.9,3.4,5.2,7.1,7.4,10,13.1,6,7,7,6.7,6,11.7,4.5,4.5,4.5,8.5,5.3,3.5,7.5,5.1,5.2,4.6,6.3,5.3,5.9,8.5,5.5,5.2,4.8,8.1,7,6.3,8.2,8.1,8.1,5.7,9.4,5.6,5.1,3.9,5.8,3.6,4.2,4.9,3.4,3.6,3.2,3.3,4.3,2.8,3.7,3.4,5.2,3.8,3.4,5.5,3.6,6.2,3.7,3.1,3.9,3,7,3.7,3.9,4,4.8,3.1,3.7,2.9,5.4,4.3,4.3,3.4,5.2,4.7,8.6,5.5,3.5,3.9,4.3,3.5,3.4,3.2,3.8,3.8,3.5,3.8,5.3,3.4,4.3,4.5,3.5,3.1,5.6,3.9,3.3,3.5,3.4,3.1,4.5,4,4.6,3.4,3.6,3.7,4.6,3.7,4.7,3.3,4.4,6.8,4.1,6,4,6.6,3.3,4.3,4.4,4,3.8,6.8,3.3,3.7,4.6,4,5.4,5.7,2,5.3,4.5,4.9,15.7,14.5,14.9,14.5,15.1,13,13.7,18.7,15,14.1,9.2,12.9,10.7,12.8,12.4,8.8,9.9,11.2,13.4,16.9,10.6,19.5,13.7,12.6,3.8,8.5,13.8,15.4,17.9,17.3,18.1,6.3,9.2,14.1,12.7,14.2,14.3,12.5,15.8,13.4,18.8,17.8,13.7,14.7,12.7,15,12.2,13.7,17.7,14.5,15.6,14.3,12.8,13.6,15.4,20.6,16.9,13.8,16.1,13.3,11.5,16.5,23.4,15.4,8.2,13.2,18.1,20.6,8.9,9.1,7.6,15.3,12,14.3,11.3,19.6,16.6,18];\"}],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -495,8 +495,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/Line.html b/docs/example-ssr/Line.html
index 24f7c2fb..1bd7dca5 100644
--- a/docs/example-ssr/Line.html
+++ b/docs/example-ssr/Line.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Line + area</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -476,7 +476,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/Line.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Html } from 'layercake';\\n\\n  import Line from './_components/Line.svelte';\\n  import Area from './_components/Area.svelte';\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/points.csv';\\n\\n  const xKey = 'myX';\\n  const yKey = 'myY';\\n\\n  data.forEach(d => {\\n    d[yKey] = +d[yKey];\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ top: 8, right: 10, bottom: 20, left: 25 }}\\n    x={xKey}\\n    y={d => d[yKey]}\\n    yDomain={[0, null]}\\n    data={data}\\n  >\\n    \u003CHtml>\\n      \u003CAxisX/>\\n      \u003CAxisY\\n        ticks={4}\\n      />\\n    \u003C/Html>\\n    \u003CScaledSvg>\\n      \u003CLine/>\\n      \u003CArea/>\\n    \u003C/ScaledSvg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A simple line and area chart.\\n\",\"components\":[{\"title\":\"./_components/Line.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet } = getContext('LayerCake');\\n\\n  /** @type {String} [stroke='#ab00d6'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let stroke = '#ab00d6';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\u003C/script>\\n\\n\u003Cpath class='path-line' d='{path}' {stroke}>\u003C/path>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 2;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Area.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale, extents } = getContext('LayerCake');\\n\\n  /**  @type {String} [fill='#ab00d610'] The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#ab00d610';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\\n  let area;\\n\\n  $: {\\n    const yRange = $yScale.range();\\n    area = path + (\\n      'L' + $xScale($extents.x ? $extents.x[1] : 0) + ',' + yRange[0] +\\n      'L' + $xScale($extents.x ? $extents.x[0] : 0) + ',' + yRange[0] +\\n      'Z'\\n    );\\n  }\\n\u003C/script>\\n\\n\u003Cpath class='path-area' d='{area}' {fill}>\u003C/path>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/points.csv\",\"contents\":\"myX,myY\\n1979,7.19\\n1980,7.83\\n1981,7.24\\n1982,7.44\\n1983,7.51\\n1984,7.1\\n1985,6.91\\n1986,7.53\\n1987,7.47\\n1988,7.48\\n1989,7.03\\n1990,6.23\\n1991,6.54\\n1992,7.54\\n1993,6.5\\n1994,7.18\\n1995,6.12\\n1996,7.87\\n1997,6.73\\n1998,6.55\\n1999,6.23\\n2000,6.31\\n2001,6.74\\n2002,5.95\\n2003,6.13\\n2004,6.04\\n2005,5.56\\n2006,5.91\\n2007,4.29\\n2008,4.72\\n2009,5.38\\n2010,4.92\\n2011,4.61\\n2012,3.62\\n2013,5.35\\n2014,5.28\\n2015,4.63\\n2016,4.72\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -485,8 +485,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/MapLayered.html b/docs/example-ssr/MapLayered.html
index bc61510c..c81e9a6b 100644
--- a/docs/example-ssr/MapLayered.html
+++ b/docs/example-ssr/MapLayered.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Multilayer map (canvas + svg)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -785,7 +785,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/MapLayered.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Canvas, Html } from 'layercake';\\n  import { feature } from 'topojson-client';\\n  import { geoAlbersUsa } from 'd3-geo';\\n  import { scaleQuantize } from 'd3-scale';\\n\\n  // For a map example with a tooltip, check out https://layercake.graphics/example/MapSvg\\n\\n  import MapSvg from './_components/Map.svg.svelte';\\n  import MapCanvas from './_components/Map.canvas.svelte';\\n  import MapLabels from './_components/MapLabels.html.svelte';\\n\\n  // This example loads json data as json using @rollup/plugin-json\\n  import usStates from './_data/us-states.topojson.json';\\n  import stateData from './_data/us-states-data.json';\\n  import stateLabels from './_data/us-states-labels.json';\\n\\n  const colorKey = 'myValue';\\n\\n  const geojson = feature(usStates, usStates.objects.collection);\\n  const aspectRatio = 2.63;\\n  const projection = geoAlbersUsa;\\n\\n  /* --------------------------------------------\\n  * Create lookups to more easily join our data\\n  * `dataJoinKey` is the name of the field in the data\\n  * `mapJoinKey` is the name of the field in the map file\\n  */\\n  const dataJoinKey = 'name';\\n  const mapJoinKey = 'name';\\n  const dataLookup = new Map();\\n\\n  const labelCoordinatesKey = 'center';\\n  const labelNameKey = 'abbr';\\n\\n  stateData.forEach(d => {\\n    dataLookup.set(d[dataJoinKey], d[colorKey]);\\n  });\\n\\n  // Exclude some for space reasons\\n  const labelsToExclude = ['VT', 'MD', 'NJ', 'RI', 'DC', 'DE', 'WV', 'MA', 'CT', 'NH'];\\n  const labelsToDisplay = stateLabels.filter(d => {\\n    return !labelsToExclude.includes(d[labelNameKey]);\\n  });\\n\\n  // Create a flat array of objects that LayerCake can use to measure\\n  // extents for the color scale\\n  const flatData = geojson.features.map(d => d.properties);\\n  const colors = ['#ffdecc', '#ffc09c', '#ffa06b', '#ff7a33'];\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n    The height is being set inline with a CSS `aspect-ratio` property.\\n  */\\n  .map-container {\\n    position: relative;\\n    width: 100%;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"map-container\\\" style=\\\"aspect-ratio:{aspectRatio};\\\">\\n  \u003CLayerCake\\n    position='absolute'\\n    data={geojson}\\n    {flatData}\\n  >\\n    \u003CCanvas>\\n      \u003CMapCanvas\\n        {projection}\\n        fill='#fff'\\n      />\\n    \u003C/Canvas>\\n  \u003C/LayerCake>\\n\\n  \u003CLayerCake\\n    position='absolute'\\n    ssr\\n    data={geojson}\\n    z={d => dataLookup.get(d[mapJoinKey])}\\n    zScale={scaleQuantize()}\\n    zRange={colors}\\n    {flatData}\\n  >\\n    \u003CScaledSvg\\n      fixedAspectRatio={aspectRatio}\\n    >\\n      \u003CMapSvg\\n        fixedAspectRatio={aspectRatio}\\n        {projection}\\n        features={geojson.features.slice(40, 50)}\\n      />\\n    \u003C/ScaledSvg>\\n    \u003CHtml>\\n      \u003CMapLabels\\n        fixedAspectRatio={aspectRatio}\\n        {projection}\\n        features={labelsToDisplay}\\n        getCoordinates={d => d[labelCoordinatesKey]}\\n        getLabel={d => d[labelNameKey]}\\n      />\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A canvas layer and an SVG layer. This technique is useful if you have a background layer that would require a large number of DOM nodes. Rendering that layer with canvas will speed up the page. The shapes you actually care about are in SVG to make styling and mouse interaction easier.\\n\\nTo render server-side, this example uses the `fixedAspectRatio` property, which the user sets ahead of time. The Canvas layer is rendered client side.\\n\",\"components\":[{\"title\":\"./_components/Map.svg.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG map using the `geoPath` function from [d3-geo](https://github.com/d3/d3-geo).\\n -->\\n\u003Cscript>\\n  import { getContext, createEventDispatcher } from 'svelte';\\n  import { geoPath } from 'd3-geo';\\n  import { raise } from 'layercake';\\n\\n  const { data, width, height, zGet } = getContext('LayerCake');\\n\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  export let projection;\\n\\n  /** @type {Number} [fixedAspectRatio] - By default, the map fills to fit the $width and $height. If instead you want a fixed-aspect ratio, like for a server-side rendered map, set that here. */\\n  export let fixedAspectRatio = undefined;\\n\\n  /** @type {String} [fill] - The shape's fill color. By default, the fill will be determined by the z-scale, unless this prop is set. */\\n  export let fill = undefined;\\n\\n  /** @type {String} [stroke='#333'] - The shape's stroke color. */\\n  export let stroke = '#333';\\n\\n  /** @type {Number} [strokeWidth=0.5] - The shape's stroke width. */\\n  export let strokeWidth = 0.5;\\n\\n  /** @type {Array} [features] - A list of GeoJSON features. Use this if you want to draw a subset of the features in `$data` while keeping the zoom on the whole GeoJSON feature set. By default, it plots everything in `$data.features` if left unset. */\\n  export let features = undefined;\\n\\n  /* --------------------------------------------\\n   * Here's how you would do cross-component hovers\\n   */\\n  const dispatch = createEventDispatcher();\\n\\n  $: fitSizeRange = fixedAspectRatio ? [100, 100 / fixedAspectRatio] : [$width, $height];\\n\\n  $: projectionFn = projection()\\n    .fitSize(fitSizeRange, $data);\\n\\n  $: geoPathFn = geoPath(projectionFn);\\n\\n  function handleMousemove(feature) {\\n    return function handleMousemoveFn(e) {\\n      raise(this);\\n      // When the element gets raised, it flashes 0,0 for a second so skip that\\n      if (e.layerX !== 0 && e.layerY !== 0) {\\n        dispatch('mousemove', { e, props: feature.properties });\\n      }\\n    }\\n  }\\n\u003C/script>\\n\\n\u003Cg\\n  class=\\\"map-group\\\"\\n  on:mouseout={(e) => dispatch('mouseout')}\\n  on:blur={(e) => dispatch('mouseout')}\\n>\\n  {#each (features || $data.features) as feature}\\n    \u003Cpath\\n      class=\\\"feature-path\\\"\\n      fill=\\\"{fill || $zGet(feature.properties)}\\\"\\n      stroke={stroke}\\n      stroke-width={strokeWidth}\\n      d=\\\"{geoPathFn(feature)}\\\"\\n      on:mouseover={(e) => dispatch('mousemove', { e, props: feature.properties })}\\n      on:focus={(e) => dispatch('mousemove', { e, props: feature.properties })}\\n      on:mousemove={handleMousemove(feature)}\\n    >\u003C/path>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  /* .feature-path {\\n    stroke: #333;\\n    stroke-width: 0.5px;\\n  } */\\n  .feature-path:hover {\\n    stroke: #000;\\n    stroke-width: 2px;\\n  }\\n  /**\\n   * Disable the outline on feature click.\\n   * Depending on map funtionality and accessiblity issues,\\n   * you may not want this rule. Read more:\\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/:focus\\n   * https://github.com/mhkeller/layercake/issues/63\\n   */\\n  .feature-path:focus {\\n    outline: none;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Map.canvas.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a canvas map using the `geoPath` function from [d3-geo](https://github.com/d3/d3-geo).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { scaleCanvas } from 'layercake';\\n  import { geoPath } from 'd3-geo';\\n\\n  const { data, width, height, zGet } = getContext('LayerCake');\\n\\n  const { ctx } = getContext('canvas');\\n\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  export let projection;\\n\\n  /** @type {String} [stroke='#ccc'] - The shape's stroke color. */\\n  export let stroke = '#ccc';\\n\\n  /** @type {Number} [strokeWidth=1] - The shape's stroke width. */\\n  export let strokeWidth = 1;\\n\\n  /** @type {String} [fill] - The shape's fill color. By default, the fill will be determined by the z-scale, unless this prop is set. */\\n  export let fill = undefined;\\n\\n  /** @type {Array} [features] - A list of GeoJSON features. Use this if you want to draw a subset of the features in `$data` while keeping the zoom on the whole GeoJSON feature set. By default, it plots everything in `$data.features` if left unset. */\\n  export let features = undefined;\\n\\n  $: projectionFn = projection()\\n    .fitSize([$width, $height], $data);\\n\\n  $: geoPathFn = geoPath(projectionFn);\\n\\n  $: featuresToDraw = features || $data.features;\\n\\n  $: {\\n    if ($ctx && geoPath) {\\n      scaleCanvas($ctx, $width, $height);\\n      $ctx.clearRect(0, 0, $width, $height);\\n\\n      featuresToDraw.forEach(feature => {\\n        $ctx.beginPath();\\n        // Set the context here since setting it in `$: geoPath` is a circular reference\\n        geoPathFn.context($ctx);\\n        geoPathFn(feature);\\n\\n        $ctx.fillStyle = fill || $zGet(feature.properties);\\n        $ctx.fill();\\n\\n        $ctx.lineWidth = strokeWidth;\\n        $ctx.strokeStyle = stroke;\\n        $ctx.stroke();\\n      });\\n    }\\n  }\\n\u003C/script>\"},{\"title\":\"./_components/MapLabels.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds HTML text labels based features in the data or a custom GeoJSON Feature Collection.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, width, height } = getContext('LayerCake');\\n\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  export let projection;\\n\\n  /** @type {Number} [fixedAspectRatio] - By default, the map fills to fit the $width and $height. If instead you want a fixed-aspect ratio, like for a server-side rendered map, set that here. */\\n  export let fixedAspectRatio = undefined;\\n\\n  /** @type {Function} getLabel - An accessor function to get the field to display. */\\n  export let getLabel;\\n\\n  /** @type {Function} [getCoordinates=d => d.geometry.coordinates] - An accessor function to get the `[x, y]` coordinate field. Defaults to a GeoJSON feature format. */\\n  export let getCoordinates;\\n\\n  /** @type {Array} [features] - A list of labels as GeoJSON features. If unset, the plotted features will defaults to those in `$data.features`, assuming this field a list of GeoJSON features. */\\n  export let features = undefined;\\n\\n  $: fitSizeRange = fixedAspectRatio ? [100, 100 / fixedAspectRatio] : [$width, $height];\\n\\n  $: projectionFn = projection()\\n    .fitSize(fitSizeRange, $data);\\n\\n  $: units = fixedAspectRatio ? '%': 'px';\\n\u003C/script>\\n\\n\u003Cdiv\\n  class=\\\"map-labels\\\"\\n  style:aspect-ratio={fixedAspectRatio ? 1 : null}\\n>\\n{#each (features || $data.features) as d}\\n  {@const coords = projectionFn(getCoordinates(d))}\\n  \u003Cdiv\\n    class=\\\"map-label\\\"\\n    style=\\\"\\n      left: {coords[0]}{units};\\n      top: {coords[1]}{units};\\n    \\\"\\n  >{getLabel(d)}\u003C/div>\\n{/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .map-labels {\\n    pointer-events: none;\\n    position: relative;\\n  }\\n  .map-label {\\n    position: absolute;\\n    text-align: center;\\n    font-size: 8px;\\n    color: #333;\\n    margin-top: -3px; /* To match the SVG labels, it needs a slight tweak */\\n    transform: translate(-50%, -50%);\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[],\"jsons\":[{\"title\":\"./_data/us-states.topojson.json\",\"contents\":\"{\\\"type\\\":\\\"Topology\\\",\\\"objects\\\":{\\\"collection\\\":{\\\"type\\\":\\\"GeometryCollection\\\",\\\"geometries\\\":[{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[0,1,2,3,4]],\\\"properties\\\":{\\\"name\\\":\\\"Alabama\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[5]],[[6]],[[7]],[[8]],[[9]],[[10]],[[11]],[[12]],[[13]],[[14]],[[15]],[[16]],[[17]],[[18]],[[19]],[[20]],[[21]],[[22]],[[23]],[[24]],[[25]],[[26]],[[27]],[[28]],[[29]],[[30]],[[31]],[[32]],[[33]],[[34]],[[35]],[[36]],[[37]],[[38]],[[39]],[[40]],[[41]],[[42]],[[43]],[[44]],[[45]],[[46]],[[47]],[[48]],[[49]],[[50]],[[51]],[[52]],[[53]],[[54]],[[55]],[[56]],[[57]],[[58]],[[59]],[[60]],[[61]],[[62]],[[63]],[[64]],[[65]],[[66]],[[67]],[[68]],[[69]],[[70]],[[71]],[[72]],[[73]],[[74]],[[75]],[[76]],[[77]],[[78]],[[79]],[[80]],[[81]],[[82]],[[83]],[[84]],[[85]],[[86]],[[87]],[[88]],[[89]],[[90]],[[91]],[[92]],[[93]],[[94]],[[95]],[[96]],[[97]],[[98]],[[99]],[[100]],[[101]],[[102]],[[103]],[[104]],[[105]]],\\\"properties\\\":{\\\"name\\\":\\\"Alaska\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[106,107,108,109,110]],\\\"properties\\\":{\\\"name\\\":\\\"Arizona\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[111,112,113,114,115,116,117,118,119,120]],\\\"properties\\\":{\\\"name\\\":\\\"Arkansas\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[121]],[[122]],[[123]],[[124]],[[125]],[[126]],[[127,-109,128,129]]],\\\"properties\\\":{\\\"name\\\":\\\"California\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[130,131,132,133,134,135]],\\\"properties\\\":{\\\"name\\\":\\\"Colorado\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[136,137,138,139]],\\\"properties\\\":{\\\"name\\\":\\\"Connecticut\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[140,141,142,143]],\\\"properties\\\":{\\\"name\\\":\\\"Delaware\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[144,145]],\\\"properties\\\":{\\\"name\\\":\\\"District of Columbia\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[146]],[[147]],[[148]],[[149]],[[150]],[[151]],[[152,-2,153]]],\\\"properties\\\":{\\\"name\\\":\\\"Florida\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[154,155,156,-154,-1,157]],\\\"properties\\\":{\\\"name\\\":\\\"Georgia\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[158]],[[159]],[[160]],[[161]],[[162]],[[163]],[[164]],[[165]]],\\\"properties\\\":{\\\"name\\\":\\\"Hawaii\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[166,167,168,169,170,171,172]],\\\"properties\\\":{\\\"name\\\":\\\"Idaho\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[173,174,175,176,177,178]],\\\"properties\\\":{\\\"name\\\":\\\"Illinois\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[179,-175,180,181,182]],\\\"properties\\\":{\\\"name\\\":\\\"Indiana\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[183,-178,184,185,186,187]],\\\"properties\\\":{\\\"name\\\":\\\"Iowa\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-132,188,189,190]],\\\"properties\\\":{\\\"name\\\":\\\"Kansas\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[191,192]],[[193,194,195,-176,-180,196,197]]],\\\"properties\\\":{\\\"name\\\":\\\"Kentucky\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[198,-121,199,200]],\\\"properties\\\":{\\\"name\\\":\\\"Louisiana\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[201]],[[202]],[[203]],[[204]],[[205]],[[206]],[[207]],[[208,209]]],\\\"properties\\\":{\\\"name\\\":\\\"Maine\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[210]],[[211,212]],[[-146,213,214,215,-143,216,217,218,219]]],\\\"properties\\\":{\\\"name\\\":\\\"Maryland\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[220]],[[221]],[[222,223,224,225,226,-140,227,228]]],\\\"properties\\\":{\\\"name\\\":\\\"Massachusetts\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[229]],[[230]],[[231]],[[232]],[[233]],[[234]],[[235]],[[-182,236,237]],[[238,239]]],\\\"properties\\\":{\\\"name\\\":\\\"Michigan\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-188,240,241,242,243]],\\\"properties\\\":{\\\"name\\\":\\\"Minnesota\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[244,-4,245,-200,-120,-119,-118,-117,-116]],\\\"properties\\\":{\\\"name\\\":\\\"Mississippi\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-114,246,-190,247,-185,-177,-196,248,-193,249]],\\\"properties\\\":{\\\"name\\\":\\\"Missouri\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-172,250,251,252,253]],\\\"properties\\\":{\\\"name\\\":\\\"Montana\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[254,255,-186,-248,-189,-131]],\\\"properties\\\":{\\\"name\\\":\\\"Nebraska\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-110,-128,256,-168,257]],\\\"properties\\\":{\\\"name\\\":\\\"Nevada\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[258,-209,259,-223,260]],\\\"properties\\\":{\\\"name\\\":\\\"New Hampshire\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[261,262,263,264,-141,265]],\\\"properties\\\":{\\\"name\\\":\\\"New Jersey\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[266,-107,-134,267,268]],\\\"properties\\\":{\\\"name\\\":\\\"New Mexico\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[269,270]],[[271]],[[272,-228,-139,273,-262,274,275]]],\\\"properties\\\":{\\\"name\\\":\\\"New York\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[276]],[[277]],[[278,279,-155,280,281]]],\\\"properties\\\":{\\\"name\\\":\\\"North Carolina\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-252,282,-242,283]],\\\"properties\\\":{\\\"name\\\":\\\"North Dakota\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[284]],[[-197,-183,-238,285,286,287]]],\\\"properties\\\":{\\\"name\\\":\\\"Ohio\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-268,-133,-191,-247,-113,288]],\\\"properties\\\":{\\\"name\\\":\\\"Oklahoma\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-169,-257,-130,289,290]],\\\"properties\\\":{\\\"name\\\":\\\"Oregon\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-287,291,-275,-266,-144,-216,292]],\\\"properties\\\":{\\\"name\\\":\\\"Pennsylvania\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[293,-225]],[[294]],[[-227,295,-137]]],\\\"properties\\\":{\\\"name\\\":\\\"Rhode Island\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-156,-280,296]],\\\"properties\\\":{\\\"name\\\":\\\"South Carolina\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-253,-284,-241,-187,-256,297]],\\\"properties\\\":{\\\"name\\\":\\\"South Dakota\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-281,-158,-5,-245,-115,-250,-192,-249,-195,298]],\\\"properties\\\":{\\\"name\\\":\\\"Tennessee\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[299]],[[-269,-289,-112,-199,300]]],\\\"properties\\\":{\\\"name\\\":\\\"Texas\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-135,-111,-258,-167,301]],\\\"properties\\\":{\\\"name\\\":\\\"Utah\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-229,-273,302,-261]],\\\"properties\\\":{\\\"name\\\":\\\"Vermont\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[303,-213]],[[304,-218]],[[305,-282,-299,-194,306,-214,-145,-220]]],\\\"properties\\\":{\\\"name\\\":\\\"Virginia\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[307]],[[308]],[[309]],[[310]],[[311]],[[-170,-291,312]]],\\\"properties\\\":{\\\"name\\\":\\\"Washington\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-215,-307,-198,-288,-293]],\\\"properties\\\":{\\\"name\\\":\\\"West Virginia\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[313]],[[314]],[[315]],[[316]],[[317]],[[-179,-184,-244,318,-240,319]],[[320]]],\\\"properties\\\":{\\\"name\\\":\\\"Wisconsin\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-173,-254,-298,-255,-136,-302]],\\\"properties\\\":{\\\"name\\\":\\\"Wyoming\\\"}}]}},\\\"arcs\\\":[[[-85.60310469926992,34.98378251365136],[-85.56720898349835,34.74869712311231],[-85.45952183618361,34.32661199009901],[-85.35183468886888,33.74958421332133],[-85.3159389730973,33.4824417240724],[-85.24414754155416,33.129813638263826],[-85.172356110011,32.86801399879988],[-85.172356110011,32.841299749874985],[-85.172356110011,32.814585500950095],[-85.13646039423942,32.777185552455244],[-85.10056467846785,32.68101425632563],[-85.06466896269626,32.57950011041104],[-84.99287753115311,32.5153859129913],[-84.99287753115311,32.45127171557156],[-84.95698181538154,32.4405860160016],[-84.99287753115311,32.376471818581855],[-84.99287753115311,32.344414719871985],[-84.99287753115311,32.32304332073207],[-84.92108609960995,32.29632907180718],[-84.88519038383838,32.26427197309731],[-84.92108609960995,32.221529174817476],[-84.99287753115311,32.18412922632263],[-85.06466896269626,32.130700728472846],[-85.06466896269626,32.08261508040804],[-85.06466896269626,32.01315803320332],[-85.10056467846785,31.92767243664366],[-85.13646039423942,31.858215389438943],[-85.13646039423942,31.815472591159114],[-85.13646039423942,31.783415492449244],[-85.13646039423942,31.735329844384438],[-85.13646039423942,31.69258704610461],[-85.06466896269626,31.61778714911491],[-85.06466896269626,31.569701501050105],[-85.02877324692469,31.54298725212521],[-85.06466896269626,31.468187355135512],[-85.10056467846785,31.36667320922092],[-85.10056467846785,31.2972161620162],[-85.10056467846785,31.265159063306328],[-85.10056467846785,31.22775911481148],[-85.10056467846785,31.163644917391736],[-85.06466896269626,31.158302067606762],[-85.02877324692469,31.110216419541953],[-85.02877324692469,31.05144507190719],[-84.99287753115311,30.998016574057402]],[[-84.99287753115311,30.998016574057402],[-85.24414754155416,31.003359423842383],[-85.49541755195519,30.998016574057402],[-85.89027042544254,30.99267372427243],[-86.10564472007201,30.99267372427243],[-86.53639330933093,30.99267372427243],[-86.71587188818881,30.998016574057402],[-87.14662047744774,30.998016574057402],[-87.61326478247824,30.998016574057402],[-87.57736906670667,30.965959475347532],[-87.64916049824983,30.864445329432943],[-87.61326478247824,30.821702531153115],[-87.54147335093509,30.784302582658263],[-87.54147335093509,30.74155978437844],[-87.50557763516352,30.720188385238522],[-87.39789048784878,30.677445586958697],[-87.39789048784878,30.629359938893888],[-87.43378620362036,30.55990289168917],[-87.43378620362036,30.5278457929793],[-87.43378620362036,30.47976014491449],[-87.36199477207721,30.431674496849684],[-87.43378620362036,30.40496024792479],[-87.46968191939193,30.33550320072007],[-87.50557763516352,30.324817501150115],[-87.50557763516352,30.282074702870286]],[[-87.50557763516352,30.282074702870286],[-87.64916049824983,30.250017604160416],[-87.82863907710771,30.228646205020503],[-87.97222194019402,30.23398905480548],[-87.93632622442244,30.260703303730374],[-87.90043050865086,30.239331904590458],[-87.86453479287928,30.239331904590458],[-87.75684764556455,30.260703303730374],[-87.75684764556455,30.292760402440244],[-87.79274336133614,30.330160350935092],[-87.82863907710771,30.3782459989999],[-87.90043050865086,30.41030309770977],[-87.93632622442244,30.485102994699467],[-87.90043050865086,30.54921719211921],[-87.90043050865086,30.613331389538953],[-87.93632622442244,30.65607418781878],[-88.00811765596559,30.68278843674367],[-88.07990908750875,30.645388488248823],[-88.04401337173717,30.613331389538953],[-88.07990908750875,30.565245741474147],[-88.07990908750875,30.5278457929793],[-88.11580480328033,30.511817243624364],[-88.11580480328033,30.3782459989999],[-88.1517005190519,30.319474651365134],[-88.18759623482347,30.319474651365134],[-88.18759623482347,30.362217449644966],[-88.25938766636664,30.383588848784875],[-88.33117909790978,30.36756029942994],[-88.33117909790978,30.388931698569856],[-88.40297052945294,30.36756029942994]],[[-88.40297052945294,30.36756029942994],[-88.40297052945294,30.864445329432943],[-88.43886624522452,31.249130513951393],[-88.47476196099609,31.697929895889587],[-88.47476196099609,31.89561533793379],[-88.40297052945294,32.45127171557156],[-88.36707481368137,32.7130713550355],[-88.33117909790978,33.071042290629066],[-88.29528338213821,33.51449882278228],[-88.25938766636664,33.71752711461146],[-88.22349195059506,34.027412402140214],[-88.1517005190519,34.620468728272826],[-88.11580480328033,34.89295406730673],[-88.1517005190519,34.9250111660166],[-88.18759623482347,34.994468213221325]],[[-88.18759623482347,34.994468213221325],[-88.18759623482347,35.01049676257625],[-87.64916049824983,35.00515391279128],[-87.43378620362036,35.00515391279128],[-86.85945475127512,34.994468213221325],[-86.32101901470146,34.989125363436344],[-85.81847899389939,34.989125363436344],[-85.60310469926992,34.98378251365136]],[[-166.1171951749175,53.98829919881988],[-166.1171951749175,53.95624210011001],[-166.18898660646065,53.961584949894984],[-166.18898660646065,53.998984898389836],[-166.1171951749175,53.98829919881988]],[[-161.34306497729773,55.217154649364936],[-161.34306497729773,55.15838330173017],[-161.45075212461248,55.20112610001],[-161.4148564088409,55.22249749914991],[-161.34306497729773,55.217154649364936]],[[-161.66612641924195,55.243868898289826],[-161.52254355615563,55.249211748074806],[-161.5584392719272,55.206468949794974],[-161.70202213501352,55.20112610001],[-161.66612641924195,55.243868898289826]],[[-159.5123834729473,54.78972666656665],[-159.5123834729473,54.75766956785678],[-159.58417490449045,54.75766956785678],[-159.62007062026203,54.81644091549155],[-159.58417490449045,54.8271266150615],[-159.5123834729473,54.78972666656665]],[[-162.24045787158718,54.9767264090409],[-162.24045787158718,54.960697859685965],[-162.24045787158718,54.89124081248124],[-162.27635358735876,54.84315516441644],[-162.3481450189019,54.837812314631456],[-162.41993645044505,54.88589796269627],[-162.41993645044505,54.928640760976094],[-162.31224930313033,54.987412108610854],[-162.24045787158718,54.9767264090409]],[[-159.3329048940894,54.928640760976094],[-159.26111346254626,54.95001216011601],[-159.18932203100312,54.928640760976094],[-159.2252177467747,54.87521226312631],[-159.29700917831784,54.86452656355635],[-159.3329048940894,54.88589796269627],[-159.3329048940894,54.928640760976094]],[[-160.0149234937494,55.15838330173017],[-160.05081920952097,55.20112610001],[-159.94313206220625,55.19044040044004],[-159.87134063066307,55.28661169656965],[-159.8354449148915,55.26524029742974],[-159.87134063066307,55.22784034893489],[-159.90723634643464,55.217154649364936],[-159.90723634643464,55.16372615151515],[-159.79954919911992,55.179754700870085],[-159.8354449148915,55.1263262030203],[-159.87134063066307,55.09426910431043],[-159.94313206220625,55.10495480388038],[-159.94313206220625,55.06755485538554],[-160.05081920952097,55.00344065796579],[-160.1226106410641,54.987412108610854],[-160.19440207260726,54.91795506140614],[-160.19440207260726,54.87521226312631],[-160.26619350415044,54.896583662266224],[-160.23029778837883,54.93932646054605],[-160.1226106410641,55.01412635753575],[-160.08671492529254,55.03549775667567],[-160.1585063568357,55.0515263060306],[-160.19440207260726,55.12098335323532],[-160.1226106410641,55.15838330173017],[-160.05081920952097,55.13166905280528],[-160.0149234937494,55.15838330173017]],[[-159.44059204140416,55.06221200560056],[-159.368800609861,55.06221200560056],[-159.3329048940894,55.04618345624562],[-159.3329048940894,54.9767264090409],[-159.44059204140416,54.94466931033103],[-159.44059204140416,54.9767264090409],[-159.40469632563259,54.998097808180816],[-159.44059204140416,55.03549775667567],[-159.44059204140416,55.06221200560056]],[[-159.54827918871888,55.185097550655065],[-159.5123834729473,55.174411851085104],[-159.5123834729473,55.13701190259025],[-159.5123834729473,55.10495480388038],[-159.54827918871888,55.056869155815576],[-159.62007062026203,55.03549775667567],[-159.6559663360336,55.06755485538554],[-159.62007062026203,55.115640503450344],[-159.58417490449045,55.15838330173017],[-159.5123834729473,55.25455459785978],[-159.5123834729473,55.23318319871987],[-159.54827918871888,55.185097550655065]],[[-161.70202213501352,55.15304045194519],[-161.66612641924195,55.10495480388038],[-161.7379178507851,55.0515263060306],[-161.77381356655667,55.056869155815576],[-161.8815007138714,55.15838330173017],[-161.84560499809982,55.179754700870085],[-161.70202213501352,55.15304045194519]],[[-160.51746351455148,55.32935449484948],[-160.55335923032305,55.33469734463446],[-160.58925494609463,55.302640245924586],[-160.51746351455148,55.25455459785978],[-160.48156779877988,55.19578325022502],[-160.51746351455148,55.13166905280528],[-160.66104637763777,55.15838330173017],[-160.69694209340935,55.211811799579955],[-160.7687335249525,55.19578325022502],[-160.80462924072407,55.13701190259025],[-160.84052495649567,55.206468949794974],[-160.84052495649567,55.29195454635463],[-160.84052495649567,55.31866879527952],[-160.80462924072407,55.38278299269927],[-160.69694209340935,55.40415439183918],[-160.66104637763777,55.38278299269927],[-160.6251506618662,55.34538304420442],[-160.58925494609463,55.38812584248424],[-160.51746351455148,55.36141159355935],[-160.40977636723673,55.34004019441944],[-160.33798493569358,55.36141159355935],[-160.302089219922,55.302640245924586],[-160.33798493569358,55.249211748074806],[-160.37388065146516,55.28661169656965],[-160.48156779877988,55.28661169656965],[-160.51746351455148,55.32935449484948]],[[-160.19440207260726,55.457582889688965],[-160.1226106410641,55.452240039903984],[-160.1585063568357,55.38812584248424],[-160.33798493569358,55.393468692269224],[-160.33798493569358,55.42018294119411],[-160.26619350415044,55.462925739473945],[-160.19440207260726,55.457582889688965]],[[-165.7941337329733,54.16995609150915],[-165.75823801720173,54.15927039193919],[-165.72234230143016,54.121870443444344],[-165.6864465856586,54.09515619451945],[-165.75823801720173,54.06844194559456],[-165.7941337329733,54.07378479537954],[-165.86592516451645,54.03638484688469],[-165.90182088028803,54.06309909580958],[-165.9736123118312,54.06309909580958],[-166.04540374337435,54.04172769666966],[-166.1171951749175,54.121870443444344],[-166.08129945914592,54.17529894129412],[-165.9736123118312,54.223384589358936],[-165.86592516451645,54.218041739573955],[-165.86592516451645,54.185984640864085],[-165.83002944874488,54.15927039193919],[-165.7941337329733,54.16995609150915]],[[-165.25569799639965,54.09515619451945],[-165.25569799639965,54.057756246024596],[-165.36338514371437,54.07378479537954],[-165.47107229102912,54.06844194559456],[-165.47107229102912,54.07912764516451],[-165.25569799639965,54.09515619451945]],[[-164.96853227022703,54.1325561430143],[-164.93263655445546,54.11118474387438],[-164.96853227022703,54.07912764516451],[-165.04032370177018,54.06844194559456],[-165.21980228062807,54.08981334473447],[-165.1839065648565,54.11652759365936],[-165.14801084908493,54.1325561430143],[-165.04032370177018,54.121870443444344],[-164.96853227022703,54.1325561430143]],[[-165.5069680068007,54.29818448634863],[-165.47107229102912,54.282155936993696],[-165.54286372257226,54.25544168806881],[-165.5069680068007,54.212698889788975],[-165.39928085948597,54.212698889788975],[-165.39928085948597,54.17529894129412],[-165.47107229102912,54.180641791079104],[-165.54286372257226,54.11118474387438],[-165.6146551541154,54.1325561430143],[-165.650550869887,54.20201319021902],[-165.6864465856586,54.22872743914391],[-165.6864465856586,54.26612738763876],[-165.650550869887,54.29818448634863],[-165.57875943834384,54.282155936993696],[-165.5069680068007,54.29818448634863]],[[-162.81478932393242,54.490527078607855],[-162.59941502930295,54.44778428032803],[-162.56351931353137,54.39435578247824],[-162.59941502930295,54.36764153355335],[-162.70710217661767,54.399698632263224],[-162.77889360816084,54.37298438333833],[-162.850685039704,54.426412881188114],[-162.81478932393242,54.490527078607855]],[[-175.77314271747176,51.92595918181818],[-175.80903843324333,51.9206163320332],[-175.91672558055808,51.9954162290229],[-175.80903843324333,51.9954162290229],[-175.77314271747176,51.93664488138813],[-175.77314271747176,51.92595918181818]],[[-170.28109820442046,57.12989487238723],[-170.31699392019203,57.15660912131213],[-170.42468106750675,57.1619519710971],[-170.42468106750675,57.194009069806974],[-170.31699392019203,57.22072331873187],[-170.28109820442046,57.21003761916191],[-170.1734110571057,57.231409018301825],[-170.1734110571057,57.18332337023702],[-170.28109820442046,57.12989487238723]],[[-179.07554856845687,51.263445808480846],[-179.11144428422844,51.226045859985994],[-179.14734,51.231388709770975],[-179.14734,51.2741315080508],[-179.11144428422844,51.3008457569757],[-179.07554856845687,51.263445808480846]],[[-178.96786142114212,51.33824570547054],[-179.0037571369137,51.38098850375037],[-178.93196570537054,51.38098850375037],[-178.89606998959897,51.33824570547054],[-178.96786142114212,51.33824570547054]],[[178.76884195839588,51.632102443644364],[178.91242482148223,51.61607389428943],[178.91242482148223,51.58401679557956],[179.02011196879695,51.55195969686969],[179.0919034003401,51.4985311990199],[179.12779911611167,51.471816950095004],[179.19959054765482,51.46113125052505],[179.2354862634264,51.413045602460244],[179.27138197919797,51.40770275267526],[179.3790691265127,51.40235990289029],[179.45086055805584,51.37564565396539],[179.41496484228426,51.35961710461046],[179.3790691265127,51.37030280418041],[179.27138197919797,51.35961710461046],[179.2354862634264,51.386331353535354],[179.05600768456853,51.45578840074007],[178.9483205372538,51.541273997299726],[178.84063338993903,51.57867394579458],[178.76884195839588,51.573331096009596],[178.69705052685273,51.59470249514951],[178.6252590953096,51.6214167440744],[178.66115481108116,51.65881669256925],[178.7329462426243,51.632102443644364],[178.76884195839588,51.632102443644364]],[[-176.77822275907593,51.86718783418342],[-176.8141184748475,51.92595918181818],[-176.77822275907593,51.95801628052805],[-176.74232704330436,51.968701980098004],[-176.6346398959896,51.968701980098004],[-176.59874418021803,51.9954162290229],[-176.56284846444646,51.99007337923792],[-176.59874418021803,51.90458778267826],[-176.6346398959896,51.86184498439844],[-176.56284846444646,51.84047358525852],[-176.4910570329033,51.8458164350435],[-176.38336988558856,51.86718783418342],[-176.27568273827384,51.87253068396839],[-176.27568273827384,51.819102186118606],[-176.27568273827384,51.74430228912891],[-176.347474169817,51.733616589558956],[-176.5269527486749,51.760330838483846],[-176.59874418021803,51.690873791279124],[-176.70643132753275,51.68553094149414],[-176.74232704330436,51.63744529342934],[-176.8141184748475,51.61607389428943],[-176.8141184748475,51.65881669256925],[-176.85001419061908,51.68553094149414],[-176.92180562216222,51.59470249514951],[-176.99359705370537,51.60004534493449],[-176.99359705370537,51.65881669256925],[-176.88590990639065,51.733616589558956],[-176.88590990639065,51.765673688268826],[-176.92180562216222,51.787045087408735],[-176.92180562216222,51.81375933633363],[-176.77822275907593,51.819102186118606],[-176.77822275907593,51.86718783418342]],[[-177.78330280068008,51.77635938783878],[-177.85509423222322,51.733616589558956],[-177.81919851645165,51.70690234063406],[-177.85509423222322,51.68018809170917],[-177.89098994799483,51.690873791279124],[-177.9268856637664,51.65347384278427],[-177.89098994799483,51.60538819471947],[-177.9268856637664,51.60004534493449],[-177.96278137953797,51.6481309929993],[-178.10636424262427,51.68018809170917],[-178.10636424262427,51.701559490849085],[-177.96278137953797,51.71758804020402],[-177.96278137953797,51.77635938783878],[-178.03457281108112,51.77635938783878],[-178.0704685268527,51.80841648654865],[-178.21405138993902,51.85650213461346],[-178.21405138993902,51.90458778267826],[-178.14225995839584,51.9206163320332],[-177.99867709530955,51.909930632463244],[-177.96278137953797,51.915273482248224],[-177.9268856637664,51.87787353375337],[-177.9268856637664,51.85650213461346],[-177.85509423222322,51.82444503590359],[-177.7474070849085,51.82978788568857],[-177.6038242218222,51.85650213461346],[-177.63971993759378,51.819102186118606],[-177.78330280068008,51.792387937193716],[-177.78330280068008,51.77635938783878]],[[-177.35255421142116,51.728273739773975],[-177.46024135873589,51.722930889988994],[-177.49613707450746,51.70690234063406],[-177.63971993759378,51.696216641064105],[-177.63971993759378,51.65347384278427],[-177.71151136913693,51.701559490849085],[-177.63971993759378,51.733616589558956],[-177.5679285060506,51.722930889988994],[-177.46024135873589,51.74964513891389],[-177.280762779878,51.78170223762376],[-177.20897134833484,51.81375933633363],[-177.20897134833484,51.8458164350435],[-177.20897134833484,51.92595918181818],[-177.17307563256327,51.941987731173114],[-177.10128420102012,51.93664488138813],[-177.02949276947697,51.89924493289329],[-177.06538848524855,51.85650213461346],[-177.1371799167917,51.81375933633363],[-177.1371799167917,51.728273739773975],[-177.1371799167917,51.70690234063406],[-177.24486706410642,51.68018809170917],[-177.3166584956496,51.690873791279124],[-177.35255421142116,51.728273739773975]],[[-178.78838284228425,51.74430228912891],[-178.8601742738274,51.78170223762376],[-178.8601742738274,51.819102186118606],[-178.82427855805582,51.84047358525852],[-178.75248712651268,51.80841648654865],[-178.75248712651268,51.760330838483846],[-178.78838284228425,51.74430228912891]],[[178.37398908490857,51.765673688268826],[178.30219765336537,51.77635938783878],[178.23040622182222,51.819102186118606],[178.30219765336537,51.819102186118606],[178.37398908490857,51.765673688268826]],[[-175.98851701210123,51.88855923332333],[-175.98851701210123,51.851159284828476],[-176.06030844364437,51.8458164350435],[-176.09620415941595,51.80841648654865],[-176.13209987518752,51.80307363676367],[-176.23978702250227,51.82444503590359],[-176.2038913067307,51.87253068396839],[-176.16799559095912,51.883216383538354],[-176.13209987518752,51.86184498439844],[-176.09620415941595,51.85650213461346],[-176.06030844364437,51.90458778267826],[-175.98851701210123,51.915273482248224],[-175.98851701210123,51.88855923332333]],[[177.58428333793384,52.01678762816282],[177.54838762216227,51.979387679667965],[177.54838762216227,51.95801628052805],[177.6201790537054,51.95267343074307],[177.6201790537054,51.92595918181818],[177.54838762216227,51.915273482248224],[177.40480475907597,51.93130203160316],[177.33301332753283,51.90458778267826],[177.29711761176125,51.8458164350435],[177.18943046444647,51.89390208310831],[177.29711761176125,51.9206163320332],[177.33301332753283,51.96335913031303],[177.5124919063907,51.9954162290229],[177.5124919063907,52.038159027302726],[177.54838762216227,52.12364462386238],[177.6201790537054,52.13967317321732],[177.69197048524856,52.09158752515251],[177.6201790537054,52.06487327622762],[177.58428333793384,52.01678762816282]],[[179.77392200000006,51.947330580958095],[179.73802628422848,51.909930632463244],[179.66623485268533,51.87253068396839],[179.63033913691376,51.87253068396839],[179.52265198959904,51.89924493289329],[179.48675627382747,51.93664488138813],[179.48675627382747,51.98473052945294],[179.52265198959904,51.98473052945294],[179.5944434211422,52.01678762816282],[179.66623485268533,52.02213047794779],[179.77392200000006,51.968701980098004],[179.77392200000006,51.947330580958095]],[[178.44578051645172,51.979387679667965],[178.4816762322233,51.99007337923792],[178.55346766376644,51.974044829882985],[178.589363379538,51.947330580958095],[178.55346766376644,51.90458778267826],[178.51757194799487,51.89924493289329],[178.4816762322233,51.93130203160316],[178.44578051645172,51.979387679667965]],[[-176.0244127278728,52.02213047794779],[-176.0244127278728,51.974044829882985],[-176.09620415941595,51.968701980098004],[-176.16799559095912,52.000759078807874],[-176.2038913067307,52.06487327622762],[-176.13209987518752,52.1183017740774],[-176.06030844364437,52.10761607450745],[-175.98851701210123,52.038159027302726],[-176.0244127278728,52.02213047794779]],[[178.1227190745075,52.04884472687269],[178.19451050605065,52.03281617751775],[178.19451050605065,52.006101928592855],[178.1227190745075,51.98473052945294],[178.08682335873593,52.03281617751775],[178.1227190745075,52.04884472687269]],[[-174.3014183708371,52.27858726762676],[-174.37320980238025,52.27858726762676],[-174.4450012339234,52.30530151655165],[-174.4450012339234,52.32667291569157],[-174.37320980238025,52.315987216121606],[-174.3014183708371,52.3427014650465],[-174.33731408660867,52.380101413541354],[-174.19373122352238,52.4175013620362],[-174.08604407620763,52.39078711311131],[-173.9783569288929,52.32667291569157],[-173.9783569288929,52.2946158169817],[-174.05014836043605,52.225158769776975],[-174.19373122352238,52.23584446934693],[-174.19373122352238,52.198444520852085],[-174.1219397919792,52.16638742214221],[-174.08604407620763,52.12898747364736],[-174.15783550775078,52.12364462386238],[-174.22962693929395,52.10227322472247],[-174.33731408660867,52.11295892429243],[-174.40910551815182,52.04884472687269],[-174.4450012339234,52.05953042644264],[-174.55268838123814,52.038159027302726],[-174.6244798127813,52.03281617751775],[-174.732166960096,52.006101928592855],[-174.7680626758676,52.03281617751775],[-174.87574982318233,52.04350187708771],[-174.98343697049705,52.038159027302726],[-175.01933268626863,52.006101928592855],[-175.0911241178118,52.000759078807874],[-175.16291554935495,52.011444778377836],[-175.30649841244127,52.01678762816282],[-175.19881126512652,52.04884472687269],[-175.12701983358338,52.05953042644264],[-175.0911241178118,52.03281617751775],[-175.05522840204023,52.05953042644264],[-174.98343697049705,52.05953042644264],[-174.94754125472548,52.08090182558256],[-174.9116455389539,52.1183017740774],[-174.83985410741076,52.09158752515251],[-174.80395839163918,52.09158752515251],[-174.66037552855286,52.10761607450745],[-174.55268838123814,52.13967317321732],[-174.51679266546657,52.17707312171217],[-174.40910551815182,52.18241597149715],[-174.4450012339234,52.219815919991994],[-174.3014183708371,52.21447307020702],[-174.26552265506552,52.24118731913191],[-174.26552265506552,52.27324441784178],[-174.3014183708371,52.27858726762676]],[[-173.61939977117714,52.15570172257225],[-173.5117126238624,52.10761607450745],[-173.47581690809082,52.1183017740774],[-173.3681297607761,52.10761607450745],[-173.3681297607761,52.09693037493749],[-173.11685975037506,52.10761607450745],[-173.0091726030603,52.09693037493749],[-173.0450683188319,52.07555897579758],[-173.11685975037506,52.08090182558256],[-173.22454689768978,52.06487327622762],[-173.29633832923292,52.05953042644264],[-173.54760833963397,52.02747332773277],[-173.61939977117714,52.04884472687269],[-173.72708691849186,52.06487327622762],[-173.83477406580658,52.038159027302726],[-173.90656549734976,52.04884472687269],[-173.9783569288929,52.09693037493749],[-174.01425264466448,52.09693037493749],[-174.05014836043605,52.12898747364736],[-173.90656549734976,52.12364462386238],[-173.798878350035,52.10761607450745],[-173.72708691849186,52.12898747364736],[-173.61939977117714,52.15570172257225]],[[-172.65021544534454,52.2679015680568],[-172.61431972957297,52.29995866676667],[-172.5784240138014,52.34804431483148],[-172.43484115071507,52.39078711311131],[-172.32715400340035,52.36407286418642],[-172.29125828762878,52.33201576547655],[-172.3989454349435,52.27858726762676],[-172.54252829802982,52.251873018701865],[-172.61431972957297,52.251873018701865],[-172.65021544534454,52.2679015680568]],[[175.8971846966697,52.33735861526152],[175.8971846966697,52.37475856375637],[175.96897612821286,52.35873001440144],[175.8971846966697,52.33735861526152]],[[173.59985888728878,52.476272709670965],[173.63575460306035,52.508329808380836],[173.7793374661467,52.51367265816582],[173.7075460346035,52.476272709670965],[173.7075460346035,52.444215610961095],[173.7075460346035,52.42284421182118],[173.74344175037507,52.35873001440144],[173.63575460306035,52.35873001440144],[173.59985888728878,52.40147281268126],[173.45627602420248,52.38544426332633],[173.38448459265933,52.40147281268126],[173.38448459265933,52.43352991139113],[173.45627602420248,52.45490131053105],[173.52806745574563,52.44955846074607],[173.59985888728878,52.476272709670965]],[[-171.2861782460246,52.44955846074607],[-171.32207396179618,52.4923012590259],[-171.25028253025303,52.52970120752075],[-171.17849109870988,52.49764410881088],[-171.25028253025303,52.44955846074607],[-171.2861782460246,52.44955846074607]],[[-170.8554296567657,52.55641545644564],[-170.81953394099412,52.63655820322032],[-170.71184679367937,52.67930100150015],[-170.64005536213622,52.695329550855085],[-170.56826393059308,52.67395815171517],[-170.56826393059308,52.6419010530053],[-170.60415964636465,52.59915825472547],[-170.6759510779078,52.60450110451045],[-170.74774250945094,52.58312970537053],[-170.78363822522255,52.540386907090706],[-170.8554296567657,52.55641545644564]],[[-170.1734110571057,52.786157997199716],[-170.065723909791,52.77547229762976],[-170.065723909791,52.722043799779975],[-170.1734110571057,52.722043799779975],[-170.1734110571057,52.786157997199716]],[[172.77425742454253,52.82355794569457],[172.73836170877095,52.876986443544354],[172.63067456145617,52.92507209160916],[172.52298741414145,52.90370069246924],[172.4511959825983,52.92507209160916],[172.63067456145617,52.999871988598855],[172.73836170877095,53.01055768816882],[173.0973188664867,52.99452913881388],[173.2050060138014,52.941100640964095],[173.3126931611162,52.92507209160916],[173.4203803084309,52.84492934483448],[173.4203803084309,52.82890079547955],[173.3126931611162,52.82355794569457],[173.24090172957304,52.85561504440444],[173.2050060138014,52.85027219461946],[173.16911029802984,52.79684369676967],[173.13321458225826,52.786157997199716],[172.98963171917197,52.79684369676967],[172.91784028762882,52.759443748274826],[172.8101531403141,52.7915008469847],[172.77425742454253,52.82355794569457]],[[-169.95803676247627,52.86095789418942],[-169.85034961516152,52.86095789418942],[-169.77855818361837,52.89301499289929],[-169.70676675207523,52.88767214311431],[-169.67087103630365,52.86630074397439],[-169.70676675207523,52.7915008469847],[-169.7426624678468,52.7915008469847],[-169.85034961516152,52.818215095909586],[-169.95803676247627,52.7915008469847],[-170.02982819401942,52.82890079547955],[-169.99393247824784,52.85561504440444],[-169.95803676247627,52.86095789418942]],[[-168.19914668966896,53.256328778277826],[-168.27093812121214,53.24030022892289],[-168.3427295527553,53.186871731073104],[-168.3427295527553,53.154814632363234],[-168.45041670007,53.08535758515851],[-168.4863124158416,53.037271937093706],[-168.59399956315633,53.02658623752375],[-168.70168671047105,52.967814889888984],[-168.73758242624262,52.95178634053405],[-168.91706100510052,52.88232929332933],[-169.02474815241524,52.8395864950495],[-169.06064386818684,52.86095789418942],[-168.9529567208721,52.88767214311431],[-168.84526957355737,52.967814889888984],[-168.7734781420142,53.08001473537353],[-168.8093738577858,53.10672898429843],[-168.8093738577858,53.14412893279328],[-168.7734781420142,53.18152888128812],[-168.6298952789279,53.2616716280628],[-168.52220813161318,53.250985928492845],[-168.45041670007,53.26701447784778],[-168.37862526852686,53.250985928492845],[-168.37862526852686,53.30975727612761],[-168.41452098429843,53.34715722462246],[-168.37862526852686,53.432642821182114],[-168.3427295527553,53.475385619461946],[-168.19914668966896,53.534156967096706],[-168.0196681108111,53.56621406580658],[-167.94787667926795,53.53949981688169],[-167.91198096349638,53.51812841774177],[-167.80429381618163,53.51812841774177],[-167.76839810041005,53.502099868386836],[-167.87608524772477,53.437985670967095],[-167.8401895319532,53.38455717311731],[-168.05556382658267,53.30441442634263],[-168.19914668966896,53.256328778277826]],[[-169.99393247824784,52.89301499289929],[-170.065723909791,52.85561504440444],[-170.10161962556256,52.87164359375937],[-170.10161962556256,52.90370069246924],[-170.10161962556256,52.92507209160916],[-169.99393247824784,52.909043542254224],[-169.99393247824784,52.89301499289929]],[[-169.70676675207523,52.94644349074907],[-169.77855818361837,52.978500589458946],[-169.7426624678468,53.02124338773877],[-169.67087103630365,53.037271937093706],[-169.67087103630365,52.99452913881388],[-169.70676675207523,52.94644349074907]],[[-166.7274223430343,54.004327748174816],[-166.65563091149116,54.01501344774477],[-166.583839479948,53.9829563490349],[-166.65563091149116,53.92418500140014],[-166.61973519571958,53.89212790269026],[-166.54794376417644,53.88144220312031],[-166.4402566168617,53.908156452045205],[-166.4402566168617,53.95624210011001],[-166.36846518531854,54.00967059795979],[-166.36846518531854,53.97761349924992],[-166.33256946954697,53.961584949894984],[-166.2966737537754,53.9829563490349],[-166.22488232223225,53.934870700970095],[-166.22488232223225,53.88144220312031],[-166.33256946954697,53.87075650355035],[-166.40436090109012,53.8333565550555],[-166.40436090109012,53.811985155915586],[-166.54794376417644,53.747870958495845],[-166.54794376417644,53.715813859785975],[-166.47615233263326,53.73718525892589],[-166.40436090109012,53.76389950785078],[-166.22488232223225,53.81732800570057],[-166.18898660646065,53.83869940484048],[-166.1171951749175,53.85472795419542],[-166.08129945914592,53.83869940484048],[-166.1171951749175,53.77458520742074],[-166.15309089068907,53.73184240914091],[-166.26077803800382,53.70512816021602],[-166.2966737537754,53.683756761076104],[-166.4402566168617,53.64101396279628],[-166.47615233263326,53.64635681258125],[-166.54794376417644,53.624985413441344],[-166.583839479948,53.528814117311725],[-166.65563091149116,53.4860713190319],[-166.7274223430343,53.507442718171816],[-166.76331805880588,53.496757018601855],[-166.79921377457748,53.45401422032203],[-166.87100520612063,53.42729997139713],[-166.94279663766378,53.45401422032203],[-166.97869235343535,53.42729997139713],[-167.12227521652167,53.42729997139713],[-167.30175379537954,53.36318577397739],[-167.30175379537954,53.3364715250525],[-167.37354522692272,53.34181437483748],[-167.44533665846586,53.32044297569757],[-167.48123237423744,53.26701447784778],[-167.58891952155216,53.2883858769877],[-167.66071095309533,53.250985928492845],[-167.80429381618163,53.283043027202716],[-167.8401895319532,53.315100125912586],[-167.80429381618163,53.3364715250525],[-167.6966066688669,53.38990002290229],[-167.62481523732373,53.38455717311731],[-167.48123237423744,53.42195712161216],[-167.44533665846586,53.443328520752075],[-167.37354522692272,53.42195712161216],[-167.26585807960797,53.48072846924692],[-167.19406664806482,53.464699919891984],[-167.15817093229325,53.502099868386836],[-167.0863795007501,53.51278556795679],[-167.12227521652167,53.55018551645164],[-167.15817093229325,53.60361401430143],[-167.15817093229325,53.624985413441344],[-167.0504837849785,53.61964256365636],[-167.01458806920692,53.6356711130113],[-167.0863795007501,53.66772821172117],[-167.0504837849785,53.69978531043104],[-167.01458806920692,53.721156709570955],[-166.9069009218922,53.715813859785975],[-166.87100520612063,53.67307106150615],[-166.79921377457748,53.66772821172117],[-166.79921377457748,53.73718525892589],[-166.97869235343535,53.77458520742074],[-167.01458806920692,53.75855665806581],[-167.15817093229325,53.82801370527052],[-167.15817093229325,53.86541365376537],[-167.01458806920692,53.94555640054005],[-166.87100520612063,53.98829919881988],[-166.83510949034905,53.993642048604855],[-166.76331805880588,54.01501344774477],[-166.7274223430343,54.004327748174816]],[[-169.5631838889889,56.60629559345934],[-169.49139245744576,56.58492419431943],[-169.59907960476048,56.53683854625462],[-169.63497532053208,56.5421813960396],[-169.67087103630365,56.58492419431943],[-169.7426624678468,56.59026704410441],[-169.77855818361837,56.62232414281428],[-169.59907960476048,56.60629559345934],[-169.5631838889889,56.60629559345934]],[[-173.0450683188319,60.624118631763174],[-173.11685975037506,60.66151858025802],[-173.08096403460348,60.693575678967896],[-173.0450683188319,60.624118631763174]],[[-165.72234230143016,60.16997640004],[-165.6864465856586,60.14860500090008],[-165.6864465856586,60.05777655455545],[-165.650550869887,59.99366235713571],[-165.57875943834384,59.966948108210815],[-165.54286372257226,59.966948108210815],[-165.57875943834384,59.902833910791074],[-165.6864465856586,59.89214821122112],[-165.75823801720173,59.8974910610061],[-166.00950802760278,59.84940541294129],[-166.08129945914592,59.80666261466146],[-166.04540374337435,59.76926266616661],[-166.04540374337435,59.7478912670267],[-166.15309089068907,59.7478912670267],[-166.18898660646065,59.79063406530653],[-166.36846518531854,59.84940541294129],[-166.4402566168617,59.86009111251125],[-166.61973519571958,59.84940541294129],[-166.65563091149116,59.8707768120812],[-166.76331805880588,59.89214821122112],[-166.9069009218922,59.96160525842584],[-166.97869235343535,59.99366235713571],[-167.12227521652167,59.99366235713571],[-167.2299623638364,60.05777655455545],[-167.33764951115114,60.07380510391039],[-167.37354522692272,60.14860500090008],[-167.4094409426943,60.19669064896489],[-167.30175379537954,60.23943344724472],[-167.12227521652167,60.23409059745974],[-166.94279663766378,60.20737634853485],[-166.79921377457748,60.22874774767477],[-166.83510949034905,60.27683339573957],[-166.76331805880588,60.30889049444944],[-166.65563091149116,60.32491904380438],[-166.583839479948,60.3195761940194],[-166.54794376417644,60.35697614251425],[-166.47615233263326,60.3943760910091],[-166.36846518531854,60.35697614251425],[-166.2966737537754,60.378347541654165],[-166.18898660646065,60.399718940794074],[-166.1171951749175,60.378347541654165],[-166.08129945914592,60.32491904380438],[-165.93771659605963,60.3195761940194],[-165.86592516451645,60.34629044294429],[-165.72234230143016,60.30889049444944],[-165.6864465856586,60.27683339573957],[-165.72234230143016,60.16997640004]],[[-173.0450683188319,60.5172616360636],[-173.0450683188319,60.54931873477347],[-172.93738117151716,60.60809008240824],[-172.93738117151716,60.60274723262326],[-172.9014854557456,60.53329018541854],[-172.79379830843087,60.45849028842884],[-172.54252829802982,60.38903324122412],[-172.36304971917193,60.38369039143914],[-172.21946685608563,60.3195761940194],[-172.36304971917193,60.33560474337433],[-172.47073686648667,60.33560474337433],[-172.5784240138014,60.3195761940194],[-172.7220068768877,60.35697614251425],[-172.93738117151716,60.47986168756875],[-173.0450683188319,60.495890236923685],[-173.0450683188319,60.5172616360636]],[[-160.91231638803882,58.74877835723572],[-160.84052495649567,58.754121207020695],[-160.69694209340935,58.81823540444044],[-160.69694209340935,58.81289255465546],[-160.87642067226724,58.58315001390139],[-160.9482121038104,58.55109291519152],[-161.0917949668967,58.55109291519152],[-161.0917949668967,58.58849286368636],[-161.0558992511251,58.700692709170916],[-160.91231638803882,58.74877835723572]],[[-135.35456675867587,59.02126369626962],[-135.28277532713273,58.95714949884988],[-135.3186710429043,58.946463799279925],[-135.35456675867587,59.02126369626962]],[[-150.78972454045405,59.33114898379838],[-150.68203739313932,59.411291730573055],[-150.61024596159618,59.39526318121812],[-150.61024596159618,59.35786323272327],[-150.68203739313932,59.30443473487348],[-150.7179331089109,59.29374903530353],[-150.78972454045405,59.30977758465846],[-150.78972454045405,59.33114898379838]],[[-151.9383874451445,60.5172616360636],[-151.8307002978298,60.48520453735373],[-151.9383874451445,60.431776039503944],[-151.97428316091612,60.38903324122412],[-151.9383874451445,60.3676618420842],[-152.08197030823084,60.36231899229923],[-151.97428316091612,60.41574749014901],[-151.9383874451445,60.51191878627862],[-151.9383874451445,60.5172616360636]],[[-153.5536946548655,59.38992033143314],[-153.51779893909392,59.38992033143314],[-153.41011179177917,59.416634580358036],[-153.33832036023603,59.379234631863184],[-153.3742160760076,59.33649183358335],[-153.41011179177917,59.32046328422842],[-153.51779893909392,59.32046328422842],[-153.58959037063707,59.3738917820782],[-153.5536946548655,59.38992033143314]],[[-131.1906637291729,55.11029765366536],[-131.1906637291729,55.08892625452545],[-131.22655944494448,55.04618345624562],[-131.22655944494448,55.09426910431043],[-131.1906637291729,55.11029765366536]],[[-131.26245516071606,54.987412108610854],[-131.22655944494448,54.928640760976094],[-131.1906637291729,54.91261221162116],[-131.26245516071606,54.85918371377137],[-131.3701423080308,54.85918371377137],[-131.47782945534556,54.91261221162116],[-131.47782945534556,54.95001216011601],[-131.26245516071606,54.998097808180816],[-131.26245516071606,54.987412108610854]],[[-131.76499518151815,55.38278299269927],[-131.65730803420342,55.30798309570957],[-131.693203749975,55.28126884678468],[-131.693203749975,55.22249749914991],[-131.72909946574657,55.20112610001],[-131.76499518151815,55.1263262030203],[-131.83678661306132,55.20112610001],[-131.8726823288329,55.29195454635463],[-131.8726823288329,55.366754443344334],[-131.83678661306132,55.42018294119411],[-131.80089089728972,55.41484009140914],[-131.76499518151815,55.38278299269927]],[[-158.79446915751575,55.89035372227222],[-158.75857344174418,55.87432517291729],[-158.68678201020103,55.84226807420742],[-158.7226777259726,55.82623952485248],[-158.86626058905892,55.87966802270227],[-158.79446915751575,55.89035372227222]],[[-159.15342631523154,55.87432517291729],[-159.08163488368837,55.85295377377737],[-159.11753059945997,55.82623952485248],[-159.18932203100312,55.84226807420742],[-159.15342631523154,55.87432517291729]],[[-159.368800609861,55.80486812571257],[-159.3329048940894,55.81555382528253],[-159.29700917831784,55.76212532743274],[-159.368800609861,55.75143962786278],[-159.368800609861,55.80486812571257]],[[-157.82528483168318,56.37121020292029],[-157.7893891159116,56.32312455485548],[-157.82528483168318,56.31243885528553],[-157.89707626322632,56.3444959539954],[-157.82528483168318,56.37121020292029]],[[-157.03557908470847,56.55820994539454],[-157.10737051625165,56.55286709560956],[-157.1791619477948,56.53149569646964],[-157.3227448108811,56.52615284668467],[-157.3227448108811,56.5421813960396],[-157.25095337933794,56.579581344534446],[-157.07147480048005,56.579581344534446],[-157.03557908470847,56.55820994539454]],[[-133.23671952815283,55.40949724162416],[-133.30851095969598,55.41484009140914],[-133.30851095969598,55.44689719011901],[-133.23671952815283,55.452240039903984],[-133.23671952815283,55.40949724162416]],[[-131.58551660266028,55.28661169656965],[-131.47782945534556,55.25455459785978],[-131.47782945534556,55.22249749914991],[-131.40603802380238,55.211811799579955],[-131.33424659225923,55.16372615151515],[-131.3701423080308,55.15838330173017],[-131.33424659225923,55.06755485538554],[-131.40603802380238,55.01412635753575],[-131.47782945534556,55.00878350775077],[-131.5496208868887,55.03549775667567],[-131.62141231843185,55.00878350775077],[-131.65730803420342,55.03549775667567],[-131.58551660266028,55.08892625452545],[-131.58551660266028,55.1263262030203],[-131.5496208868887,55.14235475237523],[-131.58551660266028,55.179754700870085],[-131.62141231843185,55.238526048504845],[-131.58551660266028,55.28661169656965]],[[-133.34440667546755,55.56978273517351],[-133.2726152439244,55.53772563646364],[-133.30851095969598,55.48429713861386],[-133.34440667546755,55.452240039903984],[-133.38030239123913,55.4736114390439],[-133.48798953855385,55.43621149054905],[-133.4161981070107,55.42018294119411],[-133.4161981070107,55.38812584248424],[-133.48798953855385,55.366754443344334],[-133.55978097009702,55.3240116450645],[-133.5956766858686,55.243868898289826],[-133.70336383318332,55.302640245924586],[-133.63157240164017,55.36141159355935],[-133.63157240164017,55.430868640764075],[-133.7392595489549,55.4736114390439],[-133.7751552647265,55.457582889688965],[-133.7751552647265,55.53772563646364],[-133.7392595489549,55.55909703560356],[-133.63157240164017,55.5484113360336],[-133.5956766858686,55.50566853775377],[-133.63157240164017,55.489639988398835],[-133.63157240164017,55.457582889688965],[-133.55978097009702,55.489639988398835],[-133.52388525432542,55.527039936893686],[-133.48798953855385,55.51101138753875],[-133.45209382278227,55.55909703560356],[-133.34440667546755,55.56978273517351]],[[-133.84694669626964,55.90638227162716],[-133.8828424120412,55.8476109239924],[-133.9187381278128,55.8476109239924],[-133.95463384358436,55.895696572057204],[-133.9187381278128,55.922410820982094],[-133.84694669626964,55.93309652055205],[-133.84694669626964,55.90638227162716]],[[-133.0931366650665,55.425525790979094],[-133.16492809660966,55.5003256879688],[-133.12903238083808,55.51101138753875],[-133.16492809660966,55.58581128452845],[-133.2726152439244,55.56978273517351],[-133.30851095969598,55.59115413431343],[-133.45209382278227,55.644582632163214],[-133.38030239123913,55.69266828022802],[-133.4161981070107,55.740753928292825],[-133.52388525432542,55.75678247764776],[-133.48798953855385,55.708696829582955],[-133.52388525432542,55.69266828022802],[-133.63157240164017,55.73006822872287],[-133.70336383318332,55.77815387678768],[-133.66746811741174,55.8208966750675],[-133.55978097009702,55.83692522442244],[-133.4161981070107,55.78883957635763],[-133.34440667546755,55.80486812571257],[-133.38030239123913,55.87432517291729],[-133.45209382278227,55.90638227162716],[-133.52388525432542,55.97583931883188],[-133.63157240164017,55.922410820982094],[-133.70336383318332,55.895696572057204],[-133.81105098049807,55.927753670767075],[-133.81105098049807,55.965153619261926],[-133.7751552647265,55.98118216861686],[-133.70336383318332,56.07201061496149],[-133.55978097009702,56.141467662166214],[-133.55978097009702,56.16283906130613],[-133.63157240164017,56.200239009800974],[-133.66746811741174,56.31243885528553],[-133.63157240164017,56.3444959539954],[-133.5956766858686,56.34983880378037],[-133.4161981070107,56.33381025442544],[-133.34440667546755,56.33381025442544],[-133.16492809660966,56.3177817050705],[-133.05724094929494,56.237638958295825],[-133.05724094929494,56.18421046044604],[-133.05724094929494,56.12543911281128],[-132.9136580862086,56.03461066646664],[-132.84186665466547,56.023924966896686],[-132.62649236003602,55.922410820982094],[-132.4829094969497,55.78349672657265],[-132.44701378117813,55.681982580658065],[-132.37522234963495,55.649925481948195],[-132.33932663386338,55.58046843474347],[-132.3034309180918,55.5484113360336],[-132.19574377077709,55.51101138753875],[-132.1598480550055,55.46826858925892],[-132.19574377077709,55.452240039903984],[-132.23163948654866,55.494982838183816],[-132.51880521272128,55.57512558495849],[-132.51880521272128,55.5484113360336],[-132.62649236003602,55.48429713861386],[-132.55470092849285,55.47895428882888],[-132.51880521272128,55.521697087108706],[-132.4829094969497,55.50566853775377],[-132.41111806540655,55.51101138753875],[-132.37522234963495,55.47895428882888],[-132.3034309180918,55.46826858925892],[-132.3034309180918,55.43621149054905],[-132.4829094969497,55.425525790979094],[-132.37522234963495,55.40415439183918],[-132.26753520232023,55.42018294119411],[-132.23163948654866,55.37744014291429],[-132.1598480550055,55.36141159355935],[-132.12395233923394,55.28661169656965],[-132.1598480550055,55.238526048504845],[-132.19574377077709,55.217154649364936],[-132.12395233923394,55.20112610001],[-132.08805662346236,55.206468949794974],[-132.08805662346236,55.238526048504845],[-132.0162651919192,55.275925996999696],[-131.98036947614762,55.25989744764476],[-131.98036947614762,55.211811799579955],[-131.98036947614762,55.16372615151515],[-132.0162651919192,55.15304045194519],[-132.0162651919192,55.12098335323532],[-132.08805662346236,55.04084060646064],[-132.19574377077709,55.00344065796579],[-132.12395233923394,54.987412108610854],[-132.0521609076908,55.03549775667567],[-131.98036947614762,55.03015490689069],[-131.98036947614762,54.8538408639864],[-131.94447376037604,54.78972666656665],[-132.0162651919192,54.69889822022202],[-132.1598480550055,54.69355537043704],[-132.26753520232023,54.73629816871687],[-132.3034309180918,54.720269619361936],[-132.33932663386338,54.81644091549155],[-132.3034309180918,54.84849801420142],[-132.37522234963495,54.91261221162116],[-132.4829094969497,54.901926512051205],[-132.62649236003602,54.966040709470946],[-132.59059664426442,54.998097808180816],[-132.55470092849285,55.09961195409541],[-132.62649236003602,55.115640503450344],[-132.62649236003602,55.15304045194519],[-132.73417950735075,55.13166905280528],[-132.69828379157917,55.04618345624562],[-132.73417950735075,54.998097808180816],[-132.9136580862086,55.04618345624562],[-132.9136580862086,55.08358340474047],[-132.87776237043704,55.1263262030203],[-132.9495538019802,55.211811799579955],[-133.02134523352336,55.206468949794974],[-133.05724094929494,55.249211748074806],[-133.12903238083808,55.249211748074806],[-133.05724094929494,55.185097550655065],[-133.02134523352336,55.1263262030203],[-132.9854495177518,55.06755485538554],[-133.02134523352336,55.03549775667567],[-132.9495538019802,55.01946920732073],[-132.87776237043704,54.896583662266224],[-132.8059709388939,54.869869413341334],[-132.8059709388939,54.92329791119111],[-132.73417950735075,54.93932646054605],[-132.6623880758076,54.901926512051205],[-132.62649236003602,54.88589796269627],[-132.62649236003602,54.779040966996696],[-132.6623880758076,54.76301241764176],[-132.73417950735075,54.8271266150615],[-132.77007522312232,54.82178376527652],[-132.6623880758076,54.682869670867085],[-132.77007522312232,54.67218397129712],[-132.87776237043704,54.69889822022202],[-132.87776237043704,54.75232671807181],[-132.9495538019802,54.78972666656665],[-133.02134523352336,54.8538408639864],[-133.12903238083808,54.93932646054605],[-133.16492809660966,54.960697859685965],[-133.16492809660966,55.03015490689069],[-133.20082381238126,55.04084060646064],[-133.23671952815283,55.09426910431043],[-133.12903238083808,55.09961195409541],[-133.16492809660966,55.1263262030203],[-133.20082381238126,55.13701190259025],[-133.23671952815283,55.185097550655065],[-133.16492809660966,55.20112610001],[-133.23671952815283,55.22784034893489],[-133.34440667546755,55.206468949794974],[-133.38030239123913,55.22784034893489],[-133.45209382278227,55.211811799579955],[-133.48798953855385,55.249211748074806],[-133.45209382278227,55.31866879527952],[-133.38030239123913,55.34004019441944],[-133.34440667546755,55.34538304420442],[-133.30851095969598,55.29195454635463],[-133.23671952815283,55.30798309570957],[-133.2726152439244,55.3507258939894],[-133.23671952815283,55.38278299269927],[-133.12903238083808,55.37744014291429],[-133.05724094929494,55.35606874377437],[-133.05724094929494,55.40415439183918],[-133.0931366650665,55.425525790979094]],[[-147.48731868946896,60.618775781978194],[-147.48731868946896,60.656175730473045],[-147.48731868946896,60.72563277767777],[-147.37963154215421,60.7416613270327],[-147.30784011061107,60.666861430043],[-147.34373582638264,60.62946148154815],[-147.48731868946896,60.618775781978194]],[[-147.34373582638264,60.30354764466446],[-147.34373582638264,60.27683339573957],[-147.48731868946896,60.223404897889786],[-147.48731868946896,60.26614769616961],[-147.34373582638264,60.30354764466446]],[[-147.20015296329635,60.29286194509451],[-147.20015296329635,60.3195761940194],[-147.20015296329635,60.34629044294429],[-147.12836153175317,60.378347541654165],[-147.05657010021002,60.340947593159314],[-147.02067438443845,60.32491904380438],[-147.0924658159816,60.29286194509451],[-147.0924658159816,60.26614769616961],[-146.9488829528953,60.31423334423442],[-146.91298723712373,60.29820479487948],[-146.98477866866688,60.23409059745974],[-147.20015296329635,60.14860500090008],[-147.37963154215421,60.04174800520052],[-147.37963154215421,60.004348056705666],[-147.48731868946896,59.95626240864086],[-147.48731868946896,59.92420530993099],[-147.4514229736974,59.913519610361035],[-147.4514229736974,59.8707768120812],[-147.52321440524054,59.85474826272627],[-147.63090155255526,59.86543396229622],[-147.7026929840984,59.81734831423142],[-147.73858869986998,59.8226911640164],[-147.8821715629563,59.785291215521546],[-147.91806727872788,59.80131976487648],[-147.8821715629563,59.8707768120812],[-147.81038013141315,59.88680536143614],[-147.81038013141315,59.934891009500944],[-147.73858869986998,59.966948108210815],[-147.7026929840984,59.966948108210815],[-147.63090155255526,60.004348056705666],[-147.5591101210121,60.05243370477047],[-147.4155272579258,60.095176503050304],[-147.30784011061107,60.191347799179916],[-147.30784011061107,60.223404897889786],[-147.23604867906792,60.22874774767477],[-147.20015296329635,60.27149054595459],[-147.20015296329635,60.29286194509451]],[[-147.5591101210121,60.58137583348334],[-147.5591101210121,60.53329018541854],[-147.59500583678368,60.50657593649365],[-147.63090155255526,60.437118889288925],[-147.7026929840984,60.405061790579055],[-147.63090155255526,60.3676618420842],[-147.7026929840984,60.28751909530953],[-147.7026929840984,60.2447762970297],[-147.77448441564158,60.153947850685064],[-147.84627584718473,60.19669064896489],[-147.84627584718473,60.218062048104805],[-147.95396299449945,60.22874774767477],[-147.91806727872788,60.27149054595459],[-147.81038013141315,60.474518837783776],[-147.73858869986998,60.474518837783776],[-147.73858869986998,60.50657593649365],[-147.63090155255526,60.56534728412841],[-147.5591101210121,60.58137583348334]],[[-147.95396299449945,60.7416613270327],[-147.91806727872788,60.73631847724772],[-147.84627584718473,60.69891852875287],[-147.8821715629563,60.67220427982798],[-147.91806727872788,60.656175730473045],[-148.02575442604262,60.72563277767777],[-147.95396299449945,60.7416613270327]],[[-147.12836153175317,60.91263252015201],[-147.05657010021002,60.8912611210121],[-147.12836153175317,60.85386117251725],[-147.30784011061107,60.88057542144214],[-147.23604867906792,60.91263252015201],[-147.12836153175317,60.91263252015201]],[[-132.55470092849285,56.63300984238423],[-132.51880521272128,56.670409790879084],[-132.44701378117813,56.65438124152415],[-132.33932663386338,56.64903839173917],[-132.41111806540655,56.58492419431943],[-132.44701378117813,56.58492419431943],[-132.55470092849285,56.63300984238423]],[[-132.9136580862086,56.09872486388638],[-132.9854495177518,56.15215336173617],[-132.9854495177518,56.242981808080806],[-132.9495538019802,56.237638958295825],[-132.9136580862086,56.210924709370936],[-132.87776237043704,56.13078196259626],[-132.9136580862086,56.09872486388638]],[[-132.51880521272128,56.56355279517951],[-132.51880521272128,56.5421813960396],[-132.59059664426442,56.451352949694964],[-132.6623880758076,56.47272434883488],[-132.59059664426442,56.51012429732973],[-132.51880521272128,56.56355279517951]],[[-132.55470092849285,56.40326730163016],[-132.4829094969497,56.44066725012501],[-132.41111806540655,56.40326730163016],[-132.41111806540655,56.38723875227522],[-132.4829094969497,56.35518165356535],[-132.55470092849285,56.36586735313531],[-132.55470092849285,56.40326730163016]],[[-132.9854495177518,56.44066725012501],[-132.87776237043704,56.456695799479945],[-132.8059709388939,56.44066725012501],[-132.73417950735075,56.456695799479945],[-132.6623880758076,56.44066725012501],[-132.62649236003602,56.392581602060204],[-132.69828379157917,56.3444959539954],[-132.6623880758076,56.301753155715566],[-132.6623880758076,56.27503890679068],[-132.73417950735075,56.25901035743574],[-132.87776237043704,56.242981808080806],[-133.05724094929494,56.33381025442544],[-133.05724094929494,56.37121020292029],[-132.9854495177518,56.44066725012501]],[[-136.03658535833586,58.32135037443744],[-136.03658535833586,58.27326472637263],[-136.108376789879,58.257236177017695],[-136.14427250565058,58.27860757615761],[-136.108376789879,58.3053218250825],[-136.03658535833586,58.32135037443744]],[[-135.6417324848485,58.380121722072204],[-135.53404533753377,58.3320360740074],[-135.6417324848485,58.32669322422242],[-135.71352391639164,58.36409317271727],[-135.6417324848485,58.380121722072204]],[[-134.7084438747875,58.21983622852285],[-134.7084438747875,58.161064880888084],[-134.63665244324432,58.161064880888084],[-134.56486101170117,58.193121979597954],[-134.5289652959296,58.17709343024302],[-134.45717386438645,58.171750580458045],[-134.3853824328433,58.15037918131813],[-134.2059038539854,58.161064880888084],[-134.17000813821383,58.134350631963194],[-134.2059038539854,58.08092213411341],[-134.09821670667066,58.01680793669367],[-134.09821670667066,57.974065138413835],[-134.0264252751275,57.93132234013401],[-133.95463384358436,57.856522443144314],[-133.9187381278128,57.8084367950795],[-133.8828424120412,57.685551250025],[-133.81105098049807,57.63212275217521],[-133.81105098049807,57.58403710411041],[-133.84694669626964,57.57869425432543],[-133.84694669626964,57.62143705260526],[-133.99052955935593,57.71760834873487],[-134.0264252751275,57.81912249464946],[-134.09821670667066,57.85117959335933],[-134.13411242244226,57.89392239163916],[-134.2059038539854,57.89392239163916],[-134.09821670667066,57.8084367950795],[-134.09821670667066,57.77637969636963],[-134.13411242244226,57.760351147014696],[-134.09821670667066,57.728294048304825],[-134.0264252751275,57.6588370011001],[-133.9187381278128,57.61609420282028],[-133.95463384358436,57.56800855475547],[-133.84694669626964,57.46649440884088],[-133.9187381278128,57.455808709270926],[-133.8828424120412,57.38100881228122],[-133.8828424120412,57.35963741314131],[-133.95463384358436,57.30620891529153],[-134.0264252751275,57.32758031443144],[-134.09821670667066,57.295523215721566],[-134.17000813821383,57.21003761916191],[-134.27769528552855,57.135237722172214],[-134.3853824328433,57.1138663230323],[-134.3853824328433,57.08715207410741],[-134.49306958015802,57.03372357625762],[-134.60075672747274,57.03372357625762],[-134.63665244324432,57.108523473247324],[-134.63665244324432,57.22606616851685],[-134.60075672747274,57.27415181658166],[-134.5289652959296,57.31689461486148],[-134.56486101170117,57.34360886378637],[-134.56486101170117,57.40238021142114],[-134.49306958015802,57.37032311271127],[-134.45717386438645,57.391694511851185],[-134.60075672747274,57.514580056905686],[-134.60075672747274,57.56266570497049],[-134.6725481590159,57.61609420282028],[-134.7084438747875,57.685551250025],[-134.74433959055906,57.72295119851985],[-134.7084438747875,57.82980819421942],[-134.74433959055906,57.89926524142414],[-134.74433959055906,57.979407988198815],[-134.78023530633064,58.05955073497349],[-134.78023530633064,58.09695068346834],[-134.85202673787379,58.17709343024302],[-134.92381816941696,58.21449337873787],[-134.95971388518853,58.28395042594259],[-134.95971388518853,58.36943602250225],[-134.95971388518853,58.412178820782074],[-134.8161310221022,58.32135037443744],[-134.78023530633064,58.27860757615761],[-134.7084438747875,58.26792187658766],[-134.7084438747875,58.21983622852285]],[[-156.6766219269927,56.06666776517651],[-156.6766219269927,56.02926781668167],[-156.74841335853586,56.03461066646664],[-156.6766219269927,56.06666776517651]],[[-151.86659601360137,58.257236177017695],[-151.79480458205822,58.24655047744774],[-151.8307002978298,58.182436280028],[-151.90249172937294,58.193121979597954],[-151.86659601360137,58.257236177017695]],[[-151.9383874451445,58.914406700570055],[-152.08197030823084,58.914406700570055],[-152.04607459245926,58.946463799279925],[-152.0101788766877,58.941120949494945],[-151.9383874451445,58.914406700570055]],[[-155.67154188538854,55.85829662356235],[-155.63564616961696,55.895696572057204],[-155.5997504538454,55.91172512141214],[-155.56385473807381,55.88501087248724],[-155.5997504538454,55.8476109239924],[-155.56385473807381,55.81021097549755],[-155.5997504538454,55.76212532743274],[-155.70743760116014,55.772811027002696],[-155.7433333169317,55.82623952485248],[-155.67154188538854,55.85829662356235]],[[-152.22555317131713,58.24120762766276],[-152.2973446028603,58.21983622852285],[-152.2614488870887,58.134350631963194],[-152.33324031863188,58.11832208260826],[-152.47682318171817,58.12900778217821],[-152.58451032903292,58.11297923282328],[-152.54861461326135,58.161064880888084],[-152.58451032903292,58.17709343024302],[-152.6204060448045,58.08092213411341],[-152.65630176057607,58.05955073497349],[-152.7639889078908,58.04886503540354],[-152.79988462366236,58.08092213411341],[-152.9434674867487,58.11832208260826],[-153.01525891829183,58.134350631963194],[-153.08705034983498,58.09695068346834],[-153.01525891829183,58.043522185618556],[-152.87167605520554,58.00077938733873],[-152.9434674867487,57.984750837983796],[-153.08705034983498,58.00612223712371],[-153.30242464446445,58.04886503540354],[-153.3742160760076,58.03817933583358],[-153.41011179177917,58.07023643454345],[-153.30242464446445,58.13969348174817],[-153.26652892869288,58.14503633153315],[-153.19473749714973,58.102293533253324],[-153.15884178137816,58.12900778217821],[-153.2306332129213,58.161064880888084],[-153.19473749714973,58.20915052895289],[-153.15884178137816,58.21449337873787],[-153.08705034983498,58.193121979597954],[-153.01525891829183,58.21983622852285],[-153.08705034983498,58.257236177017695],[-153.0511546340634,58.3053218250825],[-152.9434674867487,58.27860757615761],[-152.87167605520554,58.28395042594259],[-152.9434674867487,58.3320360740074],[-152.9075717709771,58.34272177357735],[-152.83578033943394,58.32669322422242],[-152.7639889078908,58.36943602250225],[-152.83578033943394,58.37477887228722],[-152.87167605520554,58.40149312121212],[-152.79988462366236,58.412178820782074],[-152.72809319211922,58.46026446884688],[-152.6204060448045,58.476293018201815],[-152.65630176057607,58.508350116911686],[-152.65630176057607,58.56712146454645],[-152.58451032903292,58.62054996239623],[-152.51271889748975,58.59383571347134],[-152.4409274659466,58.62054996239623],[-152.36913603440345,58.636578511751175],[-152.33324031863188,58.58849286368636],[-152.36913603440345,58.5297215160516],[-152.40503175017503,58.51369296669667],[-152.51271889748975,58.42820737013701],[-152.47682318171817,58.353407473147314],[-152.36913603440345,58.36409317271727],[-152.36913603440345,58.42286452035203],[-152.2973446028603,58.417521670567055],[-152.18965745554556,58.353407473147314],[-152.1178660240024,58.39615027142714],[-152.08197030823084,58.36943602250225],[-152.15376173977398,58.29463612551255],[-151.97428316091612,58.34806462336233],[-151.97428316091612,58.32669322422242],[-151.97428316091612,58.26792187658766],[-151.97428316091612,58.21449337873787],[-152.08197030823084,58.15572203110311],[-152.1178660240024,58.15037918131813],[-152.18965745554556,58.171750580458045],[-152.18965745554556,58.21449337873787],[-152.22555317131713,58.24120762766276]],[[-154.41519183338335,56.57423849474947],[-154.37929611761177,56.55286709560956],[-154.52287898069807,56.50478144754475],[-154.63056612801282,56.47272434883488],[-154.73825327532754,56.40326730163016],[-154.81004470687068,56.43532440034003],[-154.70235755955596,56.520809996899686],[-154.52287898069807,56.60095274367436],[-154.45108754915492,56.60095274367436],[-154.41519183338335,56.57423849474947]],[[-153.94854752835283,56.55820994539454],[-153.8767560968097,56.53149569646964],[-153.94854752835283,56.50478144754475],[-154.12802610721073,56.49943859775977],[-154.1639218229823,56.51012429732973],[-154.23571325452545,56.488752898189816],[-154.3434004018402,56.51012429732973],[-154.37929611761177,56.5421813960396],[-154.30750468606863,56.59560989388939],[-154.23571325452545,56.611638443244324],[-154.19981753875388,56.60629559345934],[-154.09213039143916,56.6169812930293],[-154.05623467566758,56.55820994539454],[-153.94854752835283,56.55820994539454]],[[-152.40503175017503,57.81377964486448],[-152.33324031863188,57.8351510440044],[-152.2973446028603,57.78172254615461],[-152.4409274659466,57.77637969636963],[-152.51271889748975,57.73897974787479],[-152.4409274659466,57.669522700670065],[-152.47682318171817,57.605408503250324],[-152.4409274659466,57.59472280368036],[-152.36913603440345,57.62143705260526],[-152.2614488870887,57.62677990239023],[-152.15376173977398,57.62143705260526],[-152.15376173977398,57.58403710411041],[-152.2973446028603,57.514580056905686],[-152.33324031863188,57.43978015991599],[-152.36913603440345,57.42909446034603],[-152.51271889748975,57.450465859485945],[-152.51271889748975,57.43443731013101],[-152.58451032903292,57.46649440884088],[-152.65630176057607,57.4611515590559],[-152.72809319211922,57.477180108410835],[-152.72809319211922,57.50389435733573],[-152.9075717709771,57.487865807980796],[-152.7639889078908,57.455808709270926],[-152.58451032903292,57.38100881228122],[-152.6204060448045,57.32223746464646],[-152.69219747634764,57.27949466636663],[-152.7639889078908,57.29018036593659],[-152.83578033943394,57.263466117011696],[-152.87167605520554,57.29018036593659],[-152.9075717709771,57.32223746464646],[-153.01525891829183,57.3382660140014],[-153.08705034983498,57.32223746464646],[-153.08705034983498,57.28483751615161],[-153.01525891829183,57.30086606550655],[-152.9434674867487,57.25812326722672],[-153.01525891829183,57.231409018301825],[-153.08705034983498,57.21003761916191],[-153.19473749714973,57.22072331873187],[-153.15884178137816,57.17798052045204],[-152.9434674867487,57.188666220022],[-152.87167605520554,57.167294820882084],[-152.9075717709771,57.12455202260226],[-152.97936320252026,57.11920917281728],[-153.12294606560658,57.09249492389239],[-153.15884178137816,57.10318062346234],[-153.2306332129213,57.07646637453745],[-153.19473749714973,57.03372357625762],[-153.2306332129213,57.00700932733273],[-153.30242464446445,56.990980777977796],[-153.33832036023603,57.00700932733273],[-153.33832036023603,57.0390664260426],[-153.41011179177917,57.08180922432243],[-153.3742160760076,57.11920917281728],[-153.26652892869288,57.172637670667065],[-153.33832036023603,57.194009069806974],[-153.48190322332235,57.08715207410741],[-153.58959037063707,57.09249492389239],[-153.66138180218022,57.08715207410741],[-153.66138180218022,57.05509497539754],[-153.58959037063707,57.04975212561256],[-153.5536946548655,56.99632362776277],[-153.58959037063707,56.94289512991299],[-153.69727751795182,56.926866580558055],[-153.7331732337234,56.89480948184818],[-153.69727751795182,56.87343808270827],[-153.76906894949497,56.83603813421342],[-153.8408603810381,56.83603813421342],[-153.91265181258126,56.766581087008696],[-154.020338959896,56.74520968786879],[-154.020338959896,56.76123823722372],[-154.12802610721073,56.739866838083806],[-154.12802610721073,56.78260963636363],[-154.05623467566758,56.8413809839984],[-154.020338959896,56.857409533353334],[-153.94854752835283,56.916180880988094],[-153.8408603810381,56.958923679267926],[-153.91265181258126,56.96960937883788],[-153.9844432441244,56.953580829482945],[-153.9844432441244,56.99632362776277],[-153.94854752835283,57.06043782518252],[-153.80496466526654,57.1138663230323],[-153.8767560968097,57.11920917281728],[-153.9844432441244,57.06578067496749],[-154.09213039143916,56.96960937883788],[-154.1639218229823,56.94289512991299],[-154.19981753875388,56.91083803120312],[-154.23571325452545,56.87878093249324],[-154.30750468606863,56.84672383378337],[-154.30750468606863,56.916180880988094],[-154.37929611761177,56.958923679267926],[-154.52287898069807,56.990980777977796],[-154.52287898069807,57.07646637453745],[-154.52287898069807,57.194009069806974],[-154.63056612801282,57.268808966796676],[-154.70235755955596,57.28483751615161],[-154.73825327532754,57.31689461486148],[-154.70235755955596,57.40238021142114],[-154.70235755955596,57.445123009700964],[-154.63056612801282,57.509237207120705],[-154.55877469646964,57.54129430583058],[-154.52287898069807,57.57869425432543],[-154.45108754915492,57.56800855475547],[-154.3434004018402,57.63212275217521],[-154.23571325452545,57.6588370011001],[-154.09213039143916,57.64815130153015],[-154.020338959896,57.6588370011001],[-153.9844432441244,57.64815130153015],[-153.9844432441244,57.55198000540054],[-153.91265181258126,57.53060860626062],[-153.91265181258126,57.423751610561055],[-153.80496466526654,57.34895171357135],[-153.76906894949497,57.37032311271127],[-153.80496466526654,57.413065910991094],[-153.8767560968097,57.445123009700964],[-153.8767560968097,57.50389435733573],[-153.8767560968097,57.54129430583058],[-153.80496466526654,57.58937995389539],[-153.8767560968097,57.63212275217521],[-153.8408603810381,57.65349415131513],[-153.66138180218022,57.637465601960194],[-153.66138180218022,57.669522700670065],[-153.8767560968097,57.706922649164916],[-153.94854752835283,57.701579799379935],[-153.94854752835283,57.81377964486448],[-153.8408603810381,57.86720814271427],[-153.7331732337234,57.888579541854185],[-153.66138180218022,57.87789384228422],[-153.5536946548655,57.82980819421942],[-153.5536946548655,57.78706539593959],[-153.5536946548655,57.71760834873487],[-153.48190322332235,57.728294048304825],[-153.44600750755077,57.84049389378937],[-153.33832036023603,57.8084367950795],[-153.33832036023603,57.85117959335933],[-153.44600750755077,57.883236692069204],[-153.5536946548655,57.93132234013401],[-153.51779893909392,57.96872228862886],[-153.44600750755077,57.96337943884388],[-153.26652892869288,57.888579541854185],[-153.2306332129213,57.89392239163916],[-153.12294606560658,57.856522443144314],[-153.08705034983498,57.86720814271427],[-153.19473749714973,57.93132234013401],[-153.26652892869288,57.9580365890589],[-153.30242464446445,57.99543653755375],[-153.2306332129213,57.99543653755375],[-153.12294606560658,57.947350889488945],[-153.08705034983498,57.93666518991899],[-153.01525891829183,57.9580365890589],[-152.87167605520554,57.93132234013401],[-152.87167605520554,57.99543653755375],[-152.72809319211922,57.99009368776877],[-152.72809319211922,57.947350889488945],[-152.9075717709771,57.84049389378937],[-152.9075717709771,57.77103684658466],[-152.83578033943394,57.73897974787479],[-152.83578033943394,57.81912249464946],[-152.79988462366236,57.856522443144314],[-152.72809319211922,57.8351510440044],[-152.6204060448045,57.883236692069204],[-152.6204060448045,57.920636640564055],[-152.54861461326135,57.89926524142414],[-152.47682318171817,57.96337943884388],[-152.4409274659466,57.93132234013401],[-152.33324031863188,57.915293790779074],[-152.36913603440345,57.883236692069204],[-152.40503175017503,57.89926524142414],[-152.47682318171817,57.888579541854185],[-152.40503175017503,57.81377964486448]],[[-134.27769528552855,55.927753670767075],[-134.17000813821383,55.89035372227222],[-134.27769528552855,55.82623952485248],[-134.34948671707173,55.84226807420742],[-134.34948671707173,55.927753670767075],[-134.27769528552855,55.927753670767075]],[[-134.13411242244226,56.07201061496149],[-134.09821670667066,56.050639215821576],[-134.13411242244226,56.00255356775677],[-134.2059038539854,56.05598206560656],[-134.24179956975698,56.06666776517651],[-134.27769528552855,56.1200962630263],[-134.24179956975698,56.16283906130613],[-134.24179956975698,56.22161040894089],[-134.24179956975698,56.269696057005696],[-134.31359100130013,56.29106745614561],[-134.27769528552855,56.35518165356535],[-134.2059038539854,56.40861015141514],[-134.13411242244226,56.40861015141514],[-134.06232099089908,56.392581602060204],[-134.0264252751275,56.419295850985094],[-134.09821670667066,56.47272434883488],[-134.13411242244226,56.488752898189816],[-134.27769528552855,56.58492419431943],[-134.27769528552855,56.62232414281428],[-134.3853824328433,56.675752640664065],[-134.3853824328433,56.72383828872887],[-134.42127814861487,56.83603813421342],[-134.34948671707173,56.90015233163316],[-134.27769528552855,56.90549518141814],[-134.17000813821383,56.85206668356835],[-134.13411242244226,56.88412378227822],[-134.2059038539854,56.90549518141814],[-134.13411242244226,56.926866580558055],[-134.09821670667066,56.93220943034303],[-134.0264252751275,56.89480948184818],[-133.95463384358436,56.798638185718566],[-133.9187381278128,56.76123823722372],[-133.95463384358436,56.734523988298825],[-133.8828424120412,56.72383828872887],[-133.84694669626964,56.80932388528853],[-133.7392595489549,56.77192393679368],[-133.7751552647265,56.729181138513844],[-133.7751552647265,56.675752640664065],[-133.7392595489549,56.643695541954195],[-133.70336383318332,56.59026704410441],[-133.7392595489549,56.57423849474947],[-133.84694669626964,56.57423849474947],[-133.8828424120412,56.488752898189816],[-133.84694669626964,56.43532440034003],[-133.8828424120412,56.429981550555055],[-133.9187381278128,56.37655305270527],[-133.84694669626964,56.34983880378037],[-133.84694669626964,56.32312455485548],[-133.9187381278128,56.210924709370936],[-133.95463384358436,56.200239009800974],[-133.95463384358436,56.168181911091104],[-133.95463384358436,56.09338201410141],[-134.0264252751275,56.08803916431643],[-134.0264252751275,56.114753413241324],[-134.0264252751275,56.16283906130613],[-134.06232099089908,56.22695325872587],[-134.09821670667066,56.22695325872587],[-134.09821670667066,56.178867610661065],[-134.17000813821383,56.16283906130613],[-134.09821670667066,56.141467662166214],[-134.13411242244226,56.07201061496149]],[[-132.55470092849285,56.60629559345934],[-132.55470092849285,56.58492419431943],[-132.6623880758076,56.55286709560956],[-132.73417950735075,56.515467147114705],[-132.8059709388939,56.4940957479748],[-132.87776237043704,56.51012429732973],[-133.05724094929494,56.520809996899686],[-133.0931366650665,56.579581344534446],[-133.02134523352336,56.60629559345934],[-133.0931366650665,56.670409790879084],[-133.20082381238126,56.707809739373936],[-133.2726152439244,56.8146667350735],[-133.30851095969598,56.79329533593359],[-133.30851095969598,56.739866838083806],[-133.2726152439244,56.734523988298825],[-133.23671952815283,56.707809739373936],[-133.23671952815283,56.64903839173917],[-133.16492809660966,56.638352692169214],[-133.0931366650665,56.6169812930293],[-133.0931366650665,56.52615284668467],[-133.16492809660966,56.462038649264926],[-133.20082381238126,56.44601009990999],[-133.34440667546755,56.4673814990499],[-133.4161981070107,56.4940957479748],[-133.45209382278227,56.456695799479945],[-133.52388525432542,56.43532440034003],[-133.5956766858686,56.43532440034003],[-133.66746811741174,56.44601009990999],[-133.66746811741174,56.53683854625462],[-133.66746811741174,56.60095274367436],[-133.70336383318332,56.68109549044904],[-133.66746811741174,56.80932388528853],[-133.70336383318332,56.8413809839984],[-133.7751552647265,56.80932388528853],[-133.8828424120412,56.84672383378337],[-133.9187381278128,56.916180880988094],[-133.9187381278128,56.958923679267926],[-134.06232099089908,57.02838072647264],[-134.0264252751275,57.07646637453745],[-133.8828424120412,57.09783777367736],[-133.70336383318332,57.06578067496749],[-133.63157240164017,57.06043782518252],[-133.45209382278227,57.017695026902686],[-133.34440667546755,57.00166647754775],[-133.30851095969598,57.012352177117705],[-133.0931366650665,57.00700932733273],[-132.9854495177518,56.94289512991299],[-132.9495538019802,56.87343808270827],[-132.9495538019802,56.82535243464346],[-132.9136580862086,56.80398103550355],[-132.8059709388939,56.79329533593359],[-132.77007522312232,56.75589538743874],[-132.73417950735075,56.71315258915891],[-132.62649236003602,56.670409790879084],[-132.59059664426442,56.611638443244324],[-132.55470092849285,56.60629559345934]],[[-134.6725481590159,56.168181911091104],[-134.7084438747875,56.173524760876084],[-134.8161310221022,56.237638958295825],[-134.85202673787379,56.30709600550055],[-134.95971388518853,56.38723875227522],[-134.9956096009601,56.456695799479945],[-135.06740103250326,56.5421813960396],[-135.03150531673168,56.6169812930293],[-135.10329674827483,56.59560989388939],[-135.17508817981798,56.675752640664065],[-135.28277532713273,56.702466889588955],[-135.35456675867587,56.77192393679368],[-135.39046247444745,56.77726678657866],[-135.42635819021902,56.80932388528853],[-135.35456675867587,56.89480948184818],[-135.3186710429043,56.916180880988094],[-135.39046247444745,56.953580829482945],[-135.39046247444745,56.980295078407835],[-135.3186710429043,57.00700932733273],[-135.3186710429043,57.044409275827576],[-135.39046247444745,57.09783777367736],[-135.42635819021902,57.167294820882084],[-135.35456675867587,57.199351919591955],[-135.35456675867587,57.24743756765676],[-135.46225390599062,57.25812326722672],[-135.56994105330534,57.231409018301825],[-135.60583676907692,57.30086606550655],[-135.67762820062006,57.3382660140014],[-135.67762820062006,57.36498026292629],[-135.56994105330534,57.42909446034603],[-135.53404533753377,57.450465859485945],[-135.53404533753377,57.509237207120705],[-135.42635819021902,57.56266570497049],[-135.35456675867587,57.55198000540054],[-135.28277532713273,57.509237207120705],[-135.28277532713273,57.482522958195815],[-135.21098389558955,57.487865807980796],[-135.1391924640464,57.43978015991599],[-135.06740103250326,57.418408760776074],[-134.92381816941696,57.423751610561055],[-134.85202673787379,57.40772306120612],[-134.8161310221022,57.34360886378637],[-134.8161310221022,57.30086606550655],[-134.88792245364536,57.32758031443144],[-134.95971388518853,57.3115517650765],[-134.88792245364536,57.29018036593659],[-134.85202673787379,57.24743756765676],[-134.74433959055906,57.012352177117705],[-134.74433959055906,56.948237979697964],[-134.7084438747875,56.90015233163316],[-134.7084438747875,56.85206668356835],[-134.6725481590159,56.82535243464346],[-134.63665244324432,56.729181138513844],[-134.60075672747274,56.638352692169214],[-134.63665244324432,56.55286709560956],[-134.6725481590159,56.5421813960396],[-134.63665244324432,56.47272434883488],[-134.63665244324432,56.40326730163016],[-134.63665244324432,56.264353207220715],[-134.6725481590159,56.168181911091104]],[[-135.60583676907692,57.89926524142414],[-135.46225390599062,57.8351510440044],[-135.39046247444745,57.80309394529453],[-135.3186710429043,57.74966544744474],[-135.21098389558955,57.728294048304825],[-135.10329674827483,57.75500829722972],[-135.03150531673168,57.74432259765976],[-134.9956096009601,57.765693996799676],[-134.92381816941696,57.74432259765976],[-134.92381816941696,57.68020840024002],[-134.85202673787379,57.62143705260526],[-134.8161310221022,57.49855150755075],[-134.88792245364536,57.4611515590559],[-135.03150531673168,57.455808709270926],[-135.06740103250326,57.46649440884088],[-135.1391924640464,57.49855150755075],[-135.24687961136115,57.54663715561556],[-135.46225390599062,57.63212275217521],[-135.56994105330534,57.67486555045504],[-135.6417324848485,57.65349415131513],[-135.67762820062006,57.62677990239023],[-135.60583676907692,57.60006565346534],[-135.53404533753377,57.482522958195815],[-135.56994105330534,57.450465859485945],[-135.60583676907692,57.43978015991599],[-135.6417324848485,57.40772306120612],[-135.67762820062006,57.37566596249625],[-135.85710677947796,57.391694511851185],[-135.89300249524953,57.40772306120612],[-135.89300249524953,57.43978015991599],[-135.9288982110211,57.4611515590559],[-136.03658535833586,57.51992290669067],[-136.00068964256425,57.54663715561556],[-136.07248107410743,57.59472280368036],[-136.14427250565058,57.62677990239023],[-136.21606393719372,57.637465601960194],[-136.32375108450844,57.760351147014696],[-136.32375108450844,57.78172254615461],[-136.35964680028002,57.82980819421942],[-136.46733394759477,57.856522443144314],[-136.46733394759477,57.89392239163916],[-136.5750210949095,57.92597949034903],[-136.53912537913791,58.07557928432843],[-136.46733394759477,58.09695068346834],[-136.4314382318232,58.134350631963194],[-136.35964680028002,58.15037918131813],[-136.35964680028002,58.193121979597954],[-136.39554251605162,58.27326472637263],[-136.28785536873687,58.26792187658766],[-136.28785536873687,58.225179078307825],[-136.2519596529653,58.171750580458045],[-136.21606393719372,58.182436280028],[-136.14427250565058,58.225179078307825],[-136.03658535833586,58.21983622852285],[-135.96479392679268,58.203807679167916],[-135.9288982110211,58.24655047744774],[-135.8212110637064,58.28395042594259],[-135.78531534793478,58.289293275727566],[-135.7494196321632,58.24120762766276],[-135.60583676907692,58.21449337873787],[-135.4981496217622,58.166407730673065],[-135.53404533753377,58.102293533253324],[-135.6417324848485,58.03817933583358],[-135.6417324848485,57.99543653755375],[-135.60583676907692,57.99009368776877],[-135.56994105330534,58.043522185618556],[-135.4981496217622,58.08626498389839],[-135.46225390599062,58.134350631963194],[-135.39046247444745,58.14503633153315],[-135.28277532713273,58.09695068346834],[-135.10329674827483,58.08626498389839],[-135.06740103250326,58.05955073497349],[-134.95971388518853,58.04886503540354],[-134.92381816941696,58.02215078647865],[-134.92381816941696,57.979407988198815],[-134.92381816941696,57.920636640564055],[-134.9956096009601,57.883236692069204],[-135.1391924640464,57.92597949034903],[-135.17508817981798,57.89926524142414],[-135.06740103250326,57.86720814271427],[-134.95971388518853,57.81377964486448],[-135.03150531673168,57.78172254615461],[-135.21098389558955,57.77637969636963],[-135.3186710429043,57.80309394529453],[-135.39046247444745,57.85117959335933],[-135.4981496217622,57.883236692069204],[-135.60583676907692,57.89926524142414]],[[-135.4981496217622,57.140580571957194],[-135.53404533753377,57.15660912131213],[-135.53404533753377,57.21003761916191],[-135.4981496217622,57.236751868086806],[-135.39046247444745,57.236751868086806],[-135.39046247444745,57.204694769376935],[-135.4981496217622,57.140580571957194]],[[-135.71352391639164,57.32223746464646],[-135.6417324848485,57.30086606550655],[-135.56994105330534,57.24209471787179],[-135.60583676907692,57.22606616851685],[-135.60583676907692,57.1619519710971],[-135.56994105330534,57.14592342174217],[-135.56994105330534,57.09249492389239],[-135.6417324848485,57.02303787668767],[-135.85710677947796,56.99632362776277],[-135.8212110637064,57.09249492389239],[-135.7494196321632,57.11920917281728],[-135.7494196321632,57.15660912131213],[-135.78531534793478,57.17798052045204],[-135.8212110637064,57.172637670667065],[-135.85710677947796,57.22072331873187],[-135.85710677947796,57.263466117011696],[-135.8212110637064,57.3382660140014],[-135.7494196321632,57.34360886378637],[-135.71352391639164,57.32223746464646]],[[-162.59941502930295,63.27417212511251],[-162.41993645044505,63.3756862710271],[-162.41993645044505,63.40774336973697],[-162.3481450189019,63.455829017801776],[-162.27635358735876,63.487886116511646],[-162.31224930313033,63.54131461436143],[-162.24045787158718,63.54131461436143],[-162.09687500850086,63.50925751565156],[-162.0250835769577,63.487886116511646],[-162.0250835769577,63.44514331823182],[-161.84560499809982,63.44514331823182],[-161.66612641924195,63.46651471737173],[-161.59433498769877,63.450486168016795],[-161.30716926152616,63.47185756715671],[-161.1276906826683,63.50391466586658],[-161.0917949668967,63.54665746414641],[-160.91231638803882,63.65885730963096],[-160.7687335249525,63.77105715511551],[-160.7687335249525,63.83517135253525],[-160.84052495649567,63.952714047804776],[-160.87642067226724,63.984771146514646],[-160.9482121038104,64.09162814221422],[-160.9482121038104,64.19314228812881],[-160.98410781958196,64.23588508640864],[-161.235377829983,64.36945633103309],[-161.27127354575458,64.39617057995798],[-161.4148564088409,64.42288482888289],[-161.52254355615563,64.42288482888289],[-161.48664784038405,64.50837042544254],[-161.3789606930693,64.53508467436743],[-161.235377829983,64.50302757565757],[-161.02000353535354,64.49768472587257],[-161.0558992511251,64.54042752415242],[-160.9482121038104,64.55111322372237],[-160.80462924072407,64.60988457135713],[-160.7687335249525,64.7167415670567],[-160.9482121038104,64.82359856275627],[-161.0917949668967,64.87168421082109],[-161.19948211421143,64.91976985888589],[-161.19948211421143,64.88236991039103],[-161.30716926152616,64.85565566146614],[-161.3789606930693,64.77551291469146],[-161.52254355615563,64.75414151555155],[-161.66612641924195,64.7915414640464],[-161.8815007138714,64.71139871727172],[-161.95329214541454,64.70071301770176],[-162.168666440044,64.67934161856185],[-162.20456215581558,64.65797021942194],[-162.24045787158718,64.62057027092709],[-162.3481450189019,64.5938560220022],[-162.52762359775977,64.52974182458246],[-162.59941502930295,64.47097047694768],[-162.59941502930295,64.44959907780778],[-162.63531074507452,64.38548488038803],[-162.70710217661767,64.35877063146314],[-162.81478932393242,64.35342778167816],[-162.81478932393242,64.40685627952794],[-162.850685039704,64.47631332673268],[-162.850685039704,64.49768472587257],[-162.9583721870187,64.54042752415242],[-163.03016361856186,64.54042752415242],[-163.06605933433343,64.58851317221722],[-163.20964219741975,64.63125597049705],[-163.31732934473447,64.58851317221722],[-163.24553791319133,64.55111322372237],[-163.17374648164818,64.54577037393739],[-163.10195505010503,64.50837042544254],[-163.03016361856186,64.5190561250125],[-163.03016361856186,64.47631332673268],[-163.10195505010503,64.40685627952794],[-163.17374648164818,64.40151342974298],[-163.24553791319133,64.42822767866787],[-163.24553791319133,64.47097047694768],[-163.4609122078208,64.53508467436743],[-163.6044950709071,64.56179892329232],[-163.81986936553656,64.57248462286228],[-163.96345222862288,64.55111322372237],[-164.14293080748075,64.56714177307731],[-164.32240938633865,64.56179892329232],[-164.43009653365337,64.54577037393739],[-164.82494940714074,64.44959907780778],[-165.0044279859986,64.43357052845283],[-165.21980228062807,64.47097047694768],[-165.39928085948597,64.49768472587257],[-165.75823801720173,64.53508467436743],[-165.90182088028803,64.55111322372237],[-166.22488232223225,64.58317032243224],[-166.40436090109012,64.63659882028202],[-166.47615233263326,64.73277011641164],[-166.47615233263326,64.79688431383138],[-166.40436090109012,64.83428426232624],[-166.40436090109012,64.87168421082109],[-166.54794376417644,64.93579840824083],[-166.69152662726273,64.98388405630563],[-166.69152662726273,65.03731255415542],[-166.87100520612063,65.0907410520052],[-166.9069009218922,65.12814100050005],[-166.76331805880588,65.11211245114511],[-166.65563091149116,65.11211245114511],[-166.61973519571958,65.13348385028502],[-166.51204804840486,65.14951239963996],[-166.47615233263326,65.17622664856485],[-166.47615233263326,65.22431229662965],[-166.33256946954697,65.27774079447944],[-166.36846518531854,65.29911219361935],[-166.47615233263326,65.33116929232924],[-166.54794376417644,65.3365121421142],[-166.65563091149116,65.32582644254424],[-166.79921377457748,65.3365121421142],[-167.01458806920692,65.38459779017901],[-167.4094409426943,65.40062633953394],[-167.48123237423744,65.4113120391039],[-167.6966066688669,65.49679763566357],[-167.91198096349638,65.55022613351335],[-168.09145954235424,65.57694038243824],[-168.12735525812582,65.62502603050305],[-168.09145954235424,65.68379737813781],[-167.98377239503952,65.72654017641764],[-167.73250238463848,65.77462582448244],[-167.55302380578058,65.82271147254724],[-167.30175379537954,65.886825669967],[-167.12227521652167,65.94559701760176],[-166.97869235343535,65.99368266566657],[-166.83510949034905,66.05245401330133],[-166.51204804840486,66.14328245964596],[-166.33256946954697,66.19136810771076],[-165.7941337329733,66.33562505190518],[-165.39928085948597,66.42111064846483],[-165.11211513331335,66.47453914631463],[-164.717262259826,66.54399619351935],[-164.3942008178818,66.5813961420142],[-163.96345222862288,66.59208184158416],[-163.8916607970797,66.55468189308931],[-163.74807793399341,66.54933904330433],[-163.71218221822184,66.51728194459446],[-163.74807793399341,66.45316774717472],[-163.85576508130814,66.42111064846483],[-163.85576508130814,66.38905354975498],[-163.85576508130814,66.3302822021202],[-163.81986936553656,66.27151085448544],[-163.8916607970797,66.22876805620561],[-164.0711393759376,66.20205380728072],[-163.99934794439446,66.18068240814081],[-163.9275565128513,66.19136810771076],[-163.85576508130814,66.12191106050605],[-163.783973649765,66.0845111120112],[-163.783973649765,66.06313971287128],[-163.64039078667867,66.05779686308631],[-163.49680792359237,66.0845111120112],[-163.35322506050605,66.0845111120112],[-163.17374648164818,66.05779686308631],[-162.99426790279028,66.07916826222622],[-162.74299789238924,66.08985396179617],[-162.63531074507452,66.04176831373137],[-162.45583216621662,66.05779686308631],[-162.38404073467348,66.03108261416142],[-162.3481450189019,66.03108261416142],[-162.13277072427243,66.06848256265627],[-162.0250835769577,66.06313971287128],[-161.84560499809982,66.02039691459146],[-161.77381356655667,66.07382541244124],[-161.66612641924195,66.11122536093609],[-161.63023070347035,66.1539681592159],[-161.5584392719272,66.23945375577557],[-161.48664784038405,66.2608251549155],[-161.34306497729773,66.2554823051305],[-161.30716926152616,66.22342520642064],[-161.19948211421143,66.21273950685068],[-160.98410781958196,66.2554823051305],[-161.0558992511251,66.2821965540554],[-161.1276906826683,66.33562505190518],[-161.34306497729773,66.37836785018501],[-161.52254355615563,66.39439639953994],[-161.70202213501352,66.39439639953994],[-161.80970928232824,66.36233930083009],[-161.91739642964296,66.35165360126013],[-161.84560499809982,66.44248204760476],[-161.8815007138714,66.51193909480948],[-162.0250835769577,66.58673899179917],[-162.09687500850086,66.60811039093909],[-162.168666440044,66.68825313771376],[-162.27635358735876,66.72031023642364],[-162.4917278819882,66.74168163556355],[-162.52762359775977,66.7790815840584],[-162.63531074507452,66.84853863126312],[-162.59941502930295,66.89662427932794],[-162.4917278819882,66.91799567846783],[-162.3481450189019,66.93402422782277],[-162.27635358735876,66.91799567846783],[-162.24045787158718,66.86456718061805],[-162.09687500850086,66.78976728362835],[-162.0250835769577,66.7577101849185],[-162.09687500850086,66.69359598749875],[-162.0609792927293,66.64551033943394],[-161.95329214541454,66.60276754115411],[-161.91739642964296,66.54933904330433],[-161.63023070347035,66.44782489738974],[-161.5584392719272,66.43713919781977],[-161.45075212461248,66.45316774717472],[-161.34306497729773,66.4798819960996],[-161.30716926152616,66.52262479437942],[-161.48664784038405,66.52796764416442],[-161.48664784038405,66.56002474287428],[-161.70202213501352,66.61879609050905],[-161.8815007138714,66.71496738663866],[-161.84560499809982,66.79511013341335],[-161.77381356655667,66.85922433083309],[-161.66612641924195,66.96073847674768],[-161.5584392719272,66.93402422782277],[-161.48664784038405,66.93936707760776],[-161.52254355615563,66.98745272567257],[-161.63023070347035,67.00882412481248],[-161.70202213501352,67.00882412481248],[-161.80970928232824,67.05156692309231],[-161.8815007138714,67.05156692309231],[-162.13277072427243,67.02485267416742],[-162.24045787158718,66.99279557545754],[-162.45583216621662,66.98745272567257],[-162.45583216621662,67.02485267416742],[-162.63531074507452,67.00882412481248],[-162.70710217661767,67.05690977287728],[-162.850685039704,67.03553837373737],[-162.88658075547556,67.00882412481248],[-163.10195505010503,67.04088122352235],[-163.56859935513552,67.09430972137213],[-163.74807793399341,67.13170966986698],[-163.74807793399341,67.21185241664166],[-163.74807793399341,67.2545952149215],[-163.8916607970797,67.41488070847083],[-163.99934794439446,67.53776625352535],[-164.0711393759376,67.58585190159016],[-164.2147222390239,67.63928039943994],[-164.53778368096812,67.7247659959996],[-164.78905369136913,67.8209372921292],[-165.1839065648565,67.96519423632363],[-165.25569799639965,67.9972513350335],[-165.5069680068007,68.06136553245324],[-165.7941337329733,68.08273693159316],[-165.9736123118312,68.12013688008801],[-166.00950802760278,68.1468511290129],[-166.26077803800382,68.24302242514251],[-166.36846518531854,68.28042237363735],[-166.69152662726273,68.33919372127212],[-166.69152662726273,68.371250819982],[-166.36846518531854,68.42467931783179],[-166.2966737537754,68.46207926632663],[-166.2966737537754,68.51016491439142],[-166.22488232223225,68.56359341224122],[-166.18898660646065,68.68113610751075],[-166.18898660646065,68.77730740364035],[-166.22488232223225,68.87882154955494],[-165.650550869887,68.85745015041503],[-165.3274894279428,68.85745015041503],[-164.82494940714074,68.89485009890988],[-164.64547082828284,68.91087864826483],[-164.2506179547955,68.93225004740474],[-163.96345222862288,68.98567854525453],[-163.81986936553656,69.03910704310431],[-163.71218221822184,69.0658212920292],[-163.53270363936394,69.1406211890189],[-163.4609122078208,69.19404968686868],[-163.2814336289629,69.27419243364335],[-163.24553791319133,69.28487813321331],[-163.10195505010503,69.37570657955794],[-163.10195505010503,69.4131065280528],[-163.03016361856186,69.53599207310731],[-163.10195505010503,69.58942057095709],[-163.03016361856186,69.61079197009701],[-162.92247647124714,69.69093471687168],[-163.03016361856186,69.72833466536653],[-163.03016361856186,69.75504891429142],[-162.92247647124714,69.79779171257125],[-162.850685039704,69.8138202619262],[-162.4917278819882,69.97410575547553],[-162.45583216621662,70.04356280268027],[-162.38404073467348,70.04356280268027],[-162.31224930313033,70.10767700010001],[-162.168666440044,70.16110549794979],[-162.0250835769577,70.22521969536953],[-161.91739642964296,70.28933389278927],[-161.70202213501352,70.26796249364935],[-161.63023070347035,70.24124824472446],[-161.3789606930693,70.24124824472446],[-161.27127354575458,70.2572767940794],[-161.02000353535354,70.32673384128412],[-160.98410781958196,70.31604814171416],[-160.73283780918092,70.37481948934894],[-160.48156779877988,70.4549622361236],[-160.48156779877988,70.46564793569357],[-160.23029778837883,70.5564763820382],[-160.05081920952097,70.6312762790279],[-159.79954919911992,70.7327904249425],[-159.6559663360336,70.79690462236223],[-159.5123834729473,70.81827602150214],[-159.2252177467747,70.87170451935194],[-159.15342631523154,70.86101881978198],[-159.15342631523154,70.81827602150214],[-159.3329048940894,70.8075903219322],[-159.29700917831784,70.75950467386738],[-159.00984345214522,70.76484752365236],[-158.97394773637365,70.79690462236223],[-158.65088629442945,70.78621892279227],[-158.3996162840284,70.8022474721472],[-158.3996162840284,70.82361887128712],[-158.25603342094212,70.81827602150214],[-158.04065912631265,70.83430457085709],[-157.75349340014003,70.8770473691369],[-157.502223389739,70.94650441634164],[-157.25095337933794,71.0533614120412],[-157.10737051625165,71.1281613090309],[-156.820204790079,71.28844680258025],[-156.568934779678,71.352561],[-156.53303906390641,71.29378965236523],[-156.35356048504852,71.26173255365536],[-156.2099776219622,71.26173255365536],[-156.0663947588759,71.24036115451545],[-156.03049904310433,71.2029612060206],[-155.95870761156118,71.18693265666566],[-155.7433333169317,71.19227550645064],[-155.5997504538454,71.17090410731072],[-155.52795902230224,71.09610421032103],[-155.56385473807381,71.05870426182618],[-155.70743760116014,71.02130431333133],[-155.81512474847486,70.96787581548153],[-155.99460332733275,70.96253296569657],[-156.03049904310433,70.89841876827683],[-155.95870761156118,70.86101881978198],[-155.99460332733275,70.8075903219322],[-155.886916180018,70.8289617210721],[-155.63564616961696,70.82361887128712],[-155.49206330653067,70.86101881978198],[-155.49206330653067,70.94116156655664],[-155.34848044344434,71.00527576397639],[-155.16900186458648,71.02664716311631],[-155.2766890119012,71.06404711161116],[-155.24079329612962,71.08007566096609],[-155.02541900150015,71.14418985838583],[-154.7741489910991,71.08541851075107],[-154.63056612801282,71.02664716311631],[-154.55877469646964,70.98924721462146],[-154.6664618437844,70.9037616180618],[-154.63056612801282,70.87170451935194],[-154.52287898069807,70.82361887128712],[-154.3434004018402,70.83430457085709],[-154.27160897029705,70.81293317171716],[-154.1639218229823,70.77019037343734],[-153.9844432441244,70.82361887128712],[-153.8767560968097,70.88773306870686],[-153.7331732337234,70.89307591849185],[-153.51779893909392,70.88773306870686],[-153.41011179177917,70.88773306870686],[-153.2306332129213,70.92513301720172],[-153.12294606560658,70.92513301720172],[-153.01525891829183,70.9037616180618],[-152.7639889078908,70.88773306870686],[-152.58451032903292,70.88773306870686],[-152.2614488870887,70.84499027042705],[-152.18965745554556,70.8022474721472],[-152.2973446028603,70.78621892279227],[-152.36913603440345,70.71676187558755],[-152.47682318171817,70.69004762666266],[-152.40503175017503,70.60990487988798],[-152.33324031863188,70.61524772967297],[-152.2614488870887,70.59387633053305],[-152.15376173977398,70.58853348074807],[-151.8307002978298,70.54579068246824],[-151.72301315051507,70.49770503440344],[-151.90249172937294,70.47099078547853],[-151.86659601360137,70.42824798719872],[-151.54353457165718,70.43359083698368],[-151.43584742434246,70.42290513741374],[-151.1845774139414,70.38550518891888],[-151.1845774139414,70.42824798719872],[-151.07689026662666,70.41756228762875],[-151.0409945508551,70.43893368676868],[-150.82562025622562,70.46030508590859],[-150.75382882468247,70.49770503440344],[-150.35897595119513,70.49236218461846],[-150.35897595119513,70.43359083698368],[-150.25128880388039,70.44427653655364],[-150.1077059407941,70.43359083698368],[-149.85643593039305,70.50839073397339],[-149.82054021462147,70.49236218461846],[-149.67695735153515,70.50839073397339],[-149.56927020422043,70.49770503440344],[-149.4615830569057,70.51907643354335],[-149.4256873411341,70.49236218461846],[-149.1744173307331,70.48701933483348],[-148.95904303610362,70.42290513741374],[-148.85135588878887,70.42290513741374],[-148.77956445724573,70.40153373827383],[-148.70777302570258,70.42824798719872],[-148.60008587838786,70.42290513741374],[-148.4923987310731,70.358790939994],[-148.4923987310731,70.32139099149914],[-148.34881586798681,70.3053624421442],[-148.2052330049005,70.34810524042405],[-147.95396299449945,70.31604814171416],[-147.81038013141315,70.27864819321931],[-147.77448441564158,70.21987684558455],[-147.66679726832683,70.19850544644464],[-147.52321440524054,70.19850544644464],[-147.34373582638264,70.18781974687468],[-147.23604867906792,70.21987684558455],[-147.23604867906792,70.17713404730472],[-147.16425724752474,70.15576264816481],[-146.98477866866688,70.14507694859486],[-146.87709152135216,70.18781974687468],[-146.73350865826583,70.17713404730472],[-146.51813436363636,70.18781974687468],[-146.26686435323535,70.17713404730472],[-146.08738577437745,70.14507694859486],[-146.01559434283428,70.13973409880987],[-145.80022004820484,70.15041979837983],[-145.76432433243326,70.12370554945494],[-145.62074146934694,70.08630560096009],[-145.51305432203222,70.07561990139013],[-145.40536717471747,70.03287710311031],[-145.26178431163117,70.01684855375538],[-145.18999288008803,69.99547715461546],[-145.01051430123013,69.97944860526053],[-144.93872286968698,69.9580772061206],[-144.8669314381438,69.97410575547553],[-144.6156614277428,69.96876290569057],[-144.47207856465647,70.02753425332533],[-144.22080855425543,70.03821995289528],[-144.07722569116913,70.0595913520352],[-143.89774711231124,70.12904839923992],[-143.61058138613862,70.14507694859486],[-143.5028942388239,70.13973409880987],[-143.5028942388239,70.09164845074507],[-143.35931137573758,70.09699130053005],[-143.25162422842286,70.11836269966996],[-143.10804136533653,70.07561990139013],[-143.03624993379339,70.09164845074507],[-142.74908420762077,70.04356280268027],[-142.49781419721972,69.97410575547553],[-142.390127049905,69.91533440784079],[-142.28243990259026,69.90464870827083],[-142.06706560796079,69.85122021042105],[-141.99527417641764,69.80313456235623],[-141.85169131333134,69.8138202619262],[-141.70810845024502,69.78710601300129],[-141.52862987138715,69.73367751515151],[-141.4209427240724,69.69627756665666],[-141.4209427240724,69.66422046794679],[-141.38504700830083,69.63216336923692],[-141.24146414521454,69.63216336923692],[-141.20556842944296,69.68559186708671],[-140.9901941348135,69.64819191859186],[-140.9901941348135,68.49947921482148],[-140.9901941348135,65.83874002190218],[-140.9901941348135,62.12545942134213],[-140.9901941348135,61.676660039403934],[-140.9901941348135,60.38903324122412],[-140.9901941348135,60.30354764466446],[-140.52354982978298,60.223404897889786],[-140.4876541140114,60.30889049444944],[-139.98511409320932,60.186004949394935],[-139.6979483670367,60.340947593159314],[-139.0877211989199,60.35697614251425],[-139.0877211989199,60.32491904380438],[-139.19540834623461,60.08983365326532],[-139.01592976737675,59.99366235713571],[-138.80055547274728,59.92954815971597],[-138.69286832543256,59.908176760576055],[-138.65697260966095,59.81200546444644],[-138.62107689388938,59.76926266616661],[-138.01084972577257,59.45403452885288],[-137.61599685228524,59.24566338723872],[-137.5083097049705,58.98920659755975],[-137.5442054207421,58.909063850785074],[-137.43651827342734,58.909063850785074],[-137.25703969456947,58.99989229712971],[-136.8621868210821,59.13880639153915],[-136.82629110531053,59.160177790679064],[-136.5750210949095,59.165520640464045],[-136.46733394759477,59.28306333573357],[-136.46733394759477,59.46472022842284],[-136.35964680028002,59.448691679067906],[-136.28785536873687,59.46472022842284],[-136.2519596529653,59.5234915760576],[-136.2519596529653,59.59294862326232],[-136.2519596529653,59.625005721972194],[-136.18016822142215,59.64103427132713],[-135.9288982110211,59.662405670467045],[-135.46225390599062,59.80131976487648],[-135.24687961136115,59.69980561896189],[-135.1391924640464,59.625005721972194],[-135.10329674827483,59.625005721972194],[-135.03150531673168,59.56623437433743],[-135.03150531673168,59.475405927992796],[-135.06740103250326,59.45403452885288],[-135.06740103250326,59.42197743014301],[-135.03150531673168,59.39526318121812],[-135.03150531673168,59.347177533153314],[-134.95971388518853,59.27772048594859],[-134.7084438747875,59.24566338723872],[-134.6725481590159,59.192234889388935],[-134.56486101170117,59.128120691969194],[-134.49306958015802,59.128120691969194],[-134.3853824328433,59.037292245624556],[-134.3853824328433,58.978520897989796],[-134.31359100130013,58.95714949884988],[-134.31359100130013,58.91974955035503],[-134.24179956975698,58.85563535293529],[-133.84694669626964,58.727406958095806],[-133.70336383318332,58.60986426282628],[-133.55978097009702,58.52437866626662],[-133.38030239123913,58.42820737013701],[-133.45209382278227,58.385464571857185],[-133.34440667546755,58.27326472637263],[-133.16492809660966,58.15037918131813],[-133.0931366650665,58.00077938733873],[-132.87776237043704,57.84049389378937],[-132.77007522312232,57.706922649164916],[-132.6623880758076,57.62143705260526],[-132.55470092849285,57.50389435733573],[-132.37522234963495,57.34895171357135],[-132.26753520232023,57.21538046894689],[-132.3034309180918,57.1619519710971],[-132.37522234963495,57.09783777367736],[-132.23163948654866,57.06043782518252],[-132.0521609076908,57.04975212561256],[-132.08805662346236,56.93755228012801],[-132.12395233923394,56.87343808270827],[-132.08805662346236,56.85206668356835],[-131.94447376037604,56.83603813421342],[-131.8726823288329,56.80398103550355],[-131.90857804460447,56.75055253765376],[-131.8726823288329,56.702466889588955],[-131.83678661306132,56.60095274367436],[-131.58551660266028,56.611638443244324],[-131.47782945534556,56.547524245824576],[-131.15476801340134,56.44601009990999],[-131.0829765818582,56.40861015141514],[-130.79581085568557,56.36586735313531],[-130.61633227682768,56.269696057005696],[-130.47274941374138,56.237638958295825],[-130.4368536979698,56.141467662166214],[-130.32916655065506,56.12543911281128],[-130.2573751191119,56.09872486388638],[-130.1137922560256,56.114753413241324],[-130.00610510871087,56.018582117111706],[-130.04200082448244,55.91706797119711],[-130.07789654025402,55.82623952485248],[-130.1137922560256,55.80486812571257],[-130.1496879717972,55.767468177217715],[-130.1496879717972,55.714039679367936],[-130.1137922560256,55.681982580658065],[-130.1137922560256,55.58046843474347],[-130.07789654025402,55.489639988398835],[-130.04200082448244,55.452240039903984],[-130.00610510871087,55.34004019441944],[-129.9702093929393,55.28661169656965],[-130.1137922560256,55.19578325022502],[-130.18558368756877,55.09426910431043],[-130.18558368756877,55.06221200560056],[-130.2932708348835,54.97138355925592],[-130.32916655065506,54.92329791119111],[-130.47274941374138,54.837812314631456],[-130.5804365610561,54.78972666656665],[-130.65222799259925,54.779040966996696],[-130.61633227682768,54.741641018501845],[-130.68812370837082,54.720269619361936],[-130.72401942414243,54.75232671807181],[-130.759915139914,54.80041236613661],[-130.83170657145715,54.76301241764176],[-130.9034980030003,54.78972666656665],[-130.9393937187719,54.84315516441644],[-130.97528943454347,54.933983610761075],[-130.9393937187719,54.966040709470946],[-131.01118515031504,54.998097808180816],[-130.97528943454347,55.06755485538554],[-131.04708086608662,55.115640503450344],[-131.0829765818582,55.19044040044004],[-130.97528943454347,55.249211748074806],[-130.9393937187719,55.302640245924586],[-130.86760228722872,55.29195454635463],[-130.86760228722872,55.36141159355935],[-130.9034980030003,55.430868640764075],[-130.86760228722872,55.53238278667867],[-130.9034980030003,55.698011130013],[-130.9393937187719,55.75678247764776],[-131.0829765818582,55.895696572057204],[-131.15476801340134,55.90103942184218],[-131.0829765818582,55.82623952485248],[-131.04708086608662,55.76212532743274],[-130.97528943454347,55.68732543044304],[-130.9393937187719,55.57512558495849],[-130.97528943454347,55.53772563646364],[-131.01118515031504,55.4736114390439],[-130.97528943454347,55.393468692269224],[-130.9393937187719,55.34004019441944],[-130.97528943454347,55.33469734463446],[-131.01118515031504,55.398811542054204],[-131.04708086608662,55.37744014291429],[-131.01118515031504,55.34538304420442],[-131.04708086608662,55.28661169656965],[-131.15476801340134,55.19578325022502],[-131.22655944494448,55.19044040044004],[-131.29835087648766,55.23318319871987],[-131.22655944494448,55.29729739613961],[-131.1906637291729,55.36141159355935],[-131.1906637291729,55.393468692269224],[-131.29835087648766,55.38278299269927],[-131.26245516071606,55.3240116450645],[-131.29835087648766,55.28661169656965],[-131.40603802380238,55.238526048504845],[-131.44193373957395,55.238526048504845],[-131.47782945534556,55.33469734463446],[-131.5496208868887,55.29195454635463],[-131.62141231843185,55.34004019441944],[-131.693203749975,55.35606874377437],[-131.72909946574657,55.398811542054204],[-131.83678661306132,55.457582889688965],[-131.83678661306132,55.521697087108706],[-131.72909946574657,55.5484113360336],[-131.65730803420342,55.58046843474347],[-131.72909946574657,55.63923978237823],[-131.693203749975,55.698011130013],[-131.72909946574657,55.73006822872287],[-131.65730803420342,55.767468177217715],[-131.693203749975,55.78883957635763],[-131.72909946574657,55.895696572057204],[-131.83678661306132,55.87432517291729],[-131.80089089728972,55.83692522442244],[-131.76499518151815,55.81021097549755],[-131.83678661306132,55.71938252915291],[-131.83678661306132,55.66595403130313],[-131.90857804460447,55.60183983388338],[-131.98036947614762,55.61786838323832],[-131.94447376037604,55.53772563646364],[-131.98036947614762,55.5003256879688],[-132.0521609076908,55.54306848624862],[-132.1598480550055,55.56443988538854],[-132.19574377077709,55.58581128452845],[-132.23163948654866,55.703353979797974],[-132.26753520232023,55.73006822872287],[-132.19574377077709,55.75143962786278],[-132.19574377077709,55.79952527592759],[-132.12395233923394,55.81021097549755],[-132.08805662346236,55.83158237463746],[-132.0521609076908,55.959810769476945],[-132.08805662346236,56.0452963660366],[-131.98036947614762,56.114753413241324],[-131.94447376037604,56.178867610661065],[-132.0162651919192,56.18421046044604],[-132.0521609076908,56.13078196259626],[-132.08805662346236,56.10941056345634],[-132.1598480550055,56.05598206560656],[-132.12395233923394,55.959810769476945],[-132.1598480550055,55.922410820982094],[-132.26753520232023,55.922410820982094],[-132.3034309180918,55.88501087248724],[-132.33932663386338,55.85295377377737],[-132.37522234963495,55.85295377377737],[-132.41111806540655,55.87966802270227],[-132.41111806540655,55.949125069906984],[-132.44701378117813,56.018582117111706],[-132.51880521272128,56.07735346474647],[-132.62649236003602,56.05598206560656],[-132.62649236003602,56.03461066646664],[-132.69828379157917,56.114753413241324],[-132.73417950735075,56.146810511951195],[-132.73417950735075,56.21626755915591],[-132.69828379157917,56.237638958295825],[-132.59059664426442,56.237638958295825],[-132.59059664426442,56.29641030593059],[-132.51880521272128,56.33915310421042],[-132.44701378117813,56.35518165356535],[-132.37522234963495,56.31243885528553],[-132.33932663386338,56.33915310421042],[-132.41111806540655,56.483410048404835],[-132.37522234963495,56.488752898189816],[-132.26753520232023,56.451352949694964],[-132.23163948654866,56.39792445184518],[-132.19574377077709,56.39792445184518],[-132.19574377077709,56.456695799479945],[-132.3034309180918,56.488752898189816],[-132.37522234963495,56.53149569646964],[-132.37522234963495,56.59560989388939],[-132.26753520232023,56.638352692169214],[-132.3034309180918,56.675752640664065],[-132.44701378117813,56.670409790879084],[-132.51880521272128,56.702466889588955],[-132.51880521272128,56.729181138513844],[-132.37522234963495,56.8146667350735],[-132.44701378117813,56.82000958485848],[-132.55470092849285,56.75589538743874],[-132.62649236003602,56.78260963636363],[-132.77007522312232,56.83603813421342],[-132.8059709388939,56.89480948184818],[-132.87776237043704,56.926866580558055],[-132.9136580862086,56.99632362776277],[-132.84186665466547,57.00700932733273],[-132.8059709388939,57.02838072647264],[-132.84186665466547,57.08180922432243],[-132.9136580862086,57.0390664260426],[-133.02134523352336,57.05509497539754],[-133.0931366650665,57.08180922432243],[-133.20082381238126,57.08715207410741],[-133.20082381238126,57.12455202260226],[-133.23671952815283,57.135237722172214],[-133.30851095969598,57.1138663230323],[-133.52388525432542,57.17798052045204],[-133.55978097009702,57.24209471787179],[-133.48798953855385,57.30620891529153],[-133.4161981070107,57.28483751615161],[-133.30851095969598,57.29018036593659],[-133.2726152439244,57.33292316421642],[-133.34440667546755,57.33292316421642],[-133.45209382278227,57.35429456335633],[-133.45209382278227,57.39703736163616],[-133.52388525432542,57.487865807980796],[-133.52388525432542,57.57869425432543],[-133.55978097009702,57.56266570497049],[-133.63157240164017,57.57869425432543],[-133.66746811741174,57.62677990239023],[-133.66746811741174,57.71226549894989],[-133.5956766858686,57.71760834873487],[-133.52388525432542,57.685551250025],[-133.4161981070107,57.664179850885084],[-133.23671952815283,57.6107513530353],[-133.16492809660966,57.6107513530353],[-133.30851095969598,57.664179850885084],[-133.55978097009702,57.77637969636963],[-133.55978097009702,57.86186529292929],[-133.63157240164017,57.84583674357435],[-133.63157240164017,57.792408245724566],[-133.70336383318332,57.792408245724566],[-133.84694669626964,57.93666518991899],[-134.06232099089908,58.05955073497349],[-134.09821670667066,58.182436280028],[-134.13411242244226,58.198464829382935],[-134.27769528552855,58.193121979597954],[-134.49306958015802,58.21449337873787],[-134.63665244324432,58.24655047744774],[-134.78023530633064,58.39615027142714],[-134.78023530633064,58.49232156755675],[-134.92381816941696,58.60986426282628],[-135.03150531673168,58.732749807880786],[-135.1391924640464,58.84494965336533],[-135.17508817981798,58.99989229712971],[-135.21098389558955,59.07469219411941],[-135.28277532713273,59.192234889388935],[-135.39046247444745,59.29374903530353],[-135.46225390599062,59.27772048594859],[-135.42635819021902,59.24032053745374],[-135.35456675867587,59.21360628852885],[-135.28277532713273,59.08537789368936],[-135.39046247444745,59.09072074347434],[-135.39046247444745,59.04263509540954],[-135.39046247444745,59.02126369626962],[-135.39046247444745,58.973178048204815],[-135.28277532713273,58.81823540444044],[-135.24687961136115,58.78083545594559],[-135.24687961136115,58.73809265766576],[-135.1391924640464,58.61520711261126],[-135.1391924640464,58.58849286368636],[-135.17508817981798,58.57780716411641],[-135.10329674827483,58.42286452035203],[-135.03150531673168,58.31066467486748],[-135.10329674827483,58.29463612551255],[-135.10329674827483,58.198464829382935],[-135.17508817981798,58.20915052895289],[-135.21098389558955,58.23586477787779],[-135.28277532713273,58.23586477787779],[-135.35456675867587,58.27326472637263],[-135.39046247444745,58.32669322422242],[-135.42635819021902,58.40149312121212],[-135.4981496217622,58.385464571857185],[-135.6417324848485,58.42820737013701],[-135.71352391639164,58.39615027142714],[-135.89300249524953,58.380121722072204],[-135.89300249524953,58.449578769276926],[-136.00068964256425,58.46560731863186],[-136.00068964256425,58.481635867986796],[-135.89300249524953,58.508350116911686],[-135.9288982110211,58.57246431433143],[-135.9288982110211,58.62054996239623],[-136.00068964256425,58.71137840874087],[-136.00068964256425,58.74343550745074],[-136.07248107410743,58.81823540444044],[-136.03658535833586,58.83426395379538],[-136.03658535833586,58.914406700570055],[-136.108376789879,58.92509240014001],[-136.108376789879,58.86632105250525],[-136.14427250565058,58.759464056805676],[-136.2519596529653,58.754121207020695],[-136.39554251605162,58.81289255465546],[-136.50322966336634,58.83960680358035],[-136.53912537913791,58.93043524992499],[-136.64681252645266,58.88769245164516],[-136.79039538953896,58.935778099709964],[-136.82629110531053,58.91974955035503],[-136.8621868210821,58.96249234863486],[-136.93397825262525,58.946463799279925],[-136.93397825262525,58.89837815121512],[-136.75449967376738,58.87166390229022],[-136.75449967376738,58.877006752075204],[-136.5750210949095,58.83960680358035],[-136.46733394759477,58.78083545594559],[-136.35964680028002,58.690007009600954],[-136.39554251605162,58.65260706110611],[-136.46733394759477,58.636578511751175],[-136.46733394759477,58.60986426282628],[-136.35964680028002,58.64726421132113],[-136.32375108450844,58.668635610461045],[-136.21606393719372,58.67397846024602],[-136.18016822142215,58.58315001390139],[-136.108376789879,58.51369296669667],[-136.03658535833586,58.380121722072204],[-136.108376789879,58.34272177357735],[-136.2519596529653,58.31600752465246],[-136.28785536873687,58.33737892379238],[-136.28785536873687,58.36409317271727],[-136.32375108450844,58.380121722072204],[-136.39554251605162,58.36409317271727],[-136.35964680028002,58.32669322422242],[-136.39554251605162,58.29463612551255],[-136.53912537913791,58.31600752465246],[-136.5750210949095,58.29463612551255],[-136.5750210949095,58.24655047744774],[-136.5750210949095,58.21983622852285],[-136.64681252645266,58.20915052895289],[-136.7186039579958,58.21983622852285],[-136.7186039579958,58.28395042594259],[-136.79039538953896,58.289293275727566],[-136.93397825262525,58.39080742164216],[-137.00576968416843,58.40683597099709],[-137.11345683148315,58.39080742164216],[-137.18524826302632,58.42820737013701],[-137.29293541034104,58.46026446884688],[-137.5083097049705,58.55643576497649],[-137.68778828382838,58.62054996239623],[-137.68778828382838,58.663292760676065],[-137.79547543114313,58.727406958095806],[-137.93905829422943,58.78083545594559],[-137.93905829422943,58.86632105250525],[-137.974954010001,58.909063850785074],[-138.11853687308732,58.98920659755975],[-138.11853687308732,59.02126369626962],[-138.26211973617362,59.04797794519452],[-138.62107689388938,59.128120691969194],[-138.7646597569757,59.192234889388935],[-138.90824262006203,59.251006237023695],[-139.2671997777778,59.33649183358335],[-139.41078264086408,59.379234631863184],[-139.73384408280828,59.502120176917686],[-139.84153123012302,59.534177275627556],[-139.84153123012302,59.56089152455245],[-139.73384408280828,59.64103427132713],[-139.66205265126513,59.630348571757175],[-139.59026121972198,59.64103427132713],[-139.51846978817883,59.70514846874687],[-139.59026121972198,59.71049131853185],[-139.59026121972198,59.77460551595159],[-139.62615693549355,59.876119661866184],[-139.59026121972198,59.902833910791074],[-139.51846978817883,59.940233859285925],[-139.48257407240726,59.99366235713571],[-139.51846978817883,60.04174800520052],[-139.5543655039504,60.04174800520052],[-139.59026121972198,59.95626240864086],[-139.6979483670367,59.934891009500944],[-139.80563551435145,59.82803401380138],[-140.16459267206722,59.73720556745674],[-140.27227981938194,59.69980561896189],[-140.37996696669668,59.69980561896189],[-140.73892412441245,59.721177018101805],[-140.91840270327032,59.7478912670267],[-141.1696727136714,59.81200546444644],[-141.4209427240724,59.876119661866184],[-141.4209427240724,59.91886246014601],[-141.31325557675768,59.934891009500944],[-141.2773598609861,60.01503375627562],[-141.31325557675768,60.05243370477047],[-141.38504700830083,60.004348056705666],[-141.6004213029303,59.96160525842584],[-141.74400416601662,59.96160525842584],[-141.9234827448745,60.00969090649065],[-142.13885703950396,60.031062305630556],[-142.24654418681868,60.05243370477047],[-142.5337099129913,60.08449080348034],[-142.7131884918492,60.095176503050304],[-142.8926670707071,60.08983365326532],[-143.07214564956496,60.06846225412541],[-143.43110280728075,60.05243370477047],[-143.68237281768177,60.02571945584558],[-143.89774711231124,59.98831950735073],[-144.04132997539756,60.0203766060606],[-144.18491283848385,59.999005206920685],[-144.4361828488849,59.89214821122112],[-144.4361828488849,59.8707768120812],[-144.57976571197122,59.79597691509151],[-144.57976571197122,59.84940541294129],[-144.4361828488849,59.940233859285925],[-144.22080855425543,60.04174800520052],[-144.04132997539756,60.04174800520052],[-144.04132997539756,60.05777655455545],[-144.1131214069407,60.10051935283528],[-144.29259998579857,60.13791930133013],[-144.32849570157015,60.16463355025502],[-144.4361828488849,60.16463355025502],[-144.54386999619962,60.191347799179916],[-144.57976571197122,60.180662099609954],[-144.65155714351437,60.20737634853485],[-144.65155714351437,60.2447762970297],[-144.79514000660066,60.29286194509451],[-144.93872286968698,60.28751909530953],[-144.90282715391538,60.36231899229923],[-144.83103572237223,60.442461739073906],[-145.01051430123013,60.44780458885888],[-145.08230573277328,60.437118889288925],[-145.08230573277328,60.399718940794074],[-145.0464100170017,60.35697614251425],[-145.11820144854485,60.30354764466446],[-145.26178431163117,60.30889049444944],[-145.51305432203222,60.3943760910091],[-145.51305432203222,60.42109033993399],[-145.58484575357537,60.45314743864386],[-145.7284286166617,60.474518837783776],[-145.8361157639764,60.44780458885888],[-145.94380291129113,60.45314743864386],[-145.90790719551956,60.49054738713871],[-145.80022004820484,60.52260448584858],[-145.7284286166617,60.58137583348334],[-145.76432433243326,60.592061533053304],[-145.8361157639764,60.54931873477347],[-146.12328149014903,60.469175987998796],[-146.23096863746375,60.44780458885888],[-146.3386557847785,60.45314743864386],[-146.3386557847785,60.410404640364035],[-146.12328149014903,60.431776039503944],[-146.08738577437745,60.410404640364035],[-146.19507292169217,60.36231899229923],[-146.30276006900692,60.35163329272927],[-146.4822386478648,60.29286194509451],[-146.5899257951795,60.23943344724472],[-146.6617172267227,60.2447762970297],[-146.69761294249426,60.282176245524546],[-146.5899257951795,60.3195761940194],[-146.55403007940794,60.35697614251425],[-146.6617172267227,60.340947593159314],[-146.73350865826583,60.35163329272927],[-146.73350865826583,60.3943760910091],[-146.6258215109511,60.469175987998796],[-146.5899257951795,60.49054738713871],[-146.51813436363636,60.49054738713871],[-146.44634293209322,60.463833138213815],[-146.37455150055007,60.47986168756875],[-146.30276006900692,60.5172616360636],[-146.1591772059206,60.52794733563356],[-145.94380291129113,60.57603298369837],[-145.80022004820484,60.592061533053304],[-145.8361157639764,60.61343293219321],[-145.94380291129113,60.62946148154815],[-146.01559434283428,60.61343293219321],[-146.01559434283428,60.666861430043],[-146.1591772059206,60.62946148154815],[-146.26686435323535,60.624118631763174],[-146.26686435323535,60.64549003090308],[-146.12328149014903,60.70960422832283],[-146.05149005860585,60.7416613270327],[-146.05149005860585,60.779061275527546],[-146.1591772059206,60.72563277767777],[-146.23096863746375,60.73631847724772],[-146.30276006900692,60.714947078107805],[-146.3386557847785,60.73631847724772],[-146.41044721632164,60.693575678967896],[-146.51813436363636,60.67754712961296],[-146.6617172267227,60.693575678967896],[-146.69761294249426,60.7416613270327],[-146.5899257951795,60.75768987638764],[-146.55403007940794,60.752347026602656],[-146.51813436363636,60.77371842574257],[-146.37455150055007,60.78440412531253],[-146.26686435323535,60.81111837423742],[-146.19507292169217,60.84851832273227],[-146.26686435323535,60.869889721872184],[-146.3386557847785,60.82180407380738],[-146.41044721632164,60.81111837423742],[-146.55403007940794,60.81111837423742],[-146.6258215109511,60.869889721872184],[-146.6617172267227,60.869889721872184],[-146.73350865826583,60.81111837423742],[-146.80530008980898,60.80577552445244],[-146.80530008980898,60.85386117251725],[-146.7694043740374,60.88057542144214],[-146.73350865826583,60.91263252015201],[-146.73350865826583,60.95537531843184],[-146.69761294249426,60.98743241714171],[-146.6258215109511,61.08360371327132],[-146.26686435323535,61.088946563056304],[-146.30276006900692,61.121003661766174],[-146.6258215109511,61.121003661766174],[-146.69761294249426,61.06223231413141],[-146.7694043740374,61.0408609149915],[-146.87709152135216,60.97674671757175],[-146.98477866866688,60.934003919291925],[-147.05657010021002,60.94468961886188],[-147.05657010021002,60.99277526692669],[-147.0924658159816,61.00880381628163],[-147.12836153175317,60.98208956735673],[-147.12836153175317,60.939346769076906],[-147.20015296329635,60.95003246864686],[-147.2719443948395,60.97674671757175],[-147.2719443948395,60.91797536993699],[-147.37963154215421,60.875232571657165],[-147.4514229736974,60.896603970797074],[-147.4514229736974,60.939346769076906],[-147.5591101210121,60.907289670367035],[-147.52321440524054,61.01948951585158],[-147.48731868946896,61.07291801370137],[-147.5591101210121,61.08360371327132],[-147.63090155255526,60.971403867786776],[-147.59500583678368,60.875232571657165],[-147.59500583678368,60.84851832273227],[-147.66679726832683,60.843175472947294],[-147.66679726832683,60.88591827122712],[-147.77448441564158,60.91263252015201],[-147.77448441564158,60.875232571657165],[-147.73858869986998,60.8164612240224],[-147.77448441564158,60.81111837423742],[-147.91806727872788,60.82714692359235],[-147.91806727872788,60.81111837423742],[-148.02575442604262,60.78440412531253],[-148.13344157335735,60.79508982488248],[-148.13344157335735,60.82714692359235],[-148.0616501418142,60.939346769076906],[-147.95396299449945,61.03017521542154],[-147.95396299449945,61.07291801370137],[-147.77448441564158,61.179775009400934],[-147.77448441564158,61.211832108110805],[-147.7026929840984,61.249232056605656],[-147.73858869986998,61.26526060596059],[-147.81038013141315,61.20648925832583],[-147.98985871027105,61.08360371327132],[-147.98985871027105,61.05154661456145],[-148.09754585758577,61.00346096649665],[-148.13344157335735,61.07291801370137],[-148.16933728912892,61.06757516391639],[-148.16933728912892,60.998118116711666],[-148.24112872067207,60.939346769076906],[-148.27702443644364,60.91797536993699],[-148.27702443644364,60.8645468720872],[-148.34881586798681,60.80577552445244],[-148.42060729952996,60.82714692359235],[-148.45650301530154,60.78974697509751],[-148.3847115837584,60.76837557595759],[-148.3847115837584,60.688232829182915],[-148.34881586798681,60.682889979397935],[-148.27702443644364,60.752347026602656],[-148.24112872067207,60.76303272617261],[-148.13344157335735,60.75768987638764],[-148.09754585758577,60.7416613270327],[-148.09754585758577,60.66151858025802],[-148.13344157335735,60.624118631763174],[-148.24112872067207,60.59740438283828],[-148.34881586798681,60.52794733563356],[-148.31292015221524,60.474518837783776],[-148.24112872067207,60.495890236923685],[-148.2052330049005,60.56000443434343],[-148.09754585758577,60.59740438283828],[-147.98985871027105,60.5172616360636],[-147.98985871027105,60.47986168756875],[-147.95396299449945,60.442461739073906],[-148.02575442604262,60.27683339573957],[-148.13344157335735,60.282176245524546],[-148.13344157335735,60.32491904380438],[-148.31292015221524,60.26080484638464],[-148.24112872067207,60.223404897889786],[-148.16933728912892,60.21271919831983],[-148.09754585758577,60.218062048104805],[-147.98985871027105,60.17531924982498],[-148.09754585758577,60.121890751975194],[-148.02575442604262,60.11120505240524],[-147.95396299449945,60.14326215111511],[-147.91806727872788,60.13257645154515],[-147.8821715629563,60.10051935283528],[-147.98985871027105,60.06311940434043],[-148.02575442604262,60.00969090649065],[-147.98985871027105,59.999005206920685],[-147.8821715629563,60.06311940434043],[-147.81038013141315,60.05777655455545],[-147.8821715629563,60.004348056705666],[-148.02575442604262,59.95626240864086],[-148.0616501418142,59.98831950735073],[-148.16933728912892,59.95626240864086],[-148.24112872067207,59.95626240864086],[-148.16933728912892,60.02571945584558],[-148.27702443644364,60.01503375627562],[-148.31292015221524,60.031062305630556],[-148.27702443644364,60.05777655455545],[-148.27702443644364,60.153947850685064],[-148.34881586798681,60.153947850685064],[-148.3847115837584,59.999005206920685],[-148.45650301530154,59.96160525842584],[-148.4923987310731,59.999005206920685],[-148.56419016261628,59.98297665756575],[-148.63598159415943,59.940233859285925],[-148.70777302570258,59.96160525842584],[-148.74366874147415,59.98831950735073],[-148.88725160456048,59.95091955885588],[-148.95904303610362,59.999005206920685],[-148.9949387518752,59.98297665756575],[-149.10262589918992,59.99366235713571],[-149.03083446764677,60.04174800520052],[-149.06673018341834,60.06311940434043],[-149.13852161496152,60.0470908549855],[-149.21031304650467,60.00969090649065],[-149.24620876227624,59.940233859285925],[-149.2821044780478,59.908176760576055],[-149.3180001938194,59.98831950735073],[-149.35389590959096,60.07914795369537],[-149.4256873411341,60.08983365326532],[-149.4256873411341,59.999005206920685],[-149.4615830569057,59.95091955885588],[-149.49747877267728,59.966948108210815],[-149.56927020422043,59.86543396229622],[-149.605165919992,59.81200546444644],[-149.53337448844886,59.77994836573657],[-149.53337448844886,59.70514846874687],[-149.64106163576358,59.74254841724172],[-149.67695735153515,59.84940541294129],[-149.71285306730675,59.908176760576055],[-149.74874878307833,59.86009111251125],[-149.74874878307833,59.73186271767177],[-149.71285306730675,59.694462769176916],[-149.74874878307833,59.63569142154215],[-149.85643593039305,59.69980561896189],[-149.85643593039305,59.73720556745674],[-149.89233164616462,59.76391981638164],[-150.03591450925094,59.79063406530653],[-150.00001879347934,59.753234116811676],[-149.9282273619362,59.721177018101805],[-149.9282273619362,59.66774852025202],[-150.17949737233724,59.534177275627556],[-150.287184519652,59.45403452885288],[-150.287184519652,59.42732027992799],[-150.3948716669667,59.38992033143314],[-150.43076738273828,59.405948880788074],[-150.32308023542356,59.58760577347734],[-150.35897595119513,59.598291473047304],[-150.3948716669667,59.55554867476747],[-150.46666309850985,59.45937737863786],[-150.50255881428143,59.46472022842284],[-150.57435024582458,59.57692007390739],[-150.64614167736775,59.5234915760576],[-150.57435024582458,59.49677732713271],[-150.57435024582458,59.443348829282925],[-150.64614167736775,59.42197743014301],[-150.75382882468247,59.42732027992799],[-150.75382882468247,59.3738917820782],[-150.8974116877688,59.30977758465846],[-150.8974116877688,59.26703478637864],[-150.93330740354037,59.23497768766876],[-151.00509883508352,59.251006237023695],[-151.0409945508551,59.29909188508851],[-151.11278598239824,59.26169193659366],[-151.11278598239824,59.218949138313825],[-151.1845774139414,59.20292058895889],[-151.22047312971299,59.224291988098805],[-151.29226456125613,59.20826343874387],[-151.43584742434246,59.256349086808676],[-151.5076388558856,59.224291988098805],[-151.57943028742875,59.197577739173916],[-151.57943028742875,59.160177790679064],[-151.75890886628665,59.160177790679064],[-151.75890886628665,59.218949138313825],[-151.8307002978298,59.20826343874387],[-151.97428316091612,59.256349086808676],[-151.97428316091612,59.31512043444344],[-151.97428316091612,59.347177533153314],[-151.90249172937294,59.35786323272327],[-151.90249172937294,59.42197743014301],[-151.6512217189719,59.48074877777778],[-151.54353457165718,59.46472022842284],[-151.47174314011403,59.470063078207815],[-151.47174314011403,59.502120176917686],[-151.43584742434246,59.53952012541254],[-151.25636884548456,59.55554867476747],[-151.29226456125613,59.598291473047304],[-151.1845774139414,59.59294862326232],[-151.22047312971299,59.64637712111211],[-151.11278598239824,59.66774852025202],[-151.11278598239824,59.694462769176916],[-150.96920311931194,59.785291215521546],[-151.0409945508551,59.79597691509151],[-151.11278598239824,59.77460551595159],[-151.3281602770277,59.683777069606954],[-151.43584742434246,59.66774852025202],[-151.5076388558856,59.63569142154215],[-151.6512217189719,59.64637712111211],[-151.8307002978298,59.721177018101805],[-151.86659601360137,59.77994836573657],[-151.8307002978298,59.844062563156314],[-151.79480458205822,59.876119661866184],[-151.75890886628665,59.91886246014601],[-151.68711743474347,60.031062305630556],[-151.61532600320032,60.10051935283528],[-151.54353457165718,60.127233601760175],[-151.43584742434246,60.21271919831983],[-151.39995170857085,60.26614769616961],[-151.36405599279928,60.35697614251425],[-151.29226456125613,60.38369039143914],[-151.29226456125613,60.51191878627862],[-151.25636884548456,60.5439758849885],[-151.3281602770277,60.57603298369837],[-151.36405599279928,60.656175730473045],[-151.39995170857085,60.720289927892786],[-151.29226456125613,60.7416613270327],[-151.22047312971299,60.779061275527546],[-151.07689026662666,60.78974697509751],[-150.8974116877688,60.85386117251725],[-150.7179331089109,60.939346769076906],[-150.61024596159618,60.97674671757175],[-150.3948716669667,61.0408609149915],[-150.35897595119513,61.02483236563656],[-150.25128880388039,60.95003246864686],[-150.17949737233724,60.92331821972197],[-150.03591450925094,60.92331821972197],[-149.9282273619362,60.939346769076906],[-149.85643593039305,60.966061018001795],[-149.7846444988499,60.966061018001795],[-149.64106163576358,60.928661069506944],[-149.56927020422043,60.939346769076906],[-149.35389590959096,60.896603970797074],[-149.10262589918992,60.88057542144214],[-149.10262589918992,60.907289670367035],[-149.21031304650467,60.939346769076906],[-149.3180001938194,60.928661069506944],[-149.49747877267728,60.98208956735673],[-149.605165919992,60.98208956735673],[-149.74874878307833,61.01948951585158],[-149.82054021462147,61.07826086348634],[-149.85643593039305,61.07826086348634],[-150.07181022502252,61.158403610261026],[-150.00001879347934,61.20114640854085],[-149.9282273619362,61.211832108110805],[-149.82054021462147,61.31868910381038],[-149.71285306730675,61.33471765316531],[-149.71285306730675,61.38280330123012],[-149.4256873411341,61.44691749864986],[-149.4256873411341,61.468288897789776],[-149.53337448844886,61.48966029692969],[-149.71285306730675,61.45226034843484],[-149.82054021462147,61.39348900080007],[-149.89233164616462,61.38280330123012],[-149.9282273619362,61.26526060596059],[-150.00001879347934,61.2385463570357],[-150.07181022502252,61.25457490639064],[-150.2153930881088,61.25991775617561],[-150.287184519652,61.249232056605656],[-150.46666309850985,61.243889206820675],[-150.57435024582458,61.28128915531553],[-150.64614167736775,61.29731770467046],[-150.7179331089109,61.249232056605656],[-150.82562025622562,61.22786065746574],[-151.0409945508551,61.179775009400934],[-151.07689026662666,61.14237506090608],[-151.1486816981698,61.04620376477647],[-151.29226456125613,61.03551806520652],[-151.36405599279928,61.00880381628163],[-151.47174314011403,61.00880381628163],[-151.61532600320032,60.95537531843184],[-151.79480458205822,60.85386117251725],[-151.79480458205822,60.81111837423742],[-151.68711743474347,60.73097562746274],[-151.72301315051507,60.70960422832283],[-151.8307002978298,60.73631847724772],[-151.90249172937294,60.720289927892786],[-152.0101788766877,60.67220427982798],[-152.1178660240024,60.592061533053304],[-152.18965745554556,60.57069013391339],[-152.2973446028603,60.50657593649365],[-152.33324031863188,60.442461739073906],[-152.2973446028603,60.41574749014901],[-152.22555317131713,60.3943760910091],[-152.33324031863188,60.35697614251425],[-152.36913603440345,60.35163329272927],[-152.40503175017503,60.30354764466446],[-152.51271889748975,60.250119146814676],[-152.54861461326135,60.223404897889786],[-152.6204060448045,60.218062048104805],[-152.65630176057607,60.23943344724472],[-152.7639889078908,60.23409059745974],[-152.72809319211922,60.17531924982498],[-152.69219747634764,60.16463355025502],[-152.69219747634764,60.13791930133013],[-152.58451032903292,60.10051935283528],[-152.58451032903292,60.07380510391039],[-152.6204060448045,60.00969090649065],[-152.69219747634764,59.966948108210815],[-152.69219747634764,59.913519610361035],[-152.79988462366236,59.8974910610061],[-152.79988462366236,59.876119661866184],[-152.9434674867487,59.876119661866184],[-153.01525891829183,59.88680536143614],[-153.15884178137816,59.86009111251125],[-153.2306332129213,59.86543396229622],[-153.30242464446445,59.8226911640164],[-153.19473749714973,59.8226911640164],[-153.15884178137816,59.80666261466146],[-153.08705034983498,59.83337686358635],[-153.01525891829183,59.83337686358635],[-152.97936320252026,59.79063406530653],[-153.0511546340634,59.689119919391935],[-153.12294606560658,59.67843421982198],[-153.2306332129213,59.63569142154215],[-153.26652892869288,59.64103427132713],[-153.33832036023603,59.61966287218721],[-153.41011179177917,59.63569142154215],[-153.3742160760076,59.66774852025202],[-153.3742160760076,59.73186271767177],[-153.44600750755077,59.76391981638164],[-153.44600750755077,59.689119919391935],[-153.48190322332235,59.64103427132713],[-153.5536946548655,59.60363432283228],[-153.58959037063707,59.55020582498249],[-153.66138180218022,59.55554867476747],[-153.76906894949497,59.54486297519752],[-153.69727751795182,59.46472022842284],[-153.7331732337234,59.438005979497945],[-153.8408603810381,59.416634580358036],[-153.91265181258126,59.416634580358036],[-153.9844432441244,59.38457748164816],[-154.05623467566758,59.38992033143314],[-154.09213039143916,59.34183468336833],[-154.020338959896,59.3258061340134],[-154.12802610721073,59.29909188508851],[-154.12802610721073,59.26169193659366],[-154.12802610721073,59.20826343874387],[-154.19981753875388,59.14949209110911],[-154.1639218229823,59.101406443044304],[-154.19981753875388,59.06934934433443],[-154.1639218229823,59.01592084648465],[-154.05623467566758,59.07469219411941],[-154.020338959896,59.07469219411941],[-153.8408603810381,59.05332079497949],[-153.80496466526654,59.06934934433443],[-153.69727751795182,59.07469219411941],[-153.62548608640864,59.005235146914686],[-153.5536946548655,58.98386374777478],[-153.48190322332235,58.99454944734473],[-153.41011179177917,58.96783519841984],[-153.33832036023603,58.91974955035503],[-153.30242464446445,58.86632105250525],[-153.33832036023603,58.84494965336533],[-153.41011179177917,58.74343550745074],[-153.5536946548655,58.68466415981598],[-153.58959037063707,58.64192136153615],[-153.66138180218022,58.60986426282628],[-153.91265181258126,58.6045214130413],[-153.94854752835283,58.49232156755675],[-154.05623467566758,58.48697871777178],[-154.05623467566758,58.438893069706964],[-153.9844432441244,58.37477887228722],[-154.09213039143916,58.34272177357735],[-154.1639218229823,58.35875032293229],[-154.1639218229823,58.32135037443744],[-154.09213039143916,58.27860757615761],[-154.12802610721073,58.20915052895289],[-154.23571325452545,58.182436280028],[-154.3434004018402,58.09160783368336],[-154.45108754915492,58.15037918131813],[-154.45108754915492,58.13969348174817],[-154.45108754915492,58.09160783368336],[-154.45108754915492,58.05955073497349],[-154.52287898069807,58.05420788518852],[-154.59467041224124,58.01680793669367],[-154.63056612801282,58.0328364860486],[-154.6664618437844,58.06489358475847],[-154.70235755955596,58.05420788518852],[-154.7741489910991,58.00612223712371],[-154.88183613841386,58.02749363626362],[-154.98952328572858,58.011465086908686],[-155.13310614881487,57.952693739273926],[-155.06131471727173,57.90460809120912],[-155.0972104330433,57.86720814271427],[-155.24079329612962,57.82446534443444],[-155.31258472767277,57.82980819421942],[-155.34848044344434,57.78172254615461],[-155.2766890119012,57.75500829722972],[-155.31258472767277,57.72295119851985],[-155.38437615921595,57.71226549894989],[-155.56385473807381,57.78706539593959],[-155.5997504538454,57.77103684658466],[-155.63564616961696,57.71760834873487],[-155.63564616961696,57.6588370011001],[-155.70743760116014,57.63212275217521],[-155.7433333169317,57.55198000540054],[-155.95870761156118,57.54663715561556],[-156.03049904310433,57.56266570497049],[-156.0663947588759,57.49855150755075],[-156.03049904310433,57.43978015991599],[-156.10229047464748,57.43978015991599],[-156.13818619041905,57.47183725862586],[-156.2099776219622,57.47183725862586],[-156.2099776219622,57.43978015991599],[-156.35356048504852,57.418408760776074],[-156.4971433481348,57.3382660140014],[-156.53303906390641,57.32758031443144],[-156.568934779678,57.29018036593659],[-156.4971433481348,57.27949466636663],[-156.35356048504852,57.3382660140014],[-156.31766476927694,57.295523215721566],[-156.35356048504852,57.24743756765676],[-156.3894562008201,57.24209471787179],[-156.3894562008201,57.21538046894689],[-156.31766476927694,57.18332337023702],[-156.35356048504852,57.15126627152715],[-156.42535191659167,57.12989487238723],[-156.42535191659167,57.08715207410741],[-156.53303906390641,57.04975212561256],[-156.568934779678,57.017695026902686],[-156.568934779678,56.985637928192816],[-156.64072621122114,56.99632362776277],[-156.74841335853586,56.990980777977796],[-156.78430907430743,56.96960937883788],[-156.78430907430743,56.91083803120312],[-156.8561005058506,56.90015233163316],[-156.89199622162218,56.953580829482945],[-156.92789193739375,56.953580829482945],[-156.92789193739375,56.921523730773075],[-156.9996833689369,56.90549518141814],[-157.07147480048005,56.83603813421342],[-157.14326623202322,56.83603813421342],[-157.14326623202322,56.79329533593359],[-157.21505766356637,56.766581087008696],[-157.28684909510952,56.798638185718566],[-157.39453624242424,56.86275238313831],[-157.43043195819584,56.857409533353334],[-157.4663276739674,56.83069528442844],[-157.43043195819584,56.798638185718566],[-157.43043195819584,56.766581087008696],[-157.502223389739,56.76123823722372],[-157.57401482128213,56.702466889588955],[-157.53811910551056,56.675752640664065],[-157.4663276739674,56.670409790879084],[-157.4663276739674,56.62232414281428],[-157.57401482128213,56.62232414281428],[-157.68170196859688,56.611638443244324],[-157.75349340014003,56.675752640664065],[-157.75349340014003,56.68109549044904],[-157.9329719789979,56.65438124152415],[-158.04065912631265,56.59560989388939],[-158.04065912631265,56.57423849474947],[-157.89707626322632,56.59026704410441],[-157.82528483168318,56.55820994539454],[-157.82528483168318,56.515467147114705],[-157.86118054745475,56.483410048404835],[-157.96886769476947,56.515467147114705],[-158.04065912631265,56.51012429732973],[-158.1124505578558,56.520809996899686],[-158.1124505578558,56.462038649264926],[-158.25603342094212,56.4673814990499],[-158.32782485248526,56.483410048404835],[-158.3996162840284,56.456695799479945],[-158.50730343134313,56.38189590249024],[-158.50730343134313,56.3444959539954],[-158.32782485248526,56.32312455485548],[-158.22013770517052,56.29641030593059],[-158.22013770517052,56.269696057005696],[-158.32782485248526,56.232296108510845],[-158.25603342094212,56.210924709370936],[-158.18424198939894,56.237638958295825],[-158.1124505578558,56.232296108510845],[-158.32782485248526,56.16283906130613],[-158.36372056825684,56.13612481238123],[-158.43551199979999,56.06666776517651],[-158.3996162840284,56.01323926732673],[-158.50730343134313,56.023924966896686],[-158.50730343134313,55.98118216861686],[-158.61499057865788,56.050639215821576],[-158.5790948628863,56.10941056345634],[-158.65088629442945,56.09872486388638],[-158.65088629442945,56.03461066646664],[-158.65088629442945,56.018582117111706],[-158.65088629442945,55.959810769476945],[-158.7226777259726,55.954467919691965],[-158.75857344174418,56.00789641754175],[-158.86626058905892,56.00255356775677],[-158.9021563048305,55.93309652055205],[-159.00984345214522,55.927753670767075],[-159.26111346254626,55.89035372227222],[-159.368800609861,55.86898232313231],[-159.40469632563259,55.85295377377737],[-159.40469632563259,55.78883957635763],[-159.47648775717573,55.83158237463746],[-159.44059204140416,55.895696572057204],[-159.54827918871888,55.87966802270227],[-159.5123834729473,55.85295377377737],[-159.47648775717573,55.767468177217715],[-159.54827918871888,55.703353979797974],[-159.5123834729473,55.66595403130313],[-159.62007062026203,55.59649698409841],[-159.72775776757678,55.56978273517351],[-159.72775776757678,55.61252553345334],[-159.6559663360336,55.61786838323832],[-159.6918620518052,55.65526833173317],[-159.6559663360336,55.75143962786278],[-159.62007062026203,55.80486812571257],[-159.6559663360336,55.83158237463746],[-159.79954919911992,55.85829662356235],[-159.87134063066307,55.84226807420742],[-159.8354449148915,55.80486812571257],[-159.90723634643464,55.78349672657265],[-159.94313206220625,55.80486812571257],[-160.0149234937494,55.79952527592759],[-160.05081920952097,55.772811027002696],[-160.05081920952097,55.71938252915291],[-160.19440207260726,55.66061118151815],[-160.26619350415044,55.63923978237823],[-160.40977636723673,55.66595403130313],[-160.4456720830083,55.63923978237823],[-160.40977636723673,55.60183983388338],[-160.4456720830083,55.57512558495849],[-160.4456720830083,55.50566853775377],[-160.55335923032305,55.4736114390439],[-160.58925494609463,55.56443988538854],[-160.6251506618662,55.57512558495849],[-160.66104637763777,55.54306848624862],[-160.69694209340935,55.553754185818576],[-160.7687335249525,55.527039936893686],[-160.66104637763777,55.51635423732373],[-160.66104637763777,55.457582889688965],[-160.7687335249525,55.452240039903984],[-160.84052495649567,55.4736114390439],[-160.80462924072407,55.50566853775377],[-160.87642067226724,55.527039936893686],[-160.9482121038104,55.50566853775377],[-161.02000353535354,55.430868640764075],[-161.235377829983,55.35606874377437],[-161.27127354575458,55.35606874377437],[-161.30716926152616,55.37744014291429],[-161.3789606930693,55.38278299269927],[-161.52254355615563,55.36141159355935],[-161.48664784038405,55.42018294119411],[-161.48664784038405,55.494982838183816],[-161.3789606930693,55.56978273517351],[-161.34306497729773,55.60718268366836],[-161.4148564088409,55.63389693259325],[-161.48664784038405,55.63389693259325],[-161.59433498769877,55.61786838323832],[-161.63023070347035,55.60718268366836],[-161.70202213501352,55.521697087108706],[-161.70202213501352,55.425525790979094],[-161.70202213501352,55.40949724162416],[-161.8815007138714,55.249211748074806],[-161.91739642964296,55.206468949794974],[-161.98918786118614,55.238526048504845],[-162.0609792927293,55.22784034893489],[-161.98918786118614,55.16906900130013],[-161.95329214541454,55.15304045194519],[-161.95329214541454,55.10495480388038],[-162.0609792927293,55.07289770517051],[-162.13277072427243,55.10495480388038],[-162.13277072427243,55.14235475237523],[-162.168666440044,55.15304045194519],[-162.24045787158718,55.09961195409541],[-162.20456215581558,55.06221200560056],[-162.20456215581558,55.03015490689069],[-162.27635358735876,55.01946920732073],[-162.31224930313033,55.04084060646064],[-162.41993645044505,55.03549775667567],[-162.45583216621662,55.0515263060306],[-162.52762359775977,55.115640503450344],[-162.45583216621662,55.1263262030203],[-162.52762359775977,55.249211748074806],[-162.59941502930295,55.29729739613961],[-162.6712064608461,55.29195454635463],[-162.70710217661767,55.22249749914991],[-162.63531074507452,55.19578325022502],[-162.56351931353137,55.13701190259025],[-162.63531074507452,55.09961195409541],[-162.56351931353137,55.01412635753575],[-162.56351931353137,54.97138355925592],[-162.63531074507452,54.998097808180816],[-162.70710217661767,54.98206925882588],[-162.70710217661767,54.960697859685965],[-162.77889360816084,54.933983610761075],[-162.850685039704,54.928640760976094],[-162.92247647124714,54.95001216011601],[-162.9583721870187,55.00344065796579],[-162.9583721870187,55.03015490689069],[-162.99426790279028,55.07824055495549],[-163.06605933433343,55.11029765366536],[-163.17374648164818,55.08892625452545],[-163.20964219741975,55.04084060646064],[-163.06605933433343,54.97138355925592],[-163.03016361856186,54.94466931033103],[-163.20964219741975,54.84849801420142],[-163.31732934473447,54.8271266150615],[-163.38912077627765,54.80041236613661],[-163.31732934473447,54.75232671807181],[-163.24553791319133,54.75232671807181],[-163.17374648164818,54.773698117211715],[-163.1378507658766,54.76301241764176],[-163.06605933433343,54.68821252065206],[-163.06605933433343,54.66149827172717],[-163.1378507658766,54.66684112151215],[-163.1378507658766,54.69355537043704],[-163.2814336289629,54.69355537043704],[-163.35322506050605,54.75232671807181],[-163.42501649204922,54.720269619361936],[-163.42501649204922,54.65615542194219],[-163.49680792359237,54.65615542194219],[-163.56859935513552,54.61341262366236],[-163.74807793399341,54.63478402280228],[-163.96345222862288,54.6294411730173],[-164.0711393759376,54.618755473447344],[-164.2147222390239,54.58669837473747],[-164.32240938633865,54.527927027102706],[-164.35830510211022,54.463812829682965],[-164.46599224942494,54.42107003140314],[-164.60957511251127,54.405041482048205],[-164.64547082828284,54.38901293269327],[-164.75315797559756,54.39435578247824],[-164.8608451229123,54.41572718161816],[-164.8608451229123,54.44244143054305],[-164.89674083868388,54.50655562796279],[-164.93263655445546,54.53326987688769],[-164.93263655445546,54.57601267516751],[-164.93263655445546,54.60272692409241],[-164.75315797559756,54.64012687258725],[-164.717262259826,54.66149827172717],[-164.64547082828284,54.75766956785678],[-164.5736793967397,54.84849801420142],[-164.53778368096812,54.89124081248124],[-164.50188796519654,54.92329791119111],[-164.43009653365337,54.933983610761075],[-164.35830510211022,54.896583662266224],[-164.2147222390239,54.928640760976094],[-164.17882652325233,54.955355009900984],[-164.03524366016603,54.97138355925592],[-163.8916607970797,55.04084060646064],[-163.783973649765,55.056869155815576],[-163.64039078667867,55.04618345624562],[-163.53270363936394,55.0515263060306],[-163.53270363936394,55.01412635753575],[-163.42501649204922,54.97138355925592],[-163.38912077627765,54.901926512051205],[-163.38912077627765,54.8538408639864],[-163.31732934473447,54.88055511291129],[-163.35322506050605,54.95001216011601],[-163.2814336289629,54.94466931033103],[-163.24553791319133,54.960697859685965],[-163.2814336289629,55.00878350775077],[-163.31732934473447,55.1263262030203],[-163.20964219741975,55.16372615151515],[-163.10195505010503,55.185097550655065],[-163.06605933433343,55.174411851085104],[-162.9583721870187,55.16906900130013],[-162.88658075547556,55.185097550655065],[-162.850685039704,55.22249749914991],[-162.88658075547556,55.249211748074806],[-162.88658075547556,55.275925996999696],[-162.70710217661767,55.31866879527952],[-162.63531074507452,55.366754443344334],[-162.56351931353137,55.44689719011901],[-162.4917278819882,55.494982838183816],[-162.31224930313033,55.61252553345334],[-162.24045787158718,55.681982580658065],[-162.13277072427243,55.71938252915291],[-162.09687500850086,55.76212532743274],[-161.8815007138714,55.83158237463746],[-161.80970928232824,55.89035372227222],[-161.70202213501352,55.90638227162716],[-161.59433498769877,55.93843937033703],[-161.45075212461248,55.954467919691965],[-161.30716926152616,55.98118216861686],[-161.27127354575458,55.959810769476945],[-161.19948211421143,55.949125069906984],[-161.0917949668967,55.954467919691965],[-161.0917949668967,55.94378222012201],[-160.91231638803882,55.9972107179718],[-160.87642067226724,55.9972107179718],[-160.80462924072407,55.954467919691965],[-160.84052495649567,55.91706797119711],[-160.91231638803882,55.90103942184218],[-160.9482121038104,55.85295377377737],[-160.9482121038104,55.81555382528253],[-160.80462924072407,55.740753928292825],[-160.7687335249525,55.75678247764776],[-160.66104637763777,55.72472537893789],[-160.66104637763777,55.740753928292825],[-160.7687335249525,55.78349672657265],[-160.7687335249525,55.85829662356235],[-160.73283780918092,55.86898232313231],[-160.6251506618662,55.85829662356235],[-160.51746351455148,55.86898232313231],[-160.48156779877988,55.863639473347334],[-160.48156779877988,55.8208966750675],[-160.4456720830083,55.78883957635763],[-160.37388065146516,55.79418242614261],[-160.302089219922,55.767468177217715],[-160.26619350415044,55.78349672657265],[-160.302089219922,55.8208966750675],[-160.26619350415044,55.85829662356235],[-160.33798493569358,55.86898232313231],[-160.40977636723673,55.90638227162716],[-160.55335923032305,55.93843937033703],[-160.51746351455148,55.98118216861686],[-160.55335923032305,56.00255356775677],[-160.48156779877988,56.07735346474647],[-160.4456720830083,56.12543911281128],[-160.40977636723673,56.232296108510845],[-160.37388065146516,56.28038175657566],[-160.23029778837883,56.3444959539954],[-160.1585063568357,56.39792445184518],[-160.08671492529254,56.40861015141514],[-159.94313206220625,56.47272434883488],[-159.8354449148915,56.5421813960396],[-159.54827918871888,56.62766699259926],[-159.44059204140416,56.643695541954195],[-159.3329048940894,56.670409790879084],[-159.26111346254626,56.702466889588955],[-159.26111346254626,56.72383828872887],[-159.00984345214522,56.8146667350735],[-158.97394773637365,56.85206668356835],[-158.93805202060207,56.82535243464346],[-158.86626058905892,56.79329533593359],[-158.79446915751575,56.78260963636363],[-158.65088629442945,56.78795248614861],[-158.65088629442945,56.8146667350735],[-158.68678201020103,56.926866580558055],[-158.65088629442945,57.03372357625762],[-158.65088629442945,57.06043782518252],[-158.47140771557156,57.21003761916191],[-158.36372056825684,57.263466117011696],[-158.22013770517052,57.32223746464646],[-158.14834627362737,57.34360886378637],[-158.00476341054107,57.40238021142114],[-157.9329719789979,57.477180108410835],[-157.7893891159116,57.54129430583058],[-157.71759768436846,57.56266570497049],[-157.64580625282528,57.49855150755075],[-157.57401482128213,57.487865807980796],[-157.57401482128213,57.514580056905686],[-157.6099105370537,57.6107513530353],[-157.68170196859688,57.6107513530353],[-157.71759768436846,57.637465601960194],[-157.71759768436846,57.72295119851985],[-157.68170196859688,57.77103684658466],[-157.64580625282528,57.86720814271427],[-157.6099105370537,58.0328364860486],[-157.57401482128213,58.12366493239323],[-157.53811910551056,58.161064880888084],[-157.39453624242424,58.171750580458045],[-157.35864052665266,58.21983622852285],[-157.43043195819584,58.21983622852285],[-157.53811910551056,58.27860757615761],[-157.57401482128213,58.3320360740074],[-157.53811910551056,58.39080742164216],[-157.4663276739674,58.481635867986796],[-157.4663276739674,58.50300726712671],[-157.35864052665266,58.53506436583658],[-157.28684909510952,58.599178563256324],[-157.1791619477948,58.657949910891084],[-157.07147480048005,58.70603555895589],[-156.9996833689369,58.81823540444044],[-156.9996833689369,58.877006752075204],[-156.96378765316533,58.90372100100009],[-156.96378765316533,58.941120949494945],[-157.03557908470847,58.95714949884988],[-157.03557908470847,58.914406700570055],[-157.10737051625165,58.86632105250525],[-157.21505766356637,58.83960680358035],[-157.28684909510952,58.83426395379538],[-157.43043195819584,58.79152115551555],[-157.53811910551056,58.77014975637563],[-157.53811910551056,58.754121207020695],[-157.68170196859688,58.727406958095806],[-157.86118054745475,58.679321310031],[-158.04065912631265,58.636578511751175],[-158.14834627362737,58.61520711261126],[-158.22013770517052,58.62054996239623],[-158.32782485248526,58.663292760676065],[-158.36372056825684,58.727406958095806],[-158.43551199979999,58.77014975637563],[-158.50730343134313,58.78083545594559],[-158.5790948628863,58.80220685508551],[-158.5431991471147,58.83960680358035],[-158.50730343134313,58.85563535293529],[-158.47140771557156,58.99989229712971],[-158.36372056825684,59.037292245624556],[-158.3996162840284,59.06400649454945],[-158.50730343134313,59.02126369626962],[-158.61499057865788,58.909063850785074],[-158.7226777259726,58.87166390229022],[-158.75857344174418,58.86632105250525],[-158.79446915751575,58.80220685508551],[-158.75857344174418,58.76480690659066],[-158.86626058905892,58.695349859385935],[-158.83036487328735,58.62589281218121],[-158.75857344174418,58.55109291519152],[-158.68678201020103,58.481635867986796],[-158.79446915751575,58.40683597099709],[-158.9021563048305,58.39080742164216],[-159.0457391679168,58.42286452035203],[-159.2252177467747,58.62054996239623],[-159.40469632563259,58.76480690659066],[-159.5123834729473,58.82357825422542],[-159.6559663360336,58.84494965336533],[-159.58417490449045,58.89837815121512],[-159.62007062026203,58.93043524992499],[-159.72775776757678,58.93043524992499],[-159.76365348334835,58.85563535293529],[-159.79954919911992,58.86097820272027],[-159.79954919911992,58.80754970487048],[-159.90723634643464,58.78083545594559],[-159.97902777797782,58.850292503150314],[-159.97902777797782,58.87166390229022],[-160.05081920952097,58.88769245164516],[-160.08671492529254,58.86097820272027],[-160.1585063568357,58.86632105250525],[-160.1585063568357,58.914406700570055],[-160.23029778837883,58.90372100100009],[-160.302089219922,58.946463799279925],[-160.33798493569358,58.951806649064906],[-160.26619350415044,58.99454944734473],[-160.302089219922,59.06934934433443],[-160.48156779877988,59.0266065460546],[-160.6251506618662,58.96249234863486],[-160.7687335249525,58.909063850785074],[-160.84052495649567,58.8289211040104],[-160.87642067226724,58.877006752075204],[-160.98410781958196,58.850292503150314],[-161.34306497729773,58.74343550745074],[-161.3789606930693,58.70603555895589],[-161.3789606930693,58.668635610461045],[-161.52254355615563,58.631235661966194],[-161.5584392719272,58.60986426282628],[-161.63023070347035,58.6045214130413],[-161.66612641924195,58.56712146454645],[-161.7379178507851,58.55109291519152],[-161.77381356655667,58.599178563256324],[-161.8815007138714,58.636578511751175],[-162.0609792927293,58.62054996239623],[-162.168666440044,58.64726421132113],[-161.98918786118614,58.690007009600954],[-161.95329214541454,58.657949910891084],[-161.8815007138714,58.668635610461045],[-161.84560499809982,58.70603555895589],[-161.77381356655667,58.77549260616061],[-161.77381356655667,58.8289211040104],[-161.77381356655667,58.96783519841984],[-161.84560499809982,59.06400649454945],[-161.98918786118614,59.14949209110911],[-162.0609792927293,59.256349086808676],[-162.0250835769577,59.29374903530353],[-161.95329214541454,59.26169193659366],[-161.95329214541454,59.36320608250825],[-161.84560499809982,59.42732027992799],[-161.77381356655667,59.470063078207815],[-161.7379178507851,59.46472022842284],[-161.70202213501352,59.49143447734773],[-161.77381356655667,59.55554867476747],[-161.84560499809982,59.64637712111211],[-161.91739642964296,59.74254841724172],[-162.0250835769577,59.82803401380138],[-162.09687500850086,59.88146251165116],[-162.09687500850086,59.945576709070906],[-162.168666440044,59.98297665756575],[-162.24045787158718,60.05777655455545],[-162.31224930313033,60.10586220262026],[-162.38404073467348,60.180662099609954],[-162.3481450189019,60.23409059745974],[-162.45583216621662,60.27683339573957],[-162.45583216621662,60.33026189358935],[-162.41993645044505,60.33026189358935],[-162.31224930313033,60.373004691869184],[-162.31224930313033,60.45849028842884],[-162.24045787158718,60.5172616360636],[-162.24045787158718,60.57603298369837],[-162.168666440044,60.624118631763174],[-162.24045787158718,60.624118631763174],[-162.27635358735876,60.59740438283828],[-162.41993645044505,60.399718940794074],[-162.41993645044505,60.3676618420842],[-162.4917278819882,60.33560474337433],[-162.52762359775977,60.30889049444944],[-162.56351931353137,60.223404897889786],[-162.45583216621662,60.19669064896489],[-162.45583216621662,60.17531924982498],[-162.4917278819882,60.11120505240524],[-162.4917278819882,60.0470908549855],[-162.4917278819882,59.999005206920685],[-162.63531074507452,59.972290957995796],[-162.74299789238924,59.97763380778078],[-162.74299789238924,59.95626240864086],[-162.9583721870187,59.908176760576055],[-163.17374648164818,59.844062563156314],[-163.35322506050605,59.81734831423142],[-163.56859935513552,59.80131976487648],[-163.783973649765,59.79597691509151],[-163.9275565128513,59.80131976487648],[-164.10703509170918,59.83871971337133],[-164.14293080748075,59.86543396229622],[-164.2147222390239,59.95091955885588],[-164.14293080748075,59.966948108210815],[-164.14293080748075,59.99366235713571],[-164.17882652325233,60.02571945584558],[-164.3942008178818,60.07914795369537],[-164.50188796519654,60.16997640004],[-164.50188796519654,60.20203349874987],[-164.64547082828284,60.2447762970297],[-164.6813665440544,60.29820479487948],[-164.8608451229123,60.30354764466446],[-164.96853227022703,60.340947593159314],[-165.04032370177018,60.38369039143914],[-165.11211513331335,60.431776039503944],[-165.04032370177018,60.463833138213815],[-164.96853227022703,60.50657593649365],[-165.0044279859986,60.5439758849885],[-165.04032370177018,60.5439758849885],[-165.1839065648565,60.495890236923685],[-165.36338514371437,60.50657593649365],[-165.43517657525754,60.54931873477347],[-165.36338514371437,60.57603298369837],[-165.25569799639965,60.58137583348334],[-165.14801084908493,60.650832880688064],[-165.07621941754178,60.688232829182915],[-164.96853227022703,60.70960422832283],[-165.04032370177018,60.75768987638764],[-165.04032370177018,60.83783262316231],[-164.93263655445546,60.92331821972197],[-165.0044279859986,60.92331821972197],[-165.0044279859986,60.8912611210121],[-165.07621941754178,60.85920402230223],[-165.1839065648565,60.85920402230223],[-165.21980228062807,60.896603970797074],[-165.14801084908493,60.91797536993699],[-165.1839065648565,60.971403867786776],[-165.11211513331335,61.0141466660666],[-165.0044279859986,61.00880381628163],[-164.96853227022703,61.02483236563656],[-164.93263655445546,61.08360371327132],[-165.0044279859986,61.10497511241124],[-165.0044279859986,61.05688946434643],[-165.11211513331335,61.07826086348634],[-165.1839065648565,61.11566081198119],[-165.1839065648565,61.147717910691064],[-165.29159371217122,61.179775009400934],[-165.3274894279428,61.16908930983098],[-165.36338514371437,61.10497511241124],[-165.3274894279428,61.07291801370137],[-165.39928085948597,61.06757516391639],[-165.54286372257226,61.088946563056304],[-165.57875943834384,61.11031796219621],[-165.6146551541154,61.22251780768077],[-165.6146551541154,61.275946305530546],[-165.650550869887,61.29197485488548],[-165.7941337329733,61.308003404240424],[-165.86592516451645,61.33471765316531],[-165.90182088028803,61.42020324972497],[-165.75823801720173,61.457603198219815],[-165.75823801720173,61.50034599649965],[-165.7941337329733,61.527060245424536],[-165.90182088028803,61.55377449434943],[-166.08129945914592,61.53240309520952],[-166.04540374337435,61.50034599649965],[-166.1171951749175,61.495003146714666],[-166.15309089068907,61.54843164456445],[-166.18898660646065,61.585831593059304],[-166.15309089068907,61.63391724112411],[-166.04540374337435,61.63926009090909],[-165.7941337329733,61.67131718961896],[-166.00950802760278,61.73008853725372],[-166.08129945914592,61.79954558445844],[-166.08129945914592,61.81557413381338],[-165.93771659605963,61.83160268316831],[-165.75823801720173,61.82625983338333],[-165.72234230143016,61.84228838273827],[-165.650550869887,61.84763123252325],[-165.6146551541154,61.87434548144814],[-165.6864465856586,61.922431129512944],[-165.75823801720173,62.0079167260726],[-165.72234230143016,62.07737377327732],[-165.6864465856586,62.141487970697064],[-165.3274894279428,62.37657336123612],[-165.25569799639965,62.430001859085905],[-165.11211513331335,62.520830305430536],[-165.07621941754178,62.5796016530653],[-165.0044279859986,62.638373000700064],[-164.93263655445546,62.670430099409934],[-164.82494940714074,62.68645864876487],[-164.8608451229123,62.78262994489449],[-164.78905369136913,62.94825828822882],[-164.717262259826,63.00702963586358],[-164.5736793967397,63.06045813371337],[-164.64547082828284,63.09785808220822],[-164.43009653365337,63.210057927692766],[-164.35830510211022,63.2260864770477],[-164.14293080748075,63.25814357575757],[-164.03524366016603,63.26348642554255],[-163.8916607970797,63.22074362726272],[-163.74807793399341,63.21540077747775],[-163.6044950709071,63.140600880488044],[-163.53270363936394,63.13525803070306],[-163.49680792359237,63.113886631563155],[-163.31732934473447,63.03908673457345],[-163.1378507658766,63.049772434143414],[-163.03016361856186,63.06045813371337],[-162.99426790279028,63.08717238263826],[-162.850685039704,63.15662942984298],[-162.81478932393242,63.204715077907785],[-162.6712064608461,63.23142932683268],[-162.59941502930295,63.27417212511251]],[[-169.27601816281629,63.34362917231723],[-169.09653958395842,63.33828632253225],[-168.98885243664367,63.34362917231723],[-168.70168671047105,63.29554352425242],[-168.7734781420142,63.18334367876787],[-168.84526957355737,63.145943730273025],[-169.02474815241524,63.178000828982896],[-169.20422673127314,63.178000828982896],[-169.38370531013103,63.151286580058],[-169.4196010259026,63.113886631563155],[-169.52728817321733,63.0764866830683],[-169.5631838889889,63.03908673457345],[-169.5631838889889,62.97497253715371],[-169.63497532053208,62.93757258865886],[-169.7426624678468,62.953601138013795],[-169.7426624678468,62.97497253715371],[-169.81445389938995,63.0764866830683],[-169.95803676247627,63.12991518091809],[-170.13751534133414,63.18334367876787],[-170.24520248864889,63.178000828982896],[-170.31699392019203,63.236772176617656],[-170.3528896359636,63.28485782468246],[-170.56826393059308,63.35431487188718],[-170.8554296567657,63.41308621952195],[-170.9631168040804,63.423771919091905],[-171.10669966716674,63.423771919091905],[-171.2861782460246,63.386371970597054],[-171.32207396179618,63.33294347274727],[-171.4656568248825,63.30622922382238],[-171.57334397219722,63.33294347274727],[-171.75282255105512,63.365000571457145],[-171.82461398259827,63.43980046844684],[-171.86050969836984,63.482543266726665],[-171.82461398259827,63.578714562856284],[-171.75282255105512,63.664200159415934],[-171.75282255105512,63.71762865726572],[-171.71692683528354,63.72831435683568],[-171.75282255105512,63.78174285468546],[-171.68103111951197,63.78708570447044],[-171.6451354037404,63.74968575597559],[-171.6451354037404,63.706942957695766],[-171.6092396879688,63.680228708770876],[-171.39386539333935,63.63214306070606],[-171.03490823562356,63.578714562856284],[-170.89132537253727,63.5733717130713],[-170.71184679367937,63.648171610061],[-170.49647249904993,63.69625725812581],[-170.28109820442046,63.68557155855585],[-170.1734110571057,63.62680021092109],[-170.10161962556256,63.610771661566154],[-170.02982819401942,63.5252860650065],[-170.02982819401942,63.487886116511646],[-169.85034961516152,63.43980046844684],[-169.63497532053208,63.429114768876886],[-169.5631838889889,63.37034342124212],[-169.27601816281629,63.34362917231723]],[[-162.59941502930295,63.62145736113611],[-162.52762359775977,63.637485910491044],[-162.45583216621662,63.62145736113611],[-162.38404073467348,63.62680021092109],[-162.3481450189019,63.59474311221122],[-162.3481450189019,63.55200031393139],[-162.59941502930295,63.54131461436143],[-162.6712064608461,63.55734316371637],[-162.6712064608461,63.58405741264126],[-162.59941502930295,63.62145736113611]],[[-109.04300709810981,36.99803688258825],[-109.04300709810981,36.50115185258525],[-109.04300709810981,36.18058086548655],[-109.04300709810981,35.614238788278826],[-109.04300709810981,35.176125105910586],[-109.04300709810981,34.770068522252224],[-109.04300709810981,34.524297432143214],[-109.04300709810981,34.000698153215325],[-109.04300709810981,33.626698668266826],[-109.04300709810981,33.071042290629066],[-109.04300709810981,32.777185552455244],[-109.04300709810981,32.42455746664666],[-109.04300709810981,32.08795793019302],[-109.04300709810981,31.639158548254827],[-109.04300709810981,31.33461611051105]],[[-109.04300709810981,31.33461611051105],[-109.29427710851085,31.33461611051105],[-109.83271284508452,31.33461611051105],[-110.44294001320132,31.33461611051105],[-111.0890628970897,31.33461611051105],[-111.55570720212022,31.48955875427543],[-111.98645579137914,31.62312999889989],[-112.41720438063807,31.751358393739373],[-112.88384868566857,31.89561533793379],[-113.13511869606961,31.970415234923493],[-113.78124157995799,32.17878637653765],[-114.2478858849885,32.32304332073207],[-114.82221733733374,32.49401451385138],[-114.82221733733374,32.51004306320632],[-114.82221733733374,32.61690005890589],[-114.75042590579058,32.64361430783078],[-114.714530190019,32.71841420482048]],[[-114.714530190019,32.71841420482048],[-114.67863447424743,32.73978560396039],[-114.60684304270427,32.72909990439044],[-114.53505161116112,32.75581415331533],[-114.53505161116112,32.79321410181018],[-114.46326017961796,32.846642599659965],[-114.46326017961796,32.910756797079706],[-114.49915589538953,33.01761379277927],[-114.5709473269327,33.03898519191919],[-114.60684304270427,33.02295664256425],[-114.64273875847584,33.04432804170417],[-114.67863447424743,33.03898519191919],[-114.714530190019,33.097756539553956],[-114.67863447424743,33.1618707369737],[-114.67863447424743,33.26872773267327],[-114.714530190019,33.30078483138314],[-114.714530190019,33.338184779877984],[-114.714530190019,33.39695612751275],[-114.67863447424743,33.41832752665266],[-114.64273875847584,33.42901322622262],[-114.60684304270427,33.45572747514751],[-114.5709473269327,33.530527372137215],[-114.53505161116112,33.55189877127712],[-114.53505161116112,33.589298719771975],[-114.53505161116112,33.621355818481845],[-114.53505161116112,33.67478431633163],[-114.49915589538953,33.69615571547155],[-114.49915589538953,33.7335556639664],[-114.49915589538953,33.76561276267627],[-114.53505161116112,33.845755509450946],[-114.49915589538953,33.86712690859086],[-114.49915589538953,33.90986970687069],[-114.53505161116112,33.92589825622562],[-114.46326017961796,33.995355303430344],[-114.42736446384639,34.03809810171017],[-114.42736446384639,34.086183749774975],[-114.42736446384639,34.10755514891489],[-114.31967731653165,34.13426939783979],[-114.28378160076008,34.17166934633463],[-114.2478858849885,34.17166934633463],[-114.17609445344534,34.25181209310931],[-114.14019873767377,34.26249779267927],[-114.14019873767377,34.305240590959095],[-114.17609445344534,34.34798338923892],[-114.21199016921692,34.36401193859386],[-114.28378160076008,34.4281261360136],[-114.35557303230323,34.44949753515351],[-114.39146874807481,34.46018323472347],[-114.39146874807481,34.529640281928195],[-114.42736446384639,34.593754479347936],[-114.42736446384639,34.609783028702864],[-114.46326017961796,34.71129717461746],[-114.53505161116112,34.76472567246725],[-114.5709473269327,34.834182719671965],[-114.64273875847584,34.866239818381835],[-114.64273875847584,34.9998110630063]],[[-114.64273875847584,34.9998110630063],[-114.64273875847584,35.026525311931195],[-114.60684304270427,35.074610959995994],[-114.64273875847584,35.09598235913592],[-114.60684304270427,35.12269660806081],[-114.5709473269327,35.13872515741574],[-114.5709473269327,35.18146795569557],[-114.60684304270427,35.299010650965094],[-114.60684304270427,35.32572489988999],[-114.64273875847584,35.41121049644964],[-114.64273875847584,35.42723904580458],[-114.67863447424743,35.491353243224324],[-114.64273875847584,35.53409604150415],[-114.67863447424743,35.576838839783974],[-114.64273875847584,35.608895938493845],[-114.67863447424743,35.65163873677368],[-114.67863447424743,35.68903868526853],[-114.714530190019,35.71041008440844],[-114.67863447424743,35.75849573247325],[-114.714530190019,35.80658138053805],[-114.67863447424743,35.88672412731273],[-114.714530190019,35.94549547494749],[-114.75042590579058,35.98289542344234],[-114.714530190019,36.025638221722176],[-114.75042590579058,36.08975241914192],[-114.75042590579058,36.105780968496845],[-114.60684304270427,36.13249521742174],[-114.5709473269327,36.15386661656166],[-114.49915589538953,36.14852376677668],[-114.49915589538953,36.13249521742174],[-114.42736446384639,36.143180916991696],[-114.35557303230323,36.143180916991696],[-114.31967731653165,36.105780968496845],[-114.28378160076008,36.047009620862084],[-114.2478858849885,36.014952522152214],[-114.14019873767377,36.025638221722176],[-114.06840730613061,36.18058086548655],[-114.03251159035904,36.19660941484148],[-114.03251159035904,36.38895200710071],[-114.06840730613061,36.65609449634964],[-114.06840730613061,36.99803688258825]],[[-114.06840730613061,36.99803688258825],[-113.96072015881589,36.99803688258825],[-112.95564011721171,36.99803688258825],[-112.34541294909491,37.00337973237323],[-111.41212433903391,37.00337973237323],[-111.05316718131813,37.00337973237323],[-110.51473144474447,37.00337973237323],[-110.4788357289729,36.99803688258825],[-110.0121914239424,36.99803688258825],[-109.61733855045505,36.99803688258825],[-109.04300709810981,36.99803688258825]],[[-94.03859790559055,33.01761379277927],[-94.03859790559055,33.55189877127712],[-94.07449362136214,33.57327017041704],[-94.14628505290528,33.567927320632066],[-94.14628505290528,33.589298719771975],[-94.2898679159916,33.57861302020202],[-94.32576363176317,33.55189877127712],[-94.36165934753475,33.562584470847085],[-94.39755506330633,33.54655592149215],[-94.4334507790779,33.589298719771975],[-94.4334507790779,33.63204151805181],[-94.46934649484947,33.63738436783678]],[[-94.46934649484947,33.63738436783678],[-94.46934649484947,34.18769789568957],[-94.46934649484947,34.641840127412735],[-94.4334507790779,34.93569686558656],[-94.4334507790779,35.39518194709471],[-94.50524221062106,35.93480977537754],[-94.57703364216421,36.298123560756075],[-94.6129293579358,36.50115185258525]],[[-94.6129293579358,36.50115185258525],[-94.11038933713371,36.50115185258525],[-93.71553646364636,36.50115185258525],[-93.14120501130112,36.49580900280028],[-92.78224785358536,36.49580900280028],[-92.35149926432643,36.49580900280028],[-91.99254210661066,36.49580900280028],[-91.52589780158016,36.50115185258525],[-91.41821065426542,36.49580900280028],[-90.70029633883388,36.50115185258525],[-90.16186060226022,36.49580900280028],[-90.12596488648865,36.4156662560256],[-90.09006917071707,36.39963770667067],[-90.05417345494548,36.38360915731573],[-90.09006917071707,36.31949495989599],[-90.05417345494548,36.30346641054105],[-90.09006917071707,36.27140931183118],[-90.12596488648865,36.266066462046204],[-90.12596488648865,36.22866651355135],[-90.23365203380338,36.18592371527153],[-90.23365203380338,36.13249521742174],[-90.30544346534653,36.116466668066806],[-90.37723489688969,35.9935811230123],[-89.7311120130013,35.99892397279728]],[[-89.7311120130013,35.99892397279728],[-89.7311120130013,35.96152402430243],[-89.65932058145815,35.92412407580758],[-89.65932058145815,35.88138127752775],[-89.7311120130013,35.90809552645264],[-89.76700772877287,35.89206697709771],[-89.76700772877287,35.86000987838784],[-89.69521629722972,35.83863847924792],[-89.69521629722972,35.81726708010801],[-89.76700772877287,35.80658138053805],[-89.80290344454446,35.75849573247325],[-89.8746948760876,35.74246718311831],[-89.91059059185918,35.75849573247325],[-89.94648630763076,35.73712433333333],[-89.94648630763076,35.68903868526853],[-89.94648630763076,35.66232443634363],[-89.8746948760876,35.65163873677368],[-89.91059059185918,35.619581638063806],[-89.94648630763076,35.59286738913892],[-89.94648630763076,35.555467440644065],[-89.91059059185918,35.550124590859085],[-89.91059059185918,35.51272464236423],[-89.94648630763076,35.528753191719176],[-89.98238202340234,35.560810290429046],[-90.05417345494548,35.550124590859085],[-90.05417345494548,35.50203894279428],[-90.01827773917391,35.46463899429943],[-90.01827773917391,35.42723904580458],[-90.09006917071707,35.43258189558956],[-90.05417345494548,35.46463899429943],[-90.09006917071707,35.47532469386938],[-90.12596488648865,35.44326759515951],[-90.16186060226022,35.4218961960196],[-90.12596488648865,35.38983909730973],[-90.12596488648865,35.41121049644964],[-90.09006917071707,35.38449624752475],[-90.09006917071707,35.34175344924492],[-90.12596488648865,35.304353500750075],[-90.16186060226022,35.29366780118012],[-90.16186060226022,35.26161070247025],[-90.09006917071707,35.25092500290029],[-90.09006917071707,35.22955360376038],[-90.12596488648865,35.18681080548055],[-90.05417345494548,35.13338230763076],[-90.09006917071707,35.117353758275826],[-90.12596488648865,35.13338230763076],[-90.16186060226022,35.117353758275826],[-90.1977563180318,35.026525311931195],[-90.30544346534653,35.04255386128612],[-90.30544346534653,34.994468213221325]],[[-90.30544346534653,34.994468213221325],[-90.23365203380338,34.95172541494149],[-90.23365203380338,34.90898261666166],[-90.3413391811181,34.86089696859686],[-90.41313061266126,34.834182719671965],[-90.44902632843284,34.88226836773677],[-90.44902632843284,34.89295406730673],[-90.48492204420441,34.86089696859686],[-90.44902632843284,34.82349702010201],[-90.48492204420441,34.79143992139214],[-90.44902632843284,34.74869712311231],[-90.48492204420441,34.72198287418742],[-90.55671347574757,34.75403997289729],[-90.55671347574757,34.73266857375737],[-90.55671347574757,34.7006114750475]],[[-90.55671347574757,34.7006114750475],[-90.48492204420441,34.69526862526253],[-90.44902632843284,34.67389722612261],[-90.520817759976,34.63115442784279],[-90.55671347574757,34.63115442784279],[-90.55671347574757,34.7006114750475]],[[-90.55671347574757,34.7006114750475],[-90.59260919151914,34.66855437633763],[-90.59260919151914,34.615125878487845],[-90.55671347574757,34.561697380638066],[-90.55671347574757,34.54032598149815],[-90.59260919151914,34.51361173257325],[-90.59260919151914,34.48689748364836],[-90.55671347574757,34.4281261360136],[-90.62850490729072,34.39072618751875],[-90.6644006230623,34.374697638163816],[-90.6644006230623,34.32661199009901],[-90.70029633883388,34.32126914031403],[-90.70029633883388,34.369354788378836],[-90.77208777037703,34.369354788378836],[-90.77208777037703,34.342640539453946],[-90.73619205460545,34.305240590959095],[-90.77208777037703,34.2785263420342],[-90.84387920192019,34.26784064246425],[-90.84387920192019,34.20906929482948],[-90.91567063346334,34.24646924332433],[-90.91567063346334,34.21441214461446],[-90.87977491769176,34.182355045904586],[-90.80798348614861,34.182355045904586],[-90.80798348614861,34.144955097409735],[-90.87977491769176,34.13961224762476],[-90.91567063346334,34.16632649654966],[-90.95156634923492,34.13961224762476],[-90.95156634923492,34.10755514891489],[-90.87977491769176,34.080840899989994],[-90.87977491769176,34.027412402140214],[-90.9874620650065,34.01672670257025],[-90.95156634923492,33.9793267540754],[-90.9874620650065,33.968641054505454],[-91.02335778077807,34.000698153215325],[-91.09514921232123,33.97398390429043],[-91.09514921232123,33.95261250515051],[-91.02335778077807,33.92589825622562],[-91.05925349654966,33.86712690859086],[-91.05925349654966,33.813698410741075],[-90.9874620650065,33.79766986138614],[-90.9874620650065,33.77095561246124],[-91.05925349654966,33.776298462246224],[-91.09514921232123,33.77095561246124],[-91.1310449280928,33.7816413120312],[-91.1310449280928,33.72821281418142],[-91.1310449280928,33.7068414150415],[-91.05925349654966,33.71752711461146],[-91.02335778077807,33.67478431633163],[-91.09514921232123,33.6587557669767],[-91.1310449280928,33.67478431633163],[-91.16694064386438,33.7068414150415],[-91.20283635963597,33.69081286568657],[-91.20283635963597,33.66409861676168],[-91.1310449280928,33.626698668266826],[-91.1310449280928,33.599984419341936],[-91.23873207540754,33.562584470847085],[-91.23873207540754,33.55189877127712],[-91.16694064386438,33.498470273427344]],[[-91.16694064386438,33.498470273427344],[-91.23873207540754,33.43969892579258],[-91.20283635963597,33.4343560760076],[-91.16694064386438,33.45038462536253],[-91.16694064386438,33.498470273427344]],[[-91.16694064386438,33.498470273427344],[-91.1310449280928,33.47175602450245],[-91.1310449280928,33.42901322622262],[-91.20283635963597,33.40229897729773],[-91.16694064386438,33.38092757815782],[-91.1310449280928,33.39161327772777],[-91.09514921232123,33.45038462536253],[-91.05925349654966,33.42901322622262],[-91.1310449280928,33.348870479447946],[-91.1310449280928,33.30078483138314],[-91.09514921232123,33.247356333533354],[-91.05925349654966,33.2847562820282],[-91.05925349654966,33.25269918331833],[-91.09514921232123,33.22064208460846],[-91.09514921232123,33.14584218761876],[-91.09514921232123,33.129813638263826],[-91.16694064386438,33.14049933783378],[-91.20283635963597,33.10844223912391],[-91.1310449280928,33.065699440844085],[-91.1310449280928,33.03898519191919],[-91.16694064386438,33.001585243424344]],[[-91.16694064386438,33.001585243424344],[-91.49000208580858,33.00692809320932],[-91.95664639083908,33.00692809320932],[-92.20791640124013,33.00692809320932],[-92.78224785358536,33.0122709429943],[-93.06941357975798,33.01761379277927],[-93.5001621690169,33.01761379277927],[-94.03859790559055,33.01761379277927]],[[-120.24247041884189,34.000698153215325],[-120.17067898729873,34.0060410030003],[-120.13478327152716,34.027412402140214],[-120.062991839984,34.022069552355234],[-119.99120040844085,33.9793267540754],[-119.99120040844085,33.94192680558056],[-120.02709612421242,33.93658395579558],[-120.062991839984,33.91521255665566],[-120.13478327152716,33.89384115751575],[-120.17067898729873,33.92055540644064],[-120.20657470307032,33.99001245364536],[-120.24247041884189,34.000698153215325]],[[-119.77582611381138,34.059469500850085],[-119.7399303980398,34.054126651065104],[-119.70403468226823,34.022069552355234],[-119.63224325072508,34.01672670257025],[-119.5963475349535,34.04878380128012],[-119.52455610341033,34.04344095149515],[-119.56045181918192,34.0060410030003],[-119.5963475349535,33.99001245364536],[-119.66813896649666,33.98466960386038],[-119.70403468226823,33.95795535493549],[-119.84761754535454,33.968641054505454],[-119.88351326112611,33.9793267540754],[-119.88351326112611,34.032755251925195],[-119.9194089768977,34.07549805020502],[-119.77582611381138,34.059469500850085]],[[-120.45784471347136,34.04344095149515],[-120.3860532819282,34.054126651065104],[-120.35015756615661,34.07549805020502],[-120.31426185038504,34.022069552355234],[-120.35015756615661,34.01672670257025],[-120.45784471347136,34.04344095149515]],[[-118.51947606180619,32.89472824772477],[-118.59126749334933,32.969528144714474],[-118.55537177757776,32.98021384428443],[-118.48358034603461,32.93212819621962],[-118.37589319871987,32.841299749874985],[-118.41178891449145,32.79855695159516],[-118.48358034603461,32.85198544944494],[-118.51947606180619,32.89472824772477]],[[-118.48358034603461,33.45038462536253],[-118.37589319871987,33.407641827082706],[-118.37589319871987,33.38627042794279],[-118.30410176717672,33.338184779877984],[-118.33999748294829,33.30078483138314],[-118.37589319871987,33.32215623052305],[-118.44768463026303,33.32749908030803],[-118.48358034603461,33.35421332923292],[-118.48358034603461,33.41832752665266],[-118.55537177757776,33.43969892579258],[-118.59126749334933,33.466413174717474],[-118.55537177757776,33.47175602450245],[-118.48358034603461,33.45038462536253]],[[-119.56045181918192,33.279413432243224],[-119.52455610341033,33.2847562820282],[-119.45276467186719,33.25269918331833],[-119.41686895609561,33.22598493439344],[-119.48866038763876,33.21529923482348],[-119.56045181918192,33.23132778417842],[-119.56045181918192,33.247356333533354],[-119.56045181918192,33.279413432243224]],[[-119.99120040844085,41.993601431543155],[-119.99120040844085,41.619601946594656],[-119.99120040844085,41.18148826422642],[-119.99120040844085,40.871602976697666],[-119.99120040844085,40.497603491749175],[-119.99120040844085,39.95797566346634],[-119.99120040844085,39.541233380238026],[-119.99120040844085,39.22600524292429],[-119.99120040844085,39.001605551955194],[-119.5963475349535,38.71309166356636],[-119.09380751415142,38.37114927732773],[-118.77074607220723,38.14140673657366],[-118.26820605140514,37.76740725162516],[-117.87335317791779,37.49492191259126],[-117.72977031483148,37.37737921732173],[-117.37081315711572,37.12626527742774],[-117.01185599939994,36.84843708860886],[-116.54521169436944,36.50115185258525],[-116.07856738933893,36.15386661656166],[-115.75550594739474,35.88672412731273],[-115.28886164236424,35.51272464236423],[-114.92990448464846,35.25092500290029],[-114.64273875847584,34.9998110630063]],[[-114.714530190019,32.71841420482048],[-115.00169591619162,32.69704280568057],[-115.46834022122212,32.6649857069707],[-116.04267167356736,32.622242908690865],[-116.61700312591259,32.57415726062606],[-117.11954314671468,32.536757312131215],[-117.15543886248625,32.627585758475846],[-117.15543886248625,32.659642857185716],[-117.19133457825782,32.686357106110606],[-117.26312600980098,32.67032855675568],[-117.26312600980098,32.72375705460546],[-117.26312600980098,32.80389980138014],[-117.29902172557256,32.841299749874985],[-117.26312600980098,32.873356848584855],[-117.26312600980098,33.0122709429943],[-117.33491744134415,33.124470788478845],[-117.44260458865887,33.26872773267327],[-117.51439602020201,33.33284193009301],[-117.58618745174518,33.38627042794279],[-117.65797888328834,33.43969892579258],[-117.72977031483148,33.4824417240724],[-117.80156174637463,33.54121307170717],[-117.87335317791779,33.594641569556956],[-117.90924889368938,33.60532726912691],[-118.0169360410041,33.653412917191716],[-118.08872747254725,33.72821281418142],[-118.12462318831884,33.75492706310631],[-118.196414619862,33.76561276267627],[-118.196414619862,33.71752711461146],[-118.26820605140514,33.70149856525653],[-118.30410176717672,33.71218426482648],[-118.37589319871987,33.73889851375137],[-118.41178891449145,33.744241363536354],[-118.41178891449145,33.776298462246224],[-118.41178891449145,33.803012711171114],[-118.37589319871987,33.840412659665965],[-118.44768463026303,33.94192680558056],[-118.48358034603461,33.995355303430344],[-118.51947606180619,34.027412402140214],[-118.55537177757776,34.04344095149515],[-118.73485035643564,34.032755251925195],[-118.8066417879788,34.000698153215325],[-118.84253750375038,34.032755251925195],[-118.9502246510651,34.04878380128012],[-119.09380751415142,34.096869449344936],[-119.129703229923,34.10221229912991],[-119.20149466146614,34.13961224762476],[-119.20149466146614,34.144955097409735],[-119.2732860930093,34.21441214461446],[-119.2732860930093,34.25181209310931],[-119.38097324032404,34.32126914031403],[-119.38097324032404,34.31592629052905],[-119.45276467186719,34.374697638163816],[-119.52455610341033,34.39606903730373],[-119.56045181918192,34.41209758665866],[-119.63224325072508,34.42278328622862],[-119.66813896649666,34.41744043644364],[-119.70403468226823,34.39606903730373],[-119.81172182958295,34.41744043644364],[-119.88351326112611,34.40675473687369],[-119.9194089768977,34.433468985798584],[-119.95530469266927,34.433468985798584],[-119.99120040844085,34.46018323472347],[-120.09888755575557,34.46018323472347],[-120.13478327152716,34.47086893429343],[-120.31426185038504,34.465526084508454],[-120.35015756615661,34.46018323472347],[-120.45784471347136,34.44949753515351],[-120.49374042924293,34.4762117840784],[-120.49374042924293,34.524297432143214],[-120.56553186078608,34.556354530853085],[-120.63732329232923,34.556354530853085],[-120.63732329232923,34.583068779777975],[-120.60142757655765,34.68992577547755],[-120.63732329232923,34.75403997289729],[-120.60142757655765,34.84486841924192],[-120.63732329232923,34.90363976687669],[-120.67321900810082,34.90363976687669],[-120.63732329232923,35.00515391279128],[-120.63732329232923,35.063925260426046],[-120.63732329232923,35.12269660806081],[-120.63732329232923,35.149410856985696],[-120.70911472387239,35.17078225612561],[-120.78090615541555,35.176125105910586],[-120.8526975869587,35.208182204620456],[-120.88859330273027,35.24558215311531],[-120.8526975869587,35.32572489988999],[-120.8526975869587,35.40586764666466],[-120.92448901850184,35.44861044494449],[-120.96038473427343,35.44861044494449],[-120.996280450045,35.459296144514454],[-121.10396759735974,35.550124590859085],[-121.13986331313131,35.59286738913892],[-121.17575902890289,35.63561018741874],[-121.24755046044605,35.65698158655866],[-121.28344617621762,35.673010135913586],[-121.31934189198921,35.71575293419342],[-121.31934189198921,35.78520998139814],[-121.39113332353236,35.82260992989299],[-121.42702903930393,35.85466702860286],[-121.4629247550755,35.88672412731273],[-121.49882047084708,35.97220972387238],[-121.49882047084708,35.99892397279728],[-121.57061190239024,36.025638221722176],[-121.6424033339334,36.116466668066806],[-121.71419476547655,36.19660941484148],[-121.7859861970197,36.22866651355135],[-121.82188191279128,36.234009363336334],[-121.89367334433445,36.31949495989599],[-121.89367334433445,36.38360915731573],[-121.92956906010602,36.485123303230324],[-121.92956906010602,36.55992320022002],[-121.96546477587759,36.581294599359936],[-121.92956906010602,36.634723097209715],[-121.85777762856286,36.602665998499845],[-121.82188191279128,36.65609449634964],[-121.7859861970197,36.80569429032903],[-121.85777762856286,36.93392268516851],[-121.92956906010602,36.97666548344834],[-121.96546477587759,36.955294084308434],[-122.1090476389639,36.955294084308434],[-122.21673478627864,37.014065431943195],[-122.28852621782178,37.099551028502844],[-122.32442193359336,37.136950976997696],[-122.36031764936493,37.17435092549255],[-122.39621336513652,37.19572232463246],[-122.43210908090809,37.24915082248225],[-122.39621336513652,37.361350667966796],[-122.43210908090809,37.43615056495649],[-122.46800479667968,37.478893363236324],[-122.50390051245125,37.49492191259126],[-122.50390051245125,37.52163616151615],[-122.50390051245125,37.59109320872087],[-122.50390051245125,37.601778908290825],[-122.50390051245125,37.68726450485048],[-122.50390051245125,37.7834358009801],[-122.46800479667968,37.80480720012001],[-122.39621336513652,37.81015004990499],[-122.39621336513652,37.788778650765074],[-122.36031764936493,37.71932160356035],[-122.39621336513652,37.7086359039904],[-122.36031764936493,37.66055025592559],[-122.39621336513652,37.639178856785676],[-122.36031764936493,37.59109320872087],[-122.25263050205021,37.575064659365935],[-122.18083907050706,37.505607612161214],[-122.1090476389639,37.505607612161214],[-122.1090476389639,37.52697901130113],[-122.14494335473547,37.5857503589359],[-122.18083907050706,37.665893105710566],[-122.25263050205021,37.71932160356035],[-122.25263050205021,37.76206440184018],[-122.32442193359336,37.7834358009801],[-122.32442193359336,37.81015004990499],[-122.28852621782178,37.8315214490449],[-122.32442193359336,37.89029279667967],[-122.32442193359336,37.9063213460346],[-122.39621336513652,37.91166419581958],[-122.39621336513652,37.93837844474447],[-122.36031764936493,37.975778393239324],[-122.36031764936493,38.007835491949194],[-122.28852621782178,38.013178341734175],[-122.25263050205021,38.045235440444046],[-122.28852621782178,38.071949689368935],[-122.32442193359336,38.11469248764877],[-122.39621336513652,38.15209243614361],[-122.43210908090809,38.11469248764877],[-122.50390051245125,38.10934963786379],[-122.46800479667968,38.071949689368935],[-122.50390051245125,38.01852119151915],[-122.46800479667968,38.00249264216421],[-122.50390051245125,37.96509269366936],[-122.46800479667968,37.90097849624962],[-122.46800479667968,37.8315214490449],[-122.50390051245125,37.820835749474945],[-122.64748337553755,37.9063213460346],[-122.71927480708071,37.89563564646464],[-122.79106623862387,37.949064144314434],[-122.82696195439544,37.99714979237923],[-122.89875338593859,38.02386404130413],[-122.93464910171016,38.034549740874084],[-123.00644053325333,38.00249264216421],[-122.97054481748175,38.11469248764877],[-122.93464910171016,38.15209243614361],[-122.97054481748175,38.20017808420842],[-122.97054481748175,38.24292088248825],[-123.00644053325333,38.29634938033803],[-123.07823196479649,38.323063629262926],[-123.07823196479649,38.36046357775777],[-123.11412768056806,38.45129202410241],[-123.18591911211121,38.49403482238223],[-123.25771054365437,38.510063371737175],[-123.32950197519753,38.563491869586954],[-123.43718912251225,38.7024059639964],[-123.5089805540554,38.73980591249125],[-123.54487626982699,38.7772058609861],[-123.65256341714172,38.84666290819082],[-123.65256341714172,38.87337715711571],[-123.72435484868487,38.91611995539554],[-123.72435484868487,38.95886275367536],[-123.6884591329133,39.006948401740175],[-123.6884591329133,39.05503404980497],[-123.72435484868487,39.16723389528953],[-123.76025056445644,39.20997669356936],[-123.79614628022802,39.279433740774074],[-123.8320419959996,39.37026218711871],[-123.8320419959996,39.44506208410841],[-123.76025056445644,39.55191907980798],[-123.79614628022802,39.60534757765777],[-123.79614628022802,39.685490324432436],[-123.8320419959996,39.72289027292729],[-123.86793771177118,39.82974726862686],[-123.90383342754276,39.86180436733673],[-123.93972914331434,39.90989001540154],[-124.04741629062906,40.01140416131613],[-124.08331200640065,40.027432710671064],[-124.08331200640065,40.064832659165916],[-124.11920772217222,40.10223260766077],[-124.19099915371538,40.12894685658566],[-124.37047773257326,40.26251810121012],[-124.33458201680168,40.3159465990599],[-124.37047773257326,40.3907464960496],[-124.40637344834484,40.438832144114414],[-124.37047773257326,40.502946341534155],[-124.33458201680168,40.615146187018695],[-124.26279058525853,40.73268888228823],[-124.15510343794381,40.87694582648265],[-124.11920772217222,40.92503147454745],[-124.11920772217222,41.026545620462045],[-124.15510343794381,41.053259869386935],[-124.15510343794381,41.14408831573157],[-124.11920772217222,41.22957391229123],[-124.08331200640065,41.37383085648565],[-124.04741629062906,41.43794505390539],[-124.08331200640065,41.550144899389934],[-124.08331200640065,41.60357339723972],[-124.11920772217222,41.65700189508951],[-124.15510343794381,41.71043039293929],[-124.26279058525853,41.78523028992899],[-124.22689486948696,41.84400163756375],[-124.19099915371538,41.94017293369337],[-124.22689486948696,41.998944281328136]],[[-124.22689486948696,41.998944281328136],[-124.01152057485749,41.993601431543155],[-123.72435484868487,41.998944281328136],[-123.43718912251225,42.00428713111311],[-123.3653976909691,41.998944281328136],[-123.15002339633963,42.00962998089808],[-123.04233624902491,42.00428713111311],[-122.64748337553755,42.00428713111311],[-122.36031764936493,42.00962998089808],[-122.00136049164917,42.00428713111311],[-121.57061190239024,41.998944281328136],[-121.0321761658166,41.993601431543155],[-120.63732329232923,41.993601431543155],[-120.27836613461346,41.993601431543155],[-119.99120040844085,41.993601431543155]],[[-104.05350260586059,40.999831371537155],[-103.51506686928693,40.999831371537155],[-102.86894398539854,40.999831371537155],[-102.54588254345434,40.999831371537155],[-102.04334252265227,40.999831371537155],[-102.04334252265227,40.540346290029],[-102.04334252265227,40.000718461746175]],[[-102.04334252265227,40.000718461746175],[-102.04334252265227,39.64809037593759],[-102.04334252265227,39.30080513991399],[-102.04334252265227,38.814605809480945],[-102.04334252265227,38.45129202410241],[-102.04334252265227,38.045235440444046],[-102.04334252265227,37.68192165506551],[-102.04334252265227,37.35066496839684],[-102.04334252265227,36.99269403280328]],[[-102.04334252265227,36.99269403280328],[-102.68946540654065,36.99269403280328],[-102.79715255385538,37.00337973237323],[-103.01252684848485,36.99803688258825]],[[-103.01252684848485,36.99803688258825],[-103.7304411639164,36.99803688258825],[-104.3406683320332,36.99269403280328],[-104.98679121592158,36.99269403280328],[-105.1303740790079,36.99803688258825],[-105.63291409980998,36.99803688258825],[-106.20724555215521,36.99269403280328],[-106.85336843604361,36.99269403280328],[-106.88926415181518,36.99803688258825],[-107.42769988838884,36.99803688258825],[-108.00203134073408,36.99803688258825],[-108.25330135113511,36.99803688258825],[-108.61225850885089,36.99803688258825],[-109.04300709810981,36.99803688258825]],[[-109.04300709810981,36.99803688258825],[-109.04300709810981,37.37737921732173],[-109.04300709810981,37.5323218610861],[-109.04300709810981,37.9063213460346],[-109.04300709810981,38.162778135713566],[-109.04300709810981,38.27497798119812],[-109.04300709810981,38.71843451335133],[-109.04300709810981,38.87337715711571],[-109.04300709810981,39.124491097009695],[-109.04300709810981,39.498490581958194],[-109.04300709810981,39.87249006690669],[-109.04300709810981,40.44417499389939],[-109.04300709810981,40.620489036803676],[-109.04300709810981,40.999831371537155]],[[-109.04300709810981,40.999831371537155],[-108.8994242350235,40.999831371537155],[-108.25330135113511,40.999831371537155],[-107.6430741830183,40.999831371537155],[-106.85336843604361,41.00517422132213],[-106.45851556255626,40.999831371537155],[-106.20724555215521,40.999831371537155],[-105.74060124712472,40.994488521752174],[-105.2739569420942,40.999831371537155],[-104.84320835283528,40.999831371537155],[-104.6637297739774,40.999831371537155],[-104.05350260586059,40.999831371537155]],[[-71.78325412721271,42.00962998089808],[-71.78325412721271,41.65700189508951],[-71.78325412721271,41.41657365476547],[-71.85504555875586,41.41123080498049],[-71.81914984298429,41.34711660756075],[-71.85504555875586,41.32040235863586]],[[-71.85504555875586,41.32040235863586],[-71.89094127452745,41.336430907990795],[-71.9627327060706,41.336430907990795],[-72.03452413761376,41.31505950885088],[-72.07041985338533,41.32040235863586],[-72.14221128492848,41.29903095949595],[-72.17810700070007,41.32040235863586],[-72.21400271647164,41.29903095949595],[-72.24989843224321,41.28300241014101],[-72.39348129532952,41.2616310110011],[-72.46527272687268,41.277659560356035],[-72.53706415841583,41.25094531143114],[-72.57295987418742,41.26697386078608],[-72.68064702150214,41.26697386078608],[-72.68064702150214,41.24560246164616],[-72.7524384530453,41.26697386078608],[-72.89602131613161,41.240259611861184],[-72.89602131613161,41.28300241014101],[-72.96781274767476,41.25094531143114],[-73.00370846344634,41.20285966336634],[-73.03960417921792,41.20820251315131],[-73.14729132653265,41.149431165516546],[-73.18318704230423,41.16545971487149],[-73.25497847384737,41.117374066806676],[-73.29087418961896,41.12805976637664],[-73.36266562116211,41.10668836723672],[-73.43445705270527,41.058602719171915],[-73.50624848424842,41.047917019601954],[-73.57803991579158,41.01051707110711],[-73.61393563156315,41.01585992089208],[-73.64983134733473,40.98380282218221]],[[-73.64983134733473,40.98380282218221],[-73.64983134733473,41.01051707110711],[-73.72162277887789,41.10134551745175],[-73.47035276847684,41.21354536293629],[-73.54214420001999,41.29368810971097],[-73.50624848424842,41.619601946594656],[-73.47035276847684,42.047029929392934]],[[-73.47035276847684,42.047029929392934],[-73.43445705270527,42.052372779177915],[-73.00370846344634,42.03634422982298],[-72.82422988458845,42.03634422982298],[-72.82422988458845,41.998944281328136],[-72.7524384530453,42.00428713111311],[-72.7524384530453,42.031001380038006],[-72.68064702150214,42.03634422982298],[-72.57295987418742,42.031001380038006],[-72.53706415841583,42.03634422982298],[-72.14221128492848,42.031001380038006],[-71.78325412721271,42.025658530253025],[-71.78325412721271,42.00962998089808]],[[-75.408721420142,39.80303301970197],[-75.44461713591359,39.76563307120712],[-75.48051285168516,39.71220457335733],[-75.51640856745674,39.685490324432436]],[[-75.51640856745674,39.685490324432436],[-75.5881999989999,39.653433225722566],[-75.62409571477147,39.600004727872786],[-75.55230428322831,39.562604779377935],[-75.5881999989999,39.498490581958194],[-75.5881999989999,39.46109063346334],[-75.55230428322831,39.41834783518352],[-75.51640856745674,39.36491933733373],[-75.44461713591359,39.31149083948395],[-75.408721420142,39.252719491849184],[-75.408721420142,39.20463384378438],[-75.408721420142,39.156548195719566],[-75.408721420142,39.060376899589954],[-75.33692998859885,39.0229769510951],[-75.30103427282728,38.98557700260026],[-75.30103427282728,38.92680565496549],[-75.19334712551255,38.80926295969597],[-75.12155569396938,38.782548710771074],[-75.08565997819781,38.77186301120112],[-75.04976426242624,38.659663165716566],[-75.04976426242624,38.45129202410241]],[[-75.04976426242624,38.45129202410241],[-75.44461713591359,38.45129202410241],[-75.69588714631462,38.46197772367236],[-75.7317828620862,38.86803430733073],[-75.76767857785778,39.247376642064204],[-75.80357429362935,39.65877607550755],[-75.80357429362935,39.72289027292729]],[[-75.80357429362935,39.72289027292729],[-75.69588714631462,39.80303301970197],[-75.62409571477147,39.83509011841184],[-75.51640856745674,39.83509011841184],[-75.408721420142,39.80303301970197]],[[-77.02402862986298,38.79323441034103],[-77.02402862986298,38.852005757975796],[-77.05992434563456,38.9000914060406],[-77.13171577717772,38.93214850475047]],[[-77.13171577717772,38.93214850475047],[-77.02402862986298,38.99626270217021],[-76.91634148254825,38.89474855625562],[-77.02402862986298,38.79323441034103]],[[-81.58278453285328,24.661396729072905],[-81.54688881708171,24.69345382778278],[-81.54688881708171,24.67742527842784],[-81.51099310131012,24.704139527352734],[-81.43920166976697,24.71482522692269],[-81.43920166976697,24.736196626062608],[-81.4033059539954,24.741539475847585],[-81.36741023822381,24.709482377137714],[-81.33151452245224,24.698796677567756],[-81.29561880668066,24.65071102950295],[-81.4033059539954,24.61865393079308],[-81.4033059539954,24.64536817971797],[-81.47509738553855,24.64536817971797],[-81.61868024862486,24.58659683208321],[-81.69047168016802,24.559882583158316],[-81.79815882748274,24.54385403380338],[-81.79815882748274,24.58659683208321],[-81.69047168016802,24.597282531653164],[-81.65457596439643,24.623996780578057],[-81.61868024862486,24.65071102950295],[-81.58278453285328,24.661396729072905]],[[-82.15711598519852,24.57591113251325],[-82.12122026942694,24.58659683208321],[-82.12122026942694,24.54919688358836],[-82.15711598519852,24.57591113251325]],[[-80.90076593319331,24.778939424342433],[-81.00845308050805,24.720168076707672],[-81.0802445120512,24.71482522692269],[-81.0802445120512,24.69345382778278],[-81.11614022782278,24.709482377137714],[-81.00845308050805,24.730853776277627],[-80.90076593319331,24.778939424342433]],[[-85.172356110011,29.678332677167717],[-85.10056467846785,29.68901837673767],[-85.06466896269626,29.672989827382736],[-85.10056467846785,29.635589878887888],[-85.13646039423942,29.635589878887888],[-85.172356110011,29.678332677167717]],[[-82.26480313251325,26.70236534693469],[-82.22890741674166,26.627565449944996],[-82.19301170097009,26.504679904890487],[-82.15711598519852,26.477965655965598],[-82.08532455365535,26.45659425682568],[-82.04942883788378,26.472622806180617],[-82.01353312211221,26.451251407040704],[-82.04942883788378,26.42453715811581],[-82.08532455365535,26.42453715811581],[-82.15711598519852,26.46727995639564],[-82.19301170097009,26.558108402740274],[-82.22890741674166,26.63825114951495],[-82.26480313251325,26.68099394779478],[-82.26480313251325,26.70236534693469]],[[-80.25464304930493,25.339938651765177],[-80.36233019661965,25.19033885778578],[-80.36233019661965,25.168967458645863],[-80.39822591239124,25.1101961110111],[-80.39822591239124,25.136910359935992],[-80.39822591239124,25.168967458645863],[-80.39822591239124,25.19033885778578],[-80.36233019661965,25.21171025692569],[-80.32643448084808,25.270481604560455],[-80.2905387650765,25.313224402840284],[-80.25464304930493,25.36131005090509],[-80.25464304930493,25.39870999939994],[-80.21874733353334,25.39870999939994],[-80.25464304930493,25.339938651765177]],[[-81.43920166976697,30.709502685668568],[-81.43920166976697,30.698816986098606],[-81.43920166976697,30.602645689968995],[-81.43920166976697,30.52250294319432],[-81.4033059539954,30.47976014491449],[-81.4033059539954,30.399617398139814],[-81.4033059539954,30.271389003300328],[-81.29561880668066,29.966846565556555],[-81.25972309090909,29.90273236813681],[-81.25972309090909,29.785189672867286],[-81.2238273751375,29.737104024802477],[-81.15203594359436,29.55544713211321],[-81.04434879627962,29.3096760420042],[-80.97255736473647,29.149390548454846],[-80.90076593319331,29.06390495189519],[-80.86487021742174,29.010476454045403],[-80.72128735433543,28.759362514151412],[-80.57770449124912,28.583048471247125],[-80.57770449124912,28.529619973397338],[-80.54180877547755,28.460162926192616],[-80.57770449124912,28.41207727812781],[-80.6136002070207,28.363991630063005],[-80.6136002070207,28.257134634363435],[-80.57770449124912,28.176991887588756],[-80.57770449124912,28.09684914081408],[-80.50591305970596,27.968620745974597],[-80.39822591239124,27.738878205220523],[-80.36233019661965,27.642706909090908],[-80.32643448084808,27.59996411081108],[-80.32643448084808,27.525164213821384],[-80.2905387650765,27.498449964896487],[-80.25464304930493,27.38090726962696],[-80.18285161776177,27.2473360250025],[-80.1469559019902,27.193907527152714],[-80.1469559019902,27.161850428442843],[-80.11106018621862,27.017593484248422],[-80.03926875467546,26.85730799069907],[-80.03926875467546,26.798536643064306],[-80.03926875467546,26.56879410231023],[-80.07516447044704,26.445908557255727],[-80.07516447044704,26.26425166456646],[-80.07516447044704,26.232194565856584],[-80.11106018621862,26.087937621662164],[-80.11106018621862,25.986423475747575],[-80.11106018621862,25.842166531553154],[-80.11106018621862,25.772709484348432],[-80.1469559019902,25.740652385638562],[-80.1469559019902,25.665852488648866],[-80.18285161776177,25.68722388778878],[-80.1469559019902,25.71928098649865],[-80.18285161776177,25.745995235423543],[-80.25464304930493,25.71928098649865],[-80.2905387650765,25.639138239723973],[-80.2905387650765,25.61242399079908],[-80.2905387650765,25.56968119251925],[-80.32643448084808,25.500224145314533],[-80.32643448084808,25.39870999939994],[-80.2905387650765,25.382681450045006],[-80.32643448084808,25.339938651765177],[-80.36233019661965,25.31856725262526],[-80.43412162816281,25.233081656065607],[-80.50591305970596,25.201024557355737],[-80.57770449124912,25.19033885778578],[-80.68539163856386,25.136910359935992],[-80.79307878587858,25.136910359935992],[-80.82897450165017,25.17965315821582],[-80.90076593319331,25.163624608860886],[-80.90076593319331,25.14225320972097],[-81.00845308050805,25.126224660366034],[-81.04434879627962,25.126224660366034],[-81.0802445120512,25.120881810581057],[-81.15203594359436,25.163624608860886],[-81.18793165936593,25.22239595649565],[-81.15203594359436,25.32391010241024],[-81.11614022782278,25.355967201120112],[-81.15203594359436,25.462824196819682],[-81.2238273751375,25.50556699509951],[-81.18793165936593,25.532281244024404],[-81.2238273751375,25.558995492949293],[-81.2238273751375,25.61242399079908],[-81.29561880668066,25.68722388778878],[-81.33151452245224,25.71928098649865],[-81.36741023822381,25.772709484348432],[-81.33151452245224,25.815452282628264],[-81.43920166976697,25.868880780478047],[-81.47509738553855,25.868880780478047],[-81.54688881708171,25.900937879187918],[-81.58278453285328,25.89025217961796],[-81.65457596439643,25.89559502940294],[-81.69047168016802,25.852852231123112],[-81.76226311171116,25.95970922682268],[-81.76226311171116,26.007794874887487],[-81.79815882748274,26.087937621662164],[-81.83405454325433,26.23753741564156],[-81.83405454325433,26.29630876327633],[-81.8699502590259,26.376451510051005],[-81.90584597479747,26.42453715811581],[-81.97763740634063,26.45659425682568],[-81.97763740634063,26.477965655965598],[-82.01353312211221,26.488651355535552],[-82.04942883788378,26.520708454245423],[-82.08532455365535,26.493994205320533],[-82.12122026942694,26.483308505750575],[-82.12122026942694,26.54207985338534],[-82.12122026942694,26.63825114951495],[-82.19301170097009,26.68099394779478],[-82.15711598519852,26.70236534693469],[-82.12122026942694,26.697022497149714],[-82.12122026942694,26.664965398439843],[-82.04942883788378,26.745108145214523],[-82.04942883788378,26.803879492849283],[-82.04942883788378,26.878679389838982],[-82.08532455365535,26.88936508940894],[-82.08532455365535,26.958822136613662],[-82.12122026942694,26.95347928682868],[-82.12122026942694,26.92676503790379],[-82.19301170097009,26.91607933833383],[-82.15711598519852,26.85196514091409],[-82.15711598519852,26.787850943494348],[-82.19301170097009,26.771822394139413],[-82.22890741674166,26.771822394139413],[-82.26480313251325,26.78250809370937],[-82.30069884828482,26.8252508919892],[-82.3365945640564,26.910736488548856],[-82.44428171137113,27.060336282528255],[-82.4801774271427,27.14047902930293],[-82.55196885868587,27.300764522852283],[-82.69555172177218,27.445021467046704],[-82.69555172177218,27.498449964896487],[-82.65965600600059,27.525164213821384],[-82.58786457445744,27.594621261026102],[-82.51607314291428,27.706821106510652],[-82.4801774271427,27.722849655865588],[-82.4801774271427,27.7442210550055],[-82.44428171137113,27.765592454145413],[-82.40838599559956,27.835049501350134],[-82.40838599559956,27.899163698769875],[-82.4801774271427,27.92053509790979],[-82.4801774271427,27.861763750275024],[-82.4801774271427,27.824363801780176],[-82.55196885868587,27.85107805070507],[-82.51607314291428,27.877792299629963],[-82.51607314291428,27.931220797479746],[-82.55196885868587,27.968620745974597],[-82.62376029022901,28.000677844684468],[-82.69555172177218,27.995334994899487],[-82.69555172177218,27.973963595759574],[-82.73144743754375,27.94724934683468],[-82.65965600600059,27.91519224812481],[-82.62376029022901,27.909849398339833],[-82.58786457445744,27.8190209519952],[-82.62376029022901,27.781621003500348],[-82.62376029022901,27.71216395629563],[-82.73144743754375,27.69613540694069],[-82.8032388690869,27.792306703070306],[-82.83913458485848,27.824363801780176],[-82.83913458485848,27.88847799919992],[-82.83913458485848,27.963277896189616],[-82.8032388690869,27.95793504640464],[-82.76734315331532,28.054106342534254],[-82.76734315331532,28.12890623952395],[-82.8032388690869,28.155620488448847],[-82.8032388690869,28.187677587158717],[-82.76734315331532,28.219734685868588],[-82.76734315331532,28.246448934793477],[-82.73144743754375,28.294534582858283],[-82.73144743754375,28.326591681568154],[-82.69555172177218,28.369334479847986],[-82.69555172177218,28.401391578557856],[-82.65965600600059,28.44413437683768],[-82.65965600600059,28.529619973397338],[-82.65965600600059,28.588391321032102],[-82.65965600600059,28.647162668666866],[-82.65965600600059,28.69524831673167],[-82.69555172177218,28.721962565656565],[-82.69555172177218,28.759362514151412],[-82.73144743754375,28.85019096049605],[-82.69555172177218,28.903619458345833],[-82.73144743754375,28.973076505550555],[-82.76734315331532,28.994447904690468],[-82.76734315331532,29.05321925232523],[-82.8032388690869,29.106647750175014],[-82.8032388690869,29.144047698669866],[-82.83913458485848,29.1600762480248],[-82.9468217321732,29.16541909780978],[-82.9827174479448,29.176104797379736],[-83.01861316371637,29.13336199909991],[-83.09040459525951,29.218847595659565],[-83.09040459525951,29.266933243724374],[-83.16219602680268,29.288304642864286],[-83.16219602680268,29.34707599049905],[-83.19809174257425,29.37379023942394],[-83.23398745834582,29.421875887488746],[-83.30577888988898,29.43790443684368],[-83.30577888988898,29.475304385338532],[-83.41346603720372,29.51804718361836],[-83.41346603720372,29.614218479747976],[-83.41346603720372,29.66764697759776],[-83.44936175297529,29.678332677167717],[-83.48525746874687,29.710389775877587],[-83.52115318451844,29.72107547544754],[-83.5929446160616,29.785189672867286],[-83.5929446160616,29.81190392179218],[-83.62884033183317,29.84396102050205],[-83.62884033183317,29.886703818781875],[-83.70063176337634,29.924103767276726],[-83.77242319491948,29.977532265126513],[-83.84421462646264,29.998903664266425],[-83.91600605800579,30.046989312331235],[-84.02369320532053,30.105760659965995],[-84.13138035263526,30.08973211061106],[-84.16727606840684,30.073703561256124],[-84.20317178417841,30.08973211061106],[-84.27496321572157,30.09507496039604],[-84.27496321572157,30.05767501190119],[-84.31085893149314,30.068360711471144],[-84.34675464726472,30.05767501190119],[-84.34675464726472,29.988217964696467],[-84.34675464726472,29.977532265126513],[-84.34675464726472,29.924103767276726],[-84.34675464726472,29.897389518351837],[-84.3826503630363,29.892046668566856],[-84.41854607880788,29.90807521792179],[-84.45444179457945,29.929446617061707],[-84.52623322612261,29.90807521792179],[-84.59802465766576,29.87601811921192],[-84.66981608920892,29.827932471147115],[-84.7057118049805,29.827932471147115],[-84.81339895229523,29.758475423942393],[-84.88519038383838,29.737104024802477],[-84.88519038383838,29.77450397329733],[-84.92108609960995,29.785189672867286],[-84.92108609960995,29.74778972437244],[-84.99287753115311,29.715732625662564],[-85.10056467846785,29.72107547544754],[-85.24414754155416,29.683675526952694],[-85.3159389730973,29.69970407630763],[-85.3159389730973,29.795875372437244],[-85.35183468886888,29.897389518351837],[-85.38773040464046,29.94013231663166],[-85.49541755195519,29.961503715771578],[-85.53131326772677,29.993560814481448],[-85.60310469926992,30.05767501190119],[-85.71079184658466,30.09507496039604],[-85.7825832781278,30.1538463080308],[-85.89027042544254,30.21796050545054],[-85.99795757275727,30.271389003300328],[-86.10564472007201,30.3034461020102],[-86.28512329892989,30.362217449644966],[-86.4287061620162,30.3782459989999],[-86.64408045664565,30.394274548354836],[-86.75176760396039,30.394274548354836],[-86.8953504670467,30.37290314921492],[-87.14662047744774,30.330160350935092],[-87.25430762476248,30.314131801580157],[-87.29020334053405,30.324817501150115],[-87.50557763516352,30.282074702870286]],[[-84.99287753115311,30.998016574057402],[-84.99287753115311,30.939245226422642],[-84.92108609960995,30.885816728572856],[-84.92108609960995,30.821702531153115],[-84.92108609960995,30.752245483948393],[-84.8492946680668,30.709502685668568],[-84.52623322612261,30.698816986098606],[-84.0595889210921,30.672102737173716],[-83.48525746874687,30.645388488248823],[-83.1263003110311,30.62401708910891],[-82.55196885868587,30.59195999039904],[-82.22890741674166,30.570588591259124],[-82.22890741674166,30.543874342334234],[-82.22890741674166,30.517160093409338],[-82.19301170097009,30.485102994699467],[-82.19301170097009,30.426331647064707],[-82.19301170097009,30.3782459989999],[-82.15711598519852,30.356874599859985],[-82.12122026942694,30.36756029942994],[-82.04942883788378,30.362217449644966],[-82.04942883788378,30.43701734663466],[-82.01353312211221,30.474417295129513],[-82.01353312211221,30.52250294319432],[-82.01353312211221,30.565245741474147],[-82.01353312211221,30.59195999039904],[-82.04942883788378,30.65607418781878],[-82.04942883788378,30.704159835883587],[-82.04942883788378,30.746902634163416],[-81.97763740634063,30.778959732873286],[-81.94174169056905,30.827045380938095],[-81.90584597479747,30.821702531153115],[-81.8699502590259,30.79498828222822],[-81.79815882748274,30.789645432443244],[-81.76226311171116,30.77361688308831],[-81.72636739593959,30.746902634163416],[-81.69047168016802,30.746902634163416],[-81.54688881708171,30.714845535453545],[-81.47509738553855,30.725531235023503],[-81.43920166976697,30.709502685668568]],[[-84.31085893149314,34.989125363436344],[-84.13138035263526,34.989125363436344],[-83.62884033183317,34.989125363436344],[-83.62884033183317,34.994468213221325],[-83.30577888988898,34.994468213221325],[-83.1263003110311,34.9998110630063]],[[-83.1263003110311,34.9998110630063],[-83.1263003110311,34.94103971537153],[-83.16219602680268,34.91966831623162],[-83.19809174257425,34.88226836773677],[-83.23398745834582,34.87692551795179],[-83.26988317411741,34.82349702010201],[-83.30577888988898,34.82349702010201],[-83.34167460566056,34.79143992139214],[-83.30577888988898,34.75938282268227],[-83.34167460566056,34.7273257239724],[-83.34167460566056,34.68458292569257],[-83.26988317411741,34.63649727762776],[-83.23398745834582,34.609783028702864],[-83.16219602680268,34.588411629562955],[-83.09040459525951,34.529640281928195],[-83.05450887948794,34.5029260330033],[-83.01861316371637,34.47086893429343],[-82.9827174479448,34.48155463386338],[-82.91092601640163,34.48689748364836],[-82.87503030063006,34.45484038493849],[-82.83913458485848,34.36401193859386],[-82.8032388690869,34.337297689668965],[-82.76734315331532,34.28386919181918],[-82.73144743754375,34.26784064246425],[-82.73144743754375,34.182355045904586],[-82.73144743754375,34.150297947194716],[-82.65965600600059,34.13426939783979],[-82.62376029022901,34.086183749774975],[-82.62376029022901,34.07015520042004],[-82.58786457445744,34.032755251925195],[-82.55196885868587,33.94726965536553],[-82.51607314291428,33.93658395579558],[-82.4801774271427,33.90986970687069],[-82.40838599559956,33.86178405880588],[-82.3365945640564,33.835069809880984],[-82.26480313251325,33.76026991289129],[-82.22890741674166,33.70149856525653],[-82.19301170097009,33.66409861676168],[-82.19301170097009,33.63204151805181],[-82.12122026942694,33.589298719771975],[-82.04942883788378,33.562584470847085],[-82.01353312211221,33.530527372137215],[-81.97763740634063,33.48778457385738],[-81.94174169056905,33.46107032493249],[-81.90584597479747,33.43969892579258],[-81.94174169056905,33.407641827082706],[-81.94174169056905,33.343527629662965],[-81.90584597479747,33.32215623052305],[-81.83405454325433,33.306127681168114],[-81.83405454325433,33.27407058245824],[-81.8699502590259,33.25269918331833],[-81.83405454325433,33.23132778417842],[-81.76226311171116,33.19927068546855],[-81.76226311171116,33.1618707369737],[-81.69047168016802,33.11378508890889],[-81.65457596439643,33.092413689768975],[-81.61868024862486,33.097756539553956],[-81.58278453285328,33.055013741274124],[-81.51099310131012,33.028299492349234],[-81.47509738553855,33.00692809320932],[-81.51099310131012,32.9374710460046],[-81.47509738553855,32.89472824772477],[-81.43920166976697,32.85198544944494],[-81.43920166976697,32.83595690009001],[-81.4033059539954,32.750471303530354],[-81.43920166976697,32.70238565546555],[-81.4033059539954,32.67567140654065],[-81.4033059539954,32.61690005890589],[-81.36741023822381,32.57950011041104],[-81.29561880668066,32.558128711271124],[-81.25972309090909,32.536757312131215],[-81.18793165936593,32.46730026492649],[-81.18793165936593,32.42455746664666],[-81.18793165936593,32.36044326922692],[-81.15203594359436,32.32838617051705],[-81.11614022782278,32.285643372237224],[-81.15203594359436,32.24290057395739],[-81.11614022782278,32.189472076107606],[-81.11614022782278,32.12001502890289],[-81.0802445120512,32.08795793019302],[-81.00845308050805,32.098643629762975],[-80.90076593319331,32.039872282128215],[-80.90076593319331,32.034529432343234]],[[-80.90076593319331,32.034529432343234],[-80.82897450165017,32.01315803320332],[-80.86487021742174,31.970415234923493],[-80.90076593319331,31.943700985998596],[-80.93666164896489,31.95972953535353],[-80.97255736473647,31.916986737073707],[-80.93666164896489,31.911643887288726],[-81.00845308050805,31.858215389438943],[-81.04434879627962,31.874243938793878],[-81.0802445120512,31.83150114051405],[-81.04434879627962,31.820815440944095],[-81.0802445120512,31.76738694309431],[-81.11614022782278,31.72464414481448],[-81.18793165936593,31.735329844384438],[-81.18793165936593,31.703272745674568],[-81.15203594359436,31.676558496749674],[-81.11614022782278,31.62312999889989],[-81.15203594359436,31.569701501050105],[-81.25972309090909,31.55367295169517],[-81.25972309090909,31.526958702770276],[-81.18793165936593,31.516273003200318],[-81.25972309090909,31.425444556855684],[-81.29561880668066,31.36667320922092],[-81.25972309090909,31.29187331223122],[-81.29561880668066,31.206387715671568],[-81.33151452245224,31.206387715671568],[-81.36741023822381,31.168987767176716],[-81.36741023822381,31.136930668466846],[-81.4033059539954,31.131587818681865],[-81.4033059539954,31.072816471047105],[-81.4033059539954,31.014045123412338],[-81.43920166976697,31.014045123412338],[-81.51099310131012,30.97664517491749],[-81.43920166976697,30.955273775777577],[-81.4033059539954,30.955273775777577],[-81.4033059539954,30.90718812771277],[-81.43920166976697,30.83773108050805],[-81.43920166976697,30.811016831583157],[-81.47509738553855,30.74155978437844],[-81.43920166976697,30.709502685668568]],[[-85.60310469926992,34.98378251365136],[-85.38773040464046,34.98378251365136],[-84.95698181538154,34.989125363436344],[-84.31085893149314,34.989125363436344]],[[-155.77922903270328,20.248202806680666],[-155.7433333169317,20.23217425732573],[-155.7433333169317,20.20546000840084],[-155.67154188538854,20.16806005990599],[-155.56385473807381,20.12531726162616],[-155.56385473807381,20.130660111411142],[-155.4561675907591,20.10394586248625],[-155.42027187498752,20.077231613561356],[-155.31258472767277,20.039831665066508],[-155.2766890119012,20.013117416141615],[-155.13310614881487,19.92228896979698],[-155.0972104330433,19.84748907280728],[-155.0972104330433,19.81543197409741],[-155.0972104330433,19.73528922732273],[-155.06131471727173,19.729946377537754],[-154.98952328572858,19.740632077107712],[-154.98952328572858,19.692546429042903],[-154.98952328572858,19.63911793119312],[-154.953627569957,19.62843223162316],[-154.953627569957,19.60706083248325],[-154.91773185418543,19.569660883988398],[-154.81004470687068,19.53226093549355],[-154.81004470687068,19.478832437643764],[-154.88183613841386,19.436089639363935],[-154.91773185418543,19.398689690869087],[-154.98952328572858,19.35060404280428],[-155.06131471727173,19.31854694409441],[-155.13310614881487,19.275804145814583],[-155.20489758035805,19.259775596459647],[-155.2766890119012,19.275804145814583],[-155.31258472767277,19.265118446244625],[-155.34848044344434,19.20634709860986],[-155.42027187498752,19.190318549254926],[-155.4561675907591,19.152918600760074],[-155.49206330653067,19.13689005140514],[-155.56385473807381,19.083461553555356],[-155.56385473807381,19.046061605060505],[-155.5997504538454,18.9979759569957],[-155.5997504538454,18.981947407640764],[-155.67154188538854,18.917833210221023],[-155.7433333169317,18.971261708070806],[-155.77922903270328,18.981947407640764],[-155.81512474847486,19.014004506350634],[-155.886916180018,19.03537590549055],[-155.92281189578958,19.120861502050204],[-155.886916180018,19.334575493449346],[-155.92281189578958,19.414718240224023],[-155.92281189578958,19.441432489148916],[-155.92281189578958,19.478832437643764],[-155.95870761156118,19.48951813721372],[-155.95870761156118,19.585689433343333],[-155.99460332733275,19.644460780978097],[-156.03049904310433,19.67117502990299],[-156.0663947588759,19.729946377537754],[-156.0663947588759,19.77803202560256],[-155.99460332733275,19.84748907280728],[-155.92281189578958,19.85283192259226],[-155.85102046424643,19.970374617861786],[-155.85102046424643,19.975717467646763],[-155.81512474847486,20.034488815281527],[-155.85102046424643,20.077231613561356],[-155.886916180018,20.146688660766078],[-155.886916180018,20.237517107110712],[-155.85102046424643,20.269574205820582],[-155.77922903270328,20.248202806680666]],[[-160.1226106410641,21.957914737873786],[-160.1226106410641,21.995314686368637],[-160.05081920952097,21.995314686368637],[-160.08671492529254,21.925857639163915],[-160.08671492529254,21.893800540454045],[-160.1585063568357,21.86708629152915],[-160.19440207260726,21.786943544754475],[-160.26619350415044,21.81365779367937],[-160.23029778837883,21.888457690669068],[-160.19440207260726,21.925857639163915],[-160.1226106410641,21.957914737873786]],[[-159.44059204140416,22.219714377337734],[-159.40469632563259,22.230400076907692],[-159.368800609861,22.219714377337734],[-159.3329048940894,22.187657278627864],[-159.29700917831784,22.150257330133012],[-159.29700917831784,22.112857381638165],[-159.3329048940894,22.048743184218424],[-159.3329048940894,21.963257587658767],[-159.44059204140416,21.872429141314132],[-159.47648775717573,21.888457690669068],[-159.62007062026203,21.899143390239026],[-159.6559663360336,21.957914737873786],[-159.76365348334835,21.979286137013702],[-159.79954919911992,22.01668608550855],[-159.79954919911992,22.06477173357336],[-159.76365348334835,22.102171682068207],[-159.72775776757678,22.144914480348035],[-159.6559663360336,22.17162872927293],[-159.58417490449045,22.22505722712271],[-159.54827918871888,22.230400076907692],[-159.5123834729473,22.209028677767776],[-159.47648775717573,22.23574292669267],[-159.44059204140416,22.219714377337734]],[[-156.9996833689369,21.183201519051906],[-156.96378765316533,21.209915767976796],[-156.96378765316533,21.177858669266925],[-156.8561005058506,21.16717296969697],[-156.78430907430743,21.177858669266925],[-156.71251764276428,21.151144420342035],[-156.74841335853586,21.108401622062207],[-156.78430907430743,21.076344523352336],[-156.89199622162218,21.049630274427443],[-156.96378765316533,21.06565882378238],[-157.07147480048005,21.108401622062207],[-157.14326623202322,21.09771592249225],[-157.25095337933794,21.09237307270727],[-157.3227448108811,21.108401622062207],[-157.28684909510952,21.145801570557055],[-157.25095337933794,21.172515819481948],[-157.25095337933794,21.220601467546754],[-157.21505766356637,21.220601467546754],[-157.14326623202322,21.19923006840684],[-156.9996833689369,21.183201519051906]],[[-156.53303906390641,20.520688145714573],[-156.568934779678,20.510002446144615],[-156.60483049544956,20.52603099549955],[-156.6766219269927,20.504659596359637],[-156.71251764276428,20.52603099549955],[-156.6766219269927,20.55808809420942],[-156.568934779678,20.606173742274226],[-156.53303906390641,20.579459493349333],[-156.568934779678,20.542059544854485],[-156.53303906390641,20.520688145714573]],[[-156.60483049544956,21.02291602550255],[-156.53303906390641,21.006887476147615],[-156.53303906390641,20.969487527652767],[-156.46124763236324,20.894687630663064],[-156.3894562008201,20.921401879587957],[-156.31766476927694,20.94811612851285],[-156.24587333773377,20.932087579157916],[-156.24587333773377,20.91605902980298],[-156.17408190619062,20.87865908130813],[-156.13818619041905,20.862630531953194],[-156.10229047464748,20.825230583458346],[-156.10229047464748,20.830573433243323],[-156.0663947588759,20.80920203410341],[-155.99460332733275,20.793173484748475],[-155.99460332733275,20.766459235823582],[-155.99460332733275,20.723716437543754],[-156.03049904310433,20.686316489048906],[-156.0663947588759,20.654259390339035],[-156.13818619041905,20.62220229162916],[-156.2099776219622,20.627545141414142],[-156.31766476927694,20.584802343134314],[-156.3894562008201,20.579459493349333],[-156.42535191659167,20.584802343134314],[-156.42535191659167,20.611516592059207],[-156.46124763236324,20.723716437543754],[-156.46124763236324,20.782487785178517],[-156.4971433481348,20.798516334533453],[-156.53303906390641,20.77714493539354],[-156.64072621122114,20.81988773367337],[-156.6766219269927,20.867973381738175],[-156.71251764276428,20.921401879587957],[-156.6766219269927,20.95345897829783],[-156.6766219269927,21.006887476147615],[-156.64072621122114,21.028258875287527],[-156.60483049544956,21.02291602550255]],[[-156.9996833689369,20.932087579157916],[-156.89199622162218,20.91605902980298],[-156.820204790079,20.862630531953194],[-156.820204790079,20.80920203410341],[-156.8561005058506,20.766459235823582],[-156.89199622162218,20.73974498689869],[-156.96378765316533,20.73440213711371],[-156.9996833689369,20.787830634963495],[-156.9996833689369,20.814544883888388],[-156.9996833689369,20.85194483238324],[-157.07147480048005,20.87865908130813],[-157.07147480048005,20.905373330233022],[-156.9996833689369,20.932087579157916]],[[-158.04065912631265,21.30608706410641],[-158.1124505578558,21.300744214321433],[-158.14834627362737,21.375544111311132],[-158.18424198939894,21.402258360236022],[-158.18424198939894,21.45034400830083],[-158.22013770517052,21.48774395679568],[-158.22013770517052,21.541172454645466],[-158.25603342094212,21.583915252925294],[-158.1124505578558,21.58925810271027],[-158.07655484208422,21.62665805120512],[-158.07655484208422,21.65871514991499],[-158.00476341054107,21.701457948194818],[-157.96886769476947,21.712143647764776],[-157.9329719789979,21.653372300130012],[-157.9329719789979,21.62665805120512],[-157.82528483168318,21.530486755075508],[-157.86118054745475,21.498429656365637],[-157.82528483168318,21.461029707870786],[-157.7893891159116,21.428972609160915],[-157.7893891159116,21.45568685808581],[-157.75349340014003,21.461029707870786],[-157.75349340014003,21.423629759375938],[-157.71759768436846,21.38088696109611],[-157.71759768436846,21.354172712171216],[-157.64580625282528,21.300744214321433],[-157.71759768436846,21.263344265826582],[-157.71759768436846,21.284715664966498],[-157.82528483168318,21.258001416041605],[-157.86118054745475,21.290058514751475],[-157.89707626322632,21.30608706410641],[-157.96886769476947,21.30608706410641],[-157.96886769476947,21.327458463246323],[-158.04065912631265,21.30608706410641]],[[-111.05316718131813,41.998944281328136],[-111.51981148634863,41.998944281328136],[-112.16593437023703,41.998944281328136],[-112.2018300860086,41.998944281328136],[-112.63257867526752,41.998944281328136],[-113.24280584338435,41.993601431543155],[-113.88892872727273,41.988258581758174],[-114.03251159035904,41.993601431543155]],[[-114.03251159035904,41.993601431543155],[-114.60684304270427,41.993601431543155],[-114.82221733733374,42.00428713111311],[-115.0375916319632,41.993601431543155],[-115.32475735813581,41.993601431543155],[-115.86319309470947,41.998944281328136],[-116.36573311551155,41.998944281328136],[-116.97596028362837,41.998944281328136],[-117.01185599939994,41.998944281328136]],[[-117.01185599939994,41.998944281328136],[-117.01185599939994,42.62405770617062],[-117.01185599939994,43.024771440044006],[-117.01185599939994,43.575084967896785],[-117.01185599939994,43.831541757575756],[-116.97596028362837,43.8689417060706],[-116.97596028362837,43.922370203920394],[-116.97596028362837,43.96511300220022],[-116.94006456785678,44.02388434983498],[-116.97596028362837,44.050598598759876],[-116.97596028362837,44.08799854725473],[-116.94006456785678,44.098684246824675],[-116.9041688520852,44.15211274467447],[-116.94006456785678,44.18951269316932],[-116.97596028362837,44.19485554295429],[-116.97596028362837,44.2429411910191],[-117.04775171517153,44.24828404080408],[-117.04775171517153,44.23225549144914],[-117.11954314671468,44.28034113951395],[-117.15543886248625,44.258969740374035],[-117.2272302940294,44.291026839083905],[-117.19133457825782,44.33911248714871],[-117.2272302940294,44.39788383478347],[-117.2272302940294,44.42459808370837],[-117.2272302940294,44.478026581558154],[-117.15543886248625,44.547483628762876],[-117.11954314671468,44.6169406759676],[-117.04775171517153,44.72914052145214],[-117.04775171517153,44.74516907080708],[-116.94006456785678,44.78256901930193],[-116.9041688520852,44.84668321672167],[-116.86827313631363,44.8894260150015],[-116.83237742054206,44.93216881328132],[-116.86827313631363,44.980254461346135],[-116.83237742054206,45.02299725962596],[-116.79648170477049,45.06039720812081],[-116.79648170477049,45.097797156615655],[-116.72469027322732,45.14053995489549],[-116.68879455745575,45.24205410081008],[-116.68879455745575,45.27411119951995],[-116.68879455745575,45.322196847584756],[-116.58110741014102,45.445082392639264],[-116.54521169436944,45.46111094199419],[-116.54521169436944,45.509196590059005],[-116.47342026282628,45.57865363726373],[-116.47342026282628,45.61605358575858],[-116.54521169436944,45.690853482748274],[-116.54521169436944,45.7335962810281],[-116.58110741014102,45.77633907930793],[-116.65289884168416,45.78168192909291],[-116.68879455745575,45.819081877587756],[-116.79648170477049,45.82442472737273],[-116.79648170477049,45.85648182608261],[-116.83237742054206,45.89388177457745],[-116.9041688520852,45.974024521352135],[-116.9041688520852,45.995395920492044]],[[-116.9041688520852,45.995395920492044],[-116.97596028362837,46.096910066406636],[-116.94006456785678,46.17170996339634],[-116.97596028362837,46.19842421232123],[-116.94006456785678,46.22513846124612],[-116.97596028362837,46.29459550845084],[-117.04775171517153,46.348024006300626],[-117.04775171517153,46.42282390329032],[-117.04775171517153,46.70065209210921],[-117.04775171517153,47.12808007490749],[-117.04775171517153,47.47536531093109],[-117.04775171517153,47.83867909630963],[-117.04775171517153,48.12719298469847],[-117.04775171517153,48.37296407480748],[-117.04775171517153,48.998077499649966]],[[-117.04775171517153,48.998077499649966],[-116.40162883128312,48.998077499649966],[-116.04267167356736,49.00342034943494]],[[-116.04267167356736,49.00342034943494],[-116.04267167356736,48.501192469646966],[-116.04267167356736,47.97759319071907],[-115.89908881048105,47.84402194609461],[-115.86319309470947,47.82799339673967],[-115.86319309470947,47.78525059845984],[-115.82729737893789,47.75319349974997],[-115.71961023162316,47.69442215211521],[-115.71961023162316,47.65702220362036],[-115.68371451585159,47.62496510491049],[-115.68371451585159,47.59290800620062],[-115.75550594739474,47.555508057705765],[-115.71961023162316,47.528793808780875],[-115.68371451585159,47.45399391179117],[-115.71961023162316,47.45399391179117],[-115.71961023162316,47.4219368130813],[-115.61192308430843,47.38453686458645],[-115.54013165276527,47.35247976587658],[-115.54013165276527,47.30439411781178],[-115.39654878967897,47.26165131953195],[-115.32475735813581,47.25630846974697],[-115.25296592659265,47.1494514740474],[-115.1811744950495,47.13342292469247],[-115.07348734773477,47.04793732813281],[-115.0375916319632,46.967794581358135],[-115.00169591619162,46.973137431143115],[-114.92990448464846,46.89833753415341],[-114.92990448464846,46.83422333673367],[-114.85811305310531,46.812851937593756],[-114.82221733733374,46.780794838883885],[-114.75042590579058,46.75942343974397],[-114.78632162156215,46.716680641464144],[-114.75042590579058,46.69530924232423],[-114.714530190019,46.716680641464144],[-114.714530190019,46.73805204060406],[-114.64273875847584,46.73270919081908],[-114.60684304270427,46.70599494189419],[-114.64273875847584,46.67928069296929],[-114.60684304270427,46.64188074447445],[-114.53505161116112,46.64188074447445],[-114.46326017961796,46.63119504490449],[-114.42736446384639,46.66325214361436],[-114.31967731653165,46.66325214361436],[-114.31967731653165,46.60982364576458],[-114.35557303230323,46.508309499849986],[-114.39146874807481,46.497623800280024],[-114.39146874807481,46.444195302430245],[-114.39146874807481,46.412138203720374],[-114.42736446384639,46.38542395479548],[-114.42736446384639,46.33733830673067],[-114.46326017961796,46.24116701060106],[-114.46326017961796,46.17170996339634],[-114.49915589538953,46.16636711361136],[-114.53505161116112,46.123624315331526],[-114.46326017961796,46.096910066406636],[-114.49915589538953,46.04882441834183],[-114.46326017961796,45.995395920492044],[-114.42736446384639,45.98471022092209],[-114.39146874807481,45.95799597199719],[-114.42736446384639,45.93662457285728],[-114.39146874807481,45.8831960750075],[-114.42736446384639,45.85113897629763],[-114.49915589538953,45.85113897629763],[-114.5709473269327,45.77633907930793],[-114.49915589538953,45.722910581458144],[-114.49915589538953,45.66948208360836],[-114.5709473269327,45.63742498489849],[-114.53505161116112,45.60536788618862],[-114.5709473269327,45.5839964870487],[-114.49915589538953,45.55728223812381],[-114.46326017961796,45.562625087908785],[-114.42736446384639,45.509196590059005],[-114.35557303230323,45.48782519091909],[-114.31967731653165,45.46111094199419],[-114.28378160076008,45.482482341134116],[-114.2478858849885,45.52522513941394],[-114.17609445344534,45.55193938833883],[-114.14019873767377,45.55728223812381],[-114.14019873767377,45.5839964870487],[-114.06840730613061,45.594682186618655],[-114.06840730613061,45.626739285328526],[-113.99661587458746,45.658796384038396],[-114.03251159035904,45.690853482748274],[-113.99661587458746,45.70688203210321],[-113.9248244430443,45.68016778317832],[-113.88892872727273,45.64276783468347],[-113.81713729572958,45.600025036403636],[-113.81713729572958,45.51988228962896],[-113.78124157995799,45.51988228962896],[-113.74534586418642,45.482482341134116],[-113.78124157995799,45.45576809220922],[-113.74534586418642,45.40768244414441],[-113.74534586418642,45.39165389478948],[-113.74534586418642,45.32753969736973],[-113.67355443264327,45.284796899089905],[-113.67355443264327,45.252739800380034],[-113.60176300110011,45.18862560296029],[-113.56586728532854,45.129854255325526],[-113.49407585378538,45.065740057905785],[-113.4581801380138,45.06039720812081],[-113.42228442224223,45.006968710271025],[-113.4581801380138,44.95888306220622],[-113.49407585378538,44.948197362636265],[-113.4581801380138,44.86805461586158],[-113.42228442224223,44.84134036693669],[-113.35049299069907,44.81996896779678],[-113.35049299069907,44.78256901930193],[-113.24280584338435,44.825311817581756],[-113.17101441184118,44.787911869086905],[-113.13511869606961,44.77188331973197],[-113.09922298029804,44.72914052145214],[-113.09922298029804,44.69708342274227],[-113.06332726452645,44.68105487338734],[-113.06332726452645,44.6169406759676],[-113.09922298029804,44.600912126612656],[-113.02743154875488,44.52611222962296],[-112.9915358329833,44.451312332633265],[-112.95564011721171,44.419255233923394],[-112.88384868566857,44.39788383478347],[-112.847952969897,44.36048388628863],[-112.8120572541254,44.37651243564356],[-112.847952969897,44.42459808370837],[-112.77616153835383,44.483369431343135],[-112.70437010681069,44.504740830483044],[-112.6684743910391,44.483369431343135],[-112.56078724372438,44.483369431343135],[-112.48899581218122,44.46199803220322],[-112.48899581218122,44.478026581558154],[-112.38130866486648,44.445969482848284],[-112.34541294909491,44.49405513091309],[-112.34541294909491,44.531455079407934],[-112.30951723332333,44.536797929192915],[-112.27362151755176,44.568855027902785],[-112.23772580178017,44.568855027902785],[-112.2018300860086,44.531455079407934],[-112.13003865446545,44.542140778977895],[-112.09414293869386,44.520769379837986],[-112.02235150715072,44.547483628762876],[-111.98645579137914,44.536797929192915],[-111.95056007560756,44.55816932833283],[-111.87876864406441,44.563512178117804],[-111.80697721252125,44.510083680268025],[-111.69929006520653,44.542140778977895],[-111.69929006520653,44.55816932833283],[-111.62749863366336,44.547483628762876],[-111.59160291789179,44.563512178117804],[-111.48391577057706,44.542140778977895],[-111.51981148634863,44.606254976397636],[-111.48391577057706,44.6650263240324],[-111.48391577057706,44.70776912231223],[-111.34033290749075,44.72914052145214],[-111.34033290749075,44.723797671667164],[-111.23264576017601,44.62228352575257],[-111.23264576017601,44.57954072747275],[-111.19675004440444,44.568855027902785],[-111.16085432863287,44.536797929192915],[-111.12495861286129,44.49405513091309],[-111.05316718131813,44.472683731773174]],[[-111.05316718131813,44.472683731773174],[-111.05316718131813,44.018541500050006],[-111.05316718131813,43.50028507090709],[-111.05316718131813,43.19574263316331],[-111.05316718131813,42.72022900230023],[-111.05316718131813,42.50651501090108],[-111.05316718131813,41.998944281328136]],[[-87.79274336133614,42.490486461546155],[-87.79274336133614,42.38362946584658],[-87.82863907710771,42.303486719071905],[-87.79274336133614,42.20731542294229],[-87.75684764556455,42.12717267616762],[-87.6850562140214,42.07374417831783],[-87.6850562140214,42.031001380038006],[-87.61326478247824,41.89208728562856],[-87.61326478247824,41.82797308820882],[-87.57736906670667,41.76385889078908],[-87.54147335093509,41.74783034143414],[-87.54147335093509,41.71043039293929]],[[-87.54147335093509,41.71043039293929],[-87.54147335093509,41.122716916591656],[-87.54147335093509,40.85557442734273],[-87.54147335093509,40.46020354325432],[-87.54147335093509,40.150318255725566],[-87.54147335093509,39.88317576647665],[-87.54147335093509,39.348890787978796],[-87.57736906670667,39.33286223862386],[-87.61326478247824,39.284776590559055],[-87.57736906670667,39.22066239313931],[-87.64916049824983,39.16723389528953],[-87.64916049824983,39.10846254765477],[-87.57736906670667,39.05503404980497],[-87.57736906670667,38.99091985238523],[-87.50557763516352,38.95351990389039],[-87.54147335093509,38.89474855625562],[-87.54147335093509,38.85734860776077],[-87.50557763516352,38.7772058609861],[-87.50557763516352,38.74514876227623],[-87.50557763516352,38.69706311421142],[-87.57736906670667,38.66500601550155],[-87.61326478247824,38.63829176657666],[-87.61326478247824,38.60623466786679],[-87.64916049824983,38.542120470447045],[-87.64916049824983,38.510063371737175],[-87.75684764556455,38.472663423242324],[-87.75684764556455,38.40854922582258],[-87.79274336133614,38.37114927732773],[-87.82863907710771,38.34443502840284],[-87.82863907710771,38.29634938033803],[-87.86453479287928,38.30169223012301],[-87.93632622442244,38.25894943184318],[-87.97222194019402,38.21086378377838],[-87.93632622442244,38.16812098549855],[-87.93632622442244,38.12537818721872],[-88.00811765596559,38.098663938293825],[-87.97222194019402,38.066606839583955],[-88.04401337173717,38.02386404130413],[-88.00811765596559,37.96509269366936],[-88.04401337173717,37.92769274517451],[-88.04401337173717,37.90097849624962],[-88.04401337173717,37.86357854775477],[-88.04401337173717,37.81549289968997],[-88.04401337173717,37.79946435033503]],[[-88.04401337173717,37.79946435033503],[-88.07990908750875,37.74069300270027],[-88.11580480328033,37.7086359039904],[-88.1517005190519,37.665893105710566],[-88.11580480328033,37.575064659365935],[-88.07990908750875,37.52697901130113],[-88.07990908750875,37.48957906280628],[-88.07990908750875,37.47355051345134],[-88.1517005190519,37.47355051345134],[-88.29528338213821,37.452179114311434],[-88.36707481368137,37.40409346624662],[-88.40297052945294,37.42546486538654],[-88.47476196099609,37.388064916891686],[-88.47476196099609,37.33997926882688],[-88.51065767676768,37.2865507709771],[-88.51065767676768,37.259836522052204],[-88.43886624522452,37.20106517441744],[-88.43886624522452,37.15297952635264],[-88.47476196099609,37.072836779577955],[-88.54655339253925,37.067493929792974],[-88.6183448240824,37.12092242764277],[-88.72603197139713,37.14229382678268],[-88.7978234029403,37.19037947484748],[-88.90551055025502,37.22243657355735],[-88.97730198179818,37.227779423342334],[-89.01319769756975,37.2117508739874],[-89.08498912911291,37.15832237613761],[-89.12088484488449,37.12092242764277],[-89.15678056065606,37.08886532893289],[-89.19267627642763,37.0354368310831],[-89.15678056065606,37.00337973237323],[-89.12088484488449,36.982008333233324]],[[-89.12088484488449,36.982008333233324],[-89.19267627642763,36.982008333233324],[-89.19267627642763,37.014065431943195],[-89.2644677079708,37.062151080008],[-89.30036342374237,37.046122530653065],[-89.2644677079708,37.014065431943195],[-89.30036342374237,36.99269403280328],[-89.37215485528553,37.040779680868084],[-89.37215485528553,37.083522479147916],[-89.4080505710571,37.12626527742774],[-89.44394628682868,37.20106517441744],[-89.44394628682868,37.24915082248225],[-89.47984200260025,37.24915082248225],[-89.51573771837184,37.2865507709771],[-89.47984200260025,37.32929356925692],[-89.44394628682868,37.34532211861186],[-89.4080505710571,37.39875061646164],[-89.51573771837184,37.537664710871084],[-89.51573771837184,37.5857503589359],[-89.47984200260025,37.596436058505844],[-89.51573771837184,37.639178856785676],[-89.51573771837184,37.68726450485048],[-89.58752914991499,37.71397875377538],[-89.62342486568656,37.75137870227023],[-89.65932058145815,37.76206440184018],[-89.65932058145815,37.788778650765074],[-89.7311120130013,37.84754999839984],[-89.80290344454446,37.858235697969796],[-89.80290344454446,37.87960709710971],[-89.83879916031603,37.9063213460346],[-89.91059059185918,37.86892139753975],[-89.94648630763076,37.884949946894686],[-89.98238202340234,37.917007045604564],[-89.94648630763076,37.97043554345434],[-90.01827773917391,37.97043554345434],[-90.05417345494548,38.013178341734175],[-90.09006917071707,38.01852119151915],[-90.12596488648865,38.061263989798974],[-90.16186060226022,38.071949689368935],[-90.23365203380338,38.11469248764877],[-90.26954774957495,38.15743528592859],[-90.30544346534653,38.18414953485348],[-90.3413391811181,38.21620663356336],[-90.37723489688969,38.2803208309831],[-90.37723489688969,38.323063629262926],[-90.3413391811181,38.37649212711271],[-90.30544346534653,38.42457777517751],[-90.26954774957495,38.5260919210921],[-90.1977563180318,38.600891818081806],[-90.1977563180318,38.66500601550155],[-90.1977563180318,38.71309166356636],[-90.16186060226022,38.77186301120112],[-90.12596488648865,38.79857726012601],[-90.12596488648865,38.84666290819082],[-90.23365203380338,38.92146280518052],[-90.30544346534653,38.92146280518052],[-90.37723489688969,38.95351990389039],[-90.44902632843284,38.969548453245324],[-90.55671347574757,38.87337715711571],[-90.59260919151914,38.86803430733073],[-90.62850490729072,38.88940570647064],[-90.6644006230623,38.92680565496549],[-90.6644006230623,38.99091985238523],[-90.70029633883388,39.05503404980497],[-90.70029633883388,39.08709114851485],[-90.70029633883388,39.156548195719566],[-90.73619205460545,39.252719491849184],[-90.84387920192019,39.33820508840884],[-90.9874620650065,39.42369068496849],[-91.05925349654966,39.46643348324832],[-91.05925349654966,39.49314773217321],[-91.09514921232123,39.541233380238026],[-91.1310449280928,39.546576230023],[-91.20283635963597,39.60534757765777],[-91.23873207540754,39.63206182658266],[-91.27462779117911,39.66411892529253],[-91.38231493849385,39.73357597249725],[-91.34641922272228,39.78700447034703],[-91.38231493849385,39.813718719271925],[-91.41821065426542,39.84043296819682],[-91.454106370037,39.877832916691666],[-91.41821065426542,39.91523286518652],[-91.49000208580858,40.038118410241026],[-91.49000208580858,40.059489809380935],[-91.52589780158016,40.12894685658566],[-91.49000208580858,40.23580385228523],[-91.454106370037,40.342660847984796],[-91.41821065426542,40.38006079647965]],[[-91.41821065426542,40.38006079647965],[-91.38231493849385,40.3907464960496],[-91.38231493849385,40.45486069346934],[-91.38231493849385,40.51363204110411],[-91.41821065426542,40.540346290029],[-91.34641922272228,40.60980333723372],[-91.23873207540754,40.63651758615862],[-91.20283635963597,40.63651758615862],[-91.1310449280928,40.66857468486849],[-91.1310449280928,40.72734603250325],[-91.09514921232123,40.78077453035303],[-91.09514921232123,40.812831629062906],[-90.9874620650065,40.90900292519252],[-90.95156634923492,40.92503147454745],[-90.95156634923492,41.03723132003201],[-90.95156634923492,41.09600266766677],[-90.9874620650065,41.15477401530153],[-91.05925349654966,41.16545971487149],[-91.1310449280928,41.240259611861184],[-91.09514921232123,41.304373809280925],[-91.05925349654966,41.41123080498049],[-90.9874620650065,41.432602204120414],[-90.91567063346334,41.42191650455045],[-90.84387920192019,41.45397360326032],[-90.73619205460545,41.44863075347534],[-90.6644006230623,41.464659302830285],[-90.59260919151914,41.51274495089508],[-90.55671347574757,41.528773500250026],[-90.44902632843284,41.523430650465045],[-90.41313061266126,41.56617344874488],[-90.3413391811181,41.587544847884786],[-90.3413391811181,41.646316195519546],[-90.30544346534653,41.69440184358436],[-90.30544346534653,41.73180179207921],[-90.26954774957495,41.769201740574054],[-90.1977563180318,41.801258839283925],[-90.16186060226022,41.9081158349835],[-90.16186060226022,41.961544332833284],[-90.12596488648865,42.00428713111311],[-90.16186060226022,42.041687079607954],[-90.16186060226022,42.116486976597656],[-90.1977563180318,42.15388692509251],[-90.37723489688969,42.22334397229723],[-90.41313061266126,42.27677247014701],[-90.41313061266126,42.32485811821182],[-90.48492204420441,42.38362946584658],[-90.55671347574757,42.41568656455645],[-90.55671347574757,42.44240081348134],[-90.6644006230623,42.47980076197619],[-90.62850490729072,42.50651501090108]],[[-90.62850490729072,42.50651501090108],[-90.41313061266126,42.50651501090108],[-90.09006917071707,42.50651501090108],[-89.94648630763076,42.50651501090108],[-89.65932058145815,42.50651501090108],[-89.2644677079708,42.495829311331136],[-88.7978234029403,42.490486461546155],[-88.65424053985399,42.495829311331136],[-88.11580480328033,42.495829311331136],[-87.79274336133614,42.490486461546155]],[[-84.81339895229523,39.103119697869786],[-84.88519038383838,39.05503404980497],[-84.8492946680668,38.98557700260026],[-84.8492946680668,38.95886275367536],[-84.88519038383838,38.92146280518052],[-84.8492946680668,38.9000914060406],[-84.81339895229523,38.89474855625562],[-84.77750323652364,38.86269145754575],[-84.81339895229523,38.84132005840584],[-84.81339895229523,38.79323441034103],[-84.8492946680668,38.782548710771074],[-84.88519038383838,38.79323441034103],[-84.92108609960995,38.7772058609861],[-84.99287753115311,38.7772058609861],[-85.06466896269626,38.73980591249125],[-85.13646039423942,38.7024059639964],[-85.20825182578257,38.68637741464146],[-85.24414754155416,38.73980591249125],[-85.3159389730973,38.73980591249125],[-85.38773040464046,38.72912021292129],[-85.42362612041204,38.73446306270627],[-85.45952183618361,38.70774881378138],[-85.42362612041204,38.659663165716566],[-85.42362612041204,38.61157751765177],[-85.42362612041204,38.563491869586954],[-85.42362612041204,38.5260919210921],[-85.45952183618361,38.504720521952194],[-85.49541755195519,38.46732057345734],[-85.60310469926992,38.45129202410241],[-85.60310469926992,38.42457777517751],[-85.6390004150415,38.3284064790479],[-85.67489613081308,38.29634938033803],[-85.74668756235623,38.26963513141314],[-85.7825832781278,38.291006530553055],[-85.81847899389939,38.27497798119812],[-85.85437470967096,38.23757803270327],[-85.89027042544254,38.2055209339934],[-85.92616614121411,38.162778135713566],[-85.89027042544254,38.08797823872387],[-85.92616614121411,38.0292068910891],[-85.9620618569857,38.007835491949194],[-86.03385328852885,37.99714979237923],[-86.03385328852885,37.95974984388438],[-86.06974900430042,38.00249264216421],[-86.10564472007201,38.013178341734175],[-86.17743615161515,38.013178341734175],[-86.24922758315832,38.055921140014],[-86.28512329892989,38.098663938293825],[-86.28512329892989,38.136063886788676],[-86.35691473047304,38.19483523442344],[-86.35691473047304,38.162778135713566],[-86.32101901470146,38.15209243614361],[-86.32101901470146,38.130721037003696],[-86.39281044624462,38.130721037003696],[-86.4287061620162,38.08797823872387],[-86.46460187778777,38.050578290229026],[-86.50049759355934,38.045235440444046],[-86.53639330933093,37.97043554345434],[-86.50049759355934,37.93837844474447],[-86.53639330933093,37.917007045604564],[-86.5722890251025,37.92234989538954],[-86.60818474087408,37.86892139753975],[-86.64408045664565,37.84220714861486],[-86.67997617241724,37.858235697969796],[-86.64408045664565,37.89563564646464],[-86.67997617241724,37.91166419581958],[-86.71587188818881,37.89563564646464],[-86.75176760396039,37.91166419581958],[-86.78766331973196,37.98646409280928],[-86.85945475127512,37.98646409280928],[-86.93124618281827,37.93837844474447],[-86.96714189858986,37.92769274517451],[-87.038933330133,37.9063213460346],[-87.07482904590458,37.79946435033503],[-87.11072476167617,37.7834358009801],[-87.14662047744774,37.83686429882988],[-87.21841190899089,37.84754999839984],[-87.29020334053405,37.884949946894686],[-87.36199477207721,37.91166419581958],[-87.39789048784878,37.93303559495949],[-87.43378620362036,37.94372129452945],[-87.50557763516352,37.91166419581958],[-87.54147335093509,37.92769274517451],[-87.57736906670667,37.975778393239324],[-87.61326478247824,37.93303559495949],[-87.57736906670667,37.884949946894686],[-87.57736906670667,37.86357854775477],[-87.61326478247824,37.8315214490449],[-87.6850562140214,37.8315214490449],[-87.64916049824983,37.87960709710971],[-87.6850562140214,37.90097849624962],[-87.82863907710771,37.87426424732473],[-87.86453479287928,37.917007045604564],[-87.90043050865086,37.92234989538954],[-87.93632622442244,37.89029279667967],[-87.90043050865086,37.81015004990499],[-87.93632622442244,37.77275010141014],[-88.04401337173717,37.79946435033503]],[[-87.54147335093509,41.71043039293929],[-87.43378620362036,41.64097334573457],[-87.29020334053405,41.619601946594656],[-87.21841190899089,41.62494479637964],[-87.11072476167617,41.646316195519546],[-86.93124618281827,41.71043039293929],[-86.82355903550355,41.7585160410041]],[[-86.82355903550355,41.7585160410041],[-86.53639330933093,41.7585160410041],[-86.14154043584358,41.7585160410041],[-85.7825832781278,41.7585160410041],[-85.3159389730973,41.7585160410041],[-84.81339895229523,41.7585160410041],[-84.81339895229523,41.69440184358436]],[[-84.81339895229523,41.69440184358436],[-84.81339895229523,41.43794505390539],[-84.81339895229523,40.989145671967194],[-84.81339895229523,40.80214592949295],[-84.81339895229523,40.310603749274925],[-84.81339895229523,39.813718719271925],[-84.81339895229523,39.477119182818285],[-84.81339895229523,39.103119697869786]],[[-91.20283635963597,43.50028507090709],[-91.23873207540754,43.457542272627265],[-91.20283635963597,43.39342807520752],[-91.20283635963597,43.35068527692769],[-91.1310449280928,43.3239710280028],[-91.05925349654966,43.25451398079808],[-91.1310449280928,43.201085482948294],[-91.1310449280928,43.15834268466847],[-91.16694064386438,43.1262855859586],[-91.16694064386438,43.040799989398934],[-91.1310449280928,42.96600009240924],[-91.1310449280928,42.90722874477447],[-91.09514921232123,42.88051449584958],[-91.09514921232123,42.8270859979998],[-91.05925349654966,42.75762895079508],[-91.05925349654966,42.736257551655164],[-90.95156634923492,42.68817190359036],[-90.73619205460545,42.640086255525546],[-90.62850490729072,42.543914959395934],[-90.62850490729072,42.50651501090108]],[[-91.41821065426542,40.38006079647965],[-91.49000208580858,40.38006079647965],[-91.52589780158016,40.41211789518952],[-91.52589780158016,40.46020354325432],[-91.56179351735173,40.46020354325432],[-91.63358494889489,40.502946341534155],[-91.63358494889489,40.54568913981398],[-91.66948066466647,40.551031989598954],[-91.70537638043804,40.583089088308824],[-91.74127209620961,40.615146187018695],[-92.10022925392539,40.60446048744875],[-92.74635213781377,40.588431938093805],[-92.92583071667167,40.588431938093805],[-93.24889215861586,40.583089088308824],[-93.53605788478848,40.57774623852385],[-94.03859790559055,40.57240338873888],[-94.50524221062106,40.57240338873888],[-95.00778223142314,40.57774623852385],[-95.51032225222522,40.583089088308824],[-95.76159226262627,40.583089088308824]],[[-95.76159226262627,40.583089088308824],[-95.76159226262627,40.60980333723372],[-95.79748797839784,40.65788898529853],[-95.83338369416941,40.67926038443844],[-95.90517512571257,40.73268888228823],[-95.83338369416941,40.775431680568055],[-95.83338369416941,40.86626012691269],[-95.79748797839784,40.88228867626762],[-95.83338369416941,40.94106002390239],[-95.83338369416941,40.97311712261226],[-95.86927940994099,40.999831371537155],[-95.86927940994099,41.090659817881786],[-95.86927940994099,41.14408831573157],[-95.86927940994099,41.1868311140114],[-95.94107084148415,41.19751681358136],[-95.90517512571257,41.240259611861184],[-95.94107084148415,41.28300241014101],[-95.86927940994099,41.28300241014101],[-95.90517512571257,41.32040235863586],[-95.94107084148415,41.32040235863586],[-95.94107084148415,41.464659302830285],[-96.0128622730273,41.47000215261526],[-95.97696655725572,41.51274495089508],[-96.0128622730273,41.53945919981998],[-96.04875798879888,41.50740210111011],[-96.08465370457046,41.534116350035006],[-96.08465370457046,41.576859148314824],[-96.12054942034203,41.59823054745475],[-96.08465370457046,41.646316195519546],[-96.12054942034203,41.69440184358436],[-96.08465370457046,41.801258839283925],[-96.12054942034203,41.82263023842384],[-96.12054942034203,41.85468733713371],[-96.1564451361136,41.90277298519852],[-96.1564451361136,41.91345868476847],[-96.12054942034203,41.97223003240324],[-96.19234085188519,41.97757288218821],[-96.19234085188519,42.00428713111311],[-96.22823656765677,42.041687079607954],[-96.26413228342834,42.047029929392934],[-96.26413228342834,42.111144126812675],[-96.3359237149715,42.16457262466247],[-96.37181943074307,42.21265827272727],[-96.3359237149715,42.22868682208221],[-96.3359237149715,42.26074392079208],[-96.37181943074307,42.30882956885688],[-96.40771514651465,42.335543817781776],[-96.40771514651465,42.41034371477147],[-96.37181943074307,42.44774366326632],[-96.37181943074307,42.47445791219121],[-96.44361086228622,42.490486461546155]],[[-96.44361086228622,42.490486461546155],[-96.47950657805781,42.490486461546155],[-96.47950657805781,42.554600658965896],[-96.51540229382938,42.6294005559556],[-96.58719372537253,42.68282905380538],[-96.62308944114412,42.704200452945294],[-96.62308944114412,42.736257551655164],[-96.58719372537253,42.8270859979998],[-96.55129800960096,42.84311454735473],[-96.51540229382938,42.89120019541954],[-96.55129800960096,42.923257294129414],[-96.51540229382938,42.960657242624265],[-96.51540229382938,42.97668579197919],[-96.47950657805781,43.008742890689064],[-96.51540229382938,43.024771440044006],[-96.44361086228622,43.072857088108805],[-96.44361086228622,43.11559988638864],[-96.47950657805781,43.14765698509851],[-96.47950657805781,43.22245688208821],[-96.55129800960096,43.22779973187318],[-96.58719372537253,43.297256779077905],[-96.51540229382938,43.31328532843284],[-96.51540229382938,43.39342807520752],[-96.58719372537253,43.43617087348734],[-96.58719372537253,43.478913671767174],[-96.58719372537253,43.50028507090709],[-96.44361086228622,43.50028507090709]],[[-96.44361086228622,43.50028507090709],[-95.72569654685468,43.50028507090709],[-95.15136509450944,43.50028507090709],[-94.46934649484947,43.50028507090709],[-93.78732789518952,43.50028507090709],[-93.28478787438743,43.50028507090709],[-92.78224785358536,43.50028507090709],[-92.42329069586958,43.50028507090709],[-91.95664639083908,43.50028507090709],[-91.20283635963597,43.50028507090709]],[[-102.04334252265227,40.000718461746175],[-101.39721963876387,40.000718461746175],[-100.93057533373337,40.000718461746175],[-100.46393102870287,40.000718461746175],[-99.81780814481448,40.000718461746175],[-99.38705955555555,40.000718461746175],[-98.92041525052505,40.000718461746175],[-98.56145809280927,40.000718461746175],[-98.09481378777878,40.000718461746175],[-97.52048233543354,40.000718461746175],[-97.05383803040304,40.000718461746175],[-96.62308944114412,40.000718461746175],[-96.1564451361136,40.000718461746175],[-95.79748797839784,40.000718461746175],[-95.29494795759575,40.000718461746175]],[[-95.29494795759575,40.000718461746175],[-95.29494795759575,39.98468991239123],[-95.25905224182418,39.94728996389639],[-95.18726081028103,39.936604264326434],[-95.2231565260526,39.90989001540154],[-95.15136509450944,39.90454716561656],[-95.15136509450944,39.88317576647665],[-95.0795736629663,39.86180436733673],[-95.04367794719472,39.86714721712171],[-95.00778223142314,39.89920431583158],[-94.97188651565156,39.89920431583158],[-94.93599079987999,39.88851861626162],[-94.93599079987999,39.85646151755175],[-94.90009508410841,39.83509011841184],[-94.86419936833683,39.80837586948695],[-94.93599079987999,39.79234732013201],[-94.90009508410841,39.72289027292729],[-94.97188651565156,39.7442616720672],[-94.97188651565156,39.69083317421742],[-95.04367794719472,39.66411892529253],[-95.04367794719472,39.621376127012695],[-95.04367794719472,39.57863332873287],[-95.11546937873787,39.5732904789479],[-95.11546937873787,39.535890530453045],[-95.04367794719472,39.49314773217321],[-95.04367794719472,39.46109063346334],[-95.00778223142314,39.44506208410841],[-94.93599079987999,39.38629073647365],[-94.90009508410841,39.30080513991399],[-94.86419936833683,39.26874804120412],[-94.82830365256525,39.20997669356936],[-94.79240793679368,39.20997669356936],[-94.72061650525052,39.16723389528953],[-94.68472078947894,39.18326244464446],[-94.64882507370737,39.156548195719566],[-94.6129293579358,39.16189104550455],[-94.6129293579358,39.11914824722472],[-94.6129293579358,38.8252915090509],[-94.6129293579358,38.62226321722172],[-94.6129293579358,38.21620663356336],[-94.6129293579358,37.77275010141014],[-94.6129293579358,37.52163616151615],[-94.6129293579358,36.99803688258825]],[[-94.6129293579358,36.99803688258825],[-95.00778223142314,36.99803688258825],[-95.40263510491049,36.99803688258825],[-96.0128622730273,36.99803688258825],[-96.51540229382938,36.99803688258825],[-97.01794231463145,36.99803688258825],[-97.44869090389038,36.99803688258825],[-98.02302235623561,36.99803688258825],[-98.34608379817982,36.99803688258825],[-99.02810239783979,36.99803688258825],[-99.6383295659566,36.99803688258825],[-100.21266101830183,37.00337973237323],[-100.75109675487549,36.99803688258825],[-101.3613239229923,36.99803688258825],[-102.04334252265227,36.99269403280328]],[[-89.47984200260025,36.49580900280028],[-89.55163343414341,36.49580900280028]],[[-89.55163343414341,36.49580900280028],[-89.58752914991499,36.549237500650065],[-89.55163343414341,36.575951749574955],[-89.47984200260025,36.570608899789974],[-89.47984200260025,36.52786610151015],[-89.47984200260025,36.49580900280028]],[[-81.97763740634063,37.537664710871084],[-82.30069884828482,37.29723647054705],[-82.3365945640564,37.26517937183718],[-82.51607314291428,37.227779423342334],[-82.73144743754375,37.12092242764277],[-82.73144743754375,37.05680823022302],[-82.76734315331532,37.008722582158214],[-82.83913458485848,37.00337973237323],[-82.87503030063006,36.97666548344834],[-82.83913458485848,36.94995123452345],[-82.87503030063006,36.891179886888686],[-82.9827174479448,36.859122788178816],[-83.09040459525951,36.85377993839384],[-83.1263003110311,36.77898004140414],[-83.1263003110311,36.74158009290929],[-83.19809174257425,36.74158009290929],[-83.37757032143213,36.68815159505951],[-83.41346603720372,36.666780195919586],[-83.52115318451844,36.666780195919586],[-83.62884033183317,36.634723097209715],[-83.66473604760476,36.602665998499845]],[[-83.66473604760476,36.602665998499845],[-83.70063176337634,36.581294599359936],[-83.98779748954895,36.59198029892989],[-84.27496321572157,36.59198029892989],[-84.52623322612261,36.59732314871487],[-84.8492946680668,36.602665998499845],[-85.02877324692469,36.61869454785479],[-85.20825182578257,36.62403739763976],[-85.3159389730973,36.62403739763976],[-85.49541755195519,36.613351698069806],[-85.81847899389939,36.62403739763976],[-86.03385328852885,36.62938024742474],[-86.32101901470146,36.65075164656466],[-86.50049759355934,36.65075164656466],[-86.5722890251025,36.634723097209715],[-86.5722890251025,36.65075164656466],[-87.11072476167617,36.640065946994696],[-87.39789048784878,36.640065946994696],[-87.86453479287928,36.634723097209715],[-87.86453479287928,36.66143734613461],[-88.07990908750875,36.67746589548955],[-88.04401337173717,36.538551801080104],[-88.04401337173717,36.49580900280028],[-88.33117909790978,36.50115185258525],[-88.83371911871187,36.50115185258525],[-89.12088484488449,36.50115185258525],[-89.30036342374237,36.50649470237023],[-89.4080505710571,36.50115185258525]],[[-89.4080505710571,36.50115185258525],[-89.37215485528553,36.613351698069806],[-89.33625913951394,36.634723097209715],[-89.2644677079708,36.565266050005],[-89.22857199219922,36.570608899789974],[-89.19267627642763,36.62938024742474],[-89.15678056065606,36.666780195919586],[-89.19267627642763,36.7148658439844],[-89.15678056065606,36.75760864226422],[-89.12088484488449,36.75226579247925],[-89.12088484488449,36.77363719161916],[-89.19267627642763,36.80569429032903],[-89.15678056065606,36.8377513890389],[-89.12088484488449,36.84843708860886],[-89.12088484488449,36.88583703710371],[-89.08498912911291,36.96597978387838],[-89.12088484488449,36.982008333233324]],[[-84.81339895229523,39.103119697869786],[-84.74160752075207,39.14586249614962],[-84.7057118049805,39.13517679657966],[-84.7057118049805,39.103119697869786],[-84.63392037343733,39.0764054489449],[-84.56212894189419,39.08174829872987],[-84.56212894189419,39.097776848084806],[-84.52623322612261,39.092433998299825],[-84.45444179457945,39.11914824722472],[-84.41854607880788,39.092433998299825],[-84.41854607880788,39.060376899589954],[-84.34675464726472,39.039005500450045],[-84.31085893149314,39.006948401740175],[-84.27496321572157,38.95351990389039],[-84.23906749995,38.89474855625562],[-84.23906749995,38.8252915090509],[-84.20317178417841,38.80392010991099],[-84.0595889210921,38.77186301120112],[-83.98779748954895,38.787891560556055],[-83.84421462646264,38.755834461846185],[-83.84421462646264,38.72377736313631],[-83.77242319491948,38.69706311421142],[-83.77242319491948,38.659663165716566],[-83.66473604760476,38.627606067006695],[-83.62884033183317,38.63829176657666],[-83.62884033183317,38.68637741464146],[-83.52115318451844,38.7024059639964],[-83.48525746874687,38.67569171507151],[-83.37757032143213,38.659663165716566],[-83.30577888988898,38.632948916791676],[-83.30577888988898,38.595548968296825],[-83.23398745834582,38.627606067006695],[-83.19809174257425,38.61692036743674],[-83.1263003110311,38.627606067006695],[-83.09040459525951,38.67569171507151],[-83.05450887948794,38.69706311421142],[-83.01861316371637,38.72377736313631],[-82.9827174479448,38.72377736313631],[-82.91092601640163,38.755834461846185],[-82.87503030063006,38.72912021292129],[-82.83913458485848,38.595548968296825],[-82.8032388690869,38.563491869586954],[-82.73144743754375,38.558149019801974],[-82.65965600600059,38.49937767216721],[-82.62376029022901,38.472663423242324],[-82.58786457445744,38.41923492539254]],[[-82.58786457445744,38.41923492539254],[-82.58786457445744,38.34443502840284],[-82.58786457445744,38.317720779477945],[-82.58786457445744,38.26429228162816],[-82.62376029022901,38.23223518291829],[-82.58786457445744,38.21620663356336],[-82.62376029022901,38.17346383528353],[-82.62376029022901,38.14140673657366],[-82.58786457445744,38.10934963786379],[-82.55196885868587,38.071949689368935],[-82.51607314291428,38.00249264216421],[-82.4801774271427,37.981121243024305],[-82.51607314291428,37.93303559495949],[-82.40838599559956,37.884949946894686],[-82.40838599559956,37.820835749474945],[-82.3365945640564,37.788778650765074],[-82.3365945640564,37.74069300270027],[-82.30069884828482,37.68726450485048],[-82.26480313251325,37.65520740614061],[-82.19301170097009,37.628493157215715],[-82.15711598519852,37.59109320872087],[-82.12122026942694,37.59109320872087],[-82.12122026942694,37.55369326022602],[-82.04942883788378,37.537664710871084],[-81.97763740634063,37.537664710871084]],[[-93.8232236109611,29.68901837673767],[-93.89501504250424,29.76916112351235],[-93.93091075827583,29.795875372437244],[-93.93091075827583,29.817246771577157],[-93.85911932673267,29.865332419641963],[-93.8232236109611,29.91876091749175],[-93.78732789518952,29.988217964696467],[-93.75143217941793,30.020275063406338],[-93.71553646364636,30.068360711471144],[-93.71553646364636,30.08973211061106],[-93.71553646364636,30.111103509750976],[-93.71553646364636,30.1538463080308],[-93.71553646364636,30.207274805880587],[-93.71553646364636,30.24467475437544],[-93.71553646364636,30.292760402440244],[-93.75143217941793,30.33550320072007],[-93.75143217941793,30.388931698569856],[-93.71553646364636,30.442360196419642],[-93.71553646364636,30.543874342334234],[-93.71553646364636,30.575931441044105],[-93.67964074787479,30.597302840184017],[-93.67964074787479,30.640045638463846],[-93.60784931633162,30.693474136313633],[-93.57195360056005,30.784302582658263],[-93.57195360056005,30.827045380938095],[-93.57195360056005,30.885816728572856],[-93.53605788478848,30.939245226422642],[-93.57195360056005,30.97664517491749],[-93.57195360056005,31.003359423842383],[-93.5001621690169,31.0247308229823],[-93.53605788478848,31.08350217061706],[-93.53605788478848,31.18501631653165],[-93.60784931633162,31.174330616961697],[-93.60784931633162,31.27050191309131],[-93.64374503210321,31.27050191309131],[-93.67964074787479,31.30790186158616],[-93.67964074787479,31.361330359435943],[-93.71553646364636,31.436130256425642],[-93.75143217941793,31.468187355135512],[-93.71553646364636,31.505587303630364],[-93.75143217941793,31.526958702770276],[-93.78732789518952,31.526958702770276],[-93.8232236109611,31.55367295169517],[-93.8232236109611,31.607101449544952],[-93.8232236109611,31.62312999889989],[-93.8232236109611,31.665872797179716],[-93.78732789518952,31.687244196319632],[-93.8232236109611,31.746015543954393],[-93.8232236109611,31.77272979287929],[-93.85911932673267,31.815472591159114],[-93.89501504250424,31.89561533793379],[-93.9668064740474,31.92767243664366],[-94.00270218981898,31.991786634063406],[-94.03859790559055,31.997129483848383],[-94.03859790559055,32.43524316621662],[-94.03859790559055,33.01761379277927]],[[-91.16694064386438,33.001585243424344],[-91.20283635963597,32.95884244514451],[-91.20283635963597,32.92144249664966],[-91.16694064386438,32.90007109750975],[-91.1310449280928,32.93212819621962],[-91.1310449280928,32.98021384428443],[-91.09514921232123,32.97487099449945],[-91.05925349654966,32.92678534643464],[-91.05925349654966,32.88938539793979],[-91.09514921232123,32.85732829922992],[-91.1310449280928,32.841299749874985],[-91.16694064386438,32.814585500950095],[-91.16694064386438,32.750471303530354],[-91.05925349654966,32.72909990439044],[-91.05925349654966,32.70238565546555],[-91.1310449280928,32.67567140654065],[-91.16694064386438,32.63827145804581],[-91.1310449280928,32.60621435933594],[-91.1310449280928,32.58484296019602],[-91.05925349654966,32.60621435933594],[-91.02335778077807,32.57950011041104],[-91.09514921232123,32.558128711271124],[-91.05925349654966,32.531414462346234],[-90.9874620650065,32.504700213421344],[-91.02335778077807,32.4886716640664],[-91.09514921232123,32.54744301170117],[-91.1310449280928,32.49935736363636],[-91.09514921232123,32.45661456535653],[-91.02335778077807,32.43524316621662],[-90.9874620650065,32.45127171557156],[-90.95156634923492,32.43524316621662],[-90.9874620650065,32.40318606750675],[-90.9874620650065,32.3657861190119],[-90.9874620650065,32.349757569656965],[-90.91567063346334,32.33907187008701],[-90.91567063346334,32.30167192159216],[-90.9874620650065,32.26961482288229],[-90.95156634923492,32.253586273527354],[-90.9874620650065,32.2161863250325],[-91.05925349654966,32.24290057395739],[-91.1310449280928,32.20550062546255],[-91.16694064386438,32.19481492589259],[-91.16694064386438,32.157414977397735],[-91.16694064386438,32.130700728472846],[-91.05925349654966,32.125357878687865],[-91.05925349654966,32.17878637653765],[-91.02335778077807,32.157414977397735],[-91.02335778077807,32.098643629762975],[-91.09514921232123,32.07727223062306],[-91.09514921232123,32.039872282128215],[-91.05925349654966,32.0185008829883],[-91.1310449280928,31.98644378427843],[-91.16694064386438,31.981100934493448],[-91.20283635963597,31.95972953535353],[-91.20283635963597,31.911643887288726],[-91.27462779117911,31.86355823922392],[-91.34641922272228,31.852872539653966],[-91.38231493849385,31.762044093309328],[-91.27462779117911,31.77272979287929],[-91.27462779117911,31.746015543954393],[-91.38231493849385,31.746015543954393],[-91.38231493849385,31.713958445244522],[-91.38231493849385,31.6445013980398],[-91.41821065426542,31.61244429932993],[-91.454106370037,31.61778714911491],[-91.49000208580858,31.6445013980398],[-91.52589780158016,31.61244429932993],[-91.49000208580858,31.58573005040504],[-91.41821065426542,31.596415749974994],[-91.41821065426542,31.569701501050105],[-91.454106370037,31.537644402340234],[-91.52589780158016,31.532301552555253],[-91.52589780158016,31.446815955995596],[-91.49000208580858,31.393387458145813],[-91.49000208580858,31.36667320922092],[-91.52589780158016,31.3720160590059],[-91.56179351735173,31.43078740664066],[-91.56179351735173,31.39873030793079],[-91.56179351735173,31.377358908790878],[-91.56179351735173,31.345301810081008],[-91.52589780158016,31.318587561156114],[-91.52589780158016,31.275844762876286],[-91.56179351735173,31.25981621352135],[-91.63358494889489,31.265159063306328],[-91.63358494889489,31.233101964596457],[-91.5976892331233,31.19570201610161],[-91.63358494889489,31.11555926932693],[-91.56179351735173,31.072816471047105],[-91.56179351735173,31.040759372337234],[-91.63358494889489,30.998016574057402],[-91.05925349654966,30.998016574057402],[-90.73619205460545,30.998016574057402],[-90.37723489688969,30.998016574057402],[-89.76700772877287,31.003359423842383],[-89.7311120130013,30.99267372427243],[-89.76700772877287,30.94458807620762],[-89.76700772877287,30.91253097749775],[-89.76700772877287,30.896502428142814],[-89.80290344454446,30.8003311320132],[-89.83879916031603,30.768274033303328],[-89.83879916031603,30.725531235023503],[-89.83879916031603,30.672102737173716],[-89.83879916031603,30.6507313380338],[-89.80290344454446,30.597302840184017],[-89.76700772877287,30.517160093409338],[-89.7311120130013,30.490445844484448],[-89.69521629722972,30.453045895989597],[-89.69521629722972,30.40496024792479],[-89.65932058145815,30.356874599859985],[-89.62342486568656,30.34084605050505],[-89.65932058145815,30.3034461020102],[-89.62342486568656,30.228646205020503],[-89.58752914991499,30.180560556955694],[-89.51573771837184,30.180560556955694]],[[-89.51573771837184,30.180560556955694],[-89.58752914991499,30.148503458245823],[-89.62342486568656,30.1538463080308],[-89.69521629722972,30.105760659965995],[-89.69521629722972,30.073703561256124],[-89.76700772877287,30.041646462546254],[-89.80290344454446,30.041646462546254],[-89.8746948760876,30.004246514051403],[-89.83879916031603,29.945475166416642],[-89.76700772877287,29.934789466846684],[-89.69521629722972,29.87067526942694],[-89.62342486568656,29.865332419641963],[-89.58752914991499,29.8813609689969],[-89.58752914991499,29.961503715771578],[-89.58752914991499,29.993560814481448],[-89.47984200260025,30.041646462546254],[-89.47984200260025,30.079046411041105],[-89.37215485528553,30.036303612761273],[-89.44394628682868,30.009589363836383],[-89.44394628682868,29.977532265126513],[-89.37215485528553,29.961503715771578],[-89.37215485528553,29.913418067706772],[-89.30036342374237,29.924103767276726],[-89.2644677079708,29.993560814481448],[-89.22857199219922,29.972189415341532],[-89.22857199219922,29.924103767276726],[-89.2644677079708,29.924103767276726],[-89.30036342374237,29.8813609689969],[-89.22857199219922,29.892046668566856],[-89.2644677079708,29.865332419641963],[-89.37215485528553,29.84396102050205],[-89.33625913951394,29.77984682308231],[-89.37215485528553,29.790532522652263],[-89.44394628682868,29.742446874587458],[-89.44394628682868,29.705046926092606],[-89.51573771837184,29.742446874587458],[-89.65932058145815,29.74778972437244],[-89.65932058145815,29.710389775877587],[-89.55163343414341,29.66764697759776],[-89.62342486568656,29.6569612780278],[-89.65932058145815,29.62490417931793],[-89.69521629722972,29.62490417931793],[-89.65932058145815,29.582161381038105],[-89.69521629722972,29.56078998189819],[-89.69521629722972,29.507361484048403],[-89.62342486568656,29.491332934693467],[-89.58752914991499,29.44324728662866],[-89.55163343414341,29.464618685768578],[-89.51573771837184,29.384475938993898],[-89.44394628682868,29.395161638563856],[-89.37215485528553,29.389818788778875],[-89.33625913951394,29.37913308920892],[-89.33625913951394,29.34173314071407],[-89.30036342374237,29.357761690069005],[-89.22857199219922,29.3096760420042],[-89.19267627642763,29.34707599049905],[-89.15678056065606,29.30433319221922],[-89.08498912911291,29.25090469436944],[-89.08498912911291,29.197476196519652],[-89.01319769756975,29.218847595659565],[-89.01319769756975,29.181447647164717],[-89.04909341334132,29.1600762480248],[-89.01319769756975,29.12801914931493],[-89.04909341334132,29.106647750175014],[-89.04909341334132,29.069247801680167],[-89.12088484488449,29.069247801680167],[-89.15678056065606,29.010476454045403],[-89.22857199219922,29.042533552755273],[-89.22857199219922,29.069247801680167],[-89.33625913951394,29.042533552755273],[-89.37215485528553,29.074590651465144],[-89.4080505710571,29.085276351035102],[-89.4080505710571,29.12801914931493],[-89.47984200260025,29.213504745874587],[-89.55163343414341,29.2348761450145],[-89.62342486568656,29.25090469436944],[-89.65932058145815,29.288304642864286],[-89.7311120130013,29.30433319221922],[-89.83879916031603,29.3096760420042],[-89.83879916031603,29.336390290929092],[-89.80290344454446,29.384475938993898],[-89.83879916031603,29.432561587058707],[-89.83879916031603,29.480647235123513],[-89.91059059185918,29.459275835983597],[-89.94648630763076,29.427218737273726],[-89.98238202340234,29.464618685768578],[-90.01827773917391,29.427218737273726],[-90.01827773917391,29.320361741574157],[-90.01827773917391,29.28296179307931],[-90.05417345494548,29.28296179307931],[-90.09006917071707,29.240218994799477],[-90.05417345494548,29.208161896089607],[-90.01827773917391,29.213504745874587],[-90.09006917071707,29.149390548454846],[-90.16186060226022,29.106647750175014],[-90.23365203380338,29.085276351035102],[-90.23365203380338,29.12801914931493],[-90.30544346534653,29.176104797379736],[-90.26954774957495,29.20281904630463],[-90.30544346534653,29.240218994799477],[-90.3413391811181,29.27761894329433],[-90.37723489688969,29.272276093509348],[-90.41313061266126,29.20281904630463],[-90.44902632843284,29.186790496949694],[-90.48492204420441,29.208161896089607],[-90.44902632843284,29.261590393939393],[-90.520817759976,29.288304642864286],[-90.55671347574757,29.28296179307931],[-90.59260919151914,29.25090469436944],[-90.55671347574757,29.229533295229523],[-90.55671347574757,29.20281904630463],[-90.62850490729072,29.20281904630463],[-90.62850490729072,29.176104797379736],[-90.6644006230623,29.12801914931493],[-90.6644006230623,29.117333449744976],[-90.73619205460545,29.12267629952995],[-90.80798348614861,29.085276351035102],[-90.80798348614861,29.06390495189519],[-90.84387920192019,29.069247801680167],[-90.91567063346334,29.13336199909991],[-90.95156634923492,29.181447647164717],[-90.9874620650065,29.17076194759476],[-91.02335778077807,29.181447647164717],[-91.09514921232123,29.186790496949694],[-91.1310449280928,29.213504745874587],[-91.20283635963597,29.218847595659565],[-91.27462779117911,29.245561844584458],[-91.34641922272228,29.298990342434244],[-91.27462779117911,29.3096760420042],[-91.27462779117911,29.363104539853985],[-91.20283635963597,29.368447389638963],[-91.23873207540754,29.43790443684368],[-91.27462779117911,29.448590136413642],[-91.27462779117911,29.469961535553555],[-91.34641922272228,29.48599008490849],[-91.34641922272228,29.512704333833383],[-91.41821065426542,29.512704333833383],[-91.454106370037,29.544761432543254],[-91.52589780158016,29.52873288318832],[-91.52589780158016,29.56613283168317],[-91.56179351735173,29.63024702910291],[-91.63358494889489,29.62490417931793],[-91.63358494889489,29.737104024802477],[-91.74127209620961,29.74778972437244],[-91.7771678119812,29.742446874587458],[-91.84895924352435,29.705046926092606],[-91.88485495929592,29.710389775877587],[-91.88485495929592,29.758475423942393],[-91.84895924352435,29.8065610720072],[-91.88485495929592,29.83861817071707],[-91.99254210661066,29.795875372437244],[-92.02843782238223,29.77984682308231],[-92.10022925392539,29.742446874587458],[-92.13612496969697,29.69970407630763],[-92.10022925392539,29.619561329532953],[-92.02843782238223,29.62490417931793],[-91.99254210661066,29.614218479747976],[-91.95664639083908,29.608875629962995],[-91.92075067506751,29.635589878887888],[-91.84895924352435,29.63024702910291],[-91.81306352775277,29.603532780178018],[-91.70537638043804,29.55544713211321],[-91.7771678119812,29.523390033403338],[-91.7771678119812,29.491332934693467],[-91.81306352775277,29.475304385338532],[-91.84895924352435,29.502018634263425],[-91.95664639083908,29.539418582758273],[-92.02843782238223,29.582161381038105],[-92.17202068546854,29.582161381038105],[-92.2438121170117,29.539418582758273],[-92.31560354855485,29.534075732973296],[-92.38739498009801,29.55010428232823],[-92.56687355895589,29.571475681468144],[-92.63866499049905,29.58750423082308],[-92.74635213781377,29.619561329532953],[-92.96172643244324,29.715732625662564],[-93.10530929552955,29.74778972437244],[-93.21299644284429,29.77984682308231],[-93.28478787438743,29.77450397329733],[-93.3565793059306,29.763818273727374],[-93.46426645324532,29.76916112351235],[-93.67964074787479,29.74778972437244],[-93.75143217941793,29.737104024802477],[-93.8232236109611,29.68901837673767]],[[-68.44495256045603,44.18951269316932],[-68.40905684468446,44.18951269316932],[-68.37316112891288,44.15745559445944],[-68.44495256045603,44.1200556459646],[-68.48084827622762,44.16279844424442],[-68.44495256045603,44.18951269316932]],[[-68.69622257085707,44.28034113951395],[-68.62443113931393,44.25362689058906],[-68.58853542354234,44.23225549144914],[-68.6603268550855,44.15745559445944],[-68.69622257085707,44.15211274467447],[-68.73211828662865,44.1681412940294],[-68.69622257085707,44.28034113951395]],[[-68.48084827622762,44.37116958585858],[-68.48084827622762,44.3177410880088],[-68.51674399199919,44.33376963736373],[-68.48084827622762,44.37116958585858]],[[-68.62443113931393,44.013198650265025],[-68.6603268550855,44.039912899189915],[-68.6603268550855,44.077312847684766],[-68.62443113931393,44.0933413970397],[-68.58853542354234,44.05594144854486],[-68.62443113931393,44.013198650265025]],[[-68.76801400240024,44.05594144854486],[-68.80390971817181,44.034570049404934],[-68.87570114971496,44.034570049404934],[-68.91159686548654,44.08265569746975],[-68.94749258125812,44.10936994639464],[-68.91159686548654,44.14676989488949],[-68.83980543394338,44.18416984338434],[-68.80390971817181,44.136084195319526],[-68.76801400240024,44.071969997899785],[-68.76801400240024,44.05594144854486]],[[-67.61935109770977,44.520769379837986],[-67.5475596661666,44.472683731773174],[-67.58345538193818,44.451312332633265],[-67.61935109770977,44.520769379837986]],[[-68.94749258125812,44.28034113951395],[-68.91159686548654,44.31239823822382],[-68.91159686548654,44.37651243564356],[-68.87570114971496,44.3658267360736],[-68.87570114971496,44.33376963736373],[-68.87570114971496,44.30171253865386],[-68.91159686548654,44.2429411910191],[-68.94749258125812,44.258969740374035],[-68.94749258125812,44.28034113951395]],[[-70.7063826540654,43.072857088108805],[-70.74227836983698,43.072857088108805],[-70.81406980138013,43.1262855859586],[-70.81406980138013,43.23848543144314],[-70.88586123292329,43.27054253015301],[-70.92175694869486,43.31862817821782],[-70.95765266446644,43.34534242714271],[-70.99354838023801,43.41479947434743],[-70.95765266446644,43.43617087348734],[-70.95765266446644,43.484256521552155],[-70.95765266446644,43.548370718971896],[-70.95765266446644,43.569742118111805],[-70.99354838023801,43.794141809080905],[-70.99354838023801,43.91702735413541],[-70.99354838023801,44.30171253865386],[-71.0294440960096,44.65434062446244],[-71.06533981178117,45.006968710271025],[-71.06533981178117,45.24739695059506],[-71.10123552755275,45.30616829822982]],[[-71.10123552755275,45.30616829822982],[-70.95765266446644,45.33288254715471],[-70.92175694869486,45.3115111480148],[-70.92175694869486,45.27945404930493],[-70.88586123292329,45.2367112510251],[-70.81406980138013,45.30082544844484],[-70.81406980138013,45.33822539693969],[-70.81406980138013,45.37562534543454],[-70.81406980138013,45.40233959435943],[-70.77817408560855,45.42905384328432],[-70.74227836983698,45.42905384328432],[-70.7063826540654,45.39165389478948],[-70.63459122252225,45.38096819521952],[-70.63459122252225,45.41836814371437],[-70.7063826540654,45.48782519091909],[-70.7063826540654,45.514539439843986],[-70.63459122252225,45.60536788618862],[-70.59869550675067,45.63208213511351],[-70.56279979097908,45.66413923382338],[-70.52690407520751,45.66413923382338],[-70.45511264366436,45.70153918231823],[-70.45511264366436,45.70688203210321],[-70.3833212121212,45.7335962810281],[-70.41921692789278,45.79771047844784],[-70.34742549634963,45.85113897629763],[-70.27563406480647,45.88853892479248],[-70.27563406480647,45.96333882178217],[-70.31152978057806,45.96333882178217],[-70.31152978057806,46.02211016941694],[-70.27563406480647,46.05416726812681],[-70.31152978057806,46.064852967696766],[-70.2397383490349,46.1075957659766],[-70.2397383490349,46.14499571447145],[-70.27563406480647,46.19308136253625],[-70.2397383490349,46.26788125952595],[-70.20384263326332,46.29993835823582],[-70.20384263326332,46.32665260716071],[-70.13205120172016,46.35870970587058],[-70.09615548594859,46.412138203720374],[-70.06025977017701,46.41748105350535],[-69.98846833863385,46.69530924232423],[-69.55771974937493,47.122737225122506],[-69.23465830743073,47.459336761576154],[-69.16286687588759,47.45399391179117],[-69.01928401280128,47.405908263726374],[-69.05517972857285,47.37919401480148],[-69.05517972857285,47.2990512680268],[-69.05517972857285,47.245622770177015],[-68.91159686548654,47.181508572757274],[-68.80390971817181,47.213565671467144],[-68.73211828662865,47.24027992039204],[-68.62443113931393,47.245622770177015],[-68.58853542354234,47.28836556845684],[-68.51674399199919,47.2990512680268],[-68.44495256045603,47.283022718671866],[-68.37316112891288,47.2990512680268],[-68.37316112891288,47.34179406630663],[-68.33726541314131,47.35782261566156],[-68.22957826582658,47.34713691609161],[-68.15778683428341,47.32042266716671],[-68.12189111851184,47.29370841824182],[-68.0142039711971,47.24027992039204],[-67.94241253965396,47.19753712211221],[-67.8706211081108,47.1013658259826],[-67.79882967656765,47.06930872727273],[-67.79882967656765,46.59913794619462],[-67.79882967656765,46.27856695909591],[-67.79882967656765,45.941967422642264],[-67.76293396079608,45.915253173717375],[-67.79882967656765,45.8831960750075],[-67.76293396079608,45.82442472737273],[-67.79882967656765,45.80305332823282],[-67.79882967656765,45.72825343124312],[-67.79882967656765,45.68016778317832],[-67.72703824502449,45.66413923382338],[-67.65524681348134,45.61605358575858],[-67.51166395039503,45.58933933683368],[-67.43987251885187,45.60536788618862],[-67.43987251885187,45.57865363726373],[-67.43987251885187,45.503853740274025],[-67.47576823462346,45.509196590059005],[-67.51166395039503,45.48782519091909],[-67.47576823462346,45.42905384328432],[-67.4039768030803,45.37562534543454],[-67.47576823462346,45.29548259865986],[-67.47576823462346,45.27945404930493],[-67.43987251885187,45.226025551455145],[-67.4039768030803,45.1619113540354],[-67.33218537153715,45.12451140554055],[-67.29628965576556,45.14588280468047],[-67.26039393999399,45.18862560296029],[-67.22449822422242,45.1619113540354],[-67.15270679267925,45.1619113540354],[-67.11681107690768,45.1138257059706],[-67.0809153611361,45.028340109410934],[-67.04501964536453,44.942854512851284],[-66.97322821382137,44.91079741414141],[-67.00912392959295,44.84668321672167],[-66.97322821382137,44.80928326822682],[-67.00912392959295,44.77188331973197],[-67.04501964536453,44.77188331973197],[-67.0809153611361,44.7398262210221],[-67.15270679267925,44.69174057295729],[-67.18860250845084,44.64365492489249],[-67.26039393999399,44.62762637553755],[-67.29628965576556,44.65968347424742],[-67.29628965576556,44.70776912231223],[-67.36808108730872,44.69708342274227],[-67.36808108730872,44.67036917381738],[-67.36808108730872,44.632969225322526],[-67.43987251885187,44.59556927682768],[-67.51166395039503,44.63831207510751],[-67.5475596661666,44.62228352575257],[-67.58345538193818,44.55816932833283],[-67.58345538193818,44.531455079407934],[-67.65524681348134,44.52611222962296],[-67.69114252925291,44.536797929192915],[-67.72703824502449,44.49405513091309],[-67.72703824502449,44.49939798069806],[-67.76293396079608,44.542140778977895],[-67.79882967656765,44.542140778977895],[-67.8706211081108,44.52611222962296],[-67.83472539233922,44.483369431343135],[-67.8706211081108,44.45665518241824],[-67.97830825542553,44.387198135213524],[-68.0142039711971,44.3925409849985],[-68.0500996869687,44.328426787578756],[-68.08599540274027,44.34979818671867],[-68.12189111851184,44.40322668456845],[-68.12189111851184,44.478026581558154],[-68.15778683428341,44.472683731773174],[-68.22957826582658,44.49405513091309],[-68.30136969736972,44.451312332633265],[-68.193682550055,44.37116958585858],[-68.15778683428341,44.328426787578756],[-68.22957826582658,44.291026839083905],[-68.30136969736972,44.27499828972897],[-68.30136969736972,44.24828404080408],[-68.30136969736972,44.226912641664164],[-68.40905684468446,44.25362689058906],[-68.44495256045603,44.31239823822382],[-68.40905684468446,44.37651243564356],[-68.44495256045603,44.4406266330633],[-68.44495256045603,44.445969482848284],[-68.51674399199919,44.39788383478347],[-68.55263970777077,44.3177410880088],[-68.51674399199919,44.264312590159015],[-68.55263970777077,44.23759834123412],[-68.58853542354234,44.27499828972897],[-68.69622257085707,44.30171253865386],[-68.73211828662865,44.328426787578756],[-68.80390971817181,44.30705538843884],[-68.83980543394338,44.31239823822382],[-68.80390971817181,44.36048388628863],[-68.80390971817181,44.40856953435343],[-68.76801400240024,44.472683731773174],[-68.83980543394338,44.46199803220322],[-68.87570114971496,44.42994093349335],[-68.91159686548654,44.451312332633265],[-68.98338829702969,44.41391238413841],[-68.94749258125812,44.35514103650365],[-68.94749258125812,44.31239823822382],[-69.05517972857285,44.23225549144914],[-69.05517972857285,44.17348414381438],[-69.09107544434443,44.104027096609656],[-69.05517972857285,44.071969997899785],[-69.09107544434443,44.039912899189915],[-69.19876259165916,43.975798701770174],[-69.19876259165916,43.9437416030603],[-69.27055402320231,43.922370203920394],[-69.27055402320231,43.95977015241524],[-69.34234545474547,43.975798701770174],[-69.41413688628862,43.97045585198519],[-69.41413688628862,43.91702735413541],[-69.48592831783178,43.87962740564056],[-69.52182403360335,43.87428455585558],[-69.55771974937493,43.84222745714571],[-69.59361546514651,43.858256006500646],[-69.66540689668966,43.78879895929593],[-69.70130261246123,43.8208560580058],[-69.73719832823282,43.78879895929593],[-69.73719832823282,43.75674186058606],[-69.84488547554754,43.71934191209121],[-69.88078119131913,43.77811325972597],[-69.9166769070907,43.77811325972597],[-69.98846833863385,43.74071331123112],[-70.02436405440544,43.75674186058606],[-69.98846833863385,43.799484658865886],[-70.06025977017701,43.826198907790776],[-70.20384263326332,43.77277040994099],[-70.20384263326332,43.74071331123112],[-70.2397383490349,43.68194196359636],[-70.20384263326332,43.6231706159616],[-70.20384263326332,43.5964563670367],[-70.20384263326332,43.56439926832683],[-70.2397383490349,43.553713568756876],[-70.27563406480647,43.56439926832683],[-70.34742549634963,43.52699931983198],[-70.3833212121212,43.49494222112211],[-70.3833212121212,43.43617087348734],[-70.3833212121212,43.40411377477747],[-70.45511264366436,43.33999957735773],[-70.52690407520751,43.33465672757276],[-70.56279979097908,43.31328532843284],[-70.59869550675067,43.2491711310131],[-70.56279979097908,43.22245688208821],[-70.63459122252225,43.16368553445344],[-70.63459122252225,43.11559988638864],[-70.67048693829382,43.072857088108805],[-70.7063826540654,43.072857088108805]],[[-76.0548443040304,38.12003533743374],[-76.09074001980197,38.12537818721872],[-76.09074001980197,38.19483523442344],[-76.0548443040304,38.2055209339934],[-76.01894858825882,38.17880668506851],[-76.01894858825882,38.14674958635864],[-76.01894858825882,38.12003533743374],[-76.01894858825882,38.071949689368935],[-76.0548443040304,38.093321088508844],[-76.0548443040304,38.12003533743374]],[[-76.0548443040304,37.95440699409941],[-76.0548443040304,38.034549740874084],[-75.98305287248724,38.01852119151915],[-75.98305287248724,37.95440699409941]],[[-75.98305287248724,37.95440699409941],[-76.0548443040304,37.95440699409941]],[[-77.13171577717772,38.93214850475047],[-77.13171577717772,38.96420560346034],[-77.23940292449244,38.969548453245324],[-77.23940292449244,38.98557700260026],[-77.23940292449244,39.01763410131013],[-77.34709007180717,39.060376899589954],[-77.45477721912191,39.0764054489449],[-77.52656865066506,39.14586249614962],[-77.45477721912191,39.22600524292429],[-77.49067293489348,39.247376642064204],[-77.52656865066506,39.26874804120412],[-77.56246436643664,39.30614798969897],[-77.59836008220822,39.30080513991399],[-77.67015151375136,39.3221765390539],[-77.70604722952295,39.3221765390539]],[[-77.70604722952295,39.3221765390539],[-77.74194294529453,39.33286223862386],[-77.74194294529453,39.42369068496849],[-77.7778386610661,39.44506208410841],[-77.7778386610661,39.48780488238823],[-77.88552580838083,39.55191907980798],[-77.84963009260926,39.562604779377935],[-77.84963009260926,39.60534757765777],[-77.88552580838083,39.61603327722772],[-77.92142152415241,39.589319028302825],[-78.02910867146714,39.60534757765777],[-78.02910867146714,39.63740467636764],[-78.10090010301029,39.68014747464746],[-78.17269153455345,39.6961760240024],[-78.2444829660966,39.64274752615262],[-78.28037868186819,39.621376127012695],[-78.35217011341133,39.64274752615262],[-78.4239615449545,39.621376127012695],[-78.45985726072607,39.5732904789479],[-78.4239615449545,39.557261929592954],[-78.45985726072607,39.5198619810981],[-78.5675444080408,39.5198619810981],[-78.63933583958395,39.541233380238026],[-78.67523155535552,39.546576230023],[-78.78291870267026,39.60534757765777],[-78.81881441844183,39.589319028302825],[-78.890605849985,39.525204830883084],[-78.96239728152814,39.46109063346334],[-78.96239728152814,39.439719234323434],[-79.0341887130713,39.46643348324832],[-79.10598014461445,39.46109063346334],[-79.14187586038604,39.41834783518352],[-79.24956300770076,39.33820508840884],[-79.39314587078707,39.26340519141914],[-79.42904158655865,39.21531954335433],[-79.5008330181018,39.20463384378438],[-79.46493730233023,39.5198619810981],[-79.46493730233023,39.530547680668064],[-79.46493730233023,39.72289027292729]],[[-79.46493730233023,39.72289027292729],[-79.0341887130713,39.72289027292729],[-78.53164869226921,39.72289027292729],[-78.06500438723872,39.72289027292729],[-77.52656865066506,39.717547423142314],[-76.98813291409141,39.717547423142314],[-76.41380146174617,39.72289027292729],[-75.80357429362935,39.72289027292729]],[[-75.04976426242624,38.45129202410241],[-75.08565997819781,38.323063629262926],[-75.08565997819781,38.31237792969297],[-75.19334712551255,38.098663938293825],[-75.22924284128412,38.0292068910891]],[[-75.22924284128412,38.0292068910891],[-75.62409571477147,37.99180694259426],[-75.65999143054304,37.949064144314434]],[[-75.65999143054304,37.949064144314434],[-75.69588714631462,37.975778393239324],[-75.7317828620862,37.96509269366936],[-75.76767857785778,37.97043554345434],[-75.87536572517251,37.917007045604564],[-75.91126144094409,37.92769274517451],[-75.91126144094409,37.975778393239324],[-75.87536572517251,38.013178341734175],[-75.80357429362935,38.061263989798974],[-75.87536572517251,38.077292539153916],[-75.83947000940093,38.11469248764877],[-75.91126144094409,38.14140673657366],[-75.94715715671566,38.136063886788676],[-75.94715715671566,38.18949238463846],[-75.83947000940093,38.21086378377838],[-75.87536572517251,38.24292088248825],[-75.91126144094409,38.23223518291829],[-75.94715715671566,38.27497798119812],[-75.94715715671566,38.253606582058204],[-76.01894858825882,38.30169223012301],[-75.94715715671566,38.323063629262926],[-75.98305287248724,38.36580642754275],[-76.01894858825882,38.37649212711271],[-76.01894858825882,38.33374932883288],[-76.0548443040304,38.30169223012301],[-76.01894858825882,38.2803208309831],[-76.0548443040304,38.24292088248825],[-76.09074001980197,38.253606582058204],[-76.12663573557354,38.285663680768074],[-76.1984271671167,38.30169223012301],[-76.27021859865987,38.317720779477945],[-76.27021859865987,38.41389207560756],[-76.34201003020301,38.49403482238223],[-76.27021859865987,38.504720521952194],[-76.23432288288828,38.5260919210921],[-76.30611431443144,38.568834719371935],[-76.27021859865987,38.61157751765177],[-76.23432288288828,38.627606067006695],[-76.1984271671167,38.60623466786679],[-76.16253145134513,38.63829176657666],[-76.16253145134513,38.67569171507151],[-76.1984271671167,38.67034886528653],[-76.27021859865987,38.73446306270627],[-76.27021859865987,38.71309166356636],[-76.30611431443144,38.72912021292129],[-76.34201003020301,38.77186301120112],[-76.30611431443144,38.8252915090509],[-76.27021859865987,38.84666290819082],[-76.23432288288828,38.814605809480945],[-76.1984271671167,38.83063435883588],[-76.1984271671167,38.86269145754575],[-76.1984271671167,38.92680565496549],[-76.27021859865987,38.942834204320434],[-76.34201003020301,38.90543425582558],[-76.37790574597459,38.93749135453545],[-76.30611431443144,39.028319800880084],[-76.27021859865987,38.98023415281528],[-76.1984271671167,38.974891303030304],[-76.16253145134513,39.001605551955194],[-76.1984271671167,39.044348350235026],[-76.16253145134513,39.092433998299825],[-76.1984271671167,39.097776848084806],[-76.23432288288828,39.060376899589954],[-76.27021859865987,39.13517679657966],[-76.27021859865987,39.14586249614962],[-76.23432288288828,39.26340519141914],[-76.1984271671167,39.284776590559055],[-76.16253145134513,39.33286223862386],[-76.12663573557354,39.37026218711871],[-76.0548443040304,39.37026218711871],[-76.01894858825882,39.40231928582858],[-75.98305287248724,39.45040493389339],[-75.98305287248724,39.477119182818285],[-75.98305287248724,39.541233380238026],[-75.98305287248724,39.557261929592954],[-76.09074001980197,39.535890530453045],[-76.12663573557354,39.498490581958194],[-76.0548443040304,39.477119182818285],[-76.0548443040304,39.44506208410841],[-76.09074001980197,39.43437638453845],[-76.16253145134513,39.37560503690369],[-76.30611431443144,39.316833689268925],[-76.30611431443144,39.348890787978796],[-76.34201003020301,39.35423363776377],[-76.34201003020301,39.31149083948395],[-76.37790574597459,39.31149083948395],[-76.41380146174617,39.25806234163416],[-76.37790574597459,39.23669094249425],[-76.44969717751775,39.19394814421442],[-76.48559289328932,39.20463384378438],[-76.5214886090609,39.188605294429436],[-76.41380146174617,39.129833946794676],[-76.41380146174617,39.08174829872987],[-76.44969717751775,39.05503404980497],[-76.37790574597459,39.012291251525156],[-76.41380146174617,38.99091985238523],[-76.48559289328932,38.974891303030304],[-76.44969717751775,38.942834204320434],[-76.48559289328932,38.91077710561056],[-76.48559289328932,38.88406285668567],[-76.5214886090609,38.86269145754575],[-76.48559289328932,38.84132005840584],[-76.5214886090609,38.79857726012601],[-76.55738432483248,38.76652016141614],[-76.5214886090609,38.72377736313631],[-76.5214886090609,38.67569171507151],[-76.5214886090609,38.61692036743674],[-76.5214886090609,38.531434770877084],[-76.48559289328932,38.48334912281228],[-76.37790574597459,38.38717782668267],[-76.41380146174617,38.31237792969297],[-76.37790574597459,38.29634938033803],[-76.41380146174617,38.25894943184318],[-76.37790574597459,38.21620663356336],[-76.30611431443144,38.136063886788676],[-76.34201003020301,38.12003533743374],[-76.30611431443144,38.045235440444046],[-76.37790574597459,38.061263989798974],[-76.37790574597459,38.104006788078806],[-76.41380146174617,38.104006788078806],[-76.44969717751775,38.14140673657366],[-76.48559289328932,38.11469248764877],[-76.55738432483248,38.15209243614361],[-76.55738432483248,38.18949238463846],[-76.59328004060406,38.21620663356336],[-76.6650714721472,38.23223518291829],[-76.80865433523351,38.23757803270327],[-76.80865433523351,38.2803208309831],[-76.88044576677667,38.26963513141314],[-76.91634148254825,38.291006530553055],[-76.91634148254825,38.323063629262926],[-76.98813291409141,38.349777878187815],[-76.98813291409141,38.39252067646764],[-77.02402862986298,38.445949174317434],[-77.09582006140613,38.40854922582258],[-77.20350720872086,38.36046357775777],[-77.23940292449244,38.38183497689769],[-77.27529864026403,38.48334912281228],[-77.23940292449244,38.552806170017],[-77.16761149294929,38.600891818081806],[-77.13171577717772,38.60623466786679],[-77.13171577717772,38.632948916791676]],[[-77.13171577717772,38.632948916791676],[-77.13171577717772,38.67569171507151],[-77.09582006140613,38.69706311421142],[-77.05992434563456,38.71843451335133],[-77.02402862986298,38.79323441034103]],[[-70.59869550675067,41.47000215261526],[-70.56279979097908,41.47000215261526],[-70.56279979097908,41.41657365476547],[-70.49100835943594,41.3845165560556],[-70.45511264366436,41.39520225562556],[-70.45511264366436,41.34711660756075],[-70.59869550675067,41.34711660756075],[-70.7063826540654,41.341773757775776],[-70.81406980138013,41.31505950885088],[-70.8499655171517,41.34711660756075],[-70.77817408560855,41.35245945734573],[-70.67048693829382,41.44328790369037],[-70.59869550675067,41.47000215261526]],[[-70.09615548594859,41.29903095949595],[-70.06025977017701,41.309716659065906],[-70.02436405440544,41.36848800670067],[-69.95257262286228,41.277659560356035],[-69.95257262286228,41.25094531143114],[-70.02436405440544,41.240259611861184],[-70.13205120172016,41.240259611861184],[-70.2397383490349,41.28834525992599],[-70.09615548594859,41.29903095949595]],[[-72.46527272687268,42.72557185208521],[-71.99862842184217,42.71488615251525],[-71.28071410641063,42.69885760316031],[-71.24481839063905,42.74160040144014],[-71.1730269590959,42.736257551655164],[-71.1730269590959,42.78968604950495],[-71.13713124332432,42.82174314821482],[-71.06533981178117,42.80571459885988],[-71.0294440960096,42.85914309670967],[-70.92175694869486,42.88585734563456],[-70.88586123292329,42.88051449584958],[-70.8499655171517,42.85914309670967],[-70.81406980138013,42.86982879627963]],[[-70.81406980138013,42.86982879627963],[-70.81406980138013,42.78434319971997],[-70.77817408560855,42.704200452945294],[-70.74227836983698,42.66145765466547],[-70.7063826540654,42.65077195509551],[-70.63459122252225,42.68817190359036],[-70.59869550675067,42.63474340574057],[-70.63459122252225,42.6294005559556],[-70.67048693829382,42.581314907890786],[-70.81406980138013,42.55994350875088],[-70.88586123292329,42.543914959395934],[-70.8499655171517,42.490486461546155],[-70.88586123292329,42.458429362836284],[-70.92175694869486,42.46911506240624],[-70.99354838023801,42.426372264126414],[-70.95765266446644,42.35691521692169],[-71.0294440960096,42.32485811821182],[-70.99354838023801,42.266086770577054],[-70.92175694869486,42.266086770577054],[-70.88586123292329,42.30882956885688],[-70.8499655171517,42.266086770577054],[-70.77817408560855,42.25005822122212],[-70.7063826540654,42.20731542294229],[-70.7063826540654,42.16991547444744],[-70.63459122252225,42.08977272767277],[-70.63459122252225,42.052372779177915],[-70.67048693829382,42.014972830683064],[-70.7063826540654,42.00962998089808],[-70.67048693829382,41.961544332833284],[-70.59869550675067,41.94017293369337],[-70.59869550675067,41.95085863326332],[-70.56279979097908,41.929487234123414],[-70.52690407520751,41.86003018691869],[-70.52690407520751,41.81728738863886],[-70.45511264366436,41.76385889078908],[-70.3833212121212,41.737144641864184],[-70.27563406480647,41.73180179207921],[-70.27563406480647,41.71577324272427],[-70.20384263326332,41.75317319121912],[-70.13205120172016,41.7585160410041],[-70.02436405440544,41.78523028992899],[-69.98846833863385,41.806601689068906],[-70.02436405440544,41.87605873627362],[-70.02436405440544,41.929487234123414],[-70.06025977017701,41.929487234123414],[-70.09615548594859,42.00962998089808],[-70.09615548594859,42.041687079607954],[-70.16794691749175,42.057715628962896],[-70.20384263326332,42.031001380038006],[-70.2397383490349,42.06305847874788],[-70.20384263326332,42.084429877887786],[-70.13205120172016,42.06840132853285],[-70.02436405440544,42.020315680468045],[-69.98846833863385,41.95085863326332],[-69.95257262286228,41.81194453885388],[-69.9166769070907,41.68905899379938],[-69.95257262286228,41.64097334573457],[-69.98846833863385,41.66768759465947],[-70.09615548594859,41.66234474487449],[-70.20384263326332,41.646316195519546],[-70.2397383490349,41.63028764616462],[-70.34742549634963,41.63028764616462],[-70.3833212121212,41.614259096809675],[-70.45511264366436,41.60357339723972],[-70.49100835943594,41.550144899389934],[-70.63459122252225,41.53945919981998],[-70.67048693829382,41.518087800680064],[-70.74227836983698,41.48603070197019],[-70.74227836983698,41.50205925132513],[-70.67048693829382,41.544802049604954],[-70.63459122252225,41.582201998099805],[-70.63459122252225,41.60357339723972],[-70.63459122252225,41.65700189508951],[-70.63459122252225,41.69440184358436],[-70.63459122252225,41.71043039293929],[-70.7063826540654,41.737144641864184],[-70.7063826540654,41.6837161440144],[-70.74227836983698,41.69440184358436],[-70.77817408560855,41.65165904530453],[-70.81406980138013,41.62494479637964],[-70.88586123292329,41.63028764616462],[-70.92175694869486,41.6089162470247],[-70.92175694869486,41.53945919981998],[-71.0294440960096,41.496716401540155],[-71.10123552755275,41.50740210111011],[-71.13713124332432,41.496716401540155]],[[-71.13713124332432,41.496716401540155],[-71.13713124332432,41.66234474487449],[-71.20892267486748,41.67303044444444]],[[-71.20892267486748,41.67303044444444],[-71.20892267486748,41.71043039293929]],[[-71.20892267486748,41.71043039293929],[-71.24481839063905,41.75317319121912],[-71.31660982218222,41.77988744014401],[-71.35250553795379,41.82263023842384],[-71.35250553795379,41.89743013541354],[-71.38840125372536,41.89208728562856],[-71.38840125372536,42.020315680468045],[-71.78325412721271,42.00962998089808]],[[-73.47035276847684,42.047029929392934],[-73.50624848424842,42.084429877887786],[-73.36266562116211,42.511857860686064],[-73.25497847384737,42.74694325122512]],[[-73.25497847384737,42.74694325122512],[-72.82422988458845,42.736257551655164],[-72.46527272687268,42.72557185208521]],[[-86.10564472007201,45.006968710271025],[-86.14154043584358,45.001625860486044],[-86.14154043584358,45.039025808980895],[-86.10564472007201,45.039025808980895],[-86.10564472007201,45.006968710271025]],[[-86.03385328852885,45.15656850425042],[-85.9620618569857,45.14053995489549],[-85.99795757275727,45.0871114570457],[-85.99795757275727,45.065740057905785],[-86.06974900430042,45.103140006400636],[-86.06974900430042,45.14053995489549],[-86.03385328852885,45.15656850425042]],[[-88.69013625562556,48.116507285128506],[-88.65424053985399,48.13787868426843],[-88.54655339253925,48.17527863276327],[-88.43886624522452,48.16459293319332],[-88.58244910831083,48.084450186418636],[-88.58244910831083,48.057735937493746],[-88.65424053985399,48.00965028942894],[-88.83371911871187,47.966907491149115],[-88.90551055025502,47.95087894179417],[-88.97730198179818,47.92416469286928],[-88.97730198179818,47.902793293729374],[-88.90551055025502,47.89210759415941],[-89.04909341334132,47.85470764566456],[-89.12088484488449,47.82799339673967],[-89.19267627642763,47.83333624652465],[-89.2644677079708,47.87607904480448],[-89.19267627642763,47.934850392439245],[-89.08498912911291,47.966907491149115],[-88.83371911871187,48.057735937493746],[-88.7978234029403,48.057735937493746],[-88.72603197139713,48.10047873577358],[-88.69013625562556,48.116507285128506]],[[-84.59802465766576,45.83511042694269],[-84.63392037343733,45.86182467586758],[-84.63392037343733,45.8831960750075],[-84.59802465766576,45.82442472737273],[-84.34675464726472,45.77099622952295],[-84.3826503630363,45.74428198059806],[-84.41854607880788,45.722910581458144],[-84.49033751035103,45.73893913081308],[-84.56212894189419,45.79236762866286],[-84.59802465766576,45.83511042694269]],[[-85.53131326772677,45.82976757715771],[-85.45952183618361,45.79771047844784],[-85.45952183618361,45.76565337973797],[-85.53131326772677,45.79771047844784],[-85.53131326772677,45.82976757715771]],[[-85.71079184658466,45.69619633253325],[-85.71079184658466,45.7335962810281],[-85.6390004150415,45.74428198059806],[-85.67489613081308,45.69619633253325],[-85.71079184658466,45.69619633253325]],[[-85.56720898349835,45.76031052995299],[-85.49541755195519,45.72825343124312],[-85.49541755195519,45.68016778317832],[-85.49541755195519,45.62139643554355],[-85.53131326772677,45.57865363726373],[-85.60310469926992,45.5839964870487],[-85.6390004150415,45.600025036403636],[-85.60310469926992,45.63742498489849],[-85.60310469926992,45.68016778317832],[-85.56720898349835,45.71222488188819],[-85.56720898349835,45.76031052995299]],[[-86.82355903550355,41.7585160410041],[-86.71587188818881,41.81728738863886],[-86.60818474087408,41.89208728562856],[-86.5722890251025,41.94017293369337],[-86.5722890251025,41.998944281328136],[-86.50049759355934,42.116486976597656],[-86.39281044624462,42.19662972337234],[-86.35691473047304,42.2554010710071],[-86.28512329892989,42.35691521692169],[-86.24922758315832,42.47980076197619],[-86.21333186738673,42.59734345724572],[-86.21333186738673,42.640086255525546],[-86.21333186738673,42.72022900230023],[-86.21333186738673,42.85914309670967],[-86.21333186738673,42.987371491549155],[-86.24922758315832,43.083542787678766],[-86.32101901470146,43.19574263316331],[-86.39281044624462,43.31862817821782],[-86.4287061620162,43.3987709249925],[-86.46460187778777,43.516313620262025],[-86.53639330933093,43.61782776617662],[-86.53639330933093,43.67659911381138],[-86.46460187778777,43.7460561610161],[-86.4287061620162,43.81551320822082],[-86.4287061620162,43.858256006500646],[-86.46460187778777,43.97045585198519],[-86.50049759355934,44.02388434983498],[-86.50049759355934,44.05594144854486],[-86.4287061620162,44.1200556459646],[-86.35691473047304,44.20554124252425],[-86.35691473047304,44.24828404080408],[-86.28512329892989,44.34445533693369],[-86.24922758315832,44.419255233923394],[-86.24922758315832,44.483369431343135],[-86.21333186738673,44.568855027902785],[-86.24922758315832,44.64899777467747],[-86.24922758315832,44.68639772317232],[-86.24922758315832,44.70776912231223],[-86.10564472007201,44.72914052145214],[-86.06974900430042,44.77188331973197],[-86.06974900430042,44.90545456435643],[-86.03385328852885,44.916140263926394],[-85.99795757275727,44.90545456435643],[-85.92616614121411,44.96956876177617],[-85.85437470967096,44.9375116630663],[-85.81847899389939,44.948197362636265],[-85.7825832781278,44.980254461346135],[-85.74668756235623,45.04971150855086],[-85.67489613081308,45.09245430683068],[-85.6390004150415,45.14588280468047],[-85.60310469926992,45.18862560296029],[-85.53131326772677,45.17793990339034],[-85.60310469926992,45.129854255325526],[-85.56720898349835,45.044368658765876],[-85.60310469926992,45.039025808980895],[-85.6390004150415,45.006968710271025],[-85.60310469926992,44.974911611561154],[-85.60310469926992,44.92682596349635],[-85.6390004150415,44.92148311371137],[-85.6390004150415,44.87339746564656],[-85.6390004150415,44.83065466736673],[-85.6390004150415,44.76654046994699],[-85.60310469926992,44.76654046994699],[-85.56720898349835,44.80928326822682],[-85.53131326772677,44.8894260150015],[-85.53131326772677,44.974911611561154],[-85.45952183618361,44.99094016091609],[-85.49541755195519,44.86805461586158],[-85.56720898349835,44.80928326822682],[-85.56720898349835,44.761197620162015],[-85.53131326772677,44.75051192059206],[-85.49541755195519,44.80394041844184],[-85.45952183618361,44.8146261180118],[-85.38773040464046,44.93216881328132],[-85.38773040464046,44.99628301070106],[-85.38773040464046,45.044368658765876],[-85.35183468886888,45.11916855575557],[-85.38773040464046,45.18862560296029],[-85.38773040464046,45.2367112510251],[-85.38773040464046,45.26876834973497],[-85.3159389730973,45.3115111480148],[-85.28004325732573,45.31685399779978],[-85.20825182578257,45.3595967960796],[-85.13646039423942,45.37028249564956],[-85.02877324692469,45.3595967960796],[-84.92108609960995,45.39165389478948],[-84.92108609960995,45.42371099349935],[-85.02877324692469,45.4343966930693],[-85.10056467846785,45.477139491349135],[-85.13646039423942,45.567967937693766],[-85.06466896269626,45.626739285328526],[-85.02877324692469,45.65345353425342],[-84.95698181538154,45.71222488188819],[-84.95698181538154,45.73893913081308],[-84.92108609960995,45.749624830383034],[-84.81339895229523,45.749624830383034],[-84.77750323652364,45.787024778877885],[-84.56212894189419,45.70153918231823],[-84.45444179457945,45.65345353425342],[-84.41854607880788,45.66948208360836],[-84.3826503630363,45.65345353425342],[-84.34675464726472,45.66413923382338],[-84.20317178417841,45.63742498489849],[-84.13138035263526,45.573310787478746],[-84.09548463686369,45.503853740274025],[-84.0595889210921,45.49316804070406],[-84.02369320532053,45.498510890489044],[-83.91600605800579,45.48782519091909],[-83.80831891069107,45.41836814371437],[-83.73652747914791,45.413025293929394],[-83.5929446160616,45.35425394629463],[-83.48525746874687,45.3595967960796],[-83.41346603720372,45.290139748874886],[-83.37757032143213,45.26876834973497],[-83.41346603720372,45.24739695059506],[-83.37757032143213,45.1619113540354],[-83.30577888988898,45.129854255325526],[-83.26988317411741,45.02299725962596],[-83.34167460566056,45.039025808980895],[-83.41346603720372,45.071082907690766],[-83.44936175297529,45.033682959195914],[-83.44936175297529,44.95354021242124],[-83.37757032143213,44.90545456435643],[-83.30577888988898,44.87874031543154],[-83.30577888988898,44.83065466736673],[-83.30577888988898,44.74516907080708],[-83.26988317411741,44.71311197209721],[-83.30577888988898,44.65434062446244],[-83.30577888988898,44.606254976397636],[-83.30577888988898,44.542140778977895],[-83.34167460566056,44.445969482848284],[-83.30577888988898,44.40322668456845],[-83.34167460566056,44.33911248714871],[-83.37757032143213,44.33376963736373],[-83.41346603720372,44.27499828972897],[-83.52115318451844,44.27499828972897],[-83.55704890029003,44.226912641664164],[-83.5929446160616,44.05594144854486],[-83.66473604760476,44.050598598759876],[-83.70063176337634,44.018541500050006],[-83.66473604760476,43.99182725112511],[-83.77242319491948,43.986484401340135],[-83.84421462646264,43.986484401340135],[-83.88011034223422,43.95977015241524],[-83.91600605800579,43.90099880478047],[-83.91600605800579,43.77811325972597],[-83.95190177377738,43.75139901080108],[-83.91600605800579,43.6712562640264],[-83.84421462646264,43.64454201510151],[-83.77242319491948,43.63385631553155],[-83.66473604760476,43.59111351725173],[-83.5929446160616,43.64988486488649],[-83.52115318451844,43.71934191209121],[-83.48525746874687,43.71399906230623],[-83.41346603720372,43.81017035843584],[-83.41346603720372,43.831541757575756],[-83.34167460566056,43.87962740564056],[-83.34167460566056,43.91168450435043],[-83.26988317411741,43.93839875327532],[-83.26988317411741,43.975798701770174],[-83.19809174257425,43.981141551555154],[-83.05450887948794,44.013198650265025],[-83.01861316371637,44.045255748974895],[-82.9827174479448,44.066627148114804],[-82.91092601640163,44.071969997899785],[-82.87503030063006,44.045255748974895],[-82.8032388690869,44.02388434983498],[-82.73144743754375,43.99182725112511],[-82.69555172177218,43.88497025542554],[-82.62376029022901,43.831541757575756],[-82.62376029022901,43.74071331123112],[-82.58786457445744,43.601799216821675],[-82.58786457445744,43.543027869186915],[-82.55196885868587,43.43617087348734],[-82.51607314291428,43.22779973187318],[-82.4801774271427,43.104914186818675],[-82.40838599559956,43.008742890689064],[-82.40838599559956,42.97668579197919],[-82.44428171137113,42.928600143914394],[-82.4801774271427,42.81105744864486],[-82.4801774271427,42.762971800580054],[-82.51607314291428,42.66680050445044],[-82.51607314291428,42.608029156815675],[-82.58786457445744,42.549257809180915],[-82.69555172177218,42.55994350875088],[-82.69555172177218,42.6294005559556],[-82.65965600600059,42.6294005559556],[-82.62376029022901,42.6774862040204],[-82.69555172177218,42.68817190359036],[-82.8032388690869,42.65611480488049],[-82.8032388690869,42.61871485638564],[-82.8032388690869,42.6026863070307],[-82.76734315331532,42.57062920832083],[-82.83913458485848,42.55994350875088],[-82.87503030063006,42.522543560256025],[-82.87503030063006,42.47445791219121],[-82.87503030063006,42.4530865130513],[-82.87503030063006,42.39965801520152],[-82.9468217321732,42.34088666756675],[-83.05450887948794,42.31951526842684],[-83.09040459525951,42.29280101950195],[-83.1263003110311,42.239372521652164],[-83.1263003110311,42.175258324232416],[-83.1263003110311,42.12717267616762],[-83.1263003110311,42.08977272767277],[-83.19809174257425,42.06840132853285],[-83.19809174257425,42.00962998089808],[-83.23398745834582,41.97223003240324],[-83.26988317411741,41.94017293369337],[-83.34167460566056,41.92414438433843],[-83.34167460566056,41.8814015860586],[-83.37757032143213,41.87071588648865],[-83.44936175297529,41.79057313971397],[-83.41346603720372,41.742487491649165],[-83.44936175297529,41.73180179207921]],[[-83.44936175297529,41.73180179207921],[-83.77242319491948,41.72111609250925],[-84.34675464726472,41.70508754315431],[-84.81339895229523,41.69440184358436]],[[-90.41313061266126,46.567080847484746],[-90.3413391811181,46.60982364576458],[-90.01827773917391,46.67393784318432],[-89.91059059185918,46.73805204060406],[-89.83879916031603,46.79682338823882],[-89.80290344454446,46.81819478737874],[-89.65932058145815,46.83422333673367],[-89.62342486568656,46.81819478737874],[-89.51573771837184,46.83956618651865],[-89.44394628682868,46.83956618651865],[-89.37215485528553,46.85559473587358],[-89.2644677079708,46.903680383938394],[-89.19267627642763,46.93039463286328],[-89.15678056065606,46.98382313071307],[-89.01319769756975,46.994508830283024],[-88.9414062660266,47.021223079207914],[-88.90551055025502,47.1013658259826],[-88.7978234029403,47.13876577447745],[-88.76192768716871,47.15479432383238],[-88.72603197139713,47.18685142254225],[-88.65424053985399,47.2242513710371],[-88.58244910831083,47.245622770177015],[-88.51065767676768,47.29370841824182],[-88.40297052945294,47.373851165016504],[-88.29528338213821,47.4219368130813],[-88.22349195059506,47.432622512651264],[-88.18759623482347,47.459336761576154],[-87.97222194019402,47.48070816071607],[-87.79274336133614,47.47536531093109],[-87.72095192979297,47.437965362436245],[-87.75684764556455,47.405908263726374],[-87.82863907710771,47.38453686458645],[-87.86453479287928,47.39522256415641],[-87.97222194019402,47.38987971437143],[-87.93632622442244,47.34179406630663],[-88.04401337173717,47.2990512680268],[-88.1517005190519,47.21890852125212],[-88.22349195059506,47.20822282168217],[-88.25938766636664,47.14410862426242],[-88.29528338213821,47.09602297619762],[-88.36707481368137,47.06930872727273],[-88.36707481368137,47.021223079207914],[-88.40297052945294,46.97848028092809],[-88.43886624522452,46.973137431143115],[-88.47476196099609,46.88765183458345],[-88.47476196099609,46.83422333673367],[-88.47476196099609,46.786137688668866],[-88.43886624522452,46.786137688668866],[-88.36707481368137,46.83956618651865],[-88.25938766636664,46.93039463286328],[-88.1517005190519,46.967794581358135],[-88.18759623482347,46.903680383938394],[-88.07990908750875,46.91970893329332],[-87.97222194019402,46.903680383938394],[-87.90043050865086,46.909023233723374],[-87.75684764556455,46.86628043544354],[-87.72095192979297,46.82888048694869],[-87.64916049824983,46.812851937593756],[-87.57736906670667,46.780794838883885],[-87.57736906670667,46.72202349124912],[-87.50557763516352,46.68996639253925],[-87.50557763516352,46.64722359425942],[-87.46968191939193,46.63653789468947],[-87.43378620362036,46.6044807959796],[-87.39789048784878,46.593795096409636],[-87.36199477207721,46.54570944834484],[-87.39789048784878,46.524338049204914],[-87.36199477207721,46.502966650065005],[-87.25430762476248,46.48693810071007],[-87.11072476167617,46.497623800280024],[-87.00303761436143,46.535023748774876],[-86.96714189858986,46.524338049204914],[-86.93124618281827,46.470909551355135],[-86.8953504670467,46.46022385178517],[-86.85945475127512,46.438852452645264],[-86.82355903550355,46.438852452645264],[-86.78766331973196,46.476252401140115],[-86.75176760396039,46.476252401140115],[-86.67997617241724,46.45488100200019],[-86.67997617241724,46.497623800280024],[-86.71587188818881,46.54570944834484],[-86.64408045664565,46.561737997699765],[-86.64408045664565,46.535023748774876],[-86.64408045664565,46.48693810071007],[-86.5722890251025,46.465566701570154],[-86.50049759355934,46.524338049204914],[-86.35691473047304,46.57776654705471],[-86.14154043584358,46.67393784318432],[-86.10564472007201,46.65790929382938],[-85.9620618569857,46.67928069296929],[-85.89027042544254,46.68996639253925],[-85.7825832781278,46.67928069296929],[-85.60310469926992,46.67393784318432],[-85.49541755195519,46.67928069296929],[-85.24414754155416,46.75408058995899],[-85.172356110011,46.76476628952895],[-85.06466896269626,46.75942343974397],[-84.95698181538154,46.77010913931393],[-84.99287753115311,46.7273663410341],[-85.02877324692469,46.69530924232423],[-85.02877324692469,46.58310939683968],[-85.02877324692469,46.54036659855986],[-85.06466896269626,46.524338049204914],[-85.02877324692469,46.48159525092509],[-84.92108609960995,46.465566701570154],[-84.8492946680668,46.470909551355135],[-84.81339895229523,46.444195302430245],[-84.66981608920892,46.48693810071007],[-84.63392037343733,46.48693810071007],[-84.56212894189419,46.41748105350535],[-84.45444179457945,46.465566701570154],[-84.41854607880788,46.502966650065005],[-84.34675464726472,46.508309499849986],[-84.31085893149314,46.492280950495044],[-84.23906749995,46.502966650065005],[-84.23906749995,46.535023748774876],[-84.13138035263526,46.529680898989895],[-84.09548463686369,46.502966650065005],[-84.13138035263526,46.41748105350535],[-84.13138035263526,46.315966907590756],[-84.13138035263526,46.23582416081608],[-84.20317178417841,46.2304813110311],[-84.23906749995,46.20910991189119],[-84.23906749995,46.17705281318132],[-84.20317178417841,46.16102426382638],[-84.16727606840684,46.18239566296629],[-84.13138035263526,46.18239566296629],[-84.09548463686369,46.15033856425642],[-84.02369320532053,46.13431001490149],[-84.0595889210921,46.091567216621655],[-83.98779748954895,46.032795868986895],[-83.95190177377738,46.032795868986895],[-83.91600605800579,46.000738770277025],[-83.88011034223422,45.995395920492044],[-83.84421462646264,46.027453019201914],[-83.80831891069107,45.995395920492044],[-83.77242319491948,46.01676731963196],[-83.77242319491948,46.04882441834183],[-83.80831891069107,46.07553866726673],[-83.70063176337634,46.10225291619162],[-83.62884033183317,46.10225291619162],[-83.5929446160616,46.091567216621655],[-83.52115318451844,46.011424469846986],[-83.48525746874687,45.995395920492044],[-83.52115318451844,45.9312817230723],[-83.55704890029003,45.909910323932394],[-83.66473604760476,45.947310272427245],[-83.70063176337634,45.93662457285728],[-83.77242319491948,45.9312817230723],[-83.88011034223422,45.968681671567154],[-83.91600605800579,45.95799597199719],[-83.98779748954895,45.968681671567154],[-84.02369320532053,45.95799597199719],[-84.09548463686369,45.979367371137116],[-84.23906749995,45.968681671567154],[-84.23906749995,45.95799597199719],[-84.34675464726472,45.95799597199719],[-84.3826503630363,45.9312817230723],[-84.52623322612261,46.006081620062005],[-84.56212894189419,46.032795868986895],[-84.59802465766576,46.027453019201914],[-84.66981608920892,46.05416726812681],[-84.7057118049805,46.027453019201914],[-84.66981608920892,45.968681671567154],[-84.7057118049805,45.968681671567154],[-84.74160752075207,45.90456747414741],[-84.7057118049805,45.85113897629763],[-84.74160752075207,45.83511042694269],[-84.8492946680668,45.87251037543754],[-84.8492946680668,45.89922462436243],[-84.92108609960995,45.9312817230723],[-84.99287753115311,46.006081620062005],[-85.13646039423942,46.04882441834183],[-85.20825182578257,46.04348156855686],[-85.35183468886888,46.091567216621655],[-85.38773040464046,46.08088151705171],[-85.42362612041204,46.10225291619162],[-85.53131326772677,46.091567216621655],[-85.60310469926992,46.032795868986895],[-85.67489613081308,45.968681671567154],[-85.71079184658466,45.95799597199719],[-85.81847899389939,45.979367371137116],[-85.85437470967096,45.96333882178217],[-85.89027042544254,45.968681671567154],[-85.92616614121411,45.9312817230723],[-86.03385328852885,45.96333882178217],[-86.21333186738673,45.96333882178217],[-86.28512329892989,45.941967422642264],[-86.32101901470146,45.90456747414741],[-86.32101901470146,45.85113897629763],[-86.35691473047304,45.79236762866286],[-86.4287061620162,45.79236762866286],[-86.4287061620162,45.76565337973797],[-86.50049759355934,45.74428198059806],[-86.50049759355934,45.754967680168015],[-86.53639330933093,45.70688203210321],[-86.5722890251025,45.70688203210321],[-86.5722890251025,45.66413923382338],[-86.64408045664565,45.658796384038396],[-86.60818474087408,45.62139643554355],[-86.64408045664565,45.61605358575858],[-86.71587188818881,45.64811068446845],[-86.71587188818881,45.68551063296329],[-86.5722890251025,45.81373902780278],[-86.53639330933093,45.85113897629763],[-86.53639330933093,45.88853892479248],[-86.5722890251025,45.89922462436243],[-86.64408045664565,45.86182467586758],[-86.64408045664565,45.83511042694269],[-86.78766331973196,45.86182467586758],[-86.78766331973196,45.81373902780278],[-86.82355903550355,45.77099622952295],[-86.82355903550355,45.722910581458144],[-86.93124618281827,45.69619633253325],[-86.96714189858986,45.70688203210321],[-86.96714189858986,45.754967680168015],[-87.00303761436143,45.8083961780178],[-87.00303761436143,45.84045327672767],[-87.07482904590458,45.81373902780278],[-87.07482904590458,45.717567731673164],[-87.11072476167617,45.68551063296329],[-87.18251619321931,45.66413923382338],[-87.25430762476248,45.55193938833883],[-87.29020334053405,45.503853740274025],[-87.32609905630562,45.445082392639264],[-87.32609905630562,45.42905384328432],[-87.39789048784878,45.37028249564956],[-87.46968191939193,45.27411119951995],[-87.54147335093509,45.19396845274527],[-87.57736906670667,45.16725420382038],[-87.61326478247824,45.12451140554055],[-87.57736906670667,45.097797156615655]],[[-87.57736906670667,45.097797156615655],[-87.64916049824983,45.10848285618562],[-87.6850562140214,45.14588280468047],[-87.72095192979297,45.17793990339034],[-87.6850562140214,45.27945404930493],[-87.64916049824983,45.33822539693969],[-87.64916049824983,45.37028249564956],[-87.6850562140214,45.39165389478948],[-87.75684764556455,45.34891109650965],[-87.82863907710771,45.35425394629463],[-87.86453479287928,45.37028249564956],[-87.86453479287928,45.40768244414441],[-87.86453479287928,45.4343966930693],[-87.82863907710771,45.46645379177917],[-87.79274336133614,45.498510890489044],[-87.79274336133614,45.535910838983895],[-87.79274336133614,45.6107107359736],[-87.82863907710771,45.64811068446845],[-87.79274336133614,45.67482493339334],[-87.82863907710771,45.71222488188819],[-87.90043050865086,45.76031052995299],[-87.97222194019402,45.76031052995299],[-88.00811765596559,45.79771047844784],[-88.04401337173717,45.78168192909291],[-88.07990908750875,45.787024778877885],[-88.1517005190519,45.819081877587756],[-88.07990908750875,45.85648182608261],[-88.11580480328033,45.92059602350235],[-88.1517005190519,45.93662457285728],[-88.33117909790978,45.96333882178217],[-88.36707481368137,45.99005307070706],[-88.40297052945294,45.974024521352135],[-88.51065767676768,46.011424469846986],[-88.58244910831083,46.01676731963196],[-88.6183448240824,45.99005307070706],[-88.72603197139713,46.027453019201914],[-88.76192768716871,46.01676731963196],[-88.83371911871187,46.038138718771876],[-89.08498912911291,46.13965286468647],[-89.47984200260025,46.214452761676164],[-90.12596488648865,46.33733830673067],[-90.12596488648865,46.35870970587058],[-90.16186060226022,46.438852452645264],[-90.23365203380338,46.502966650065005],[-90.26954774957495,46.502966650065005],[-90.3413391811181,46.556395147914785],[-90.37723489688969,46.535023748774876],[-90.41313061266126,46.567080847484746]],[[-96.44361086228622,43.50028507090709],[-96.44361086228622,43.975798701770174],[-96.44361086228622,44.46199803220322],[-96.44361086228622,44.96422591199119],[-96.44361086228622,45.29548259865986],[-96.47950657805781,45.3595967960796],[-96.62308944114412,45.40768244414441],[-96.69488087268726,45.413025293929394],[-96.73077658845884,45.45576809220922],[-96.76667230423043,45.51988228962896],[-96.87435945154515,45.60536788618862],[-96.83846373577357,45.64276783468347],[-96.76667230423043,45.69619633253325],[-96.65898515691569,45.74428198059806],[-96.62308944114412,45.787024778877885],[-96.58719372537253,45.82442472737273],[-96.55129800960096,45.93662457285728]],[[-96.55129800960096,45.93662457285728],[-96.58719372537253,46.027453019201914],[-96.55129800960096,46.08622436683668],[-96.58719372537253,46.219795611461144],[-96.58719372537253,46.33199545694569],[-96.65898515691569,46.37473825522552],[-96.73077658845884,46.438852452645264],[-96.73077658845884,46.476252401140115],[-96.76667230423043,46.58310939683968],[-96.802568020002,46.63119504490449],[-96.802568020002,46.66325214361436],[-96.76667230423043,46.7273663410341],[-96.802568020002,46.81819478737874],[-96.76667230423043,46.83422333673367],[-96.76667230423043,46.89299468436843],[-96.802568020002,46.962451731573154],[-96.802568020002,46.967794581358135],[-96.802568020002,47.10670867576758],[-96.83846373577357,47.19753712211221],[-96.83846373577357,47.29370841824182],[-96.83846373577357,47.38453686458645],[-96.87435945154515,47.4219368130813],[-96.83846373577357,47.50742240964097],[-96.83846373577357,47.587565156415636],[-96.87435945154515,47.619622255125506],[-96.91025516731673,47.68907930233023],[-96.94615088308831,47.76922204910491],[-96.98204659885988,47.80662199759976],[-97.01794231463145,47.9188218430843],[-97.05383803040304,47.9455360920092],[-97.08973374617462,48.052393087708765],[-97.08973374617462,48.06842163706371],[-97.16152517771776,48.1699357829783],[-97.12562946194619,48.23404998039804],[-97.12562946194619,48.28213562846284],[-97.16152517771776,48.36227837523752],[-97.12562946194619,48.458449671367134],[-97.16152517771776,48.54393526792679],[-97.08973374617462,48.68819221212121],[-97.12562946194619,48.72559216061606],[-97.16152517771776,48.85382055545554],[-97.19742089348935,48.90724905330533],[-97.23331660926092,48.966020400940096],[-97.23331660926092,48.998077499649966]],[[-97.23331660926092,48.998077499649966],[-96.94615088308831,48.998077499649966],[-96.40771514651465,48.998077499649966],[-95.97696655725572,48.998077499649966],[-95.36673938913891,48.998077499649966],[-95.15136509450944,48.998077499649966],[-95.15136509450944,49.38276268416841],[-95.04367794719472,49.35070558545854],[-94.97188651565156,49.37207698459846],[-94.86419936833683,49.32399133653365],[-94.82830365256525,49.29193423782378],[-94.7565122210221,49.12096304470447],[-94.7565122210221,49.09959164556456],[-94.7565122210221,48.998077499649966],[-94.72061650525052,48.998077499649966],[-94.68472078947894,48.88587765416541],[-94.72061650525052,48.82176345674567],[-94.68472078947894,48.77902065846584],[-94.57703364216421,48.72024931083108],[-94.54113792639264,48.704220761476144],[-94.4334507790779,48.69353506190619],[-94.4334507790779,48.709563611261125],[-94.25397220022002,48.69887791169117],[-94.25397220022002,48.65079226362636],[-94.14628505290528,48.645449413841376],[-94.00270218981898,48.645449413841376],[-93.93091075827583,48.62942086448645],[-93.85911932673267,48.62942086448645],[-93.78732789518952,48.57064951685168],[-93.8232236109611,48.527906718571856],[-93.78732789518952,48.517221019001894],[-93.64374503210321,48.517221019001894],[-93.64374503210321,48.53324956835684],[-93.53605788478848,48.527906718571856],[-93.46426645324532,48.54393526792679],[-93.46426645324532,48.5920209159916],[-93.3565793059306,48.613392315131506],[-93.3565793059306,48.62407801470147],[-93.24889215861586,48.645449413841376],[-93.21299644284429,48.6401065640564],[-93.1771007270727,48.62407801470147],[-92.99762214821482,48.62407801470147],[-92.7104564220422,48.53859241814181],[-92.63866499049905,48.54393526792679],[-92.63866499049905,48.501192469646966],[-92.7104564220422,48.495849619861986],[-92.7104564220422,48.463792521152115],[-92.63866499049905,48.437078272227225],[-92.49508212741274,48.44776397179717],[-92.45918641164116,48.399678323732374],[-92.45918641164116,48.35159267566756],[-92.42329069586958,48.2928213280328],[-92.35149926432643,48.2180214310431],[-92.27970783278327,48.244735679967995],[-92.31560354855485,48.28747847824782],[-92.27970783278327,48.34090697609761],[-92.27970783278327,48.35693552545254],[-92.20791640124013,48.34624982588258],[-92.17202068546854,48.36227837523752],[-92.10022925392539,48.35159267566756],[-91.99254210661066,48.31953557695769],[-91.99254210661066,48.26610707910791],[-91.88485495929592,48.239392830183014],[-91.84895924352435,48.207335731473144],[-91.70537638043804,48.19665003190319],[-91.70537638043804,48.1432215340534],[-91.70537638043804,48.116507285128506],[-91.63358494889489,48.0951358859886],[-91.56179351735173,48.0951358859886],[-91.56179351735173,48.04170738813881],[-91.49000208580858,48.06842163706371],[-91.41821065426542,48.04705023792379],[-91.38231493849385,48.06842163706371],[-91.23873207540754,48.084450186418636],[-91.1310449280928,48.14856438383838],[-90.9874620650065,48.2180214310431],[-90.87977491769176,48.244735679967995],[-90.84387920192019,48.239392830183014],[-90.84387920192019,48.17527863276327],[-90.77208777037703,48.10047873577358],[-90.62850490729072,48.10582158555855],[-90.59260919151914,48.12185013491349],[-90.55671347574757,48.0951358859886],[-90.44902632843284,48.10047873577358],[-90.37723489688969,48.089793036203616],[-90.30544346534653,48.10582158555855],[-90.12596488648865,48.11116443534353],[-90.01827773917391,48.084450186418636],[-89.98238202340234,48.014993139213914],[-89.8746948760876,47.988278890289024],[-89.80290344454446,48.014993139213914],[-89.76700772877287,48.025678838783875],[-89.69521629722972,48.00965028942894],[-89.62342486568656,48.00965028942894],[-89.58752914991499,47.993621740074005],[-89.58752914991499,47.966907491149115],[-89.69521629722972,47.94019324222422],[-89.80290344454446,47.89210759415941],[-89.91059059185918,47.86005049544954],[-89.98238202340234,47.82799339673967],[-90.05417345494548,47.811964847384736],[-90.1977563180318,47.779907748674866],[-90.23365203380338,47.774564898889885],[-90.3413391811181,47.747850649964995],[-90.44902632843284,47.73182210061006],[-90.520817759976,47.70510785168517],[-90.73619205460545,47.62496510491049],[-90.87977491769176,47.555508057705765],[-91.02335778077807,47.464679611361134],[-91.16694064386438,47.36850831523152],[-91.20283635963597,47.34179406630663],[-91.34641922272228,47.20822282168217],[-91.41821065426542,47.17082287318732],[-91.49000208580858,47.12808007490749],[-91.56179351735173,47.090680126412636],[-91.66948066466647,47.01588022942294],[-91.70537638043804,47.005194529852986],[-91.81306352775277,46.935737482648264],[-91.84895924352435,46.9250517830783],[-92.10022925392539,46.786137688668866],[-92.06433353815382,46.74339489038904],[-92.02843782238223,46.70599494189419]],[[-92.02843782238223,46.70599494189419],[-92.10022925392539,46.748737740174015],[-92.13612496969697,46.73805204060406],[-92.20791640124013,46.6525664440444],[-92.27970783278327,46.66859499339934],[-92.27970783278327,46.07553866726673],[-92.31560354855485,46.064852967696766],[-92.35149926432643,46.011424469846986],[-92.42329069586958,46.027453019201914],[-92.45918641164116,45.974024521352135],[-92.53097784318432,45.98471022092209],[-92.56687355895589,45.95265312221222],[-92.63866499049905,45.9312817230723],[-92.7104564220422,45.89388177457745],[-92.78224785358536,45.76565337973797],[-92.85403928512851,45.717567731673164],[-92.88993500090008,45.63742498489849],[-92.88993500090008,45.573310787478746],[-92.81814356935693,45.562625087908785],[-92.78224785358536,45.567967937693766],[-92.7104564220422,45.541253688768876],[-92.7104564220422,45.514539439843986],[-92.63866499049905,45.439739542854284],[-92.63866499049905,45.39699674457445],[-92.7104564220422,45.35425394629463],[-92.7104564220422,45.33822539693969],[-92.74635213781377,45.290139748874886],[-92.74635213781377,45.220682701670164],[-92.78224785358536,45.18328275317532],[-92.74635213781377,45.10848285618562],[-92.78224785358536,45.08176860726073],[-92.78224785358536,45.04971150855086],[-92.78224785358536,45.028340109410934],[-92.78224785358536,44.96956876177617],[-92.74635213781377,44.9375116630663],[-92.78224785358536,44.89476886478648],[-92.78224785358536,44.84134036693669],[-92.81814356935693,44.75051192059206],[-92.74635213781377,44.71845482188219],[-92.63866499049905,44.63831207510751],[-92.63866499049905,44.6169406759676],[-92.56687355895589,44.600912126612656],[-92.53097784318432,44.568855027902785],[-92.35149926432643,44.55816932833283],[-92.31560354855485,44.536797929192915],[-92.27970783278327,44.472683731773174],[-92.20791640124013,44.4406266330633],[-92.06433353815382,44.40322668456845],[-91.95664639083908,44.36048388628863],[-91.92075067506751,44.33376963736373],[-91.92075067506751,44.28568398929893],[-91.88485495929592,44.27499828972897],[-91.88485495929592,44.20019839273927],[-91.81306352775277,44.16279844424442],[-91.70537638043804,44.1200556459646],[-91.63358494889489,44.06128429832983],[-91.5976892331233,44.02922719961996],[-91.49000208580858,44.018541500050006],[-91.454106370037,44.00251295069506],[-91.38231493849385,43.93305590349034],[-91.27462779117911,43.84757030693069],[-91.23873207540754,43.77277040994099],[-91.27462779117911,43.70865621252125],[-91.27462779117911,43.61782776617662],[-91.23873207540754,43.580427817681766],[-91.23873207540754,43.548370718971896],[-91.20283635963597,43.50028507090709]],[[-90.30544346534653,34.994468213221325],[-89.91059059185918,34.994468213221325],[-89.44394628682868,34.994468213221325],[-88.83371911871187,34.994468213221325],[-88.18759623482347,34.994468213221325]],[[-88.40297052945294,30.36756029942994],[-88.43886624522452,30.346188900290027],[-88.43886624522452,30.330160350935092],[-88.51065767676768,30.319474651365134],[-88.51065767676768,30.34084605050505],[-88.58244910831083,30.346188900290027],[-88.58244910831083,30.356874599859985],[-88.65424053985399,30.362217449644966],[-88.69013625562556,30.346188900290027],[-88.76192768716871,30.346188900290027],[-88.83371911871187,30.41030309770977],[-88.86961483448344,30.394274548354836],[-88.90551055025502,30.394274548354836],[-89.01319769756975,30.383588848784875],[-89.08498912911291,30.36756029942994],[-89.2644677079708,30.3034461020102],[-89.2644677079708,30.351531750075004],[-89.30036342374237,30.37290314921492],[-89.33625913951394,30.36756029942994],[-89.33625913951394,30.33550320072007],[-89.33625913951394,30.3034461020102],[-89.4080505710571,30.255360453945393],[-89.44394628682868,30.18590340674067],[-89.47984200260025,30.191246256525652],[-89.51573771837184,30.180560556955694]],[[-94.6129293579358,36.50115185258525],[-94.6129293579358,36.99803688258825]],[[-95.29494795759575,40.000718461746175],[-95.36673938913891,40.032775560456045],[-95.40263510491049,40.038118410241026],[-95.43853082068206,40.059489809380935],[-95.40263510491049,40.12894685658566],[-95.47442653645365,40.18237535443544],[-95.47442653645365,40.23046100250025],[-95.5462179679968,40.27320380078008],[-95.5462179679968,40.28923235013501],[-95.61800939953996,40.3159465990599],[-95.65390511531153,40.41746074497449],[-95.65390511531153,40.44417499389939],[-95.6898008310831,40.470889242824285],[-95.6898008310831,40.529660590459045],[-95.76159226262627,40.524317740674064],[-95.76159226262627,40.583089088308824]],[[-89.4080505710571,36.50115185258525],[-89.44394628682868,36.46375190409041],[-89.47984200260025,36.47443760366036],[-89.47984200260025,36.49580900280028]],[[-89.55163343414341,36.49580900280028],[-89.51573771837184,36.47978045344534],[-89.55163343414341,36.42100910581058],[-89.51573771837184,36.37292345774577],[-89.51573771837184,36.3408663590359],[-89.62342486568656,36.3408663590359],[-89.62342486568656,36.30880926032603],[-89.55163343414341,36.27140931183118],[-89.55163343414341,36.25003791269127],[-89.58752914991499,36.23935221312131],[-89.69521629722972,36.25538076247625],[-89.69521629722972,36.22332366376638],[-89.62342486568656,36.169895165916586],[-89.58752914991499,36.12715236763676],[-89.69521629722972,36.084409569356936],[-89.69521629722972,36.03632392129212],[-89.69521629722972,35.99892397279728],[-89.7311120130013,35.99892397279728]],[[-116.04267167356736,49.00342034943494],[-115.21707021082108,48.998077499649966],[-114.39146874807481,49.00342034943494],[-114.06840730613061,48.998077499649966],[-113.70945014841485,48.998077499649966],[-113.02743154875488,48.998077499649966],[-112.2018300860086,48.998077499649966],[-111.48391577057706,48.998077499649966],[-111.01727146554656,48.998077499649966],[-110.1557742870287,48.998077499649966],[-109.50965140314031,48.998077499649966],[-109.00711138233824,48.998077499649966],[-108.25330135113511,48.998077499649966],[-107.42769988838884,48.998077499649966],[-106.49441127832783,48.998077499649966],[-106.0636626890689,48.998077499649966],[-105.34574837363736,48.998077499649966],[-104.87910406860686,48.998077499649966],[-104.05350260586059,48.998077499649966]],[[-104.05350260586059,48.998077499649966],[-104.05350260586059,48.59736376577658],[-104.05350260586059,47.972250340934096],[-104.05350260586059,47.747850649964995],[-104.05350260586059,47.34179406630663],[-104.05350260586059,46.82888048694869],[-104.05350260586059,46.508309499849986],[-104.05350260586059,45.947310272427245]],[[-104.05350260586059,45.947310272427245],[-104.05350260586059,45.749624830383034],[-104.05350260586059,45.37562534543454],[-104.05350260586059,45.001625860486044],[-104.05350260586059,44.99628301070106]],[[-104.05350260586059,44.99628301070106],[-104.48425119511951,44.99628301070106],[-105.09447836323632,45.001625860486044],[-105.84828839443945,45.001625860486044],[-105.9200798259826,44.99628301070106],[-106.27903698369838,44.99628301070106],[-107.06874273067307,44.99628301070106],[-107.14053416221623,45.001625860486044],[-107.75076133033303,45.001625860486044],[-108.25330135113511,45.001625860486044],[-109.07890281388138,45.001625860486044],[-109.11479852965296,45.006968710271025],[-109.76092141354135,45.001625860486044],[-110.11987857125713,45.001625860486044],[-110.19167000280028,44.99628301070106],[-110.37114858165816,45.001625860486044],[-110.40704429742975,44.99628301070106],[-110.69421002360237,44.99094016091609],[-110.80189717091709,45.001625860486044],[-111.05316718131813,45.001625860486044],[-111.05316718131813,44.62228352575257],[-111.05316718131813,44.472683731773174]],[[-104.05350260586059,40.999831371537155],[-104.05350260586059,41.41657365476547],[-104.05350260586059,41.88674443584358],[-104.05350260586059,42.12717267616762],[-104.05350260586059,42.50117216111611],[-104.05350260586059,42.99805719111911]],[[-104.05350260586059,42.99805719111911],[-103.62275401660166,42.99805719111911],[-103.12021399579957,43.00340004090409],[-102.47409111191119,42.99805719111911],[-101.86386394379437,42.99805719111911],[-101.61259393339334,42.99805719111911],[-101.00236676527652,42.99805719111911],[-100.64340960756076,42.99805719111911],[-99.92549529212921,42.99805719111911],[-99.45885098709871,42.99805719111911],[-98.88451953475348,42.99805719111911],[-98.48966666126613,42.99805719111911],[-98.45377094549455,42.9499715430543],[-98.34608379817982,42.9018858949895],[-98.31018808240825,42.88585734563456],[-98.27429236663666,42.8751716460646],[-98.13070950355035,42.82174314821482],[-98.02302235623561,42.762971800580054],[-97.95123092469247,42.768314650365035],[-97.8794394931493,42.81640029842984],[-97.8794394931493,42.85914309670967],[-97.84354377737773,42.86982879627963],[-97.77175234583459,42.84845739713971],[-97.69996091429142,42.84311454735473],[-97.59227376697669,42.85914309670967],[-97.55637805120512,42.84845739713971],[-97.52048233543354,42.85914309670967],[-97.44869090389038,42.84845739713971],[-97.4127951881188,42.864485946494646],[-97.37689947234723,42.85380024692469],[-97.30510804080407,42.86982879627963],[-97.23331660926092,42.84845739713971],[-97.19742089348935,42.81105744864486],[-97.16152517771776,42.79502889928993],[-97.12562946194619,42.77365750015001],[-97.08973374617462,42.77365750015001],[-96.98204659885988,42.762971800580054],[-96.94615088308831,42.72022900230023],[-96.91025516731673,42.736257551655164],[-96.802568020002,42.704200452945294],[-96.802568020002,42.672143354235416],[-96.73077658845884,42.66680050445044],[-96.69488087268726,42.65077195509551],[-96.69488087268726,42.608029156815675],[-96.69488087268726,42.575972058105805],[-96.62308944114412,42.554600658965896],[-96.62308944114412,42.511857860686064],[-96.55129800960096,42.522543560256025],[-96.51540229382938,42.485143611761174],[-96.44361086228622,42.490486461546155]],[[-119.99120040844085,41.993601431543155],[-119.77582611381138,41.998944281328136],[-119.20149466146614,41.993601431543155],[-118.69895464066407,41.993601431543155],[-118.196414619862,41.998944281328136],[-117.62208316751676,41.998944281328136],[-117.01185599939994,41.998944281328136]],[[-114.03251159035904,41.993601431543155],[-114.03251159035904,41.88674443584358],[-114.03251159035904,41.491373551755174],[-114.03251159035904,41.20820251315131],[-114.03251159035904,40.77008883078308],[-114.03251159035904,40.39608934583458],[-114.03251159035904,39.995375611961194],[-114.03251159035904,39.498490581958194],[-114.03251159035904,39.006948401740175],[-114.06840730613061,38.49937767216721],[-114.03251159035904,38.26429228162816],[-114.03251159035904,37.826178599259926],[-114.06840730613061,37.59109320872087],[-114.06840730613061,36.99803688258825]],[[-71.4960884010401,45.012311560056006],[-71.4960884010401,45.071082907690766],[-71.42429696949694,45.129854255325526],[-71.42429696949694,45.14053995489549],[-71.38840125372536,45.21533985188519],[-71.35250553795379,45.27411119951995],[-71.28071410641063,45.30082544844484],[-71.24481839063905,45.24739695059506],[-71.13713124332432,45.24205410081008],[-71.10123552755275,45.30616829822982]],[[-70.7063826540654,43.072857088108805],[-70.7063826540654,43.040799989398934],[-70.77817408560855,42.987371491549155],[-70.81406980138013,42.90722874477447],[-70.81406980138013,42.86982879627963]],[[-72.46527272687268,42.72557185208521],[-72.46527272687268,42.75762895079508],[-72.53706415841583,42.81105744864486],[-72.53706415841583,42.88585734563456],[-72.53706415841583,42.91791444434443],[-72.53706415841583,42.9499715430543],[-72.46527272687268,42.97134294219421],[-72.4293770111011,43.008742890689064],[-72.46527272687268,43.051485688968896],[-72.4293770111011,43.08888563746375],[-72.4293770111011,43.12094273617362],[-72.46527272687268,43.14765698509851],[-72.4293770111011,43.201085482948294],[-72.4293770111011,43.25985683058306],[-72.39348129532952,43.31328532843284],[-72.4293770111011,43.361370976497646],[-72.39348129532952,43.49494222112211],[-72.39348129532952,43.510970770477044],[-72.35758557955795,43.580427817681766],[-72.32168986378637,43.601799216821675],[-72.32168986378637,43.66591341424142],[-72.28579414801479,43.70331336273627],[-72.28579414801479,43.73537046144614],[-72.24989843224321,43.7460561610161],[-72.17810700070007,43.80482750865086],[-72.17810700070007,43.858256006500646],[-72.14221128492848,43.90099880478047],[-72.1063155691569,43.91702735413541],[-72.1063155691569,43.99182725112511],[-72.07041985338533,44.045255748974895],[-72.03452413761376,44.077312847684766],[-72.03452413761376,44.098684246824675],[-72.03452413761376,44.15745559445944],[-72.07041985338533,44.18951269316932],[-72.03452413761376,44.23759834123412],[-72.07041985338533,44.26965543994399],[-72.03452413761376,44.3177410880088],[-71.99862842184217,44.33911248714871],[-71.89094127452745,44.34979818671867],[-71.85504555875586,44.33911248714871],[-71.81914984298429,44.36048388628863],[-71.78325412721271,44.39788383478347],[-71.71146269566955,44.41391238413841],[-71.67556697989798,44.4406266330633],[-71.6396712641264,44.472683731773174],[-71.60377554835483,44.48871228112811],[-71.56787983258324,44.563512178117804],[-71.56787983258324,44.64899777467747],[-71.6396712641264,44.74516907080708],[-71.56787983258324,44.793254718871886],[-71.56787983258324,44.84668321672167],[-71.4960884010401,44.91079741414141],[-71.53198411681167,44.99628301070106],[-71.4960884010401,45.012311560056006]],[[-74.69080710471046,41.35780230713071],[-74.475432810081,41.24560246164616],[-74.29595423122312,41.17080256465646],[-73.90110135773577,40.999831371537155],[-73.90110135773577,40.98380282218221],[-73.93699707350734,40.8876315260526],[-73.97289278927892,40.82886017841784],[-74.0087885050505,40.75406028142814],[-74.0087885050505,40.711317483148314]],[[-74.0087885050505,40.711317483148314],[-74.08057993659365,40.67391753465346],[-74.08057993659365,40.64720328572857]],[[-74.08057993659365,40.64720328572857],[-74.18826708390839,40.64720328572857],[-74.18826708390839,40.63117473637364]],[[-74.18826708390839,40.63117473637364],[-74.22416279967996,40.57774623852385],[-74.26005851545153,40.540346290029],[-74.26005851545153,40.48691779217921],[-74.26005851545153,40.465546393039304],[-74.18826708390839,40.438832144114414],[-74.11647565236522,40.45486069346934],[-74.04468422082208,40.41746074497449],[-74.0087885050505,40.41211789518952],[-73.97289278927892,40.36937509690969],[-73.97289278927892,40.29991804970497],[-74.04468422082208,40.123604006800676],[-74.08057993659365,39.90989001540154],[-74.08057993659365,39.76563307120712],[-74.15237136813681,39.69083317421742],[-74.22416279967996,39.557261929592954],[-74.26005851545153,39.51451913131313],[-74.29595423122312,39.509176281528156],[-74.29595423122312,39.471776333033304],[-74.40364137853784,39.35957648754875],[-74.51132852585258,39.31149083948395],[-74.61901567316731,39.24203379227923],[-74.65491138893888,39.20997669356936],[-74.72670282048205,39.11914824722472],[-74.69080710471046,39.103119697869786],[-74.76259853625362,39.0229769510951],[-74.7984942520252,38.99091985238523],[-74.87028568356835,38.942834204320434],[-74.9420771151115,38.92680565496549],[-74.97797283088308,38.942834204320434],[-74.9420771151115,39.001605551955194],[-74.90618139933993,39.08709114851485],[-74.87028568356835,39.156548195719566],[-74.97797283088308,39.188605294429436],[-75.01386854665466,39.19394814421442],[-75.04976426242624,39.21531954335433],[-75.15745140974097,39.1992909939994],[-75.19334712551255,39.24203379227923],[-75.30103427282728,39.29011944034403],[-75.33692998859885,39.33820508840884],[-75.37282570437043,39.34354793819382],[-75.408721420142,39.380947886688666],[-75.44461713591359,39.39163358625862],[-75.48051285168516,39.439719234323434],[-75.55230428322831,39.46109063346334],[-75.51640856745674,39.535890530453045],[-75.51640856745674,39.57863332873287],[-75.55230428322831,39.60534757765777],[-75.55230428322831,39.63206182658266],[-75.51640856745674,39.685490324432436]],[[-75.408721420142,39.80303301970197],[-75.33692998859885,39.85111866776677],[-75.26513855705569,39.85111866776677],[-75.15745140974097,39.88317576647665],[-75.12155569396938,39.89920431583158],[-75.12155569396938,39.95797566346634],[-75.08565997819781,39.97934706260626],[-75.04976426242624,40.01140416131613],[-75.01386854665466,40.022089860886084],[-74.9420771151115,40.070175508950896],[-74.87028568356835,40.08086120852085],[-74.7984942520252,40.12894685658566],[-74.7984942520252,40.118261157015695],[-74.72670282048205,40.14497540594059],[-74.76259853625362,40.214432453145314],[-74.83438996779677,40.25183240164016],[-74.87028568356835,40.29457519991999],[-74.9420771151115,40.33731799819982],[-74.97797283088308,40.39608934583458],[-75.01386854665466,40.41211789518952],[-75.04976426242624,40.41746074497449],[-75.08565997819781,40.45486069346934],[-75.08565997819781,40.540346290029],[-75.08565997819781,40.567060538953896],[-75.19334712551255,40.57774623852385],[-75.19334712551255,40.64720328572857],[-75.19334712551255,40.67926038443844],[-75.19334712551255,40.6899460840084],[-75.19334712551255,40.72734603250325],[-75.19334712551255,40.75406028142814],[-75.15745140974097,40.775431680568055],[-75.12155569396938,40.79146022992299],[-75.04976426242624,40.871602976697666],[-75.12155569396938,40.95174572347234],[-75.12155569396938,40.989145671967194],[-75.01386854665466,41.03723132003201],[-74.97797283088308,41.10668836723672],[-74.90618139933993,41.13874546594659],[-74.87028568356835,41.18148826422642],[-74.83438996779677,41.277659560356035],[-74.76259853625362,41.34711660756075],[-74.69080710471046,41.35780230713071]],[[-106.5303069940994,31.783415492449244],[-106.99695129912992,31.783415492449244],[-107.42769988838884,31.783415492449244],[-108.21740563536353,31.783415492449244],[-108.21740563536353,31.33461611051105],[-108.71994565616562,31.33461611051105],[-109.04300709810981,31.33461611051105]],[[-103.01252684848485,36.99803688258825],[-103.01252684848485,36.50115185258525]],[[-103.01252684848485,36.50115185258525],[-103.04842256425643,36.50115185258525],[-103.04842256425643,36.057695320432046],[-103.04842256425643,35.62492448784879],[-103.04842256425643,35.25092500290029],[-103.04842256425643,34.8502112690269],[-103.04842256425643,34.46018323472347],[-103.04842256425643,34.0060410030003],[-103.04842256425643,33.38627042794279],[-103.04842256425643,33.001585243424344],[-103.04842256425643,32.52072876277627],[-103.04842256425643,32.002472333633364],[-103.7304411639164,32.002472333633364],[-104.01760689008901,32.002472333633364],[-104.52014691089109,32.002472333633364],[-104.91499978437844,32.002472333633364],[-105.41753980518051,32.002472333633364],[-106.13545412061207,32.002472333633364],[-106.60209842564257,32.002472333633364],[-106.63799414141414,31.92767243664366],[-106.63799414141414,31.89561533793379],[-106.63799414141414,31.8689010890089],[-106.56620270987099,31.810129741374137],[-106.5303069940994,31.783415492449244]],[[-74.18826708390839,40.63117473637364],[-74.08057993659365,40.64720328572857]],[[-74.08057993659365,40.64720328572857],[-74.04468422082208,40.60446048744875],[-74.11647565236522,40.54568913981398],[-74.15237136813681,40.535003440244026],[-74.26005851545153,40.497603491749175],[-74.26005851545153,40.54568913981398],[-74.22416279967996,40.561717689168916],[-74.18826708390839,40.63117473637364]],[[-71.92683699029902,41.28834525992599],[-71.99862842184217,41.25094531143114],[-72.03452413761376,41.272316710571054],[-71.92683699029902,41.28834525992599]],[[-73.32676990539053,45.012311560056006],[-73.32676990539053,44.92148311371137],[-73.39856133693368,44.84668321672167],[-73.32676990539053,44.80394041844184],[-73.36266562116211,44.7398262210221],[-73.36266562116211,44.70242627252725],[-73.39856133693368,44.6169406759676],[-73.39856133693368,44.5902264270427],[-73.32676990539053,44.55282647854786],[-73.29087418961896,44.478026581558154],[-73.29087418961896,44.42994093349335],[-73.32676990539053,44.37116958585858],[-73.32676990539053,44.27499828972897],[-73.32676990539053,44.2429411910191],[-73.39856133693368,44.18951269316932],[-73.43445705270527,44.045255748974895],[-73.39856133693368,44.02922719961996],[-73.39856133693368,43.93305590349034],[-73.36266562116211,43.87428455585558],[-73.39856133693368,43.8208560580058],[-73.36266562116211,43.77277040994099],[-73.36266562116211,43.72468476187619],[-73.39856133693368,43.69262766316631],[-73.43445705270527,43.63385631553155],[-73.43445705270527,43.58577066746675],[-73.39856133693368,43.580427817681766],[-73.36266562116211,43.6231706159616],[-73.29087418961896,43.6231706159616],[-73.29087418961896,43.580427817681766],[-73.25497847384737,43.56439926832683],[-73.25497847384737,43.52699931983198],[-73.25497847384737,43.25985683058306],[-73.25497847384737,43.03545713961396],[-73.29087418961896,42.832428847784776],[-73.29087418961896,42.800371749074905],[-73.25497847384737,42.74694325122512]],[[-73.64983134733473,40.98380282218221],[-73.6857270631063,40.94640287368736],[-73.75751849464946,40.91434577497749],[-73.79341421042103,40.86091727712771],[-73.82930992619261,40.83420302820282],[-73.79341421042103,40.79680307970797],[-73.72162277887789,40.871602976697666],[-73.6857270631063,40.85557442734273],[-73.64983134733473,40.89831722562256],[-73.57803991579158,40.91434577497749],[-73.50624848424842,40.91968862476247],[-73.50624848424842,40.94106002390239],[-73.43445705270527,40.935717174117414],[-73.39856133693368,40.95174572347234],[-73.36266562116211,40.92503147454745],[-73.29087418961896,40.92503147454745],[-73.2190827580758,40.903660075407544],[-73.14729132653265,40.93037432433243],[-73.14729132653265,40.967774272827285],[-73.07549989498949,40.97311712261226],[-73.03960417921792,40.962431423042304],[-72.78833416881687,40.967774272827285],[-72.68064702150214,40.989145671967194],[-72.57295987418742,40.999831371537155],[-72.53706415841583,41.03723132003201],[-72.46527272687268,41.053259869386935],[-72.4293770111011,41.085316968096805],[-72.39348129532952,41.09600266766677],[-72.35758557955795,41.13340261616162],[-72.24989843224321,41.04257416981698],[-72.17810700070007,41.031888470247026],[-72.17810700070007,41.053259869386935],[-72.1063155691569,40.989145671967194],[-71.99862842184217,41.03723132003201],[-71.9627327060706,41.06928841874188],[-71.92683699029902,41.079974118311824],[-71.89094127452745,41.053259869386935],[-72.1063155691569,40.97311712261226],[-72.39348129532952,40.86626012691269],[-72.57295987418742,40.812831629062906],[-72.7524384530453,40.75940313121312],[-72.93191703190318,40.711317483148314],[-73.03960417921792,40.66857468486849],[-73.2190827580758,40.63117473637364],[-73.29087418961896,40.620489036803676],[-73.32676990539053,40.63651758615862],[-73.43445705270527,40.60446048744875],[-73.57803991579158,40.583089088308824],[-73.75751849464946,40.583089088308824],[-73.75751849464946,40.588431938093805],[-73.93699707350734,40.54568913981398],[-73.93699707350734,40.57240338873888],[-74.0087885050505,40.588431938093805],[-74.04468422082208,40.62583188658866],[-74.0087885050505,40.65788898529853],[-74.0087885050505,40.711317483148314]],[[-74.69080710471046,41.35780230713071],[-74.72670282048205,41.38985940584058],[-74.76259853625362,41.42191650455045],[-74.90618139933993,41.43794505390539],[-74.90618139933993,41.47000215261526],[-74.97797283088308,41.48068785218521],[-74.97797283088308,41.50740210111011],[-75.08565997819781,41.60357339723972],[-75.04976426242624,41.619601946594656],[-75.04976426242624,41.75317319121912],[-75.12155569396938,41.774544590359035],[-75.08565997819781,41.81194453885388],[-75.12155569396938,41.84400163756375],[-75.19334712551255,41.87071588648865],[-75.26513855705569,41.87071588648865],[-75.26513855705569,41.94017293369337],[-75.30103427282728,41.95085863326332],[-75.37282570437043,41.998944281328136],[-75.7317828620862,41.998944281328136],[-76.34201003020301,41.998944281328136],[-76.73686290369037,42.00428713111311],[-77.13171577717772,41.998944281328136],[-77.84963009260926,41.998944281328136],[-78.28037868186819,41.998944281328136],[-78.60344012381238,41.998944281328136],[-78.890605849985,41.998944281328136],[-79.17777157615761,41.998944281328136],[-79.46493730233023,41.998944281328136],[-79.75210302850284,41.998944281328136],[-79.75210302850284,42.271429620362035]],[[-79.75210302850284,42.271429620362035],[-79.64441588118811,42.31417241864186],[-79.53672873387337,42.36225806670667],[-79.42904158655865,42.426372264126414],[-79.35725015501549,42.490486461546155],[-79.24956300770076,42.53322925982598],[-79.14187586038604,42.554600658965896],[-79.10598014461445,42.613372006600656],[-79.07008442884288,42.64542910531053],[-79.0341887130713,42.68817190359036],[-78.92650156575657,42.736257551655164],[-78.85471013421342,42.78434319971997],[-78.85471013421342,42.84311454735473],[-78.890605849985,42.9018858949895],[-78.92650156575657,42.955314392839284],[-78.99829299729973,42.987371491549155],[-79.0341887130713,43.014085740474044],[-78.99829299729973,43.06217138853885],[-79.07008442884288,43.078199937893785],[-79.0341887130713,43.142314135313526],[-79.07008442884288,43.23848543144314],[-79.07008442884288,43.25985683058306],[-78.96239728152814,43.28122822972297],[-78.81881441844183,43.31862817821782],[-78.71112727112711,43.33999957735773],[-78.63933583958395,43.35602812671267],[-78.49575297649764,43.37739952585258],[-78.3880658291829,43.37739952585258],[-78.2444829660966,43.36671382628263],[-78.10090010301029,43.37739952585258],[-77.99321295569557,43.36671382628263],[-77.88552580838083,43.35068527692769],[-77.74194294529453,43.33999957735773],[-77.70604722952295,43.3239710280028],[-77.67015151375136,43.28122822972297],[-77.56246436643664,43.24382828122812],[-77.52656865066506,43.233142581658164],[-77.49067293489348,43.2491711310131],[-77.38298578757875,43.27588537993799],[-77.27529864026403,43.27588537993799],[-77.09582006140613,43.28657107950795],[-77.02402862986298,43.27054253015301],[-76.95223719831982,43.27054253015301],[-76.91634148254825,43.29191392929293],[-76.77275861946194,43.31862817821782],[-76.70096718791879,43.34534242714271],[-76.62917575637563,43.41479947434743],[-76.41380146174617,43.521656470047006],[-76.30611431443144,43.510970770477044],[-76.23432288288828,43.52699931983198],[-76.1984271671167,43.575084967896785],[-76.1984271671167,43.64988486488649],[-76.1984271671167,43.71934191209121],[-76.23432288288828,43.80482750865086],[-76.27021859865987,43.84222745714571],[-76.23432288288828,43.87962740564056],[-76.1984271671167,43.86359885628563],[-76.12663573557354,43.8956559549955],[-76.12663573557354,43.954427302630265],[-76.27021859865987,43.99717010091009],[-76.30611431443144,44.02388434983498],[-76.30611431443144,44.06128429832983],[-76.37790574597459,44.071969997899785],[-76.37790574597459,44.098684246824675],[-76.30611431443144,44.20019839273927],[-76.23432288288828,44.20554124252425],[-76.16253145134513,44.23759834123412],[-76.16253145134513,44.28034113951395],[-76.09074001980197,44.30171253865386],[-75.98305287248724,44.34979818671867],[-75.98305287248724,44.34445533693369],[-75.91126144094409,44.3658267360736],[-75.80357429362935,44.42994093349335],[-75.80357429362935,44.472683731773174],[-75.76767857785778,44.515426530053006],[-75.62409571477147,44.62228352575257],[-75.51640856745674,44.70242627252725],[-75.37282570437043,44.78256901930193],[-75.22924284128412,44.86805461586158],[-75.04976426242624,44.93216881328132],[-74.97797283088308,44.985597311131116],[-74.90618139933993,44.985597311131116],[-74.83438996779677,45.017654409840986],[-74.72670282048205,44.99094016091609],[-74.69080710471046,45.001625860486044],[-74.475432810081,44.99628301070106],[-74.3318499469947,44.99094016091609],[-74.15237136813681,44.99094016091609],[-73.8652056419642,45.001625860486044],[-73.64983134733473,45.001625860486044],[-73.32676990539053,45.012311560056006]],[[-75.76767857785778,35.1974965050505],[-75.69588714631462,35.22955360376038],[-75.62409571477147,35.23489645354535],[-75.5881999989999,35.26161070247025],[-75.55230428322831,35.2722964020402],[-75.51640856745674,35.23489645354535],[-75.62409571477147,35.22955360376038],[-75.76767857785778,35.18146795569557],[-75.94715715671566,35.106668058705864],[-75.94715715671566,35.117353758275826],[-75.91126144094409,35.149410856985696],[-75.76767857785778,35.1974965050505]],[[-75.65999143054304,35.92946692559256],[-75.65999143054304,35.90809552645264],[-75.62409571477147,35.85466702860286],[-75.62409571477147,35.81726708010801],[-75.65999143054304,35.82260992989299],[-75.65999143054304,35.86000987838784],[-75.7317828620862,35.92412407580758],[-75.65999143054304,35.92946692559256]],[[-75.87536572517251,36.549237500650065],[-75.80357429362935,36.35689490839084],[-75.76767857785778,36.22866651355135],[-75.7317828620862,36.111123818281825],[-75.65999143054304,36.020295371937195],[-75.55230428322831,35.865352728172816],[-75.62409571477147,35.89206697709771],[-75.62409571477147,35.92412407580758],[-75.69588714631462,35.9935811230123],[-75.7317828620862,36.00426682258225],[-75.7317828620862,36.041666771077104],[-75.76767857785778,36.15386661656166],[-75.76767857785778,36.2179808139814],[-75.80357429362935,36.24469506290629],[-75.80357429362935,36.28743786118612],[-75.83947000940093,36.30346641054105],[-75.83947000940093,36.3408663590359],[-75.83947000940093,36.38360915731573],[-75.83947000940093,36.4156662560256],[-75.87536572517251,36.44238050495049],[-75.91126144094409,36.47978045344534],[-76.01894858825882,36.50115185258525],[-76.01894858825882,36.485123303230324],[-76.01894858825882,36.44238050495049],[-75.94715715671566,36.4156662560256],[-75.91126144094409,36.42635195559556],[-75.91126144094409,36.36758060796079],[-75.83947000940093,36.201952264626456],[-75.83947000940093,36.17523801570157],[-75.80357429362935,36.111123818281825],[-75.80357429362935,36.073723869786974],[-75.87536572517251,36.12715236763676],[-75.87536572517251,36.15920946634664],[-75.91126144094409,36.21263796419642],[-75.94715715671566,36.19660941484148],[-75.94715715671566,36.16455231613161],[-76.01894858825882,36.18592371527153],[-76.0548443040304,36.22866651355135],[-76.09074001980197,36.23935221312131],[-76.12663573557354,36.28743786118612],[-76.16253145134513,36.266066462046204],[-76.12663573557354,36.21263796419642],[-76.09074001980197,36.201952264626456],[-76.0548443040304,36.137838067206715],[-76.16253145134513,36.12180951785179],[-76.23432288288828,36.09509526892689],[-76.27021859865987,36.105780968496845],[-76.30611431443144,36.084409569356936],[-76.41380146174617,36.079066719571955],[-76.44969717751775,36.025638221722176],[-76.5214886090609,36.00426682258225],[-76.59328004060406,36.00426682258225],[-76.62917575637563,36.03632392129212],[-76.6650714721472,36.041666771077104],[-76.73686290369037,36.14852376677668],[-76.73686290369037,36.201952264626456],[-76.6650714721472,36.266066462046204],[-76.70096718791879,36.27675216161616],[-76.73686290369037,36.21263796419642],[-76.73686290369037,36.14852376677668],[-76.73686290369037,36.06838102000199],[-76.6650714721472,35.9935811230123],[-76.70096718791879,35.96686687408741],[-76.6650714721472,35.93480977537754],[-76.5214886090609,35.94549547494749],[-76.44969717751775,35.97220972387238],[-76.41380146174617,35.98289542344234],[-76.37790574597459,35.94015262516251],[-76.30611431443144,35.94549547494749],[-76.27021859865987,35.97220972387238],[-76.16253145134513,35.9935811230123],[-76.0548443040304,35.9935811230123],[-76.01894858825882,35.956181174517454],[-76.01894858825882,35.9187812260226],[-76.0548443040304,35.85466702860286],[-76.0548443040304,35.80658138053805],[-76.0548443040304,35.71575293419342],[-76.01894858825882,35.66766728612861],[-75.98305287248724,35.769181432043204],[-75.98305287248724,35.83863847924792],[-75.98305287248724,35.897409826882686],[-75.91126144094409,35.94015262516251],[-75.91126144094409,35.97755257365736],[-75.83947000940093,35.97755257365736],[-75.76767857785778,35.93480977537754],[-75.7317828620862,35.81192423032303],[-75.7317828620862,35.769181432043204],[-75.69588714631462,35.69438153505351],[-75.7317828620862,35.673010135913586],[-75.7317828620862,35.62492448784879],[-75.76767857785778,35.59286738913892],[-75.83947000940093,35.57149598999899],[-75.87536572517251,35.587524539353936],[-75.91126144094409,35.57149598999899],[-75.91126144094409,35.53943889128912],[-75.94715715671566,35.53409604150415],[-75.94715715671566,35.491353243224324],[-75.98305287248724,35.47532469386938],[-76.01894858825882,35.4218961960196],[-76.0548443040304,35.40586764666466],[-76.0548443040304,35.368467698169816],[-76.12663573557354,35.3470962990299],[-76.12663573557354,35.331067749674965],[-76.27021859865987,35.34175344924492],[-76.30611431443144,35.35778199859986],[-76.34201003020301,35.3470962990299],[-76.44969717751775,35.363124848384835],[-76.44969717751775,35.38449624752475],[-76.48559289328932,35.37381054795479],[-76.55738432483248,35.41121049644964],[-76.59328004060406,35.50738179257925],[-76.48559289328932,35.51272464236423],[-76.48559289328932,35.53943889128912],[-76.55738432483248,35.528753191719176],[-76.59328004060406,35.53943889128912],[-76.62917575637563,35.51272464236423],[-76.59328004060406,35.459296144514454],[-76.59328004060406,35.38449624752475],[-76.70096718791879,35.42723904580458],[-76.77275861946194,35.41655334623462],[-76.8445500510051,35.44861044494449],[-76.95223719831982,35.47532469386938],[-77.02402862986298,35.51272464236423],[-77.02402862986298,35.491353243224324],[-76.95223719831982,35.43792474537453],[-76.88044576677667,35.43258189558956],[-76.6650714721472,35.3470962990299],[-76.48559289328932,35.32038205010501],[-76.48559289328932,35.29366780118012],[-76.48559289328932,35.26161070247025],[-76.48559289328932,35.21352505440544],[-76.55738432483248,35.16543940634063],[-76.55738432483248,35.12269660806081],[-76.59328004060406,35.06926811021102],[-76.62917575637563,35.053239560856085],[-76.80865433523351,34.962411114511454],[-76.98813291409141,35.058582410641066],[-76.98813291409141,35.00515391279128],[-76.88044576677667,34.95706826472647],[-76.77275861946194,34.91966831623162],[-76.62917575637563,34.989125363436344],[-76.48559289328932,35.00515391279128],[-76.48559289328932,35.06926811021102],[-76.44969717751775,35.058582410641066],[-76.41380146174617,34.9998110630063],[-76.37790574597459,34.97309681408141],[-76.34201003020301,34.97309681408141],[-76.34201003020301,35.03186816171617],[-76.30611431443144,35.00515391279128],[-76.30611431443144,34.989125363436344],[-76.27021859865987,34.94103971537153],[-76.34201003020301,34.871582668166816],[-76.41380146174617,34.85555411881188],[-76.44969717751775,34.78609707160716],[-76.5214886090609,34.68458292569257],[-76.59328004060406,34.7006114750475],[-76.59328004060406,34.770068522252224],[-76.62917575637563,34.78609707160716],[-76.62917575637563,34.71664002440244],[-76.6650714721472,34.70595432483248],[-76.5214886090609,34.652525826982696],[-76.37790574597459,34.80746847074707],[-76.30611431443144,34.86089696859686],[-76.23432288288828,34.9250111660166],[-76.09074001980197,35.047896711071104],[-76.0548443040304,35.074610959995994],[-76.01894858825882,35.058582410641066],[-76.12663573557354,34.989125363436344],[-76.23432288288828,34.90363976687669],[-76.30611431443144,34.8502112690269],[-76.37790574597459,34.78609707160716],[-76.48559289328932,34.66321152655266],[-76.5214886090609,34.588411629562955],[-76.55738432483248,34.615125878487845],[-76.55738432483248,34.647182977197716],[-76.6650714721472,34.69526862526253],[-76.77275861946194,34.69526862526253],[-76.91634148254825,34.68458292569257],[-77.02402862986298,34.66321152655266],[-77.13171577717772,34.63115442784279],[-77.20350720872086,34.60444017891789],[-77.3111943560356,34.53498313171317],[-77.45477721912191,34.47086893429343],[-77.59836008220822,34.401411887088706],[-77.67015151375136,34.342640539453946],[-77.74194294529453,34.273183492249224],[-77.81373437683767,34.16098364676468],[-77.88552580838083,34.07015520042004],[-77.92142152415241,33.97398390429043],[-77.95731723992398,33.90986970687069],[-77.95731723992398,33.85109835923592],[-77.99321295569557,33.8564412090209],[-78.02910867146714,33.88849830773077],[-78.10090010301029,33.904526857085706],[-78.17269153455345,33.91521255665566],[-78.28037868186819,33.90986970687069],[-78.3880658291829,33.904526857085706],[-78.49575297649764,33.86712690859086],[-78.53164869226921,33.85109835923592]],[[-78.53164869226921,33.85109835923592],[-78.890605849985,34.13426939783979],[-79.24956300770076,34.44949753515351],[-79.35725015501549,34.54566883128312],[-79.68031159695968,34.802125620962094],[-79.85979017581758,34.80746847074707],[-80.50591305970596,34.81815417031703],[-80.79307878587858,34.81815417031703],[-80.79307878587858,34.93569686558656],[-80.93666164896489,35.106668058705864],[-81.04434879627962,35.04255386128612],[-81.04434879627962,35.085296659565955],[-81.04434879627962,35.112010908490845],[-81.04434879627962,35.149410856985696],[-81.2238273751375,35.16009655655566],[-81.72636739593959,35.18146795569557],[-82.19301170097009,35.19215365526553],[-82.26480313251325,35.1974965050505],[-82.37249027982797,35.18681080548055],[-82.40838599559956,35.1974965050505],[-82.44428171137113,35.176125105910586],[-82.55196885868587,35.16009655655566],[-82.62376029022901,35.13872515741574],[-82.76734315331532,35.06926811021102],[-82.76734315331532,35.085296659565955],[-83.1263003110311,34.9998110630063]],[[-84.31085893149314,34.989125363436344],[-84.27496321572157,35.2242107539754],[-84.23906749995,35.266953552255224],[-84.20317178417841,35.24558215311531],[-84.09548463686369,35.24558215311531],[-84.0595889210921,35.266953552255224],[-84.02369320532053,35.299010650965094],[-84.02369320532053,35.3470962990299],[-84.02369320532053,35.37381054795479],[-84.02369320532053,35.40586764666466],[-83.95190177377738,35.46463899429943],[-83.91600605800579,35.47532469386938],[-83.88011034223422,35.518067492149214],[-83.80831891069107,35.523410341934195],[-83.77242319491948,35.560810290429046],[-83.62884033183317,35.56615314021402],[-83.48525746874687,35.560810290429046],[-83.44936175297529,35.614238788278826],[-83.37757032143213,35.640953037203715],[-83.34167460566056,35.66766728612861],[-83.30577888988898,35.65698158655866],[-83.26988317411741,35.69438153505351],[-83.23398745834582,35.72643863376338],[-83.19809174257425,35.73178148354835],[-83.16219602680268,35.763838582258224],[-83.1263003110311,35.763838582258224],[-83.09040459525951,35.79055283118312],[-82.9827174479448,35.77452428182818],[-82.91092601640163,35.87069557795779],[-82.91092601640163,35.91343837623762],[-82.91092601640163,35.94549547494749],[-82.83913458485848,35.95083832473247],[-82.83913458485848,35.92946692559256],[-82.8032388690869,35.95083832473247],[-82.76734315331532,35.988238273227324],[-82.69555172177218,36.047009620862084],[-82.62376029022901,36.06303817021702],[-82.58786457445744,36.03098107150715],[-82.62376029022901,35.99892397279728],[-82.62376029022901,35.96686687408741],[-82.55196885868587,35.96686687408741],[-82.51607314291428,35.97755257365736],[-82.44428171137113,36.00960967236723],[-82.40838599559956,36.084409569356936],[-82.37249027982797,36.116466668066806],[-82.30069884828482,36.137838067206715],[-82.26480313251325,36.13249521742174],[-82.19301170097009,36.15920946634664],[-82.15711598519852,36.14852376677668],[-82.12122026942694,36.105780968496845],[-82.08532455365535,36.105780968496845],[-82.04942883788378,36.12180951785179],[-81.90584597479747,36.30346641054105],[-81.8699502590259,36.33552350925092],[-81.79815882748274,36.35689490839084],[-81.76226311171116,36.3408663590359],[-81.72636739593959,36.35689490839084],[-81.72636739593959,36.41032340624062],[-81.69047168016802,36.46909475387538],[-81.69047168016802,36.538551801080104],[-81.69047168016802,36.586637449144916]],[[-81.69047168016802,36.586637449144916],[-81.36741023822381,36.575951749574955],[-81.29561880668066,36.575951749574955],[-80.82897450165017,36.55992320022002],[-80.72128735433543,36.55992320022002],[-80.2905387650765,36.543894650865084],[-79.89568589158915,36.543894650865084],[-79.5008330181018,36.538551801080104],[-78.96239728152814,36.543894650865084],[-78.49575297649764,36.538551801080104],[-77.74194294529453,36.543894650865084],[-77.3111943560356,36.543894650865084],[-76.91634148254825,36.543894650865084],[-76.80865433523351,36.549237500650065],[-76.30611431443144,36.549237500650065],[-75.87536572517251,36.549237500650065]],[[-104.05350260586059,48.998077499649966],[-103.37148400620062,48.998077499649966],[-102.83304826962696,48.998077499649966],[-102.22282110151015,48.998077499649966],[-101.61259393339334,48.998077499649966],[-101.11005391259125,48.998077499649966],[-100.42803531293129,48.998077499649966],[-99.92549529212921,48.998077499649966],[-99.38705955555555,48.998077499649966],[-98.88451953475348,48.998077499649966],[-97.95123092469247,48.998077499649966],[-97.23331660926092,48.998077499649966]],[[-96.55129800960096,45.93662457285728],[-97.16152517771776,45.93662457285728],[-97.77175234583459,45.93662457285728],[-98.41787522972297,45.93662457285728],[-99.24347669246924,45.941967422642264],[-99.74601671327133,45.941967422642264],[-100.17676530253026,45.941967422642264],[-100.93057533373337,45.941967422642264],[-101.43311535453545,45.941967422642264],[-102.18692538573858,45.941967422642264],[-102.90483970117012,45.947310272427245],[-103.65864973237323,45.947310272427245],[-104.05350260586059,45.947310272427245]],[[-82.83913458485848,41.71043039293929],[-82.76734315331532,41.69440184358436],[-82.8032388690869,41.66234474487449],[-82.83913458485848,41.646316195519546],[-82.83913458485848,41.71043039293929]],[[-83.44936175297529,41.73180179207921],[-83.44936175297529,41.70508754315431],[-83.34167460566056,41.68905899379938],[-83.34167460566056,41.69974469336934],[-83.23398745834582,41.646316195519546],[-83.05450887948794,41.59288769766977],[-82.9827174479448,41.53945919981998],[-82.9468217321732,41.51274495089508],[-82.91092601640163,41.518087800680064],[-82.83913458485848,41.550144899389934],[-82.83913458485848,41.587544847884786],[-82.8032388690869,41.53945919981998],[-82.73144743754375,41.53945919981998],[-82.73144743754375,41.518087800680064],[-82.62376029022901,41.42725935433543],[-82.51607314291428,41.3845165560556],[-82.4801774271427,41.37917370627062],[-82.37249027982797,41.42725935433543],[-82.26480313251325,41.432602204120414],[-82.19301170097009,41.464659302830285],[-82.01353312211221,41.518087800680064],[-81.94174169056905,41.491373551755174],[-81.8699502590259,41.48603070197019],[-81.79815882748274,41.496716401540155],[-81.76226311171116,41.48603070197019],[-81.58278453285328,41.560830598959896],[-81.54688881708171,41.614259096809675],[-81.51099310131012,41.62494479637964],[-81.43920166976697,41.67303044444444],[-81.36741023822381,41.72645894229423],[-81.29561880668066,41.7585160410041],[-81.25972309090909,41.76385889078908],[-81.11614022782278,41.81728738863886],[-81.00845308050805,41.85468733713371],[-80.90076593319331,41.87071588648865],[-80.79307878587858,41.9081158349835],[-80.72128735433543,41.91880153455345],[-80.50591305970596,41.97757288218821]],[[-80.50591305970596,41.97757288218821],[-80.50591305970596,41.66768759465947],[-80.50591305970596,41.25094531143114],[-80.50591305970596,40.63651758615862]],[[-80.50591305970596,40.63651758615862],[-80.57770449124912,40.615146187018695],[-80.6136002070207,40.620489036803676],[-80.64949592279227,40.57240338873888],[-80.6136002070207,40.535003440244026],[-80.6136002070207,40.48157494239423],[-80.6136002070207,40.438832144114414],[-80.6136002070207,40.3159465990599],[-80.6136002070207,40.26251810121012],[-80.64949592279227,40.23046100250025],[-80.68539163856386,40.19840390379038],[-80.72128735433543,40.155661105510546],[-80.72128735433543,40.10223260766077],[-80.72128735433543,40.07551835873587],[-80.72128735433543,40.04880410981098],[-80.757183070107,39.968661363036304],[-80.79307878587858,39.92057571497149],[-80.79307878587858,39.86180436733673],[-80.82897450165017,39.84043296819682],[-80.82897450165017,39.79769016991699],[-80.86487021742174,39.75494737163716],[-80.82897450165017,39.717547423142314],[-80.86487021742174,39.6961760240024],[-80.86487021742174,39.621376127012695],[-80.93666164896489,39.61603327722772],[-81.00845308050805,39.55191907980798],[-81.11614022782278,39.48780488238823],[-81.15203594359436,39.44506208410841],[-81.18793165936593,39.42903353475347],[-81.2238273751375,39.38629073647365],[-81.25972309090909,39.38629073647365],[-81.33151452245224,39.34354793819382],[-81.4033059539954,39.35423363776377],[-81.4033059539954,39.38629073647365],[-81.43920166976697,39.40766213561356],[-81.54688881708171,39.33820508840884],[-81.58278453285328,39.26874804120412],[-81.69047168016802,39.2740908909891],[-81.69047168016802,39.22600524292429],[-81.72636739593959,39.21531954335433],[-81.76226311171116,39.17791959485949],[-81.72636739593959,39.11914824722472],[-81.76226311171116,39.092433998299825],[-81.79815882748274,39.08174829872987],[-81.79815882748274,39.060376899589954],[-81.76226311171116,39.01763410131013],[-81.79815882748274,38.92680565496549],[-81.79815882748274,38.94817705410541],[-81.83405454325433,38.9000914060406],[-81.90584597479747,38.87337715711571],[-81.94174169056905,38.9000914060406],[-81.90584597479747,38.93749135453545],[-81.94174169056905,38.98557700260026],[-81.97763740634063,38.99091985238523],[-81.97763740634063,39.0229769510951],[-82.04942883788378,39.0229769510951],[-82.04942883788378,38.99626270217021],[-82.08532455365535,38.974891303030304],[-82.15711598519852,38.9000914060406],[-82.15711598519852,38.84132005840584],[-82.22890741674166,38.79323441034103],[-82.19301170097009,38.70774881378138],[-82.19301170097009,38.68103456485649],[-82.15711598519852,38.627606067006695],[-82.19301170097009,38.595548968296825],[-82.26480313251325,38.595548968296825],[-82.30069884828482,38.5795204189419],[-82.30069884828482,38.49403482238223],[-82.3365945640564,38.45129202410241],[-82.40838599559956,38.44060632453245],[-82.51607314291428,38.4032063760376],[-82.58786457445744,38.41923492539254]],[[-94.46934649484947,33.63738436783678],[-94.50524221062106,33.616012968696865],[-94.54113792639264,33.653412917191716],[-94.64882507370737,33.69081286568657],[-94.72061650525052,33.685470015901586],[-94.72061650525052,33.7068414150415],[-94.79240793679368,33.75492706310631],[-94.82830365256525,33.73889851375137],[-94.93599079987999,33.78698416181618],[-94.97188651565156,33.835069809880984],[-95.04367794719472,33.86178405880588],[-95.04367794719472,33.89384115751575],[-95.0795736629663,33.89384115751575],[-95.11546937873787,33.93658395579558],[-95.2231565260526,33.96329820472047],[-95.25905224182418,33.904526857085706],[-95.29494795759575,33.877812608160816],[-95.40263510491049,33.86712690859086],[-95.5462179679968,33.88315545794579],[-95.5462179679968,33.9312411060106],[-95.58211368376837,33.93658395579558],[-95.65390511531153,33.904526857085706],[-95.72569654685468,33.88315545794579],[-95.76159226262627,33.89384115751575],[-95.76159226262627,33.8564412090209],[-95.79748797839784,33.86178405880588],[-95.83338369416941,33.835069809880984],[-95.94107084148415,33.88849830773077],[-95.94107084148415,33.86178405880588],[-96.04875798879888,33.835069809880984],[-96.08465370457046,33.845755509450946],[-96.1564451361136,33.840412659665965],[-96.1564451361136,33.77095561246124],[-96.22823656765677,33.74958421332133],[-96.26413228342834,33.77095561246124],[-96.30002799919991,33.75492706310631],[-96.30002799919991,33.71218426482648],[-96.3359237149715,33.685470015901586],[-96.40771514651465,33.744241363536354],[-96.40771514651465,33.776298462246224],[-96.51540229382938,33.77095561246124],[-96.51540229382938,33.81904126052605],[-96.58719372537253,33.81904126052605],[-96.62308944114412,33.840412659665965],[-96.58719372537253,33.872469758375836],[-96.65898515691569,33.90986970687069],[-96.69488087268726,33.85109835923592],[-96.69488087268726,33.82972696009601],[-96.76667230423043,33.82438411031103],[-96.802568020002,33.86712690859086],[-96.83846373577357,33.872469758375836],[-96.87435945154515,33.85109835923592],[-96.91025516731673,33.89384115751575],[-96.91025516731673,33.9312411060106],[-96.91025516731673,33.95795535493549],[-96.98204659885988,33.9312411060106],[-96.98204659885988,33.88849830773077],[-97.01794231463145,33.845755509450946],[-97.08973374617462,33.79766986138614],[-97.08973374617462,33.76561276267627],[-97.08973374617462,33.72821281418142],[-97.12562946194619,33.71752711461146],[-97.16152517771776,33.73889851375137],[-97.19742089348935,33.803012711171114],[-97.19742089348935,33.82972696009601],[-97.16152517771776,33.845755509450946],[-97.19742089348935,33.89384115751575],[-97.19742089348935,33.91521255665566],[-97.23331660926092,33.89918400730073],[-97.2692123250325,33.86178405880588],[-97.30510804080407,33.877812608160816],[-97.34100375657566,33.872469758375836],[-97.37689947234723,33.81904126052605],[-97.4127951881188,33.81904126052605],[-97.44869090389038,33.840412659665965],[-97.44869090389038,33.904526857085706],[-97.48458661966197,33.92055540644064],[-97.55637805120512,33.89918400730073],[-97.59227376697669,33.92055540644064],[-97.59227376697669,33.95261250515051],[-97.62816948274828,33.9793267540754],[-97.66406519851985,33.99001245364536],[-97.735856630063,33.93658395579558],[-97.84354377737773,33.8564412090209],[-97.8794394931493,33.85109835923592],[-97.95123092469247,33.877812608160816],[-97.95123092469247,33.88315545794579],[-97.95123092469247,33.95261250515051],[-97.95123092469247,33.99001245364536],[-97.98712664046404,34.0060410030003],[-98.02302235623561,33.995355303430344],[-98.09481378777878,34.000698153215325],[-98.13070950355035,34.086183749774975],[-98.09481378777878,34.12892654805481],[-98.09481378777878,34.1556407969797],[-98.16660521932192,34.112897998699864],[-98.23839665086508,34.13426939783979],[-98.31018808240825,34.13426939783979],[-98.34608379817982,34.1556407969797],[-98.38197951395139,34.12892654805481],[-98.41787522972297,34.080840899989994],[-98.48966666126613,34.064812350635066],[-98.48966666126613,34.07015520042004],[-98.56145809280927,34.150297947194716],[-98.63324952435244,34.16632649654966],[-98.70504095589558,34.13426939783979],[-98.77683238743874,34.13426939783979],[-98.81272810321032,34.1556407969797],[-98.92041525052505,34.177012196119605],[-98.95631096629663,34.20906929482948],[-98.9922066820682,34.21975499439944],[-99.02810239783979,34.19838359525953],[-99.06399811361136,34.20906929482948],[-99.13578954515451,34.2037264450445],[-99.1716852609261,34.21441214461446],[-99.20758097669767,34.28386919181918],[-99.20758097669767,34.342640539453946],[-99.27937240824082,34.38538333773377],[-99.24347669246924,34.401411887088706],[-99.3152681240124,34.42278328622862],[-99.38705955555555,34.45484038493849],[-99.38705955555555,34.44415468536853],[-99.38705955555555,34.38004048794879],[-99.42295527132713,34.374697638163816],[-99.49474670287029,34.41209758665866],[-99.56653813441343,34.41744043644364],[-99.60243385018502,34.374697638163816],[-99.71012099749974,34.38004048794879],[-99.74601671327133,34.42278328622862],[-99.85370386058605,34.51361173257325],[-99.88959957635764,34.551011681068104],[-99.96139100790079,34.577725929992994],[-99.99728672367236,34.561697380638066],[-99.99728672367236,35.03186816171617],[-99.99728672367236,35.619581638063806],[-99.99728672367236,36.057695320432046],[-99.99728672367236,36.50115185258525],[-100.53572246024602,36.50115185258525],[-101.07415819681968,36.50115185258525],[-101.61259393339334,36.50115185258525],[-102.25871681728172,36.50115185258525],[-103.01252684848485,36.50115185258525]],[[-124.22689486948696,41.998944281328136],[-124.26279058525853,42.047029929392934],[-124.2986863010301,42.052372779177915],[-124.37047773257326,42.116486976597656],[-124.37047773257326,42.1806011740174],[-124.37047773257326,42.21800112251225],[-124.40637344834484,42.25005822122212],[-124.40637344834484,42.30882956885688],[-124.44226916411642,42.3302009679968],[-124.40637344834484,42.3782866160616],[-124.44226916411642,42.44240081348134],[-124.40637344834484,42.575972058105805],[-124.40637344834484,42.66145765466547],[-124.478164879888,42.730914701870184],[-124.51406059565957,42.736257551655164],[-124.51406059565957,42.78968604950495],[-124.54995631143115,42.84311454735473],[-124.51406059565957,42.91791444434443],[-124.44226916411642,42.99805719111911],[-124.44226916411642,43.072857088108805],[-124.44226916411642,43.11559988638864],[-124.40637344834484,43.18505693359336],[-124.37047773257326,43.27054253015301],[-124.40637344834484,43.30794247864786],[-124.33458201680168,43.35068527692769],[-124.2986863010301,43.43617087348734],[-124.22689486948696,43.55905641854186],[-124.15510343794381,43.81017035843584],[-124.15510343794381,43.95977015241524],[-124.11920772217222,44.104027096609656],[-124.08331200640065,44.33376963736373],[-124.08331200640065,44.4406266330633],[-124.08331200640065,44.49939798069806],[-124.04741629062906,44.65968347424742],[-124.08331200640065,44.68105487338734],[-124.04741629062906,44.7398262210221],[-124.08331200640065,44.77188331973197],[-124.08331200640065,44.83065466736673],[-124.04741629062906,44.90011171457145],[-124.01152057485749,45.044368658765876],[-123.97562485908591,45.14588280468047],[-123.97562485908591,45.31685399779978],[-123.97562485908591,45.34891109650965],[-123.97562485908591,45.42905384328432],[-123.97562485908591,45.48782519091909],[-123.93972914331434,45.509196590059005],[-123.93972914331434,45.66413923382338],[-123.93972914331434,45.7335962810281],[-123.97562485908591,45.754967680168015],[-123.97562485908591,45.83511042694269],[-123.97562485908591,45.909910323932394],[-124.01152057485749,45.947310272427245],[-123.93972914331434,45.979367371137116],[-123.93972914331434,46.011424469846986],[-123.93972914331434,46.070195817481746],[-123.97562485908591,46.16636711361136],[-124.01152057485749,46.22513846124612],[-123.93972914331434,46.19308136253625],[-123.90383342754276,46.17170996339634],[-123.86793771177118,46.1556814140414],[-123.8320419959996,46.187738512751274],[-123.76025056445644,46.20910991189119],[-123.72435484868487,46.19842421232123],[-123.61666770137015,46.23582416081608],[-123.58077198559856,46.2304813110311],[-123.54487626982699,46.25719555995599]],[[-123.54487626982699,46.25719555995599],[-123.47308483828382,46.26788125952595],[-123.43718912251225,46.2304813110311],[-123.43718912251225,46.18239566296629],[-123.3653976909691,46.14499571447145],[-123.29360625942594,46.14499571447145],[-123.15002339633963,46.187738512751274],[-123.11412768056806,46.187738512751274],[-123.00644053325333,46.13431001490149],[-122.97054481748175,46.10225291619162],[-122.89875338593859,46.08622436683668],[-122.86285767016702,46.032795868986895],[-122.82696195439544,45.96333882178217],[-122.82696195439544,45.915253173717375],[-122.79106623862387,45.86716752565256],[-122.79106623862387,45.8083961780178],[-122.7551705228523,45.78168192909291],[-122.7551705228523,45.7335962810281],[-122.79106623862387,45.68016778317832],[-122.7551705228523,45.658796384038396],[-122.68337909130913,45.61605358575858],[-122.61158765976597,45.60536788618862],[-122.46800479667968,45.57865363726373],[-122.43210908090809,45.562625087908785],[-122.39621336513652,45.573310787478746],[-122.32442193359336,45.54659653855386],[-122.25263050205021,45.54659653855386],[-122.18083907050706,45.57865363726373],[-122.1090476389639,45.5839964870487],[-121.89367334433445,45.65345353425342],[-121.85777762856286,45.690853482748274],[-121.82188191279128,45.70688203210321],[-121.75009048124812,45.69619633253325],[-121.6424033339334,45.70688203210321],[-121.53471618661867,45.72825343124312],[-121.4629247550755,45.70153918231823],[-121.39113332353236,45.690853482748274],[-121.35523760776078,45.70688203210321],[-121.21165474467446,45.66948208360836],[-121.17575902890289,45.60536788618862],[-121.13986331313131,45.6107107359736],[-121.06807188158817,45.64811068446845],[-120.96038473427343,45.658796384038396],[-120.88859330273027,45.64276783468347],[-120.8526975869587,45.66948208360836],[-120.67321900810082,45.717567731673164],[-120.63732329232923,45.74428198059806],[-120.56553186078608,45.73893913081308],[-120.49374042924293,45.70153918231823],[-120.3860532819282,45.70153918231823],[-120.27836613461346,45.722910581458144],[-120.20657470307032,45.72825343124312],[-120.17067898729873,45.76031052995299],[-120.062991839984,45.787024778877885],[-119.95530469266927,45.82442472737273],[-119.81172182958295,45.84579612651265],[-119.66813896649666,45.85648182608261],[-119.63224325072508,45.90456747414741],[-119.56045181918192,45.92593887328732],[-119.52455610341033,45.909910323932394],[-119.38097324032404,45.92059602350235],[-119.2732860930093,45.941967422642264],[-119.20149466146614,45.92593887328732],[-119.129703229923,45.9312817230723],[-119.02201608260826,45.979367371137116],[-118.98612036683669,46.000738770277025],[-118.12462318831884,46.000738770277025],[-117.47850030443044,45.995395920492044],[-116.9041688520852,45.995395920492044]],[[-80.50591305970596,41.97757288218821],[-80.32643448084808,42.03634422982298],[-80.18285161776177,42.09511557745775],[-80.1469559019902,42.116486976597656],[-80.1469559019902,42.14854407530753],[-80.07516447044704,42.175258324232416],[-80.07516447044704,42.143201225522546],[-79.93158160736073,42.20731542294229],[-79.75210302850284,42.271429620362035]],[[-79.46493730233023,39.72289027292729],[-79.85979017581758,39.72289027292729],[-80.50591305970596,39.72289027292729],[-80.50591305970596,40.07551835873587],[-80.50591305970596,40.63651758615862]],[[-71.13713124332432,41.496716401540155],[-71.1730269590959,41.48603070197019],[-71.20892267486748,41.544802049604954],[-71.20892267486748,41.59823054745475],[-71.24481839063905,41.619601946594656],[-71.24481839063905,41.50205925132513],[-71.31660982218222,41.47534500240024],[-71.31660982218222,41.518087800680064],[-71.28071410641063,41.576859148314824],[-71.28071410641063,41.62494479637964],[-71.20892267486748,41.64097334573457],[-71.20892267486748,41.67303044444444]],[[-71.60377554835483,41.19751681358136],[-71.56787983258324,41.19751681358136],[-71.56787983258324,41.149431165516546],[-71.60377554835483,41.15477401530153],[-71.60377554835483,41.19751681358136]],[[-71.20892267486748,41.71043039293929],[-71.24481839063905,41.64097334573457],[-71.28071410641063,41.70508754315431],[-71.35250553795379,41.72645894229423],[-71.42429696949694,41.66234474487449],[-71.38840125372536,41.587544847884786],[-71.46019268526852,41.582201998099805],[-71.42429696949694,41.534116350035006],[-71.42429696949694,41.47000215261526],[-71.46019268526852,41.432602204120414],[-71.4960884010401,41.37383085648565],[-71.53198411681167,41.37917370627062],[-71.6396712641264,41.36314515691569],[-71.71146269566955,41.33108805820582],[-71.81914984298429,41.31505950885088],[-71.85504555875586,41.32040235863586]],[[-78.53164869226921,33.85109835923592],[-78.5675444080408,33.845755509450946],[-78.71112727112711,33.79766986138614],[-78.81881441844183,33.744241363536354],[-78.92650156575657,33.63738436783678],[-78.99829299729973,33.567927320632066],[-79.0341887130713,33.535870221922195],[-79.07008442884288,33.4824417240724],[-79.14187586038604,33.375584728372836],[-79.17777157615761,33.25269918331833],[-79.17777157615761,33.20461353525352],[-79.17777157615761,33.17255643654365],[-79.24956300770076,33.124470788478845],[-79.32135443924392,33.092413689768975],[-79.35725015501549,33.00692809320932],[-79.42904158655865,33.01761379277927],[-79.5008330181018,33.001585243424344],[-79.53672873387337,33.033642342134215],[-79.57262444964496,33.00692809320932],[-79.60852016541654,32.95349959535953],[-79.57262444964496,32.905413947294726],[-79.64441588118811,32.88938539793979],[-79.68031159695968,32.85198544944494],[-79.71620731273127,32.80389980138014],[-79.85979017581758,32.75581415331533],[-79.89568589158915,32.686357106110606],[-79.96747732313231,32.63827145804581],[-80.00337303890389,32.61690005890589],[-80.07516447044704,32.600871509550956],[-80.1469559019902,32.57950011041104],[-80.18285161776177,32.54744301170117],[-80.21874733353334,32.558128711271124],[-80.32643448084808,32.47798596449645],[-80.36233019661965,32.49401451385138],[-80.39822591239124,32.472643114711474],[-80.43412162816281,32.49935736363636],[-80.47001734393439,32.49935736363636],[-80.47001734393439,32.46195741514151],[-80.47001734393439,32.42455746664666],[-80.43412162816281,32.38715751815181],[-80.47001734393439,32.317700470947095],[-80.57770449124912,32.27495767266726],[-80.6136002070207,32.27495767266726],[-80.64949592279227,32.24824342374237],[-80.68539163856386,32.2161863250325],[-80.72128735433543,32.162757827182716],[-80.82897450165017,32.10932932933293],[-80.90076593319331,32.05055798169817],[-80.90076593319331,32.034529432343234]],[[-104.05350260586059,42.99805719111911],[-104.05350260586059,43.29191392929293],[-104.05350260586059,43.85291315671567],[-104.05350260586059,44.17882699359936],[-104.05350260586059,44.69174057295729],[-104.05350260586059,44.99628301070106]],[[-83.66473604760476,36.602665998499845],[-83.62884033183317,36.59732314871487],[-83.26988317411741,36.59732314871487],[-83.26988317411741,36.59198029892989],[-82.87503030063006,36.59198029892989],[-82.4801774271427,36.59198029892989],[-81.94174169056905,36.59198029892989],[-81.90584597479747,36.61869454785479],[-81.65457596439643,36.613351698069806],[-81.69047168016802,36.586637449144916]],[[-97.23331660926092,26.413851458545857],[-97.23331660926092,26.45659425682568],[-97.2692123250325,26.520708454245423],[-97.30510804080407,26.558108402740274],[-97.30510804080407,26.57413695209521],[-97.34100375657566,26.648936849084908],[-97.34100375657566,26.70236534693469],[-97.37689947234723,26.723736746074607],[-97.37689947234723,26.766479544354436],[-97.37689947234723,26.81990804220422],[-97.37689947234723,26.873336540054005],[-97.37689947234723,26.948136437043704],[-97.37689947234723,27.156507578657866],[-97.37689947234723,27.20459322672267],[-97.37689947234723,27.300764522852283],[-97.37689947234723,27.35953587048705],[-97.34100375657566,27.41830721812181],[-97.30510804080407,27.46105001640164],[-97.2692123250325,27.557221312531254],[-97.23331660926092,27.63202120952095],[-97.19742089348935,27.648049758875885],[-97.19742089348935,27.680106857585756],[-97.16152517771776,27.733535355435542],[-97.08973374617462,27.78696385328533],[-97.08973374617462,27.824363801780176],[-97.05383803040304,27.840392351135115],[-96.98204659885988,27.952592196619662],[-96.98204659885988,27.97930644554455],[-96.91025516731673,28.05944919231923],[-96.87435945154515,28.075477741674167],[-96.87435945154515,28.118220539953995],[-96.83846373577357,28.107534840384037],[-96.802568020002,28.123563389738973],[-96.802568020002,28.176991887588756],[-96.802568020002,28.187677587158717],[-96.69488087268726,28.19836328672867],[-96.65898515691569,28.225077535653565],[-96.65898515691569,28.251791784578458],[-96.58719372537253,28.299877432643264],[-96.51540229382938,28.32124883178318],[-96.44361086228622,28.337277381138115],[-96.44361086228622,28.32124883178318],[-96.55129800960096,28.27316318371837],[-96.62308944114412,28.230420385438542],[-96.76667230423043,28.13424908930893],[-96.83846373577357,28.06479204210421],[-96.94615088308831,27.989992145114513],[-97.01794231463145,27.909849398339833],[-97.05383803040304,27.835049501350134],[-97.08973374617462,27.792306703070306],[-97.16152517771776,27.674764007800782],[-97.2692123250325,27.471735715971597],[-97.34100375657566,27.34885017091709],[-97.37689947234723,27.209936076507653],[-97.37689947234723,27.10307908080808],[-97.37689947234723,26.990879235323533],[-97.37689947234723,26.910736488548856],[-97.34100375657566,26.73442244564456],[-97.23331660926092,26.435222857685766],[-97.23331660926092,26.413851458545857]],[[-93.8232236109611,29.68901837673767],[-93.85911932673267,29.678332677167717],[-94.00270218981898,29.683675526952694],[-94.14628505290528,29.646275578457846],[-94.57703364216421,29.469961535553555],[-94.68472078947894,29.432561587058707],[-94.72061650525052,29.400504488348833],[-94.72061650525052,29.368447389638963],[-94.7565122210221,29.395161638563856],[-94.72061650525052,29.43790443684368],[-94.68472078947894,29.475304385338532],[-94.6129293579358,29.475304385338532],[-94.57703364216421,29.491332934693467],[-94.57703364216421,29.534075732973296],[-94.54113792639264,29.51804718361836],[-94.50524221062106,29.523390033403338],[-94.54113792639264,29.571475681468144],[-94.7565122210221,29.523390033403338],[-94.79240793679368,29.52873288318832],[-94.72061650525052,29.62490417931793],[-94.68472078947894,29.72107547544754],[-94.7565122210221,29.785189672867286],[-94.82830365256525,29.758475423942393],[-94.86419936833683,29.72107547544754],[-94.86419936833683,29.672989827382736],[-94.93599079987999,29.6569612780278],[-94.93599079987999,29.69970407630763],[-95.00778223142314,29.6569612780278],[-95.00778223142314,29.63024702910291],[-94.97188651565156,29.603532780178018],[-95.00778223142314,29.55544713211321],[-94.97188651565156,29.512704333833383],[-94.90009508410841,29.496675784478448],[-94.93599079987999,29.448590136413642],[-94.90009508410841,29.432561587058707],[-94.90009508410841,29.368447389638963],[-94.90009508410841,29.3096760420042],[-94.93599079987999,29.28296179307931],[-94.93599079987999,29.288304642864286],[-95.00778223142314,29.229533295229523],[-95.11546937873787,29.176104797379736],[-95.15136509450944,29.149390548454846],[-95.15136509450944,29.111990599959995],[-95.15136509450944,29.085276351035102],[-95.0795736629663,29.12801914931493],[-95.00778223142314,29.186790496949694],[-95.00778223142314,29.20281904630463],[-94.86419936833683,29.288304642864286],[-94.82830365256525,29.30433319221922],[-94.82830365256525,29.34173314071407],[-94.72061650525052,29.331047441144115],[-94.79240793679368,29.27761894329433],[-95.04367794719472,29.149390548454846],[-95.11546937873787,29.09061920082008],[-95.11546937873787,29.069247801680167],[-95.25905224182418,28.962390805980597],[-95.29494795759575,28.935676557055707],[-95.36673938913891,28.898276608560856],[-95.36673938913891,28.866219509850986],[-95.43853082068206,28.860876660066005],[-95.58211368376837,28.791419612861283],[-95.79748797839784,28.6631912180218],[-95.86927940994099,28.63113411931193],[-96.08465370457046,28.55633422232223],[-96.22823656765677,28.492220024902487],[-96.22823656765677,28.508248574257426],[-96.04875798879888,28.588391321032102],[-95.97696655725572,28.604419870387037],[-95.97696655725572,28.641819818881885],[-96.04875798879888,28.652505518451846],[-96.1564451361136,28.609762720172014],[-96.19234085188519,28.588391321032102],[-96.22823656765677,28.641819818881885],[-96.19234085188519,28.689905466946694],[-96.19234085188519,28.700591166516652],[-96.30002799919991,28.67387691759176],[-96.30002799919991,28.647162668666866],[-96.37181943074307,28.620448419741976],[-96.47950657805781,28.572362771677167],[-96.51540229382938,28.63647696909691],[-96.55129800960096,28.641819818881885],[-96.55129800960096,28.689905466946694],[-96.58719372537253,28.727305415441542],[-96.65898515691569,28.69524831673167],[-96.62308944114412,28.63647696909691],[-96.62308944114412,28.583048471247125],[-96.58719372537253,28.583048471247125],[-96.51540229382938,28.55633422232223],[-96.51540229382938,28.52427712361236],[-96.40771514651465,28.465505775977597],[-96.40771514651465,28.44413437683768],[-96.55129800960096,28.38002017941794],[-96.58719372537253,28.35330593049305],[-96.65898515691569,28.337277381138115],[-96.69488087268726,28.34796308070807],[-96.69488087268726,28.406734428342833],[-96.76667230423043,28.406734428342833],[-96.802568020002,28.363991630063005],[-96.802568020002,28.31056313221322],[-96.802568020002,28.289191733073306],[-96.802568020002,28.257134634363435],[-96.802568020002,28.225077535653565],[-96.87435945154515,28.176991887588756],[-96.94615088308831,28.123563389738973],[-97.01794231463145,28.150277638663866],[-97.05383803040304,28.187677587158717],[-97.16152517771776,28.13424908930893],[-97.19742089348935,28.086163441244125],[-97.16152517771776,28.05944919231923],[-97.12562946194619,28.05944919231923],[-97.05383803040304,28.107534840384037],[-97.01794231463145,28.043420642964296],[-97.05383803040304,28.022049243824384],[-97.19742089348935,27.824363801780176],[-97.23331660926092,27.824363801780176],[-97.23331660926092,27.877792299629963],[-97.34100375657566,27.867106600060005],[-97.37689947234723,27.840392351135115],[-97.37689947234723,27.781621003500348],[-97.37689947234723,27.7442210550055],[-97.30510804080407,27.71216395629563],[-97.2692123250325,27.69613540694069],[-97.30510804080407,27.57324986188619],[-97.37689947234723,27.45036431683168],[-97.37689947234723,27.412964368336834],[-97.4127951881188,27.327478771777177],[-97.52048233543354,27.27939312371237],[-97.48458661966197,27.338164471347135],[-97.52048233543354,27.35953587048705],[-97.52048233543354,27.338164471347135],[-97.59227376697669,27.284735973497348],[-97.62816948274828,27.284735973497348],[-97.62816948274828,27.241993175217523],[-97.55637805120512,27.23130747564756],[-97.44869090389038,27.263364574357436],[-97.4127951881188,27.25802172457246],[-97.44869090389038,27.145821879087908],[-97.44869090389038,27.097736231023102],[-97.48458661966197,27.092393381238125],[-97.48458661966197,27.001564934893487],[-97.55637805120512,26.990879235323533],[-97.55637805120512,26.937450737473746],[-97.55637805120512,26.900050788978895],[-97.55637805120512,26.841279441344135],[-97.52048233543354,26.803879492849283],[-97.48458661966197,26.76113669456946],[-97.48458661966197,26.707708196719672],[-97.44869090389038,26.632908299729973],[-97.44869090389038,26.61153690059006],[-97.4127951881188,26.552765552955293],[-97.44869090389038,26.451251407040704],[-97.4127951881188,26.445908557255727],[-97.37689947234723,26.39248005940594],[-97.37689947234723,26.365765810481047],[-97.34100375657566,26.349737261126112],[-97.34100375657566,26.312337312631264],[-97.34100375657566,26.269594514351432],[-97.30510804080407,26.274937364136413],[-97.30510804080407,26.226851716071607],[-97.30510804080407,26.18410891779178],[-97.30510804080407,26.157394668866885],[-97.2692123250325,26.087937621662164],[-97.19742089348935,26.07725192209221],[-97.19742089348935,26.039851973597358],[-97.23331660926092,26.023823424242423],[-97.23331660926092,25.997109175317533],[-97.16152517771776,26.00245202510251],[-97.16152517771776,26.04519482338234],[-97.16152517771776,26.061223372737274],[-97.16152517771776,25.9543663770377],[-97.23331660926092,25.95970922682268],[-97.2692123250325,25.9543663770377],[-97.34100375657566,25.92230927832783],[-97.37689947234723,25.916966428542853],[-97.37689947234723,25.868880780478047],[-97.37689947234723,25.842166531553154],[-97.4127951881188,25.842166531553154],[-97.44869090389038,25.874223630263025],[-97.52048233543354,25.884909329832983],[-97.55637805120512,25.93299497789779],[-97.59227376697669,25.938337827682766],[-97.66406519851985,26.023823424242423],[-97.69996091429142,26.03450912381238],[-97.77175234583459,26.03450912381238],[-97.80764806160616,26.061223372737274],[-97.84354377737773,26.050537673167316],[-97.8794394931493,26.06656622252225],[-97.95123092469247,26.050537673167316],[-97.98712664046404,26.06656622252225],[-98.02302235623561,26.06656622252225],[-98.02302235623561,26.039851973597358],[-98.09481378777878,26.06656622252225],[-98.16660521932192,26.055880522952293],[-98.16660521932192,26.07725192209221],[-98.23839665086508,26.07190907230723],[-98.31018808240825,26.119994720372034],[-98.34608379817982,26.15205181908191],[-98.38197951395139,26.157394668866885],[-98.41787522972297,26.18410891779178],[-98.45377094549455,26.221508866286626],[-98.48966666126613,26.210823166716672],[-98.59735380858086,26.253565964996497],[-98.66914524012401,26.23753741564156],[-98.70504095589558,26.29096591349135],[-98.74093667166717,26.32302301220122],[-98.77683238743874,26.333708711771177],[-98.81272810321032,26.371108660266025],[-98.88451953475348,26.35508011091109],[-98.92041525052505,26.381794359835983],[-98.95631096629663,26.397822909190918],[-98.9922066820682,26.397822909190918],[-99.02810239783979,26.413851458545857],[-99.09989382938294,26.397822909190918],[-99.09989382938294,26.42453715811581],[-99.09989382938294,26.477965655965598],[-99.13578954515451,26.526051304030403],[-99.1716852609261,26.536737003600358],[-99.1716852609261,26.622222600160015],[-99.20758097669767,26.654279698869885],[-99.20758097669767,26.723736746074607],[-99.24347669246924,26.745108145214523],[-99.24347669246924,26.787850943494348],[-99.27937240824082,26.841279441344135],[-99.3152681240124,26.878679389838982],[-99.35116383978398,26.92142218811881],[-99.38705955555555,26.93210788768877],[-99.38705955555555,26.974850685968597],[-99.45885098709871,27.022936334033403],[-99.45885098709871,27.060336282528255],[-99.42295527132713,27.092393381238125],[-99.42295527132713,27.151164728872885],[-99.42295527132713,27.17787897779778],[-99.45885098709871,27.225964625862588],[-99.45885098709871,27.2473360250025],[-99.49474670287029,27.274050273927394],[-99.49474670287029,27.338164471347135],[-99.49474670287029,27.412964368336834],[-99.49474670287029,27.45036431683168],[-99.49474670287029,27.487764265326533],[-99.53064241864186,27.498449964896487],[-99.49474670287029,27.56256416231623],[-99.53064241864186,27.60530696059606],[-99.60243385018502,27.642706909090908],[-99.6383295659566,27.626678359735973],[-99.67422528172817,27.658735458445843],[-99.71012099749974,27.653392608660866],[-99.7819124290429,27.733535355435542],[-99.81780814481448,27.7442210550055],[-99.81780814481448,27.77627815371537],[-99.88959957635764,27.797649552855283],[-99.88959957635764,27.840392351135115],[-99.88959957635764,27.861763750275024],[-99.88959957635764,27.899163698769875],[-99.92549529212921,27.941906497049704],[-99.92549529212921,27.97930644554455],[-99.99728672367236,27.995334994899487],[-100.03318243944395,28.06479204210421],[-100.06907815521552,28.086163441244125],[-100.06907815521552,28.144934788878885],[-100.21266101830183,28.193020436943694],[-100.21266101830183,28.230420385438542],[-100.2485567340734,28.235763235223523],[-100.28445244984498,28.28384888328833],[-100.28445244984498,28.3159059819982],[-100.35624388138814,28.401391578557856],[-100.32034816561656,28.428105827482746],[-100.35624388138814,28.47619147554755],[-100.35624388138814,28.50290572447245],[-100.39213959715971,28.513591424042403],[-100.42803531293129,28.550991372537254],[-100.39213959715971,28.583048471247125],[-100.46393102870287,28.609762720172014],[-100.46393102870287,28.641819818881885],[-100.49982674447445,28.6631912180218],[-100.49982674447445,28.7379911150115],[-100.53572246024602,28.764705363936393],[-100.53572246024602,28.823476711571157],[-100.5716181760176,28.828819561356134],[-100.60751389178918,28.903619458345833],[-100.64340960756076,28.903619458345833],[-100.64340960756076,28.94101940684068],[-100.64340960756076,28.983762205120513],[-100.67930532333233,29.10130490039004],[-100.7152010391039,29.12801914931493],[-100.78699247064706,29.17076194759476],[-100.75109675487549,29.197476196519652],[-100.78699247064706,29.245561844584458],[-100.8946796179618,29.28296179307931],[-100.8946796179618,29.3096760420042],[-100.96647104950495,29.34707599049905],[-101.00236676527652,29.368447389638963],[-101.07415819681968,29.459275835983597],[-101.14594962836283,29.475304385338532],[-101.18184534413442,29.512704333833383],[-101.25363677567756,29.539418582758273],[-101.25363677567756,29.59284708060806],[-101.25363677567756,29.608875629962995],[-101.32542820722072,29.59818993039304],[-101.32542820722072,29.6569612780278],[-101.3613239229923,29.66230412781278],[-101.39721963876387,29.731761175017503],[-101.46901107030703,29.77984682308231],[-101.54080250185018,29.763818273727374],[-101.57669821762175,29.77450397329733],[-101.72028108070806,29.76916112351235],[-101.79207251225122,29.790532522652263],[-101.8279682280228,29.790532522652263],[-101.86386394379437,29.80121822222222],[-101.93565537533753,29.790532522652263],[-101.9715510911091,29.81190392179218],[-102.04334252265227,29.8065610720072],[-102.04334252265227,29.785189672867286],[-102.11513395419541,29.790532522652263],[-102.151029669967,29.81190392179218],[-102.18692538573858,29.84396102050205],[-102.22282110151015,29.84396102050205],[-102.29461253305331,29.87601811921192],[-102.33050824882488,29.87067526942694],[-102.40229968036803,29.76916112351235],[-102.47409111191119,29.785189672867286],[-102.54588254345434,29.753132574157412],[-102.58177825922593,29.763818273727374],[-102.6176739749975,29.737104024802477],[-102.68946540654065,29.737104024802477],[-102.68946540654065,29.678332677167717],[-102.72536112231224,29.640932728672865],[-102.72536112231224,29.59818993039304],[-102.76125683808381,29.59284708060806],[-102.76125683808381,29.55010428232823],[-102.79715255385538,29.523390033403338],[-102.79715255385538,29.496675784478448],[-102.83304826962696,29.44324728662866],[-102.83304826962696,29.400504488348833],[-102.83304826962696,29.357761690069005],[-102.86894398539854,29.352418840284027],[-102.90483970117012,29.293647492649264],[-102.90483970117012,29.261590393939393],[-102.86894398539854,29.224190445444542],[-102.94073541694169,29.176104797379736],[-103.01252684848485,29.17076194759476],[-103.01252684848485,29.12801914931493],[-103.084318280028,29.09061920082008],[-103.084318280028,29.05856210211021],[-103.12021399579957,28.983762205120513],[-103.15610971157116,28.978419355335532],[-103.22790114311431,28.98910505490549],[-103.26379685888588,28.983762205120513],[-103.33558829042904,29.02116215361536],[-103.37148400620062,29.02116215361536],[-103.44327543774378,29.042533552755273],[-103.51506686928693,29.117333449744976],[-103.5509625850585,29.154733398239824],[-103.62275401660166,29.16541909780978],[-103.65864973237323,29.1600762480248],[-103.7304411639164,29.19213334673467],[-103.80223259545954,29.256247544154412],[-103.83812831123112,29.27761894329433],[-103.98171117431743,29.293647492649264],[-104.05350260586059,29.320361741574157],[-104.08939832163216,29.368447389638963],[-104.16118975317532,29.384475938993898],[-104.1970854689469,29.41119018791879],[-104.1970854689469,29.475304385338532],[-104.26887690049004,29.512704333833383],[-104.30477261626163,29.52873288318832],[-104.3406683320332,29.51804718361836],[-104.41245976357635,29.55544713211321],[-104.41245976357635,29.571475681468144],[-104.52014691089109,29.640932728672865],[-104.55604262666266,29.678332677167717],[-104.55604262666266,29.76916112351235],[-104.62783405820582,29.817246771577157],[-104.62783405820582,29.87067526942694],[-104.6637297739774,29.924103767276726],[-104.6637297739774,29.977532265126513],[-104.69962548974897,30.05233216211621],[-104.69962548974897,30.084389260826082],[-104.69962548974897,30.132474908890888],[-104.69962548974897,30.180560556955694],[-104.77141692129213,30.3034461020102],[-104.8073126370637,30.33550320072007],[-104.8073126370637,30.362217449644966],[-104.84320835283528,30.388931698569856],[-104.84320835283528,30.420988797279726],[-104.87910406860686,30.458388745774577],[-104.87910406860686,30.511817243624364],[-104.91499978437844,30.570588591259124],[-104.91499978437844,30.602645689968995],[-104.95089550015001,30.607988539753975],[-104.98679121592158,30.66141703760376],[-105.09447836323632,30.720188385238522],[-105.09447836323632,30.74155978437844],[-105.16626979477948,30.752245483948393],[-105.20216551055105,30.789645432443244],[-105.2739569420942,30.8003311320132],[-105.2739569420942,30.821702531153115],[-105.38164408940894,30.853759629862985],[-105.41753980518051,30.891159578357836],[-105.48933123672367,30.94458807620762],[-105.52522695249525,30.987330874487448],[-105.56112266826682,30.99267372427243],[-105.5970183840384,31.08350217061706],[-105.63291409980998,31.11555926932693],[-105.70470553135314,31.136930668466846],[-105.74060124712472,31.163644917391736],[-105.77649696289629,31.168987767176716],[-105.77649696289629,31.201044865886587],[-105.88418411021102,31.286530462446244],[-105.9200798259826,31.313244711371134],[-105.95597554175417,31.36667320922092],[-105.99187125752576,31.393387458145813],[-106.0636626890689,31.39873030793079],[-106.17134983638364,31.457501655565558],[-106.20724555215521,31.468187355135512],[-106.24314126792679,31.54298725212521],[-106.27903698369838,31.564358651265124],[-106.31493269946995,31.61778714911491],[-106.35082841524152,31.697929895889587],[-106.3867241310131,31.729986994599457],[-106.45851556255626,31.76738694309431],[-106.49441127832783,31.746015543954393],[-106.5303069940994,31.783415492449244]],[[-111.05316718131813,41.998944281328136],[-111.05316718131813,41.582201998099805],[-111.05316718131813,40.999831371537155],[-110.55062716051606,40.994488521752174],[-110.51473144474447,40.994488521752174],[-110.11987857125713,40.994488521752174],[-109.5455471189119,40.999831371537155],[-109.04300709810981,40.999831371537155]],[[-73.32676990539053,45.012311560056006],[-72.86012560036004,45.017654409840986],[-72.57295987418742,45.012311560056006],[-72.32168986378637,45.001625860486044],[-71.92683699029902,45.006968710271025],[-71.4960884010401,45.012311560056006]],[[-75.98305287248724,37.95440699409941],[-76.01894858825882,37.917007045604564],[-76.0548443040304,37.95440699409941]],[[-75.22924284128412,38.0292068910891],[-75.30103427282728,37.95974984388438],[-75.33692998859885,37.87426424732473],[-75.408721420142,37.87426424732473],[-75.44461713591359,37.86357854775477],[-75.51640856745674,37.79946435033503],[-75.5881999989999,37.68192165506551],[-75.62409571477147,37.607121758075806],[-75.5881999989999,37.569721809580955],[-75.65999143054304,37.47355051345134],[-75.65999143054304,37.43080771517151],[-75.7317828620862,37.37203636753675],[-75.7317828620862,37.3346364190419],[-75.76767857785778,37.30792217011701],[-75.80357429362935,37.29723647054705],[-75.80357429362935,37.22243657355735],[-75.80357429362935,37.19572232463246],[-75.91126144094409,37.11557957785779],[-75.91126144094409,37.131608127212715],[-75.98305287248724,37.12092242764277],[-75.98305287248724,37.15832237613761],[-76.01894858825882,37.20640802420242],[-76.01894858825882,37.259836522052204],[-76.01894858825882,37.32929356925692],[-75.98305287248724,37.36669351775177],[-75.98305287248724,37.43615056495649],[-75.94715715671566,37.5323218610861],[-75.94715715671566,37.564378959795974],[-75.91126144094409,37.62315030743074],[-75.80357429362935,37.76206440184018],[-75.80357429362935,37.79412150055005],[-75.7317828620862,37.80480720012001],[-75.69588714631462,37.86357854775477],[-75.69588714631462,37.93837844474447],[-75.65999143054304,37.949064144314434]],[[-77.13171577717772,38.632948916791676],[-77.20350720872086,38.61692036743674],[-77.23940292449244,38.63829176657666],[-77.23940292449244,38.590206118511844],[-77.3111943560356,38.49403482238223],[-77.3111943560356,38.45129202410241],[-77.3111943560356,38.39786352625262],[-77.27529864026403,38.33909217861786],[-77.23940292449244,38.33374932883288],[-77.16761149294929,38.34443502840284],[-77.13171577717772,38.36580642754275],[-77.09582006140613,38.36580642754275],[-77.05992434563456,38.4032063760376],[-77.02402862986298,38.37649212711271],[-77.02402862986298,38.31237792969297],[-76.95223719831982,38.25894943184318],[-76.95223719831982,38.21620663356336],[-76.8445500510051,38.162778135713566],[-76.77275861946194,38.16812098549855],[-76.73686290369037,38.136063886788676],[-76.70096718791879,38.15743528592859],[-76.62917575637563,38.14674958635864],[-76.59328004060406,38.10934963786379],[-76.5214886090609,38.071949689368935],[-76.5214886090609,38.0292068910891],[-76.48559289328932,38.013178341734175],[-76.41380146174617,37.96509269366936],[-76.34201003020301,37.949064144314434],[-76.27021859865987,37.91166419581958],[-76.23432288288828,37.89029279667967],[-76.23432288288828,37.8315214490449],[-76.30611431443144,37.81015004990499],[-76.30611431443144,37.71932160356035],[-76.30611431443144,37.68726450485048],[-76.34201003020301,37.64452170657066],[-76.30611431443144,37.62315030743074],[-76.37790574597459,37.61246460786079],[-76.48559289328932,37.665893105710566],[-76.5214886090609,37.64452170657066],[-76.5214886090609,37.665893105710566],[-76.55738432483248,37.70329305420542],[-76.59328004060406,37.76740725162516],[-76.6650714721472,37.79412150055005],[-76.6650714721472,37.826178599259926],[-76.73686290369037,37.83686429882988],[-76.73686290369037,37.87426424732473],[-76.77275861946194,37.86892139753975],[-76.73686290369037,37.79946435033503],[-76.70096718791879,37.7834358009801],[-76.6650714721472,37.756721552055204],[-76.62917575637563,37.74603585248525],[-76.59328004060406,37.71932160356035],[-76.55738432483248,37.64452170657066],[-76.5214886090609,37.61246460786079],[-76.44969717751775,37.61246460786079],[-76.41380146174617,37.580407509150916],[-76.30611431443144,37.564378959795974],[-76.37790574597459,37.52163616151615],[-76.34201003020301,37.49492191259126],[-76.30611431443144,37.516293311731175],[-76.27021859865987,37.44683626452645],[-76.23432288288828,37.388064916891686],[-76.27021859865987,37.31860786968697],[-76.34201003020301,37.361350667966796],[-76.37790574597459,37.38272206710671],[-76.44969717751775,37.36669351775177],[-76.41380146174617,37.3346364190419],[-76.37790574597459,37.2865507709771],[-76.41380146174617,37.25449367226722],[-76.48559289328932,37.24915082248225],[-76.48559289328932,37.21709372377238],[-76.37790574597459,37.227779423342334],[-76.41380146174617,37.15832237613761],[-76.34201003020301,37.163665225922585],[-76.34201003020301,37.14229382678268],[-76.30611431443144,37.12626527742774],[-76.27021859865987,37.083522479147916],[-76.30611431443144,37.00337973237323],[-76.34201003020301,37.014065431943195],[-76.41380146174617,36.97132263366336],[-76.44969717751775,37.03009398129813],[-76.55738432483248,37.078179629362936],[-76.62917575637563,37.12092242764277],[-76.59328004060406,37.15832237613761],[-76.6650714721472,37.22243657355735],[-76.73686290369037,37.2117508739874],[-76.77275861946194,37.19037947484748],[-76.73686290369037,37.15297952635264],[-76.70096718791879,37.14763667656766],[-76.70096718791879,37.20106517441744],[-76.6650714721472,37.110236728072806],[-76.6650714721472,37.05680823022302],[-76.62917575637563,37.0354368310831],[-76.59328004060406,37.03009398129813],[-76.55738432483248,37.00337973237323],[-76.48559289328932,36.94995123452345],[-76.48559289328932,36.89652273667367],[-76.37790574597459,36.90186558645864],[-76.37790574597459,36.92323698559856],[-76.34201003020301,36.91789413581358],[-76.34201003020301,36.96063693409341],[-76.27021859865987,36.96597978387838],[-76.23432288288828,36.94460838473847],[-76.09074001980197,36.90720843624362],[-76.01894858825882,36.93392268516851],[-75.98305287248724,36.92323698559856],[-75.94715715671566,36.762951492049204],[-75.87536572517251,36.62938024742474],[-75.87536572517251,36.549237500650065]],[[-81.97763740634063,37.537664710871084],[-81.94174169056905,37.50026476237623],[-82.01353312211221,37.478893363236324],[-81.94174169056905,37.44683626452645],[-81.94174169056905,37.41477916581658],[-81.94174169056905,37.361350667966796],[-81.8699502590259,37.30792217011701],[-81.8699502590259,37.2865507709771],[-81.76226311171116,37.27586507140714],[-81.72636739593959,37.23846512291229],[-81.69047168016802,37.20106517441744],[-81.54688881708171,37.20640802420242],[-81.43920166976697,37.27052222162216],[-81.4033059539954,37.27586507140714],[-81.4033059539954,37.31326501990199],[-81.36741023822381,37.33997926882688],[-81.33151452245224,37.29723647054705],[-81.2238273751375,37.23312227312731],[-81.11614022782278,37.27586507140714],[-80.97255736473647,37.30257932033203],[-80.93666164896489,37.29723647054705],[-80.86487021742174,37.34532211861186],[-80.90076593319331,37.38272206710671],[-80.86487021742174,37.42546486538654],[-80.79307878587858,37.39340776667667],[-80.757183070107,37.37203636753675],[-80.72128735433543,37.39340776667667],[-80.54180877547755,37.47355051345134],[-80.50591305970596,37.478893363236324],[-80.47001734393439,37.42546486538654],[-80.2905387650765,37.505607612161214],[-80.32643448084808,37.564378959795974],[-80.25464304930493,37.596436058505844],[-80.21874733353334,37.628493157215715],[-80.25464304930493,37.64452170657066],[-80.2905387650765,37.69260735463546],[-80.25464304930493,37.73000730313031],[-80.25464304930493,37.756721552055204],[-80.1469559019902,37.87426424732473],[-80.1469559019902,37.884949946894686],[-80.07516447044704,37.94372129452945],[-80.00337303890389,37.99180694259426],[-79.93158160736073,38.10934963786379],[-79.93158160736073,38.14140673657366],[-79.89568589158915,38.19483523442344],[-79.85979017581758,38.23757803270327],[-79.78799874427442,38.27497798119812],[-79.82389446004599,38.30703507990799],[-79.75210302850284,38.355120727972796],[-79.68031159695968,38.42992062496249],[-79.71620731273127,38.472663423242324],[-79.64441588118811,38.590206118511844],[-79.53672873387337,38.552806170017],[-79.46493730233023,38.45663487388739],[-79.32135443924392,38.41389207560756],[-79.28545872347235,38.42457777517751],[-79.21366729192918,38.49403482238223],[-79.21366729192918,38.5260919210921],[-79.17777157615761,38.58486326872687],[-79.14187586038604,38.65432031593159],[-79.10598014461445,38.659663165716566],[-79.10598014461445,38.7024059639964],[-79.07008442884288,38.74514876227623],[-79.0341887130713,38.79323441034103],[-78.99829299729973,38.852005757975796],[-78.85471013421342,38.76117731163116],[-78.78291870267026,38.88406285668567],[-78.74702298689868,38.92680565496549],[-78.71112727112711,38.90543425582558],[-78.67523155535552,38.92680565496549],[-78.63933583958395,38.969548453245324],[-78.60344012381238,38.96420560346034],[-78.5675444080408,39.01763410131013],[-78.5675444080408,39.033662650665065],[-78.49575297649764,39.10846254765477],[-78.45985726072607,39.11380539743974],[-78.3880658291829,39.16723389528953],[-78.4239615449545,39.1992909939994],[-78.3880658291829,39.24203379227923],[-78.4239615449545,39.25806234163416],[-78.35217011341133,39.316833689268925],[-78.35217011341133,39.35423363776377],[-78.35217011341133,39.46643348324832],[-78.17269153455345,39.34354793819382],[-77.81373437683767,39.129833946794676],[-77.7778386610661,39.20997669356936],[-77.74194294529453,39.29546229012901],[-77.70604722952295,39.3221765390539]],[[-122.50390051245125,48.28747847824782],[-122.61158765976597,48.2928213280328],[-122.64748337553755,48.26610707910791],[-122.68337909130913,48.22336428082808],[-122.61158765976597,48.207335731473144],[-122.5756919439944,48.12185013491349],[-122.5756919439944,48.10047873577358],[-122.53979622822283,48.052393087708765],[-122.50390051245125,48.057735937493746],[-122.50390051245125,48.0951358859886],[-122.43210908090809,48.052393087708765],[-122.36031764936493,48.03636453835384],[-122.36031764936493,47.95087894179417],[-122.36031764936493,47.90813614351435],[-122.43210908090809,47.91347899329933],[-122.43210908090809,47.95087894179417],[-122.46800479667968,47.988278890289024],[-122.50390051245125,47.972250340934096],[-122.61158765976597,48.031021688568856],[-122.61158765976597,48.07376448684868],[-122.61158765976597,48.11116443534353],[-122.61158765976597,48.15390723362336],[-122.68337909130913,48.15390723362336],[-122.71927480708071,48.19130718211821],[-122.7551705228523,48.22870713061306],[-122.71927480708071,48.30350702760276],[-122.68337909130913,48.35693552545254],[-122.64748337553755,48.399678323732374],[-122.5756919439944,48.39433547394739],[-122.5756919439944,48.35159267566756],[-122.50390051245125,48.31953557695769],[-122.50390051245125,48.28747847824782]],[[-122.46800479667968,47.51276525942594],[-122.43210908090809,47.464679611361134],[-122.43210908090809,47.41659396329633],[-122.39621336513652,47.37919401480148],[-122.46800479667968,47.34179406630663],[-122.50390051245125,47.33110836673667],[-122.53979622822283,47.34713691609161],[-122.50390051245125,47.4486510620062],[-122.46800479667968,47.51276525942594]],[[-122.79106623862387,48.60270661556156],[-122.7551705228523,48.55996381728173],[-122.79106623862387,48.50653531943194],[-122.82696195439544,48.490506770077005],[-122.79106623862387,48.431735422442244],[-122.86285767016702,48.4157068730873],[-122.93464910171016,48.458449671367134],[-122.97054481748175,48.45310682158215],[-123.04233624902491,48.458449671367134],[-123.11412768056806,48.490506770077005],[-123.15002339633963,48.527906718571856],[-123.18591911211121,48.581335216421635],[-123.18591911211121,48.59736376577658],[-123.18591911211121,48.62407801470147],[-123.11412768056806,48.62407801470147],[-123.11412768056806,48.59736376577658],[-123.04233624902491,48.57064951685168],[-123.00644053325333,48.59736376577658],[-123.04233624902491,48.61873516491649],[-123.00644053325333,48.65613511341134],[-122.93464910171016,48.7149064610461],[-122.86285767016702,48.709563611261125],[-122.7551705228523,48.66147796319632],[-122.82696195439544,48.61873516491649],[-122.79106623862387,48.60270661556156]],[[-122.64748337553755,48.586678066206616],[-122.5756919439944,48.549278117711765],[-122.64748337553755,48.53859241814181],[-122.64748337553755,48.586678066206616]],[[-122.71927480708071,48.60804946534653],[-122.68337909130913,48.57064951685168],[-122.71927480708071,48.53859241814181],[-122.7551705228523,48.581335216421635],[-122.71927480708071,48.60804946534653]],[[-123.54487626982699,46.25719555995599],[-123.65256341714172,46.26788125952595],[-123.6884591329133,46.29459550845084],[-123.72435484868487,46.29993835823582],[-123.76025056445644,46.27322410931093],[-123.79614628022802,46.283909808880885],[-123.86793771177118,46.24116701060106],[-123.90383342754276,46.24650986038604],[-123.97562485908591,46.31062405780578],[-124.01152057485749,46.315966907590756],[-124.04741629062906,46.27856695909591],[-124.08331200640065,46.27322410931093],[-124.04741629062906,46.32665260716071],[-124.04741629062906,46.492280950495044],[-124.08331200640065,46.63119504490449],[-124.01152057485749,46.58310939683968],[-124.04741629062906,46.497623800280024],[-124.01152057485749,46.465566701570154],[-123.93972914331434,46.476252401140115],[-123.90383342754276,46.535023748774876],[-123.97562485908591,46.63653789468947],[-123.93972914331434,46.67393784318432],[-123.86793771177118,46.70065209210921],[-123.86793771177118,46.73270919081908],[-123.97562485908591,46.72202349124912],[-124.01152057485749,46.71133779167917],[-124.08331200640065,46.748737740174015],[-124.11920772217222,46.83422333673367],[-124.15510343794381,46.903680383938394],[-124.04741629062906,46.89299468436843],[-123.97562485908591,46.91970893329332],[-123.93972914331434,46.91970893329332],[-123.86793771177118,46.94642318221822],[-123.90383342754276,46.973137431143115],[-123.97562485908591,46.97848028092809],[-124.01152057485749,47.031908778777876],[-124.11920772217222,47.04259447834784],[-124.15510343794381,47.021223079207914],[-124.11920772217222,46.94642318221822],[-124.19099915371538,46.9250517830783],[-124.15510343794381,46.994508830283024],[-124.19099915371538,47.090680126412636],[-124.22689486948696,47.21890852125212],[-124.22689486948696,47.28836556845684],[-124.26279058525853,47.30439411781178],[-124.33458201680168,47.35782261566156],[-124.33458201680168,47.41659396329633],[-124.37047773257326,47.54482235813581],[-124.37047773257326,47.63030795469547],[-124.44226916411642,47.747850649964995],[-124.478164879888,47.76922204910491],[-124.478164879888,47.81730769716971],[-124.54995631143115,47.83867909630963],[-124.54995631143115,47.86539334523452],[-124.62174774297429,47.88676474437443],[-124.65764345874588,47.966907491149115],[-124.69353917451745,48.10047873577358],[-124.72943489028904,48.1699357829783],[-124.69353917451745,48.18596433233323],[-124.65764345874588,48.33022127652765],[-124.69353917451745,48.35159267566756],[-124.72943489028904,48.38899262416241],[-124.58585202720272,48.38364977437743],[-124.37047773257326,48.28213562846284],[-124.22689486948696,48.26076422932293],[-124.11920772217222,48.2180214310431],[-124.04741629062906,48.17527863276327],[-123.90383342754276,48.15925008340834],[-123.76025056445644,48.15390723362336],[-123.6884591329133,48.16459293319332],[-123.58077198559856,48.13253583448345],[-123.54487626982699,48.14856438383838],[-123.5089805540554,48.13253583448345],[-123.40129340674068,48.116507285128506],[-123.25771054365437,48.116507285128506],[-123.15002339633963,48.16459293319332],[-123.07823196479649,48.12185013491349],[-123.04233624902491,48.07910733663366],[-122.97054481748175,48.0951358859886],[-122.93464910171016,48.089793036203616],[-122.93464910171016,48.06842163706371],[-122.86285767016702,48.04705023792379],[-122.86285767016702,48.11116443534353],[-122.82696195439544,48.13253583448345],[-122.7551705228523,48.1432215340534],[-122.7551705228523,48.116507285128506],[-122.79106623862387,48.089793036203616],[-122.7551705228523,48.052393087708765],[-122.71927480708071,48.089793036203616],[-122.68337909130913,48.10047873577358],[-122.68337909130913,48.014993139213914],[-122.71927480708071,47.988278890289024],[-122.64748337553755,47.929507542654264],[-122.64748337553755,47.86539334523452],[-122.68337909130913,47.86539334523452],[-122.68337909130913,47.83333624652465],[-122.7551705228523,47.80127914781478],[-122.7551705228523,47.747850649964995],[-122.79106623862387,47.70510785168517],[-122.82696195439544,47.69442215211521],[-122.79106623862387,47.79059344824482],[-122.86285767016702,47.779907748674866],[-122.89875338593859,47.6730507529753],[-122.97054481748175,47.61427940534053],[-123.11412768056806,47.459336761576154],[-123.15002339633963,47.35782261566156],[-123.11412768056806,47.36316546544654],[-123.11412768056806,47.38987971437143],[-122.97054481748175,47.587565156415636],[-122.86285767016702,47.65167935383538],[-122.7551705228523,47.6730507529753],[-122.7551705228523,47.73716495039504],[-122.68337909130913,47.80127914781478],[-122.5756919439944,47.87607904480448],[-122.61158765976597,47.9188218430843],[-122.53979622822283,47.9188218430843],[-122.50390051245125,47.88142189458945],[-122.50390051245125,47.742507800180014],[-122.53979622822283,47.747850649964995],[-122.53979622822283,47.710450701470144],[-122.50390051245125,47.69976500190019],[-122.50390051245125,47.65167935383538],[-122.50390051245125,47.63565080448045],[-122.50390051245125,47.587565156415636],[-122.53979622822283,47.555508057705765],[-122.53979622822283,47.523450958995895],[-122.50390051245125,47.51276525942594],[-122.53979622822283,47.470022461146115],[-122.53979622822283,47.39522256415641],[-122.53979622822283,47.373851165016504],[-122.5756919439944,47.32042266716671],[-122.53979622822283,47.283022718671866],[-122.61158765976597,47.21890852125212],[-122.68337909130913,47.283022718671866],[-122.68337909130913,47.34179406630663],[-122.71927480708071,47.33110836673667],[-122.7551705228523,47.277679868886885],[-122.64748337553755,47.20287997189719],[-122.71927480708071,47.12808007490749],[-122.7551705228523,47.16548002340234],[-122.82696195439544,47.245622770177015],[-122.79106623862387,47.28836556845684],[-122.82696195439544,47.32042266716671],[-122.86285767016702,47.27233701910191],[-122.82696195439544,47.20822282168217],[-122.79106623862387,47.122737225122506],[-122.71927480708071,47.1013658259826],[-122.68337909130913,47.1013658259826],[-122.5756919439944,47.1761657229723],[-122.5756919439944,47.245622770177015],[-122.53979622822283,47.29370841824182],[-122.43210908090809,47.26699416931693],[-122.39621336513652,47.28836556845684],[-122.43210908090809,47.32042266716671],[-122.32442193359336,47.34713691609161],[-122.32442193359336,47.38987971437143],[-122.36031764936493,47.459336761576154],[-122.36031764936493,47.48070816071607],[-122.39621336513652,47.51276525942594],[-122.39621336513652,47.57153660706071],[-122.36031764936493,47.59290800620062],[-122.36031764936493,47.62496510491049],[-122.43210908090809,47.65702220362036],[-122.36031764936493,47.73182210061006],[-122.39621336513652,47.779907748674866],[-122.39621336513652,47.80662199759976],[-122.32442193359336,47.84936479587958],[-122.32442193359336,47.95087894179417],[-122.21673478627864,47.97759319071907],[-122.21673478627864,48.031021688568856],[-122.28852621782178,48.052393087708765],[-122.36031764936493,48.12719298469847],[-122.36031764936493,48.19130718211821],[-122.39621336513652,48.22870713061306],[-122.46800479667968,48.18596433233323],[-122.46800479667968,48.13253583448345],[-122.50390051245125,48.13253583448345],[-122.53979622822283,48.18596433233323],[-122.53979622822283,48.25007852975297],[-122.39621336513652,48.25007852975297],[-122.36031764936493,48.28747847824782],[-122.39621336513652,48.32487842674267],[-122.50390051245125,48.36227837523752],[-122.5756919439944,48.431735422442244],[-122.64748337553755,48.41036402330233],[-122.68337909130913,48.437078272227225],[-122.64748337553755,48.47982107050704],[-122.71927480708071,48.495849619861986],[-122.61158765976597,48.522563868786875],[-122.5756919439944,48.50653531943194],[-122.53979622822283,48.469135370937096],[-122.50390051245125,48.458449671367134],[-122.46800479667968,48.490506770077005],[-122.46800479667968,48.55996381728173],[-122.43210908090809,48.59736376577658],[-122.50390051245125,48.65613511341134],[-122.50390051245125,48.7149064610461],[-122.50390051245125,48.75230640954095],[-122.53979622822283,48.773677808680866],[-122.64748337553755,48.773677808680866],[-122.68337909130913,48.80039205760576],[-122.71927480708071,48.85382055545554],[-122.79106623862387,48.88587765416541],[-122.7551705228523,48.928620452445244],[-122.82696195439544,48.9393061520152],[-122.82696195439544,48.955334701370134],[-122.7551705228523,49.00342034943494],[-122.1090476389639,49.00342034943494],[-121.75009048124812,48.998077499649966],[-121.13986331313131,49.00342034943494],[-120.70911472387239,48.998077499649966],[-119.99120040844085,48.998077499649966],[-119.41686895609561,48.998077499649966],[-118.84253750375038,48.998077499649966],[-118.196414619862,48.998077499649966],[-117.62208316751676,49.00342034943494],[-117.04775171517153,48.998077499649966]],[[-90.41313061266126,47.026565928992895],[-90.44902632843284,46.994508830283024],[-90.44902632843284,47.04259447834784],[-90.44902632843284,47.07465157705771],[-90.41313061266126,47.07465157705771],[-90.41313061266126,47.026565928992895]],[[-90.77208777037703,46.94642318221822],[-90.70029633883388,46.95710888178817],[-90.70029633883388,46.91970893329332],[-90.73619205460545,46.91436608350835],[-90.77208777037703,46.94642318221822]],[[-90.55671347574757,46.844909036303626],[-90.6644006230623,46.81819478737874],[-90.77208777037703,46.75408058995899],[-90.80798348614861,46.786137688668866],[-90.73619205460545,46.8021662380238],[-90.62850490729072,46.876966135013504],[-90.55671347574757,46.844909036303626]],[[-90.55671347574757,46.95710888178817],[-90.520817759976,46.95710888178817],[-90.55671347574757,46.91436608350835],[-90.62850490729072,46.909023233723374],[-90.62850490729072,46.941080332433245],[-90.55671347574757,46.95710888178817]],[[-90.77208777037703,47.031908778777876],[-90.62850490729072,47.04259447834784],[-90.59260919151914,46.98916598049804],[-90.6644006230623,46.94642318221822],[-90.70029633883388,46.98382313071307],[-90.77208777037703,46.999851680068005],[-90.77208777037703,47.031908778777876]],[[-92.02843782238223,46.70599494189419],[-91.95664639083908,46.67928069296929],[-91.81306352775277,46.68996639253925],[-91.63358494889489,46.73270919081908],[-91.56179351735173,46.75942343974397],[-91.52589780158016,46.75942343974397],[-91.41821065426542,46.79148053845384],[-91.38231493849385,46.79148053845384],[-91.34641922272228,46.81819478737874],[-91.27462779117911,46.83422333673367],[-91.23873207540754,46.86628043544354],[-91.16694064386438,46.844909036303626],[-91.1310449280928,46.86093758565856],[-91.09514921232123,46.86093758565856],[-90.9874620650065,46.91970893329332],[-90.9874620650065,46.941080332433245],[-90.91567063346334,46.93039463286328],[-90.87977491769176,46.95710888178817],[-90.84387920192019,46.95710888178817],[-90.77208777037703,46.89833753415341],[-90.80798348614861,46.82353763716371],[-90.87977491769176,46.75408058995899],[-90.84387920192019,46.70065209210921],[-90.91567063346334,46.66325214361436],[-90.95156634923492,46.59913794619462],[-90.91567063346334,46.58310939683968],[-90.77208777037703,46.64722359425942],[-90.73619205460545,46.68996639253925],[-90.59260919151914,46.59913794619462],[-90.520817759976,46.58310939683968],[-90.520817759976,46.588452246624655],[-90.41313061266126,46.567080847484746]],[[-87.57736906670667,45.097797156615655],[-87.61326478247824,45.044368658765876],[-87.61326478247824,44.974911611561154],[-87.75684764556455,44.96422591199119],[-87.82863907710771,44.95354021242124],[-87.82863907710771,44.916140263926394],[-87.82863907710771,44.8894260150015],[-87.86453479287928,44.84134036693669],[-87.90043050865086,44.825311817581756],[-87.93632622442244,44.755854770377034],[-87.97222194019402,44.71845482188219],[-88.00811765596559,44.600912126612656],[-88.04401337173717,44.568855027902785],[-88.00811765596559,44.536797929192915],[-87.93632622442244,44.536797929192915],[-87.86453479287928,44.606254976397636],[-87.79274336133614,44.63831207510751],[-87.75684764556455,44.64365492489249],[-87.72095192979297,44.69174057295729],[-87.72095192979297,44.723797671667164],[-87.61326478247824,44.83599751715171],[-87.50557763516352,44.86805461586158],[-87.46968191939193,44.8627117660766],[-87.39789048784878,44.90545456435643],[-87.36199477207721,44.985597311131116],[-87.32609905630562,45.033682959195914],[-87.25430762476248,45.08176860726073],[-87.25430762476248,45.16725420382038],[-87.18251619321931,45.1619113540354],[-87.11072476167617,45.18862560296029],[-87.11072476167617,45.258082650165015],[-87.00303761436143,45.30082544844484],[-86.96714189858986,45.29548259865986],[-86.96714189858986,45.24739695059506],[-87.00303761436143,45.21533985188519],[-87.038933330133,45.220682701670164],[-87.038933330133,45.11916855575557],[-87.038933330133,45.0871114570457],[-87.07482904590458,45.05505435833583],[-87.11072476167617,45.06039720812081],[-87.14662047744774,45.012311560056006],[-87.18251619321931,44.96956876177617],[-87.18251619321931,44.93216881328132],[-87.21841190899089,44.90011171457145],[-87.21841190899089,44.87339746564656],[-87.25430762476248,44.84668321672167],[-87.29020334053405,44.80394041844184],[-87.32609905630562,44.71845482188219],[-87.39789048784878,44.63831207510751],[-87.43378620362036,44.606254976397636],[-87.46968191939193,44.55282647854786],[-87.54147335093509,44.323083937793776],[-87.50557763516352,44.23225549144914],[-87.50557763516352,44.17882699359936],[-87.57736906670667,44.14676989488949],[-87.64916049824983,44.104027096609656],[-87.64916049824983,44.050598598759876],[-87.6850562140214,44.018541500050006],[-87.72095192979297,43.87962740564056],[-87.72095192979297,43.81017035843584],[-87.6850562140214,43.76742756015601],[-87.72095192979297,43.68194196359636],[-87.79274336133614,43.56439926832683],[-87.79274336133614,43.49494222112211],[-87.79274336133614,43.46288512241224],[-87.86453479287928,43.39342807520752],[-87.90043050865086,43.2491711310131],[-87.86453479287928,43.16902838423842],[-87.90043050865086,43.136971285528546],[-87.86453479287928,43.072857088108805],[-87.90043050865086,43.040799989398934],[-87.90043050865086,42.99805719111911],[-87.82863907710771,42.94462869326932],[-87.86453479287928,42.89120019541954],[-87.82863907710771,42.83777169756975],[-87.75684764556455,42.78434319971997],[-87.79274336133614,42.70954330273027],[-87.82863907710771,42.64542910531053],[-87.82863907710771,42.527886410041006],[-87.79274336133614,42.490486461546155]],[[-86.8953504670467,45.33288254715471],[-86.96714189858986,45.34356824672467],[-86.93124618281827,45.413025293929394],[-86.82355903550355,45.40768244414441],[-86.8953504670467,45.33288254715471]]],\\\"bbox\\\":[-179.14734,18.917833210221023,179.77392200000006,71.352561]}\"},{\"title\":\"./_data/us-states-data.json\",\"contents\":\"[{\\\"name\\\":\\\"Alabama\\\",\\\"myValue\\\":5045},{\\\"name\\\":\\\"Alaska\\\",\\\"myValue\\\":57064},{\\\"name\\\":\\\"Arizona\\\",\\\"myValue\\\":1135},{\\\"name\\\":\\\"Arkansas\\\",\\\"myValue\\\":52035.477},{\\\"name\\\":\\\"California\\\",\\\"myValue\\\":655779},{\\\"name\\\":\\\"Colorado\\\",\\\"myValue\\\":10641},{\\\"name\\\":\\\"Connecticut\\\",\\\"myValue\\\":48422},{\\\"name\\\":\\\"Delaware\\\",\\\"myValue\\\":19459},{\\\"name\\\":\\\"District of Columbia\\\",\\\"myValue\\\":612},{\\\"name\\\":\\\"Florida\\\",\\\"myValue\\\":5624},{\\\"name\\\":\\\"Georgia\\\",\\\"myValue\\\":17513},{\\\"name\\\":\\\"Hawaii\\\",\\\"myValue\\\":64222},{\\\"name\\\":\\\"Idaho\\\",\\\"myValue\\\":82643.117},{\\\"name\\\":\\\"Illinois\\\",\\\"myValue\\\":255518},{\\\"name\\\":\\\"Indiana\\\",\\\"myValue\\\":135826},{\\\"name\\\":\\\"Iowa\\\",\\\"myValue\\\":55857.13},{\\\"name\\\":\\\"Kansas\\\",\\\"myValue\\\":381758.717},{\\\"name\\\":\\\"Kentucky\\\",\\\"myValue\\\":93986},{\\\"name\\\":\\\"Louisiana\\\",\\\"myValue\\\":432033},{\\\"name\\\":\\\"Maine\\\",\\\"myValue\\\":60842},{\\\"name\\\":\\\"Maryland\\\",\\\"myValue\\\":9757},{\\\"name\\\":\\\"Massachusetts\\\",\\\"myValue\\\":78001},{\\\"name\\\":\\\"Michigan\\\",\\\"myValue\\\":256538.901},{\\\"name\\\":\\\"Minnesota\\\",\\\"myValue\\\":188626},{\\\"name\\\":\\\"Mississippi\\\",\\\"myValue\\\":126923},{\\\"name\\\":\\\"Missouri\\\",\\\"myValue\\\":68741.522},{\\\"name\\\":\\\"Montana\\\",\\\"myValue\\\":145545.801},{\\\"name\\\":\\\"Nebraska\\\",\\\"myValue\\\":76824.171},{\\\"name\\\":\\\"Nevada\\\",\\\"myValue\\\":109781.18},{\\\"name\\\":\\\"New Hampshire\\\",\\\"myValue\\\":2952},{\\\"name\\\":\\\"New Jersey\\\",\\\"myValue\\\":17354},{\\\"name\\\":\\\"New Mexico\\\",\\\"myValue\\\":555779},{\\\"name\\\":\\\"New York\\\",\\\"myValue\\\":47126.399},{\\\"name\\\":\\\"North Carolina\\\",\\\"myValue\\\":148617},{\\\"name\\\":\\\"North Dakota\\\",\\\"myValue\\\":16900},{\\\"name\\\":\\\"Ohio\\\",\\\"myValue\\\":40860.694},{\\\"name\\\":\\\"Oklahoma\\\",\\\"myValue\\\":168594},{\\\"name\\\":\\\"Oregon\\\",\\\"myValue\\\":9588},{\\\"name\\\":\\\"Pennsylvania\\\",\\\"myValue\\\":447442},{\\\"name\\\":\\\"Rhode Island\\\",\\\"myValue\\\":555779},{\\\"name\\\":\\\"South Carolina\\\",\\\"myValue\\\":825060},{\\\"name\\\":\\\"South Dakota\\\",\\\"myValue\\\":795811},{\\\"name\\\":\\\"Tennessee\\\",\\\"myValue\\\":341234},{\\\"name\\\":\\\"Texas\\\",\\\"myValue\\\":861231},{\\\"name\\\":\\\"Utah\\\",\\\"myValue\\\":289169},{\\\"name\\\":\\\"Vermont\\\",\\\"myValue\\\":759216},{\\\"name\\\":\\\"Virginia\\\",\\\"myValue\\\":139490},{\\\"name\\\":\\\"Washington\\\",\\\"myValue\\\":966455},{\\\"name\\\":\\\"West Virginia\\\",\\\"myValue\\\":24038.21},{\\\"name\\\":\\\"Wisconsin\\\",\\\"myValue\\\":154157},{\\\"name\\\":\\\"Wyoming\\\",\\\"myValue\\\":297093.141}]\"},{\"title\":\"./_data/us-states-labels.json\",\"contents\":\"[\\n  {\\n    \\\"name\\\": \\\"Alabama\\\",\\n    \\\"abbr\\\": \\\"AL\\\",\\n    \\\"center\\\": [\\n      -86.67,\\n      32.58\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Alaska\\\",\\n    \\\"abbr\\\": \\\"AK\\\",\\n    \\\"center\\\": [\\n      -152,\\n      65\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Arizona\\\",\\n    \\\"abbr\\\": \\\"AZ\\\",\\n    \\\"center\\\": [\\n      -111.4,\\n      34.16\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Arkansas\\\",\\n    \\\"abbr\\\": \\\"AR\\\",\\n    \\\"center\\\": [\\n      -92.48,\\n      34.75\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"California\\\",\\n    \\\"abbr\\\": \\\"CA\\\",\\n    \\\"center\\\": [\\n      -119.27,\\n      36\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Colorado\\\",\\n    \\\"abbr\\\": \\\"CO\\\",\\n    \\\"center\\\": [\\n      -105.54,\\n      38.3\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Connecticut\\\",\\n    \\\"abbr\\\": \\\"CT\\\",\\n    \\\"center\\\": [\\n      -72.75,\\n      41.1\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Delaware\\\",\\n    \\\"abbr\\\": \\\"DE\\\",\\n    \\\"center\\\": [\\n      -75.42,\\n      39.14\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"District of Columbia\\\",\\n    \\\"abbr\\\": \\\"DC\\\",\\n    \\\"center\\\": [\\n      -77.02,\\n      38.89\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Florida\\\",\\n    \\\"abbr\\\": \\\"FL\\\",\\n    \\\"center\\\": [\\n      -81.5,\\n      27.65\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Georgia\\\",\\n    \\\"abbr\\\": \\\"GA\\\",\\n    \\\"center\\\": [\\n      -83.21,\\n      31.8\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Hawaii\\\",\\n    \\\"abbr\\\": \\\"HI\\\",\\n    \\\"center\\\": [\\n      -157.53,\\n      20.57\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Idaho\\\",\\n    \\\"abbr\\\": \\\"ID\\\",\\n    \\\"center\\\": [\\n      -114.5,\\n      43.5\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Illinois\\\",\\n    \\\"abbr\\\": \\\"IL\\\",\\n    \\\"center\\\": [\\n      -89.2,\\n      39.74\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Indiana\\\",\\n    \\\"abbr\\\": \\\"IN\\\",\\n    \\\"center\\\": [\\n      -86.2,\\n      39.76\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Iowa\\\",\\n    \\\"abbr\\\": \\\"IA\\\",\\n    \\\"center\\\": [\\n      -93.37,\\n      41.4\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Kansas\\\",\\n    \\\"abbr\\\": \\\"KS\\\",\\n    \\\"center\\\": [\\n      -98.32,\\n      38.1\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Kentucky\\\",\\n    \\\"abbr\\\": \\\"KY\\\",\\n    \\\"center\\\": [\\n      -84.35,\\n      37.1\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Louisiana\\\",\\n    \\\"abbr\\\": \\\"LA\\\",\\n    \\\"center\\\": [\\n      -92.3,\\n      29.9\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Maine\\\",\\n    \\\"abbr\\\": \\\"ME\\\",\\n    \\\"center\\\": [\\n      -69.03,\\n      45.26\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Maryland\\\",\\n    \\\"abbr\\\": \\\"MD\\\",\\n    \\\"center\\\": [\\n      -77.27,\\n      38.81\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Massachusetts\\\",\\n    \\\"abbr\\\": \\\"MA\\\",\\n    \\\"center\\\": [\\n      -71.85,\\n      41.8\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Michigan\\\",\\n    \\\"abbr\\\": \\\"MI\\\",\\n    \\\"center\\\": [\\n      -84.7,\\n      42.3\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Minnesota\\\",\\n    \\\"abbr\\\": \\\"MN\\\",\\n    \\\"center\\\": [\\n      -94.5,\\n      46.44\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Mississippi\\\",\\n    \\\"abbr\\\": \\\"MS\\\",\\n    \\\"center\\\": [\\n      -89.7,\\n      32.58\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Missouri\\\",\\n    \\\"abbr\\\": \\\"MO\\\",\\n    \\\"center\\\": [\\n      -92.42,\\n      37.5\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Montana\\\",\\n    \\\"abbr\\\": \\\"MT\\\",\\n    \\\"center\\\": [\\n      -110.04,\\n      46.68\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Nebraska\\\",\\n    \\\"abbr\\\": \\\"NE\\\",\\n    \\\"center\\\": [\\n      -99.67,\\n      41.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Nevada\\\",\\n    \\\"abbr\\\": \\\"NV\\\",\\n    \\\"center\\\": [\\n      -116.6,\\n      38.7\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"New Hampshire\\\",\\n    \\\"abbr\\\": \\\"NH\\\",\\n    \\\"center\\\": [\\n      -71.62,\\n      43\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"New Jersey\\\",\\n    \\\"abbr\\\": \\\"NJ\\\",\\n    \\\"center\\\": [\\n      -74.72,\\n      40.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"New Mexico\\\",\\n    \\\"abbr\\\": \\\"NM\\\",\\n    \\\"center\\\": [\\n      -106.02,\\n      34.16\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"New York\\\",\\n    \\\"abbr\\\": \\\"NY\\\",\\n    \\\"center\\\": [\\n      -75.1,\\n      42.3\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"North Carolina\\\",\\n    \\\"abbr\\\": \\\"NC\\\",\\n    \\\"center\\\": [\\n      -79.7,\\n      35.21\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"North Dakota\\\",\\n    \\\"abbr\\\": \\\"ND\\\",\\n    \\\"center\\\": [\\n      -100.3,\\n      46.8\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Ohio\\\",\\n    \\\"abbr\\\": \\\"OH\\\",\\n    \\\"center\\\": [\\n      -82.9,\\n      40.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Oklahoma\\\",\\n    \\\"abbr\\\": \\\"OK\\\",\\n    \\\"center\\\": [\\n      -97.2,\\n      35.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Oregon\\\",\\n    \\\"abbr\\\": \\\"OR\\\",\\n    \\\"center\\\": [\\n      -120.51,\\n      43.23\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Pennsylvania\\\",\\n    \\\"abbr\\\": \\\"PA\\\",\\n    \\\"center\\\": [\\n      -77.59,\\n      40.4\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Rhode Island\\\",\\n    \\\"abbr\\\": \\\"RI\\\",\\n    \\\"center\\\": [\\n      -71.49,\\n      41.58\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"South Carolina\\\",\\n    \\\"abbr\\\": \\\"SC\\\",\\n    \\\"center\\\": [\\n      -80.93,\\n      33.5\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"South Dakota\\\",\\n    \\\"abbr\\\": \\\"SD\\\",\\n    \\\"center\\\": [\\n      -100.24,\\n      44.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Tennessee\\\",\\n    \\\"abbr\\\": \\\"TN\\\",\\n    \\\"center\\\": [\\n      -85.98,\\n      35.4\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Texas\\\",\\n    \\\"abbr\\\": \\\"TX\\\",\\n    \\\"center\\\": [\\n      -99.06,\\n      31.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Utah\\\",\\n    \\\"abbr\\\": \\\"UT\\\",\\n    \\\"center\\\": [\\n      -111.55,\\n      39.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Vermont\\\",\\n    \\\"abbr\\\": \\\"VT\\\",\\n    \\\"center\\\": [\\n      -72.6,\\n      43.65\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Virginia\\\",\\n    \\\"abbr\\\": \\\"VA\\\",\\n    \\\"center\\\": [\\n      -78.6,\\n      37.1\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Washington\\\",\\n    \\\"abbr\\\": \\\"WA\\\",\\n    \\\"center\\\": [\\n      -119.9,\\n      46.7\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"West Virginia\\\",\\n    \\\"abbr\\\": \\\"WV\\\",\\n    \\\"center\\\": [\\n      -80.65,\\n      38.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Wisconsin\\\",\\n    \\\"abbr\\\": \\\"WI\\\",\\n    \\\"center\\\": [\\n      -90.1,\\n      43.8\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Wyoming\\\",\\n    \\\"abbr\\\": \\\"WY\\\",\\n    \\\"center\\\": [\\n      -107.55,\\n      43\\n    ]\\n  }\\n]\"}]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -794,8 +794,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/MapSvg.html b/docs/example-ssr/MapSvg.html
index 573ca431..8b25ae04 100644
--- a/docs/example-ssr/MapSvg.html
+++ b/docs/example-ssr/MapSvg.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Map (svg, pre-projected)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -226,7 +226,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/MapSvg.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Html } from 'layercake';\\n  import { feature } from 'topojson-client';\\n  import { geoIdentity } from 'd3-geo';\\n  import { scaleQuantize } from 'd3-scale';\\n\\n  // For a map example with a tooltip, check out https://layercake.graphics/example/MapSvg\\n\\n  import MapSvg from './_components/Map.svg.svelte';\\n\\n  // This example loads json data as json using @rollup/plugin-json\\n  import usStates from './_data/states-albers-10m.json';\\n  import stateData from './_data/us-states-data.json';\\n\\n  const colorKey = 'myValue';\\n\\n  /* --------------------------------------------\\n   * Create lookups to more easily join our data\\n   * `dataJoinKey` is the name of the field in the data\\n   * `mapJoinKey` is the name of the field in the map file\\n   */\\n  const dataJoinKey = 'name';\\n  const mapJoinKey = 'name';\\n  const dataLookup = new Map();\\n\\n  stateData.forEach(d => {\\n    dataLookup.set(d[dataJoinKey], d[colorKey]);\\n  });\\n\\n  const geojson = feature(usStates, usStates.objects.states);\\n  const aspectRatio = 2.63;\\n  const projection = geoIdentity;\\n\\n  // Create a flat array of objects that LayerCake can use to measure\\n  // extents for the color scale\\n  const flatData = geojson.features.map(d => d.properties);\\n  const colors = ['#ffdecc', '#ffc09c', '#ffa06b', '#ff7a33'];\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n    The height is being set inline with `padding-bottom` using the aspect ratio trick below.\\n  */\\n  .map-container {\\n    position: relative;\\n    width: 100%;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"map-container\\\" style=\\\"padding-bottom:{100 / aspectRatio}%\\\">\\n  \u003CLayerCake\\n    ssr\\n    position='absolute'\\n    data={geojson}\\n    z={d => dataLookup.get(d[mapJoinKey])}\\n    zScale={scaleQuantize()}\\n    zRange={colors}\\n    {flatData}\\n  >\\n    \u003CScaledSvg\\n      fixedAspectRatio={aspectRatio}\\n    >\\n      \u003CMapSvg\\n        fixedAspectRatio={aspectRatio}\\n        {projection}\\n      />\\n    \u003C/ScaledSvg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A map component using [d3-geo](https://github.com/d3/d3-geo) for the projection. The SVG map component uses Layer Cake's built-in `raise` function (adapted from [d3-selection](https://github.com/d3/d3-selection)) to ensure the hovered-over SVG element is always on top of its siblings.\\n\\nTo render server-side, this example uses the `fixedAspectRatio` property, which the user sets ahead of time.\\n\\nFor an example using a client-side projection function, see the [layered map](/example-ssr/MapLayered) example or the [map components examples](https://layercake.graphics/components#map).\\n\",\"components\":[{\"title\":\"./_components/Map.svg.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG map using the `geoPath` function from [d3-geo](https://github.com/d3/d3-geo).\\n -->\\n\u003Cscript>\\n  import { getContext, createEventDispatcher } from 'svelte';\\n  import { geoPath } from 'd3-geo';\\n  import { raise } from 'layercake';\\n\\n  const { data, width, height, zGet } = getContext('LayerCake');\\n\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  export let projection;\\n\\n  /** @type {Number} [fixedAspectRatio] - By default, the map fills to fit the $width and $height. If instead you want a fixed-aspect ratio, like for a server-side rendered map, set that here. */\\n  export let fixedAspectRatio = undefined;\\n\\n  /** @type {String} [fill] - The shape's fill color. By default, the fill will be determined by the z-scale, unless this prop is set. */\\n  export let fill = undefined;\\n\\n  /** @type {String} [stroke='#333'] - The shape's stroke color. */\\n  export let stroke = '#333';\\n\\n  /** @type {Number} [strokeWidth=0.5] - The shape's stroke width. */\\n  export let strokeWidth = 0.5;\\n\\n  /** @type {Array} [features] - A list of GeoJSON features. Use this if you want to draw a subset of the features in `$data` while keeping the zoom on the whole GeoJSON feature set. By default, it plots everything in `$data.features` if left unset. */\\n  export let features = undefined;\\n\\n  /* --------------------------------------------\\n   * Here's how you would do cross-component hovers\\n   */\\n  const dispatch = createEventDispatcher();\\n\\n  $: fitSizeRange = fixedAspectRatio ? [100, 100 / fixedAspectRatio] : [$width, $height];\\n\\n  $: projectionFn = projection()\\n    .fitSize(fitSizeRange, $data);\\n\\n  $: geoPathFn = geoPath(projectionFn);\\n\\n  function handleMousemove(feature) {\\n    return function handleMousemoveFn(e) {\\n      raise(this);\\n      // When the element gets raised, it flashes 0,0 for a second so skip that\\n      if (e.layerX !== 0 && e.layerY !== 0) {\\n        dispatch('mousemove', { e, props: feature.properties });\\n      }\\n    }\\n  }\\n\u003C/script>\\n\\n\u003Cg\\n  class=\\\"map-group\\\"\\n  on:mouseout={(e) => dispatch('mouseout')}\\n  on:blur={(e) => dispatch('mouseout')}\\n>\\n  {#each (features || $data.features) as feature}\\n    \u003Cpath\\n      class=\\\"feature-path\\\"\\n      fill=\\\"{fill || $zGet(feature.properties)}\\\"\\n      stroke={stroke}\\n      stroke-width={strokeWidth}\\n      d=\\\"{geoPathFn(feature)}\\\"\\n      on:mouseover={(e) => dispatch('mousemove', { e, props: feature.properties })}\\n      on:focus={(e) => dispatch('mousemove', { e, props: feature.properties })}\\n      on:mousemove={handleMousemove(feature)}\\n    >\u003C/path>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  /* .feature-path {\\n    stroke: #333;\\n    stroke-width: 0.5px;\\n  } */\\n  .feature-path:hover {\\n    stroke: #000;\\n    stroke-width: 2px;\\n  }\\n  /**\\n   * Disable the outline on feature click.\\n   * Depending on map funtionality and accessiblity issues,\\n   * you may not want this rule. Read more:\\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/:focus\\n   * https://github.com/mhkeller/layercake/issues/63\\n   */\\n  .feature-path:focus {\\n    outline: none;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[],\"jsons\":[{\"title\":\"./_data/states-albers-10m.json\",\"contents\":\"{\\\"type\\\":\\\"Topology\\\",\\\"bbox\\\":[-57.66491068874468,12.97635452036684,957.5235629133763,606.5694262668667],\\\"transform\\\":{\\\"scale\\\":[0.010151986255883769,0.005935990077365771],\\\"translate\\\":[-57.66491068874468,12.97635452036684]},\\\"objects\\\":{\\\"states\\\":{\\\"type\\\":\\\"GeometryCollection\\\",\\\"geometries\\\":[{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[0]],[[1,2,3,4,5]]],\\\"id\\\":\\\"01\\\",\\\"properties\\\":{\\\"name\\\":\\\"Alabama\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[6]],[[7]],[[8]],[[9]],[[10]],[[11]],[[12]],[[13]],[[14]],[[15]],[[16]],[[17]],[[18]],[[19]],[[20]],[[21]],[[22]],[[23]],[[24]],[[25]],[[26]],[[27]],[[28]],[[29]],[[30]],[[31]],[[32]],[[33]],[[34]],[[35]],[[36]],[[37]],[[38]],[[39]],[[40]],[[41]],[[42]],[[43]],[[44]],[[45]],[[46]],[[47]],[[48]],[[49]],[[50]],[[51]],[[52]],[[53]],[[54]],[[55]],[[56]],[[57]],[[58]],[[59]],[[60]],[[61]]],\\\"id\\\":\\\"02\\\",\\\"properties\\\":{\\\"name\\\":\\\"Alaska\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[62,63,64,65,66]],\\\"id\\\":\\\"04\\\",\\\"properties\\\":{\\\"name\\\":\\\"Arizona\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[67,68,69,70,71,72]],\\\"id\\\":\\\"08\\\",\\\"properties\\\":{\\\"name\\\":\\\"Colorado\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[73]],[[74]],[[75]],[[76]],[[77]],[[78]],[[79]],[[80]],[[81]],[[82,83,-4]]],\\\"id\\\":\\\"12\\\",\\\"properties\\\":{\\\"name\\\":\\\"Florida\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[84,85,86,87,-83,-3]],\\\"id\\\":\\\"13\\\",\\\"properties\\\":{\\\"name\\\":\\\"Georgia\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[88,89,90,91,92]],\\\"id\\\":\\\"18\\\",\\\"properties\\\":{\\\"name\\\":\\\"Indiana\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[93,94,95,-70]],\\\"id\\\":\\\"20\\\",\\\"properties\\\":{\\\"name\\\":\\\"Kansas\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[96]],[[97]],[[98]],[[99]],[[100]],[[101]],[[102]],[[103,104]]],\\\"id\\\":\\\"23\\\",\\\"properties\\\":{\\\"name\\\":\\\"Maine\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[105]],[[106]],[[107,108,109,110,111,112,113,114]]],\\\"id\\\":\\\"25\\\",\\\"properties\\\":{\\\"name\\\":\\\"Massachusetts\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[115,116,117,118,119]],\\\"id\\\":\\\"27\\\",\\\"properties\\\":{\\\"name\\\":\\\"Minnesota\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[120,121,122,123,124,125,126,127]],\\\"id\\\":\\\"34\\\",\\\"properties\\\":{\\\"name\\\":\\\"New Jersey\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[128]],[[129]],[[130,131,132,-86,133]]],\\\"id\\\":\\\"37\\\",\\\"properties\\\":{\\\"name\\\":\\\"North Carolina\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[134,-120,135,136]],\\\"id\\\":\\\"38\\\",\\\"properties\\\":{\\\"name\\\":\\\"North Dakota\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-71,-96,137,138,139,140]],\\\"id\\\":\\\"40\\\",\\\"properties\\\":{\\\"name\\\":\\\"Oklahoma\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[141,142,-123,143,144,145,146]],\\\"id\\\":\\\"42\\\",\\\"properties\\\":{\\\"name\\\":\\\"Pennsylvania\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[147,-136,-119,148,149,150]],\\\"id\\\":\\\"46\\\",\\\"properties\\\":{\\\"name\\\":\\\"South Dakota\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-140,151,152,153,154]],\\\"id\\\":\\\"48\\\",\\\"properties\\\":{\\\"name\\\":\\\"Texas\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-151,155,-68,156,157,158]],\\\"id\\\":\\\"56\\\",\\\"properties\\\":{\\\"name\\\":\\\"Wyoming\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-114,159,160,161]],\\\"id\\\":\\\"09\\\",\\\"properties\\\":{\\\"name\\\":\\\"Connecticut\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[162,163,164,165,166,167,168,-138,-95,169]],\\\"id\\\":\\\"29\\\",\\\"properties\\\":{\\\"name\\\":\\\"Missouri\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[170,-146,171,172,173]],\\\"id\\\":\\\"54\\\",\\\"properties\\\":{\\\"name\\\":\\\"West Virginia\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[174,175,176,-93,177,-164]],\\\"id\\\":\\\"17\\\",\\\"properties\\\":{\\\"name\\\":\\\"Illinois\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-72,-141,-155,178,-66]],\\\"id\\\":\\\"35\\\",\\\"properties\\\":{\\\"name\\\":\\\"New Mexico\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-169,179,180,181,-152,-139]],\\\"id\\\":\\\"05\\\",\\\"properties\\\":{\\\"name\\\":\\\"Arkansas\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[182]],[[183]],[[184]],[[185]],[[186]],[[187]],[[188]],[[189,190,-63,191]]],\\\"id\\\":\\\"06\\\",\\\"properties\\\":{\\\"name\\\":\\\"California\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[-128,192]],[[-144,-122,193,194]]],\\\"id\\\":\\\"10\\\",\\\"properties\\\":{\\\"name\\\":\\\"Delaware\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[195,196]],\\\"id\\\":\\\"11\\\",\\\"properties\\\":{\\\"name\\\":\\\"District of Columbia\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[197]],[[198]],[[199]],[[200]],[[201]],[[202]],[[203]],[[204]]],\\\"id\\\":\\\"15\\\",\\\"properties\\\":{\\\"name\\\":\\\"Hawaii\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-118,205,-175,-163,206,-149]],\\\"id\\\":\\\"19\\\",\\\"properties\\\":{\\\"name\\\":\\\"Iowa\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[-178,-92,207,-174,208,209,-165]],[[210,-167]]],\\\"id\\\":\\\"21\\\",\\\"properties\\\":{\\\"name\\\":\\\"Kentucky\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[211,212]],[[213]],[[-145,-195,214,215,216,217,-196,218,-172]]],\\\"id\\\":\\\"24\\\",\\\"properties\\\":{\\\"name\\\":\\\"Maryland\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[219]],[[220]],[[221]],[[222]],[[223]],[[224]],[[225]],[[226]],[[227,228,-90]],[[229]],[[230,231]]],\\\"id\\\":\\\"26\\\",\\\"properties\\\":{\\\"name\\\":\\\"Michigan\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[232]],[[233]],[[234]],[[235]],[[-181,236,-6,237,238]]],\\\"id\\\":\\\"28\\\",\\\"properties\\\":{\\\"name\\\":\\\"Mississippi\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[239,-137,-148,-159,240]],\\\"id\\\":\\\"30\\\",\\\"properties\\\":{\\\"name\\\":\\\"Montana\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[241,-104,242,-109,243]],\\\"id\\\":\\\"33\\\",\\\"properties\\\":{\\\"name\\\":\\\"New Hampshire\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[244]],[[245]],[[246,-126]],[[247]],[[248]],[[249,250,-115,-162,251,-124,-143]]],\\\"id\\\":\\\"36\\\",\\\"properties\\\":{\\\"name\\\":\\\"New York\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[252]],[[253]],[[-229,254,-147,-171,-208,-91]]],\\\"id\\\":\\\"39\\\",\\\"properties\\\":{\\\"name\\\":\\\"Ohio\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[255,256,257,-190,258]],\\\"id\\\":\\\"41\\\",\\\"properties\\\":{\\\"name\\\":\\\"Oregon\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-168,-211,-166,-210,259,-134,-85,-2,-237,-180]],\\\"id\\\":\\\"47\\\",\\\"properties\\\":{\\\"name\\\":\\\"Tennessee\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[260,-157,-73,-65,261]],\\\"id\\\":\\\"49\\\",\\\"properties\\\":{\\\"name\\\":\\\"Utah\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[-216,262]],[[263,-212]],[[-173,-219,-197,-218,264,-131,-260,-209]]],\\\"id\\\":\\\"51\\\",\\\"properties\\\":{\\\"name\\\":\\\"Virginia\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[265]],[[266]],[[267]],[[268]],[[269]],[[270]],[[271]],[[272]],[[273]],[[274]],[[275,-256,276]]],\\\"id\\\":\\\"53\\\",\\\"properties\\\":{\\\"name\\\":\\\"Washington\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[277]],[[278]],[[279]],[[280]],[[281]],[[282]],[[283]],[[284]],[[285]],[[286]],[[287,-232,288,-176,-206,-117]]],\\\"id\\\":\\\"55\\\",\\\"properties\\\":{\\\"name\\\":\\\"Wisconsin\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-150,-207,-170,-94,-69,-156]],\\\"id\\\":\\\"31\\\",\\\"properties\\\":{\\\"name\\\":\\\"Nebraska\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-133,289,-87]],\\\"id\\\":\\\"45\\\",\\\"properties\\\":{\\\"name\\\":\\\"South Carolina\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-276,290,-241,-158,-261,291,-257]],\\\"id\\\":\\\"16\\\",\\\"properties\\\":{\\\"name\\\":\\\"Idaho\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-258,-292,-262,-64,-191]],\\\"id\\\":\\\"32\\\",\\\"properties\\\":{\\\"name\\\":\\\"Nevada\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[292,-244,-108,-251]],\\\"id\\\":\\\"50\\\",\\\"properties\\\":{\\\"name\\\":\\\"Vermont\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[293]],[[294]],[[295]],[[296]],[[297]],[[298]],[[299]],[[-182,-239,300,-153]]],\\\"id\\\":\\\"22\\\",\\\"properties\\\":{\\\"name\\\":\\\"Louisiana\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[-111,301]],[[302]],[[303]],[[-160,-113,304]]],\\\"id\\\":\\\"44\\\",\\\"properties\\\":{\\\"name\\\":\\\"Rhode Island\\\"}}]},\\\"nation\\\":{\\\"type\\\":\\\"GeometryCollection\\\",\\\"geometries\\\":[{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[0]],[[83,4,237,300,153,178,66,191,258,276,290,239,134,115,287,230,288,176,88,227,254,141,249,292,241,104,242,109,301,111,304,160,251,124,246,126,192,120,193,214,262,216,264,131,289,87]],[[6]],[[7]],[[8]],[[9]],[[10]],[[11]],[[12]],[[13]],[[14]],[[15]],[[16]],[[17]],[[18]],[[19]],[[20]],[[21]],[[22]],[[23]],[[24]],[[25]],[[26]],[[27]],[[28]],[[29]],[[30]],[[31]],[[32]],[[33]],[[34]],[[35]],[[36]],[[37]],[[38]],[[39]],[[40]],[[41]],[[42]],[[43]],[[44]],[[45]],[[46]],[[47]],[[48]],[[49]],[[50]],[[51]],[[52]],[[53]],[[54]],[[55]],[[56]],[[57]],[[58]],[[59]],[[60]],[[61]],[[73]],[[74]],[[75]],[[76]],[[77]],[[78]],[[79]],[[80]],[[81]],[[96]],[[97]],[[98]],[[99]],[[100]],[[101]],[[102]],[[105]],[[106]],[[128]],[[129]],[[182]],[[183]],[[184]],[[185]],[[186]],[[187]],[[188]],[[197]],[[198]],[[199]],[[200]],[[201]],[[202]],[[203]],[[204]],[[212,263]],[[213]],[[219]],[[220]],[[221]],[[222]],[[223]],[[224]],[[225]],[[226]],[[229]],[[232]],[[233]],[[234]],[[235]],[[244]],[[245]],[[247]],[[248]],[[252]],[[253]],[[265]],[[266]],[[267]],[[268]],[[269]],[[270]],[[271]],[[272]],[[273]],[[274]],[[277]],[[278]],[[279]],[[280]],[[281]],[[282]],[[283]],[[284]],[[285]],[[286]],[[293]],[[294]],[[295]],[[296]],[[297]],[[298]],[[299]],[[302]],[[303]]]}]}},\\\"arcs\\\":[[[69506,80772],[380,-157],[7,-84],[101,130],[-57,89],[-74,-43],[-256,100],[-101,-35]],[[68880,62501],[-7,-46],[1414,-189],[1042,-124],[1847,-308],[396,-61]],[[73572,61773],[70,469],[326,1939],[906,5571],[62,59],[-19,125],[95,129],[64,485],[82,222],[132,204],[41,265],[67,105],[-46,398],[134,66],[87,117],[-60,183],[-141,178],[-78,187],[35,181],[6,285],[-28,289],[-92,408],[70,398],[-3,146],[146,260],[52,384],[-38,200],[20,139],[-32,271],[22,258],[-42,80],[37,340],[156,271],[91,397]],[[75694,76782],[-1690,351],[-1190,211],[-1182,171],[-870,144],[24,123],[-67,390],[174,280],[45,157],[254,224],[34,165],[-79,476],[74,193],[89,89],[-101,97],[-35,248],[-81,121],[59,51],[-94,99]],[[71058,80372],[-260,157],[-344,138],[-239,26],[45,-129],[86,72],[239,-124],[16,-113],[-189,-303],[-123,-105],[-67,-290],[44,-199],[-29,-297],[-54,-152],[-142,-85],[-95,167],[22,122],[-71,405],[12,507],[-45,224],[-105,29],[0,-120],[-145,-111],[-105,62],[-33,-66],[-117,89]],[[69359,80276],[-134,-1892],[-235,-3167],[-52,-748],[28,-1877],[54,-5177],[39,-2880],[26,-1662],[-109,-102],[-96,-270]],[[15941,90739],[47,-223],[44,31],[-91,192]],[[15442,93819],[42,-103],[61,69],[-2,-172],[161,-206],[65,-149],[-24,-118],[125,-104],[-52,383],[56,-94],[91,167],[61,-77],[-34,266],[-96,-86],[21,114],[-138,-53],[-22,160],[-134,106],[-181,-103]],[[15046,95861],[118,-96],[59,144],[-121,21],[-56,-69]],[[14874,94754],[65,-192],[169,-201],[102,16],[39,195],[12,-197],[-32,-217],[89,-105],[62,78],[103,-23],[-54,-154],[151,129],[-76,-123],[164,31],[-6,121],[73,-20],[100,-147],[76,287],[-61,-38],[-7,239],[131,-34],[-74,268],[-171,-105],[62,163],[-90,160],[-146,117],[126,37],[-146,104],[-35,115],[-45,-119],[22,-151],[-141,441],[-92,126],[-105,34],[128,-263],[-55,-17],[72,-272],[-209,417],[-96,-196],[-2,-257],[-109,-143],[6,-104]],[[14854,96003],[119,-221],[61,63],[-150,199],[-30,-41]],[[14435,96805],[71,-113],[-3,201],[-68,-88]],[[12752,97824],[9,-151],[50,124],[-59,27]],[[12678,97489],[67,-76],[-9,284],[-62,-20],[4,-188]],[[12397,97795],[79,-153],[-37,-93],[62,-101],[107,47],[-29,107],[-182,193]],[[12157,97232],[72,-101],[166,95],[-15,134],[-78,-137],[-13,286],[-67,-120],[-52,93],[-13,-250]],[[12330,92853],[20,-148],[159,-124],[-98,298],[-81,-26]],[[11676,97411],[39,-75],[105,122],[-77,52],[-67,-99]],[[11421,97611],[92,-25],[-51,170],[-41,-145]],[[12196,86075],[110,-33],[3,101],[-113,-68]],[[11193,98205],[7,-58],[201,186],[-53,52],[-155,-180]],[[10074,98386],[132,-10],[-14,76],[-118,-66]],[[9884,98128],[28,-56],[93,143],[-78,113],[-43,-200]],[[9682,98209],[113,-63],[74,186],[-177,16],[-10,-139]],[[10033,90043],[198,78],[97,-139],[133,6],[96,-81],[10,159],[78,-4],[46,160],[9,450],[-177,9],[-80,127],[-69,-160],[-79,-22],[-242,-381],[-20,-202]],[[8760,99025],[201,-102],[44,40],[207,-329],[81,99],[18,-87],[-104,-66],[-43,-110],[68,-138],[186,-32],[-15,119],[68,60],[68,-133],[63,124],[-181,237],[211,-121],[-7,104],[-91,97],[-133,39],[-116,210],[-179,-40],[-91,90],[-160,62],[-95,-123]],[[10675,82812],[212,-149],[259,-225],[359,-268],[208,-116],[258,-84],[179,32],[3,186],[-78,336],[32,183],[188,49],[135,-11],[107,107],[84,-50],[90,95],[111,-270],[174,40],[-34,-143],[-119,-104],[-125,45],[27,-218],[-102,-299],[-65,-31],[-31,-168],[101,-102],[79,236],[-30,174],[135,305],[80,-38],[-150,-350],[42,-213],[90,-120],[-80,-103],[-217,52],[-362,-286],[11,-172],[-42,-387],[-325,-737],[-149,-171],[-58,-196],[-145,-222],[101,-35],[57,-159],[54,-421],[247,104],[311,-10],[225,-224],[99,-195],[58,-394],[60,-252],[230,-468],[124,-140],[155,74],[134,-81],[172,-212],[165,-284],[130,-88],[129,133],[238,-92],[95,-123],[169,-392],[73,-5],[239,172],[18,100],[-124,170],[9,164],[76,21],[36,-151],[89,-111],[39,-154],[107,159],[10,262],[103,77],[76,-154],[171,-50],[267,120],[-63,180],[15,104],[188,61],[-39,166],[196,58],[50,-112],[143,-13],[16,65],[234,-168],[186,129],[46,-33],[77,145],[36,-63],[150,172],[144,34],[71,-53],[278,-28],[134,149],[130,66],[89,-35],[179,-246],[166,-87],[551,444],[124,25],[1418,12234],[190,47],[10,-122],[203,99],[84,-245],[227,-110],[4,366],[81,102],[140,60],[56,170],[488,525],[126,408],[191,-431],[94,-51],[20,-175],[-40,-232],[66,-31],[-47,-166],[141,-156],[148,-261],[221,220],[16,190],[72,162],[106,-8],[172,209],[90,202],[189,83],[249,287],[-21,71],[168,240],[75,170],[120,154],[207,362],[194,296],[-17,181],[140,-19],[14,241],[121,28],[67,249],[100,-76],[255,139],[134,-28],[163,80],[44,114],[138,-54],[87,232],[-10,219],[60,227],[143,342],[-50,542],[-96,348],[-67,-105],[-46,75],[-181,-461],[66,-185],[-64,-302],[-87,-260],[-74,-60],[126,281],[34,394],[-31,143],[-124,16],[-143,-77],[-105,-175],[23,-170],[-52,-334],[-1,316],[-43,99],[27,150],[-112,-62],[-45,-134],[24,-199],[-48,-275],[15,-216],[-61,230],[44,113],[-91,164],[-86,-215],[-101,-7],[-30,-132],[44,-187],[80,-60],[-58,-170],[83,-8],[-191,-138],[-25,-161],[-107,-53],[-138,-197],[-246,-69],[-17,-242],[-74,-272],[-79,-23],[-12,-118],[219,58],[-197,-160],[-63,12],[-197,-273],[-56,-280],[-14,125],[-202,37],[-118,-282],[-218,-386],[-127,-421],[-122,-123],[-27,93],[136,181],[38,204],[156,360],[128,533],[-132,-48],[-62,-149],[-84,1],[-99,114],[-52,-307],[-111,-222],[-48,110],[-114,-66],[-46,-158],[-33,119],[-95,-53],[-7,89],[133,14],[132,153],[58,1],[130,346],[-120,172],[-65,3],[-42,154],[-132,-181],[-66,30],[-218,-176],[-178,-190],[-18,-114],[-174,-184],[-149,-44],[-131,-111],[-217,-96],[-195,-143],[33,-152],[61,18],[-66,-341],[9,-235],[-56,319],[-180,249],[-233,14],[-225,-109],[45,-181],[-124,91],[-378,-50],[-106,16],[-520,275],[-130,306],[42,-206],[75,-155],[63,-18],[-114,-134],[-235,-23],[60,-74],[-91,-38],[36,-191],[-147,213],[-200,-177],[-79,43],[77,-189],[-140,182],[18,139],[-225,153],[14,-275],[61,16],[238,-222],[-52,-153],[-98,142],[43,-170],[-167,120],[-82,-68],[187,-179],[-137,77],[-85,-183],[36,-225],[-119,271],[-49,-239],[-30,256],[-69,86],[-49,-100],[-80,202],[-155,53],[54,-382],[-81,19],[-55,417],[100,20],[-67,366],[85,-174],[66,194],[-57,288],[133,221],[-78,173],[-83,21],[-49,-271],[-26,268],[-72,47],[-193,-61],[-106,186],[31,-165],[-51,-198],[-4,275],[-110,-27],[14,416],[-118,-191],[43,157],[-154,355],[-34,20],[-54,-246],[-11,222],[-55,6],[-96,278],[-121,28],[-42,-91],[-70,163],[-63,8],[-94,-123],[32,-226],[144,-94],[201,-416],[-51,12],[-148,203],[-148,-173],[58,-357],[110,-270],[43,-434],[-59,-226],[143,-114],[236,-345],[75,178],[75,43],[82,-148],[254,89],[-245,-157],[-133,-173],[129,-322],[98,-94],[-71,-54],[-93,156],[-33,201],[-181,9],[-69,-64],[-137,170],[-49,181],[-117,56],[-117,218],[40,161],[-55,1],[-171,314],[31,150],[-189,301],[66,136],[-91,263],[-158,25],[83,47],[-18,182],[-278,203],[13,145],[-154,94],[-17,467],[38,-73],[125,26],[142,115],[46,137],[-46,163],[-111,177],[-89,7],[-65,157],[24,152],[-87,322],[-105,104],[-104,2],[-167,132],[7,119],[-95,44],[7,143],[-126,-77],[-56,304],[-130,-26],[7,168],[-79,-51],[-148,237],[92,-55],[-4,206],[-99,261],[-140,18],[-143,251],[-72,-133],[-137,326],[-23,-91],[-80,128],[12,136],[-101,-74],[-95,40],[-76,182],[155,167],[-162,174],[-21,142],[-59,-166],[-5,187],[-85,-70],[-28,88],[-262,72],[-27,251],[-96,114],[72,-316],[-108,-54],[-96,146],[-155,135],[-73,160],[-141,-94],[-175,196],[-122,-30],[86,-328],[-111,-5],[-67,296],[-97,212],[-62,-41],[27,166],[-91,-84],[-45,172],[-96,-64],[2,-270],[-45,-80],[-49,103],[52,124],[-12,221],[-127,31],[-84,-269],[-73,76],[74,152],[-166,152],[82,55],[43,164],[-116,-146],[-125,154],[-223,-68],[-121,89],[-18,84],[-138,62],[-89,-60],[-27,-222],[119,-83],[89,-232],[319,-170],[161,27],[77,247],[29,-326],[197,-30],[156,-328],[167,-282],[214,-226],[286,-107],[156,5],[-66,263],[52,123],[18,-196],[128,51],[88,147],[29,-84],[-149,-228],[110,-343],[266,-358],[125,-86],[260,-267],[118,87],[8,-256],[135,-318],[136,-147],[168,-260],[74,-747],[79,-59],[-57,-145],[48,-302],[170,-263],[22,-219],[-42,8],[-424,300],[-153,-250],[32,-281],[-120,168],[-47,221],[52,293],[-84,115],[-66,-54],[-111,-471],[-127,-245],[-81,191],[-51,-152],[-103,-107],[11,-156],[-186,185],[-249,181],[-20,100],[-164,122],[-65,-154],[79,-145],[12,-260],[-80,-424],[52,-138],[108,-127],[-113,-637],[-84,-319],[-48,23],[-19,190],[-80,-6],[-160,138],[-230,33],[-171,-99],[-7,-258],[-68,-89],[-93,-324],[-95,-85],[-51,-143],[78,-106],[-157,-17],[179,-244],[5,-205],[-59,-151],[79,-31],[-86,-254],[-43,121],[-68,-32],[0,-240],[-86,-117],[-3,-116],[72,-86],[-50,-94],[-93,29],[21,-165],[125,-7],[-79,-221],[165,10],[-22,-218],[51,-173],[369,-634],[-1,-135],[124,-392],[88,-131],[104,-36],[136,97],[126,269],[99,-9],[149,-193],[162,-313],[81,71],[153,31],[160,-46],[150,-336],[-38,-433],[4,-196],[-83,-234],[-79,-48],[48,-139],[123,64],[80,-131],[14,-141],[-118,-296],[-74,185],[-95,-39],[-176,110],[-138,172],[-105,254],[-4,-237],[-91,-210],[-51,57],[83,169],[-76,-7],[-105,-152],[-275,-47],[-212,91],[-384,-319],[-59,-223],[43,-158],[-74,-195],[-40,-223],[76,60],[118,-183],[-56,-103],[-284,-198],[-165,-283],[-4,-109]],[[8131,99405],[170,-218],[19,-146],[90,-89],[116,59],[-30,-111],[66,-167],[169,-61],[90,94],[-45,168],[-220,115],[-117,211],[-337,186],[29,-41]],[[8483,94388],[117,58],[-45,83],[-72,-141]],[[7690,99248],[115,-18],[13,144],[-120,-45],[-8,-81]],[[8324,93559],[119,-32],[-70,110],[-49,-78]],[[7260,99402],[111,-86],[-4,130],[-97,42],[-10,-86]],[[9073,85044],[82,-289],[23,154],[214,247],[170,-101],[111,166],[-7,167],[156,236],[273,203],[-86,173],[-177,-76],[-129,242],[-40,-211],[-144,-347],[-144,-241],[-78,-48],[-147,95],[-80,-120],[3,-250]],[[6374,99403],[99,-80],[51,59],[-60,96],[-90,-75]],[[7988,88764],[78,-103],[-11,129],[204,374],[-177,-152],[-94,-248]],[[5678,99277],[107,94],[93,-16],[110,136],[185,96],[-217,-19],[-244,-168],[-34,-123]],[[5065,99087],[161,47],[356,-23],[-4,-141],[103,-89],[69,166],[-126,114],[38,114],[-177,44],[-154,-54],[-266,-178]],[[4678,98790],[94,108],[-57,122],[-56,-57],[19,-173]],[[4597,99098],[134,-43],[-3,92],[-110,44],[-21,-93]],[[4199,99135],[142,-179],[46,-182],[107,30],[-49,180],[139,41],[-33,164],[-83,-57],[-186,76],[-83,-73]],[[3893,98832],[254,11],[35,-137],[64,76],[-80,190],[-77,21],[-45,-103],[-151,-58]],[[3705,98464],[133,37],[37,197],[-113,200],[-52,-176],[69,19],[-74,-277]],[[2703,97629],[93,9],[33,99],[-101,71],[-25,-179]],[[2214,97770],[118,120],[86,361],[-87,-256],[-117,-225]],[[1666,96970],[161,-15],[70,-133],[31,91],[-238,180],[-24,-123]],[[183,94948],[150,-16],[-12,216],[-138,-200]],[[3,93989],[97,-21],[195,194],[72,315],[-72,-107],[-48,47],[-122,-62],[-49,-294],[-73,-72]],[[25124,95090],[81,-118],[51,81],[-51,118],[-81,-81]],[[25034,95023],[14,-161],[-46,-173],[92,49],[55,249],[-115,36]],[[24855,94663],[14,-76],[95,94],[3,250],[-112,-268]],[[24158,93842],[17,-68],[85,176],[-102,-108]],[[24110,93691],[33,-161],[142,12],[12,158],[-80,94],[-107,-103]],[[24024,95001],[0,-142],[132,-88],[66,85],[-25,152],[-95,166],[-7,-170],[-71,-3]],[[23894,94360],[61,-318],[-63,-29],[7,-201],[181,-50],[182,317],[134,63],[103,138],[166,313],[-134,-41],[-16,137],[77,-81],[139,130],[20,194],[78,-104],[28,94],[-17,286],[53,-91],[72,293],[-8,132],[-123,47],[-102,-29],[52,-130],[-141,-80],[-37,-261],[-58,78],[28,178],[-83,-21],[-48,-206],[-88,-9],[184,397],[57,-93],[90,178],[-71,-22],[68,159],[-88,20],[-187,-257],[-92,-329],[-95,67],[-24,-129],[137,-203],[-117,-158],[-235,-176],[49,-97],[-18,-246],[-64,209],[-57,-69]],[[23676,94551],[100,-32],[-46,118],[-54,-86]],[[23442,93359],[39,-143],[94,-32],[70,128],[-28,-204],[-68,-59],[50,-123],[246,1],[93,-56],[130,212],[202,195],[-91,178],[-141,25],[-6,124],[-99,-11],[-90,114],[-45,-119],[6,641],[-54,147],[-77,-120],[-68,-291],[-1,-247],[-56,-4],[-106,-356]],[[22874,91471],[120,122],[34,132],[50,-65],[159,-33],[16,107],[173,287],[60,227],[-112,-215],[-88,-62],[55,162],[118,142],[86,314],[-178,553],[-43,18],[-62,-238],[37,-251],[-86,-125],[-96,-243],[-14,-143],[-169,-454],[-60,-235]],[[22808,92958],[68,-314],[174,116],[89,-32],[39,206],[202,624],[104,595],[8,134],[-73,-59],[-251,-492],[-203,-158],[60,-14],[-4,-233],[-73,-67],[18,-224],[-72,57],[-86,-139]],[[22770,93146],[15,-154],[118,129],[4,281],[-86,61],[14,-185],[-65,-132]],[[22337,92395],[-24,-198],[61,-128],[-39,-153],[85,100],[98,-88],[58,-146],[164,133],[210,16],[45,154],[-74,88],[86,54],[122,380],[-103,94],[-235,-169],[43,242],[-34,181],[-81,-17],[-131,-193],[-45,15],[-102,-276],[-104,-89]],[[17580,91326],[38,-191],[142,-287],[94,-372],[66,151],[-184,481],[47,59],[-203,159]],[[17539,90713],[44,-321],[78,-154],[-4,287],[-41,296],[-77,-108]],[[19970,66387],[65,-52],[134,60],[171,-33],[6,-131],[139,-165],[38,-233],[-51,-496],[-150,-33],[-122,-91],[-42,-247],[80,-216],[53,-417],[-85,-155],[84,-202],[-29,-178],[185,-31],[25,-104],[149,-244],[71,-56],[45,-484],[69,-46],[6,-591],[57,-59],[-30,-272],[220,-292],[71,-289],[185,-59],[135,-93],[206,-263],[58,-158],[-50,-197],[-81,-92],[-160,-384],[-89,-60],[42,-268],[-61,-264],[18,-68],[-40,-416],[-121,-252],[-31,-281],[-69,-170],[59,-487]],[[21130,57818],[83,-258],[-59,-105],[129,-83],[31,-125],[24,-629],[-18,-338],[-54,-333],[96,-444],[-46,-175],[-1,-237],[36,-162],[-7,-200],[47,-176],[63,-57],[-82,-300],[39,-317],[-19,-239],[42,-54],[221,-26],[87,-54],[106,38],[3,84],[238,28],[87,297],[-21,59],[113,209],[153,14],[218,-544],[43,-39],[86,-746],[104,-1007],[147,-1305]],[[23019,50594],[855,279],[1774,548],[1962,566],[1594,421],[51,38],[1476,375],[1017,243]],[[31748,53064],[-508,6249],[-181,2264],[-472,5802],[-144,1799],[-450,5498]],[[29993,74676],[-1790,-441],[-864,-222],[-1155,-307],[-3138,-3103],[-450,-441],[-2897,-2988],[58,-202],[4,-258],[96,-94],[113,-233]],[[32975,37767],[867,205],[1496,317],[1947,389],[392,90],[819,151],[1448,238],[300,36],[1037,155]],[[41281,39348],[927,129],[1118,143],[1295,149],[-144,3845]],[[44477,43614],[-168,4810],[-101,2730],[-57,1687],[-89,2368]],[[44062,55209],[-1157,-141],[-535,-85]],[[42370,54983],[-2357,-301],[-1165,-181],[-211,-43],[-1901,-326],[-1175,-218],[-11,-32],[-1061,-214],[-1347,-285],[-1394,-319]],[[31748,53064],[115,-1438],[55,-594],[196,-2424],[2,-431],[139,-1699],[139,-1549],[425,-5250],[42,-454],[114,-1458]],[[85919,97958],[89,-224],[40,97],[-83,167],[-46,-40]],[[85736,98213],[57,-143],[52,81],[-109,62]],[[85214,98724],[354,-394],[52,85],[-304,347],[-102,-38]],[[83862,99608],[105,-374],[302,-372],[157,-255],[104,-106],[301,142],[41,160],[112,109],[-305,274],[-30,-81],[-193,68],[-12,84],[-321,322],[-255,116],[-6,-87]],[[83457,99810],[252,-176],[-36,182],[-212,75],[-4,-81]],[[83145,99811],[34,-123],[81,-1],[-13,152],[-102,-28]],[[82261,91868],[41,48],[195,645],[193,133],[47,-69],[103,43],[-160,144],[-215,-201],[-193,-580],[-11,-163]],[[81555,99934],[106,-66],[40,63],[-143,68],[-3,-65]],[[76646,81241],[191,-195],[-26,165],[-145,109],[-20,-79]],[[75694,76782],[53,244],[101,173],[20,257],[64,242],[99,133],[2615,-305],[707,-77],[1759,-212],[-32,100],[85,210],[3,234],[97,230],[232,-75],[21,-453],[-6,-326],[-114,-328],[5,-510],[98,7],[29,-197],[105,-2],[60,95],[119,-19],[179,128],[129,-25],[221,56],[93,-74],[91,39]],[[82527,76327],[36,36],[4,375],[44,293],[58,141],[119,776],[251,1112],[123,398],[40,274],[258,818],[312,873],[211,562],[634,1338],[323,573],[142,446],[-104,217],[-4,385],[84,492],[75,297],[158,439],[328,796],[265,849],[122,430],[251,649],[14,109],[183,505],[206,797],[70,853],[3,479],[28,685],[6,680],[71,925],[-7,675],[-39,-205],[-75,-65],[-84,129],[-36,318],[-41,102],[16,171],[-41,146],[7,255],[48,245],[43,40],[-41,187],[-70,102],[28,114],[140,-170],[156,-818],[-17,414],[-179,782],[-37,280],[-360,866],[-154,258],[-26,-33],[298,-616],[41,-183],[17,-377],[-207,-8],[-239,140],[-155,196],[-143,-108],[-124,79],[-39,143],[-355,176],[-139,-134],[-83,-202],[10,-425],[52,-37],[-138,-441],[-94,-133],[0,-111],[-97,-223],[-68,-40],[-63,-264],[-122,24],[-96,-307],[-179,-55],[-342,-270],[-118,201],[-157,-372],[-146,-452],[-131,-756],[-99,-298],[-101,-160],[-224,-187],[-16,-142],[-106,19],[34,134],[-94,61],[-113,-560],[-102,-144],[106,-95],[76,111],[31,-533],[-32,-276],[-67,-30],[6,-268],[-80,35],[-103,170],[97,463],[-196,152],[-21,169],[-25,-241],[-52,-152],[-150,-272],[-235,-527],[-87,-288],[-232,-547],[-286,-491],[-131,-333],[90,137],[96,-120],[107,-306],[162,-617],[80,-89],[58,-296],[-60,-231],[-155,-32],[65,358],[-169,-59],[39,-121],[-76,-326],[-286,-163],[28,207],[-70,108],[115,108],[86,-11],[110,334],[-59,156],[0,266],[-154,83],[40,272],[-52,60],[-38,-351],[-129,-295],[-85,-98],[-64,-231],[4,-515],[-56,-204],[-69,-524],[61,-19],[24,301],[58,281],[60,8],[-19,-271],[-62,-90],[70,-263],[99,-853],[-3,-602],[-58,-205],[-3,-184],[-93,-75],[16,-143],[-91,-337],[63,-229],[-175,-321],[13,-106],[-67,-166],[-72,7],[2,-272],[-47,-34],[-333,3],[-96,205],[-93,-308],[-17,-189],[-163,-54],[-28,-203],[-105,-268],[-153,-32],[-44,-136],[-183,-118],[-27,-363],[-46,-212],[-80,-4],[-172,-141],[-111,-213],[-8,-103],[-121,-259],[-104,-122],[-212,-159],[-291,-175],[-196,-205],[-189,89],[-57,82],[-222,-49],[5,113],[-166,264],[85,309],[-22,109],[-166,-2],[-40,-79],[-156,105],[-236,362],[-43,8],[-358,482],[17,-196],[-76,-25],[-133,289],[-248,46],[102,141],[17,124],[116,48],[391,-385],[168,-312],[20,39],[-143,302],[-490,503],[-364,-278],[-135,2],[-113,116],[-107,-290],[-61,-329],[47,-200],[24,341],[58,291],[55,61],[57,-140],[-9,-275],[-145,-364],[-90,-135],[-164,-57],[-111,-112],[-131,-208],[-193,-120],[-165,-198],[-211,-190],[-247,-167],[-443,-201],[-279,-71],[-519,6],[-225,54],[-318,135],[-444,236],[-213,81],[-54,-22],[-419,231]],[[73572,61773],[398,-68],[802,-177],[1113,-230]],[[75885,61298],[1265,-269],[-2,-21],[918,-243]],[[78066,60765],[-3,232],[-194,300],[-36,220],[-91,144],[-35,245],[45,177],[210,221],[115,2],[175,301],[166,132],[108,-80],[154,75],[78,344],[80,76],[109,259],[57,339],[111,145],[87,228],[96,128],[95,301],[60,-7],[210,259],[148,78],[192,242],[149,465],[128,124],[48,-32],[120,94],[136,266],[148,138],[-32,309],[79,135],[119,37],[8,216],[97,124],[72,-31],[27,212],[122,136],[172,38],[92,135],[165,136],[3,270],[85,143],[-15,76],[115,135],[6,201],[46,137],[-17,171],[79,183],[-38,88],[114,174],[166,36],[191,304],[-15,117],[217,519],[-53,184],[90,189],[27,271],[103,78],[108,-71],[170,185],[79,6]],[[83114,71024],[83,17],[-17,218],[-81,122],[-74,-32],[-23,167],[66,8],[-91,225],[-142,-37],[-3,188],[70,4],[-34,221],[-101,206],[-120,-9],[74,143],[55,-32],[21,276],[-51,276],[-152,40],[-10,94],[119,-52],[49,67],[-139,619],[35,293],[-7,324],[-39,4],[-78,298],[-58,25],[1,455],[-125,185],[134,46],[27,-89],[30,262],[-45,391],[-1,266],[40,114]],[[68755,36530],[95,123],[115,-36],[-31,139],[272,45],[228,-135],[292,-294],[170,-224]],[[69896,36148],[1702,-293],[1620,-318],[17,245]],[[73235,35782],[263,3703],[109,1630],[113,1885],[177,2707]],[[73897,45707],[-117,230],[114,214],[16,126],[-44,233],[145,35],[-49,183],[30,207],[-129,-14],[-151,90],[-309,416],[-138,-143],[-105,-18],[-216,89],[-30,162],[107,534],[-124,327],[-180,146],[-52,446],[-133,249],[-95,-57],[-63,57],[-25,213],[-84,256],[22,287],[-14,226],[-45,97],[-137,85],[-10,127],[-127,-193],[-122,30],[-177,-186],[-13,-271],[-145,-198],[-34,127],[81,24],[-126,210],[-104,-34],[58,116],[-23,145],[-111,49],[3,288],[41,139],[-141,61],[-13,246],[-101,22],[16,-203],[-121,81],[-61,-67],[-93,-279],[-106,24],[-71,171],[-220,189],[-42,413],[-96,81],[-76,-206],[-66,1],[-329,-305],[-124,-2],[-98,150],[-155,-246],[-49,172],[69,169],[-26,211],[-103,33],[-35,-283],[-250,142],[-139,-167],[-49,132],[68,320],[-59,134],[-150,-72]],[[68662,51678],[-138,-393],[145,22],[-95,-83],[81,-233],[-62,-228],[124,-130],[2,-128],[-71,72],[56,-194],[67,-46],[-111,-249],[86,-356],[34,111],[41,-142],[51,102],[67,-349],[44,-37],[71,-304],[-22,-107],[136,-145],[-13,-129],[51,-389],[40,-114],[121,-134],[23,-319],[-109,-297],[47,-375],[-120,-115],[-4,-265],[-112,-174],[-26,-229],[102,-215],[-61,-156],[31,-312],[78,-41],[-96,-1779],[-120,-2504],[-168,-3209],[-77,-1575]],[[44477,43614],[1074,114],[1741,156],[977,74],[1091,66],[1033,52],[1067,44],[1496,43],[1519,20],[1435,-5]],[[55910,44178],[176,351],[108,38],[24,92],[154,30],[41,-133],[143,40],[-22,108],[113,141],[-82,133],[23,117],[73,-54],[-24,179],[-122,-71],[-25,229],[-96,83],[-61,342],[-73,14],[2,139],[97,154],[17,119],[101,98],[84,211],[77,-28],[-36,158],[19,198],[93,121],[40,225],[79,23],[72,131],[84,-58],[44,99],[121,7],[-25,138],[8,1969],[18,2539],[0,689],[25,2987]],[[57180,55736],[-1580,26],[-1748,2],[-1700,-30],[-1265,-39],[-1541,-77],[-1058,-66],[-400,-35],[-1413,-101],[-1205,-95],[-1208,-112]],[[98249,17157],[80,-70],[-28,138],[-52,-68]],[[98072,17379],[-8,-281],[189,209],[-58,185],[-123,-113]],[[97911,16723],[18,-160],[74,213],[-92,-53]],[[97504,17360],[72,-41],[41,118],[-113,-77]],[[97633,18829],[27,-143],[42,237],[-69,-94]],[[97421,17896],[20,-151],[117,-211],[42,177],[116,210],[-35,153],[-96,90],[-81,-41],[-26,-244],[-57,17]],[[97299,17401],[37,-249],[-19,-265],[74,19],[-9,490],[-83,5]],[[95336,23105],[-232,-159],[-36,-337],[-289,-340],[-94,-273],[-24,-533],[-45,-55],[-155,-812],[-357,-2014],[-279,-1518],[-390,-2000]],[[93435,15064],[106,-102],[-19,-103],[161,66],[69,236],[72,26],[25,-300],[-22,-239],[-56,-114],[90,-153],[88,109],[121,-29],[-57,-208],[-129,-118],[-23,-98],[62,-393],[103,-289],[215,-367],[-86,-199],[78,-262],[102,-201],[-3,-209],[-127,-19],[30,-139],[-64,-64],[37,-148],[-54,-24],[60,-356],[-109,-124],[22,-308],[44,-151],[-22,-115],[72,-143],[47,-222],[55,-55],[-79,-1065],[670,-3350],[232,26],[52,-40],[67,478],[52,185],[245,141],[229,-362],[85,-25],[85,-134],[4,-114],[84,-76],[211,-78],[-38,-198],[51,-92],[287,-11],[45,94],[334,223],[169,285],[151,59],[307,1702],[219,1163],[221,1226],[62,68],[-57,166],[111,182],[-56,110],[80,460],[134,-9],[3,-69],[140,190],[236,-19],[64,-97],[116,336],[-121,120],[87,211],[87,84],[27,197],[-44,253],[112,164],[97,217],[120,74],[49,-111],[-16,-155],[117,33],[100,-43],[163,283],[162,408],[103,76],[71,368],[-202,774],[-115,150],[-106,-280],[-129,172],[96,148],[-39,172],[-65,-11],[-41,220],[-129,50],[30,103],[112,77],[-86,245],[-98,-108],[-66,-161],[-106,210],[-70,-167],[-5,217],[-40,69],[-4,256],[-96,7],[-82,216],[-46,-67],[-14,323],[-100,-58],[-28,-136],[-110,98],[50,203],[-46,269],[74,74],[-182,149],[-145,-34],[-144,-295],[16,-110],[104,-144],[-56,-122],[-37,147],[-46,-141],[-180,271],[57,128],[-9,155],[109,174],[10,148],[-84,309],[5,141],[91,145],[10,231],[-79,75],[-65,-257],[-15,-196],[-117,-94],[-59,-192],[57,-203],[-130,-74],[-39,-101],[-89,115],[-52,-360],[34,-170],[-68,-183],[-68,327],[-81,-73],[-98,173],[121,218],[10,161],[-57,107],[-17,252],[17,239],[-32,42],[33,302],[92,-20],[-59,124],[76,128],[-21,170],[-153,63],[-30,263],[-83,44],[18,189],[-55,59],[-9,-300],[-56,-24],[-65,179],[-7,-219],[-90,74],[29,165],[-67,161],[-4,172],[-90,-131],[12,155],[-63,141],[-84,-49],[22,217],[-89,-140],[-38,342],[-132,220],[-66,-251],[-92,26],[-72,313],[-76,-2],[-48,213],[-92,7],[-55,218],[55,246],[-32,123],[-84,-58],[-118,189],[-17,141],[70,194],[-72,232],[34,96],[-171,178],[-39,367],[44,88],[-21,358],[-41,275],[-42,61]],[[97059,29277],[86,40],[166,-94],[91,-102],[34,-256],[148,288],[-63,194],[-169,63],[-249,-65],[-44,-68]],[[96137,29538],[104,-48],[63,-339],[126,-264],[72,19],[57,186],[119,62],[34,-154],[43,270],[-412,219],[-82,201],[-124,-152]],[[91476,26056],[1287,-471]],[[92763,25585],[762,-279],[1095,-426],[50,-205],[103,-27],[-37,-194],[66,-153],[117,7],[21,-220],[147,-172],[139,33],[42,-65]],[[95268,23884],[166,635],[165,84],[48,-167],[96,71],[-47,334],[-46,-28],[-202,266],[-73,54],[62,78],[-48,256],[-73,69],[-48,201],[93,186],[-84,49],[41,238],[84,9],[15,-132],[79,-64],[74,128],[139,12],[101,117],[36,139],[165,243],[2,304],[-68,51],[107,137],[193,33],[86,243],[0,171],[144,150],[167,12],[137,-47],[63,51],[89,-194],[240,-257],[21,-94],[-116,-427],[-58,136],[-51,-309],[-57,-162],[-102,-68],[-59,119],[-96,-52],[78,-111],[233,56],[170,282],[165,481],[84,430],[-3,287],[-32,216],[-17,-326],[-73,-38],[-266,234],[-77,104],[-152,41],[-140,190],[-58,240],[-216,156],[-197,459],[-232,256],[20,-97],[184,-204],[181,-414],[4,-160],[-90,-352],[47,-90],[-171,-68],[29,189],[-63,-8],[15,204],[-78,-23],[17,118],[-162,97],[-3,418],[-129,140],[-129,49]],[[95592,29215],[-113,-592],[-111,-14]],[[95368,28609],[-67,-111]],[[95301,28498],[-83,-129],[-122,-56],[-86,-431],[-65,50],[-72,-467],[-660,339]],[[94213,27804],[-11,-57],[-1533,618],[0,132],[-77,54],[-16,-148],[-313,124],[-772,279]],[[91491,28806],[-53,-123],[38,-2627]],[[52912,9721],[1223,21],[1539,2],[319,-5],[-7,-1454],[141,115],[157,-61],[145,165],[44,112],[82,653],[34,78],[106,812],[-26,198],[18,202],[76,138],[154,141],[149,26],[33,-62],[226,39],[62,185],[325,13],[244,43],[61,221],[19,205],[223,-14],[264,-119],[2,-175],[161,-82],[11,-58],[208,-70],[45,70],[289,-16],[390,297],[138,-22],[1,165],[-92,22],[-18,122],[86,95],[222,-56],[80,172],[-16,187],[162,488],[147,-115],[-61,-255],[63,-150],[84,30],[226,-67],[86,137],[-5,212],[76,118],[97,-25],[46,112],[225,13],[-11,109],[134,269],[120,-52],[-5,245],[116,-102],[91,67],[86,-86],[180,-71],[162,-261],[233,-287],[134,-112],[70,17],[14,191],[90,93],[-28,88],[58,151],[180,-37],[86,-85],[42,101],[636,-124],[167,84],[93,257],[150,92],[73,-119],[105,-43],[75,57],[183,18],[135,-87],[-142,201],[-161,113],[-137,205],[-192,132],[-72,128],[-407,263],[-123,113],[-157,72],[-146,123],[-291,327],[-193,275],[-224,370],[-212,394],[-25,102],[-243,528],[-174,323],[-143,148],[-134,298],[-57,39],[-150,284],[-114,115],[-312,472],[128,301]],[[60864,18223],[-118,-155],[-150,131],[-15,240],[-139,-22],[49,2243],[-52,35],[-30,190],[-134,-8],[-53,188],[-78,-38],[-42,125],[-137,80],[-102,153],[-86,264],[-24,242],[-129,186],[-23,301],[11,243],[173,17],[198,424],[8,213],[-71,242],[-91,180],[-6,386],[42,311],[-71,113],[46,193],[29,348],[-35,173],[19,197],[-61,347],[115,124],[275,419],[34,131],[322,24],[55,70],[55,228],[111,143],[260,124],[210,245],[92,495],[97,141],[175,154],[214,341],[244,98],[254,554],[72,272],[-32,252],[10,362],[62,117],[-14,134],[47,182]],[[62450,30375],[-839,69],[-1825,125],[-1493,72],[-1805,50],[-1333,18],[-1150,-4]],[[54005,30705],[16,-4613],[4,-2277],[-56,-226],[-201,-197],[-104,-15],[-74,-174],[-44,-222],[-151,-351],[40,-174],[284,-359],[109,-279],[32,-439]],[[53860,21379],[-15,-392],[31,-176],[-62,-519],[-5,-421],[-104,-173],[-103,-396],[-13,-332],[-81,-380],[31,-236],[-31,-351],[38,-289],[-65,-274],[-1,-718],[-22,-172],[5,-512],[-38,-298],[20,-664],[-191,-825],[-54,-434],[-65,-167],[-16,-333],[-44,-78],[-63,-368],[48,-420],[-44,-305],[25,-378],[-27,-350],[68,-302],[16,-208],[-55,-153],[-56,-475],[-91,-438],[16,-121]],[[89327,39227],[55,-243]],[[89382,38984],[46,-332],[56,-164]],[[89484,38488],[117,-230],[99,-39],[183,-201],[-3,-299],[273,-539],[107,-95],[46,-194],[69,-4],[79,-188],[-108,-175],[-135,-86],[-65,-152],[-139,-115],[-71,-207],[-159,-14],[-43,-138],[-40,-328],[-64,-77],[-155,34],[-76,-434],[14,-349],[60,-4],[83,-427],[-179,-316],[-5,-77],[147,-249],[67,-205],[-29,-80],[127,-335],[41,-463],[86,-240],[89,-79]],[[89900,32183],[731,443],[723,388],[31,4],[-1,426],[-90,825]],[[91294,34269],[-22,127]],[[91272,34396],[-201,199],[13,281],[-43,239]],[[91041,35115],[17,143],[124,44],[91,-99],[245,83],[7,-151],[86,556],[4,698],[32,827],[44,568],[-37,307],[-158,926],[-125,488],[-158,248],[-120,321],[-104,535],[-68,532],[-94,241],[-110,89],[-71,-19],[-2,-240],[50,-462],[-14,-176],[-141,-69],[-109,28],[-10,-74],[-141,57],[-28,132],[-98,-203],[-210,-106],[-117,-189],[-35,42],[-159,-181],[-56,-123],[-129,-37],[-35,-304],[18,-154],[-86,-78]],[[89344,39315],[-17,-88]],[[90812,53263],[126,18],[105,211],[24,151],[-98,5],[-5,-151],[-152,-234]],[[90718,56718],[28,-212],[721,-869],[-18,-831],[-39,-437],[-172,-615],[61,90],[147,522],[34,449],[23,962],[-146,80],[-260,282],[-379,579]],[[80100,54078],[536,-89],[349,-82],[599,-113],[233,-77],[725,-132],[1372,-389],[1757,-544],[2781,-937],[187,-92],[1636,-588]],[[90275,51035],[176,697],[141,454],[150,401],[149,313],[332,797],[-58,-26],[-222,-529],[-74,-129],[-83,-5],[-133,-540],[-160,-466],[-64,-56],[8,-135],[-71,-277],[-116,-219],[-162,12],[-8,-122],[-91,93],[63,182],[120,119],[64,-57],[30,241],[333,861],[20,151],[-144,-162],[-9,-123],[-142,-283],[-79,-12],[42,207],[105,95],[-206,-12],[-249,-309],[-97,-6],[160,273],[69,33],[60,176],[-197,174],[-200,-171],[185,240],[-38,60],[-460,-182],[170,188],[144,24],[-36,78],[-150,80],[-60,233],[-88,105],[-117,36],[-75,-94],[-110,16],[-126,-367],[-20,-196],[46,-282],[-36,-32],[-60,279],[17,252],[87,287],[110,256],[-23,116],[59,95],[251,-124],[210,-234],[82,137],[303,-310],[201,-72],[101,104],[16,138],[-54,285],[45,168],[76,554],[54,-62],[0,-387],[-45,-493],[69,-195],[-43,-45],[161,-140],[137,109],[157,433],[-3,160],[82,274],[-39,100],[43,167],[-58,205],[-208,101],[-131,434],[-21,271],[-66,38],[6,132],[-110,207],[-173,-22],[-185,80],[-268,-2],[-115,-114],[-126,-342],[192,-79],[18,-159],[-167,144],[-81,-9],[-48,128],[81,166],[72,265],[-248,-70],[-84,62],[-139,-65],[-208,-29],[-165,-106],[7,94],[130,163],[134,-31],[443,191],[301,-13],[85,209],[-84,402],[8,169],[-70,242],[-311,517],[-366,-251],[35,207],[171,127],[249,59],[196,-340],[227,-151],[21,-256],[75,22],[44,206],[65,81],[115,-25],[-87,-220],[149,61],[49,241],[-93,301],[-106,80],[-109,506],[-13,244],[-117,-25],[-25,-262],[-76,-39],[40,263],[-99,60],[293,114],[138,-548],[123,-368],[129,-301],[221,-670],[68,41],[-147,333],[-349,927],[-135,531],[-41,304],[-50,-207],[-249,-99],[-169,44],[-450,298],[-293,321],[-173,332],[-223,328],[-183,340],[-229,579],[-113,469],[-105,1016],[1,231],[-87,8],[-34,-105],[-299,-5],[-368,167],[-263,284]],[[86724,62866],[-1511,-1858],[-243,-316],[-670,-814],[-351,101],[-1669,418],[-14,-449],[-335,-578],[-169,291],[-41,-400],[-1214,209],[-672,126],[-335,47],[-184,97],[-33,-103],[-61,201],[-94,4],[-405,404],[-81,136],[-18,-79],[-558,462]],[[75885,61298],[-8,-920],[129,-185],[29,81],[182,-53],[119,-214],[-41,-202],[48,-95],[-34,-119],[42,-140],[134,-177],[40,-169],[100,-48],[85,-168],[510,-137],[58,-183],[133,-135],[49,-115],[69,14],[80,-287],[97,-35],[37,-145],[136,-127],[159,23],[44,-73],[87,-342],[-18,-278],[80,-35],[63,91],[52,-130],[5,-188],[235,-312],[77,122],[-8,244],[98,29],[155,-248],[74,-330],[188,-234],[76,0],[37,-110],[133,-5],[45,157],[168,-97],[161,-749],[180,-264],[153,53],[-70,-281],[56,-238],[-41,-216],[32,-250]],[[42801,8880],[996,142],[1716,212],[1618,163],[1025,87],[1347,97],[975,53],[1364,57],[1070,30]],[[53860,21379],[-1176,-19],[-1704,-63],[-1678,-104],[-1053,-81],[-1941,-172],[-861,-91],[-1135,-132],[-1325,-171],[-754,-107]],[[42233,20439],[81,-1667],[182,-3639],[103,-1962],[21,-506],[181,-3785]],[[57180,55736],[16,1928]],[[57196,57664],[63,768],[311,3486],[-16,2185],[-20,4584]],[[57534,68687],[-64,84],[-123,-237],[-110,40],[-25,-87],[-94,17],[-122,-255],[-136,63],[-131,-178],[-93,-285],[-147,-10],[-153,-278],[-183,-89],[-96,321],[-229,47],[-254,-51],[-29,-198],[-281,181],[-79,-29],[6,140],[-87,-18],[-79,86],[-169,-185],[-11,98],[-88,-20],[-56,101],[-149,-29],[-139,128],[11,172],[-94,87],[-105,-87],[-60,228],[-61,90],[-147,-344],[-143,13],[-48,-187],[-85,6],[-105,-123],[83,-146],[-166,-80],[-29,228],[-131,97],[-59,-173],[-104,82],[-60,-81],[-39,-305],[-164,-11],[15,242],[-191,296],[-19,311],[-138,-40],[-60,-248],[73,-148],[-22,-200],[-57,-93],[-86,201],[-147,-40],[-69,204],[-98,-2],[-67,-88],[7,-239],[-74,-63],[-94,81],[-82,-63],[14,-153],[-80,-109],[-100,-24],[-54,149],[-220,339],[-59,30],[-215,-191],[74,-349],[-47,-67],[-103,43],[-111,-51],[-53,-307],[56,-174],[-60,-96],[-86,152],[-239,-88],[-116,-91],[-103,281],[-127,73],[-162,-340],[-129,-66],[-79,117],[-123,26],[-90,-125],[-186,-92],[-130,-162],[-115,69],[-172,-91],[-94,14],[-30,-472],[-302,-483],[-36,302],[-80,10],[-137,-164],[-114,-16],[-40,159],[-176,-36],[-102,-162],[-243,-529],[-92,-103],[-101,65],[184,-7472],[-971,-73],[-958,-83],[-957,-93],[-1113,-123],[-1335,-159]],[[42286,56906],[84,-1923]],[[80162,33015],[286,-310],[257,-381],[40,-212],[100,55],[187,-296],[250,-320]],[[81282,31551],[105,1028],[1440,-432],[450,-151],[1240,-396],[1144,-390],[328,-123],[934,-316],[970,-352],[616,-236],[159,178],[72,276],[129,-91],[173,175],[-12,152],[93,50],[76,510],[-38,55],[98,129],[115,286],[114,-27],[44,124],[135,-64],[46,66],[80,-66],[14,110],[93,137]],[[89484,38488],[-155,-66],[-121,23],[-145,124],[-90,179],[-72,272]],[[88901,39020],[-741,273],[-1263,453],[-798,273],[-1789,577],[-1573,492]],[[82737,41088],[-631,189],[-1120,318],[-334,-3491]],[[80652,38104],[-490,-5089]],[[42034,24047],[29,-8],[63,-1279],[107,-2321]],[[54005,30705],[-235,-3],[7,255],[117,188],[-8,290],[-88,45],[31,284],[122,1],[29,285],[48,113],[-43,222],[-77,50],[15,348],[-67,133],[-6,282],[-146,317],[3,240],[151,196],[98,383],[-23,137],[74,115]],[[54007,34586],[-91,30],[-49,-126],[-118,40],[-56,-183],[-119,-217],[39,-146],[-65,-81],[-121,-22],[-6,-123],[-164,-116],[-93,49],[-29,-154],[-243,-49],[-128,-146],[-13,-141],[-142,-87],[-180,2],[-37,72],[-267,-51],[-106,56],[-173,-31],[-87,-76],[-77,36],[-23,159],[-103,179],[-138,16],[-151,-225],[-207,-213],[-336,-295],[-48,-198],[-851,-41],[-1377,-85],[-1237,-95],[-1756,-158],[-221,-33],[-1034,-116],[-1487,-191],[-1051,-146]],[[41662,31680],[103,-2136],[112,-2227],[157,-3270]],[[57534,68687],[49,-29],[4,180],[149,87],[36,120],[111,-131],[134,86],[78,-154],[111,151],[38,-72],[111,66],[26,2051]],[[58381,71042],[47,3919],[46,31],[81,245],[130,123],[69,272],[101,180],[-14,108],[53,228],[-62,335],[42,169],[179,187],[-43,138],[94,115],[75,295],[-44,194],[131,144],[43,362],[98,-45],[10,398],[60,224],[-96,90],[83,234],[-76,199],[30,242],[-120,323],[-1,180],[-116,213],[8,157],[-90,102],[-22,133],[51,79],[36,297],[-114,210],[-12,206],[102,145],[-8,324],[66,260],[-82,204],[57,130],[-157,250],[-124,486],[-130,181],[170,484]],[[58932,83793],[1,44],[-317,3],[-256,140],[-959,776],[-122,140],[-70,179],[-93,32],[23,-123],[181,-323],[151,-62],[53,-154],[139,23],[-101,-177],[-376,186],[-79,-18],[138,-363],[28,-266],[-8,-241],[-118,-88],[-114,97],[-108,329],[-94,52],[-88,-160],[-90,274],[60,105],[-68,180],[72,165],[141,52],[-40,178],[78,63],[-3,479],[-114,71],[-283,451],[-116,-58],[-12,289],[40,86],[274,-362],[240,-392],[106,-79],[26,-182],[156,79],[-140,204],[-431,510],[-192,311],[-221,304],[-279,470],[-112,29],[-730,746],[-521,413],[-230,207],[-215,230],[-172,227],[-104,244],[-375,358],[-318,424],[-188,301],[-234,462],[-84,280],[-194,444],[-146,455],[-171,640],[-131,728],[-46,663],[18,664],[35,341],[99,678],[82,437],[109,751],[71,847],[-48,-155],[-34,-479],[-158,-1115],[-168,-56],[125,-85],[-160,-842],[-21,-347],[10,-849],[84,-898],[119,-588],[141,-481],[98,-225],[73,-282],[61,-113],[-17,-156],[96,-278],[130,-122],[276,-692],[120,-54],[58,-173],[110,-5],[270,-388],[313,-186],[-24,-289],[-254,247],[-78,129],[-125,17],[-50,-353],[-130,2],[-68,439],[44,133],[-27,120],[-268,378],[-182,-97],[-18,-142],[-232,195],[-121,172],[151,119],[222,-206],[-2,268],[-46,74],[-279,749],[-76,-8],[-49,-193],[-148,28],[-31,-60],[-225,31],[-76,-41],[-45,124],[84,105],[186,-48],[-31,209],[49,158],[226,177],[-139,474],[-92,457],[-9,145],[-89,344],[-192,171],[-76,-62],[98,-65],[24,-191],[-55,-11],[-192,284],[-41,160],[171,57],[187,-122],[55,20],[-52,1027],[-51,673],[-25,10],[60,751],[56,213],[5,275],[66,4],[196,800],[-63,151],[37,478],[39,70],[144,39],[7,115],[89,-57],[9,404],[-265,7],[-1,64],[-198,101],[1,255],[-147,-41],[-7,-83],[-147,-59],[-48,-182],[-73,-16],[-132,-321],[-222,-47],[-85,-109],[-172,-29],[-165,49],[-123,-60],[-23,95],[-74,-104],[-143,65],[-206,-98],[-171,-252],[-2,-109],[-101,28],[-155,-251],[-64,33],[-177,-166],[-171,61],[-168,-345],[-69,-28],[-68,-152],[-135,43],[-151,-162],[-144,-64],[-87,58],[-56,-116],[42,-190],[-69,-187],[-86,-62],[-8,-306],[-43,-138],[-12,-260],[-61,-84],[-50,-373],[-118,-146],[17,-102],[-113,-111],[7,-150],[-73,-169],[-62,-26],[40,-256],[-17,-229],[30,-94],[-25,-282],[-108,-89],[7,-121],[-86,-53],[68,-80],[61,-558],[-95,-56],[40,-247],[-83,-195],[-94,-111],[-72,53],[-57,-130],[-71,14],[-125,-302],[-206,-271],[-41,-249],[7,-183],[-71,-113],[15,-153],[-117,-60],[-46,-271],[-68,-81],[-54,-230],[-241,-195],[-161,-371],[14,-123],[-111,-336],[27,-151],[-56,-136],[61,-89],[-98,-61],[-40,-141],[29,-123],[-94,-101],[4,-125],[-103,-84],[-6,-301],[-47,-91],[-21,-240],[-46,-6],[-53,-293],[-58,-9],[-19,-321],[-62,-480],[-171,-254],[20,-82],[-54,-202],[-149,-138],[-18,-110],[-234,-254],[-86,-352],[-176,-86],[-38,-147],[-167,-101],[37,-121],[-41,-237],[-53,218],[-38,-95],[3,-229],[-97,-42],[-82,-362],[-113,-103],[-113,51],[-23,-127],[-59,80],[-255,19],[-133,-116],[-144,-63],[-151,32],[-84,-89],[-149,80],[-126,-41],[-121,-219],[-88,-1],[-138,-146],[-78,23],[-103,381],[-198,-89],[-100,113],[-49,-44],[-243,120],[-18,175],[-90,123],[-12,161],[-56,10],[-13,175],[-77,91],[-93,619],[-71,9],[-68,349],[65,78],[-98,183],[-160,49],[-40,175],[-178,238],[-41,272],[-219,-52],[-105,22],[-91,-164],[-185,-103],[-76,-114],[-58,-199],[-101,-151],[-169,-39],[-148,-144],[-113,-269],[-92,-93],[-263,-105],[-310,-380],[-209,-532],[-142,-44],[-109,-218],[-122,-160],[-128,-276],[-31,-368],[-76,-198],[-113,-423],[10,-193],[-37,-296],[50,-126],[14,-359],[-117,-486],[-170,-370],[20,-106],[-57,-593],[-43,-139],[-89,-35],[-50,-300],[-106,-18],[-80,-233],[-78,-44],[-115,-212],[-82,0],[-246,-262],[2,-129],[-277,-438],[-67,-368],[-78,-142],[-225,-235],[-154,-497],[-113,-115],[-29,-204],[-90,-123],[-141,-50],[-221,-300],[-58,-301],[-60,-92],[-29,-230],[-118,-454],[-125,-150],[-75,49],[-65,-146]],[[34864,73972],[-133,-198],[-59,-270],[46,-66],[31,-328],[2231,404],[959,159],[1106,174],[1140,164],[1239,164],[174,-3992],[200,-3715],[346,-7858],[72,-1713],[70,9]],[[41662,31680],[-381,7668]],[[32975,37767],[-804,-183],[-1599,-394],[-902,-254],[357,-3817]],[[30027,33119],[178,-1913],[83,-825],[611,-6643]],[[30899,23738],[43,-573],[133,-1424],[422,108],[121,74],[790,192],[142,7],[561,150],[1012,230],[30,31],[911,211],[2140,455],[76,29],[1288,260],[526,96],[25,-24],[1804,311],[1111,176]],[[94213,27804],[219,1303],[118,899],[-64,48],[54,245],[-36,112]],[[94504,30411],[-147,-4],[-111,132],[-103,34],[-69,111],[-83,-56],[-39,142],[-264,232],[-115,-18],[-139,172],[-48,-49],[-163,75],[-24,98],[-109,-41],[-233,173],[-30,-177],[-124,417],[-61,2],[-95,292],[-88,-43],[-111,242],[-45,-23],[-126,148],[0,181],[-167,109],[-122,238],[-40,-40],[-71,148]],[[91777,32906],[-10,-101],[-165,-285],[338,-583],[-154,-265],[-122,-1234],[-173,-1632]],[[55131,41927],[1908,27],[910,-34],[913,-65],[484,-24],[846,-76],[1110,-122],[616,-91],[86,228],[96,29],[18,148],[94,162],[59,2],[12,186],[71,98],[110,12]],[[62464,42407],[-68,144],[-64,415],[5,418],[36,351],[140,408],[-43,196],[35,152],[118,164],[-1,246],[227,364],[97,88],[71,223],[82,20],[117,338],[351,385],[205,326],[96,620],[-49,138],[62,207],[44,281],[142,203],[67,-30],[148,-373],[249,143],[102,8],[245,246],[-10,199],[-141,308],[69,300],[-18,171],[-109,284],[-47,398],[-78,169],[-39,403],[44,259],[145,202],[61,168],[130,153],[73,20],[80,172],[50,-5],[116,190],[126,-1],[-80,166],[43,135],[91,42],[94,-149],[117,183],[74,23],[148,217],[-9,105],[90,28],[65,133],[129,93],[1,189],[75,150],[-76,64],[15,175],[150,363],[40,187],[-19,169],[-92,54],[-45,175],[108,138],[6,197],[170,440],[2,158],[184,175],[27,-137],[-92,-169],[85,12],[117,188],[17,121],[104,-21]],[[66869,55082],[61,60],[-48,460],[-64,162],[115,121],[-88,61],[-51,174],[80,183],[-63,152],[-43,236],[-54,24],[-132,-244],[-84,73],[-56,458]],[[66442,57002],[-57,153],[-63,-132]],[[66322,57023],[29,-154],[-32,-126],[-118,-25],[-41,110],[66,204]],[[66226,57032],[39,83],[-40,161],[71,210],[-43,163],[-130,4],[3,121],[142,133],[-88,130],[-194,-29],[-16,64],[164,200],[51,198],[-147,190],[-35,319],[-47,7]],[[65956,58986],[-1152,143],[92,-374],[142,-206],[21,-177],[162,-190],[70,-173],[24,-330],[-36,-166],[-116,-79],[-26,-281],[-1731,168],[-2103,161],[-1452,86],[-1388,59],[-1267,37]],[[55910,44178],[-65,-109],[-103,-17],[-25,-100],[38,-260],[-137,-227],[16,-163],[-147,-164],[5,-79],[-102,-88],[-136,-598],[-12,-138],[65,-47],[-18,-175],[-42,132],[-111,1],[-5,-219]],[[77907,47475],[115,37],[203,-183],[136,-72],[14,-509],[24,-64],[146,-41],[21,-100],[-47,-325],[-88,-330],[109,-202],[-16,-220],[66,-321],[122,-240],[69,128],[71,0],[72,177],[-33,150],[73,87],[104,-307],[95,61],[-46,-147],[16,-167],[-105,-272],[106,-85],[-46,-312],[94,-207],[19,-193],[173,-12],[-3,-277],[163,-323],[109,200],[81,2],[116,-187],[79,-22],[48,-188],[76,-71],[89,-306],[196,-440],[93,-73],[-5,-231],[46,-141],[-69,-113],[50,-191],[-17,-164],[49,-100],[-41,-143],[85,-65],[6,-224],[-35,-400],[39,-104],[-11,-213],[55,-367],[44,-78],[17,-223],[-51,-318],[4,-270],[-78,-230],[-79,-126],[38,-176],[184,-140]],[[82737,41088],[184,1962],[75,-66],[70,-211],[107,-184],[43,6],[42,-237],[162,-253],[50,-262],[111,-20],[142,56],[199,-699],[-9,-124],[113,49],[-69,78],[232,188],[158,10],[172,-60],[45,-165],[-41,-112],[82,-12],[51,-225],[154,34],[116,-339],[121,15],[197,247],[104,-88],[196,-3],[10,114],[-72,54],[45,175],[165,148],[60,138],[34,340],[66,28]],[[85852,41670],[-38,138],[-64,638],[-1014,-979],[58,423],[-93,406],[39,40],[-46,196],[71,97],[-228,605],[42,41],[-64,230],[-40,-58],[-130,347],[-21,-98],[-93,211],[-88,506],[-247,-265],[-66,248],[-42,365],[17,163],[-50,14],[-89,558],[5,122],[-142,361],[-298,-88],[-142,-328],[-205,-94],[-41,472],[34,157],[-63,322],[-95,220],[49,132],[-86,133],[-127,462],[41,84],[-88,473],[-105,228],[-198,576],[-47,224],[19,97],[-62,166],[66,160],[87,47],[-162,295],[7,108],[84,-14],[-20,105],[-274,411],[-83,-206],[-68,51],[-237,375],[-104,116],[-176,-176],[-25,186],[72,125],[-77,146],[-356,239],[-181,219],[-274,-328],[-72,271],[-55,24],[-173,295],[-203,74],[-222,-267],[-113,16],[-176,-318],[-16,-213],[-120,-127],[110,-174],[-81,-71]],[[79273,50584],[-264,-18],[-38,-123],[-145,-87],[-64,-126],[-98,-11],[-117,-422],[-159,-200],[-8,-133],[-102,-46],[-58,-114],[47,-213],[-95,-40],[-81,-252],[-133,-162],[-58,-161],[56,-37],[-23,-246],[56,-122],[-11,-200],[-54,-100],[-17,-296]],[[62464,42407],[68,-49],[12,-427],[-76,-159],[89,-266],[167,-125],[105,-7],[102,-135],[33,-375],[-7,-172],[153,-386],[58,-70],[21,-440],[-14,-223],[-79,-221],[-88,-32],[-129,-279],[57,-253],[33,-409],[118,-100],[76,42],[117,-132],[199,-8],[134,-60],[101,-205],[214,-62],[75,-169],[112,-98],[2,-354],[25,-214],[56,-133],[145,-154],[42,-403],[-22,-209],[31,-165],[-46,-145],[-7,-287],[-93,-144],[-297,-235],[-72,-196],[19,-173],[-97,-205],[-132,-121],[-40,-106],[-128,-104],[1,-141]],[[63502,34098],[930,-94],[1346,-114],[759,-72],[1095,-166],[515,-58]],[[68147,33594],[13,412],[-32,326],[74,350],[112,292],[129,251],[9,111],[122,511],[31,248],[150,435]],[[68662,51678],[-51,242],[-97,126],[-56,194],[62,330],[134,208],[-29,170],[-342,127],[-137,216],[-81,-80],[-111,163],[-51,405],[134,294],[50,201],[-47,301],[-151,35],[-159,-176],[-183,-65],[-137,-155],[-228,-122],[-121,28],[-141,245],[-35,185],[-72,125],[-32,267],[88,140]],[[34864,73972],[-1680,-335],[-1475,-315],[-129,1713],[-1587,-359]],[[65956,58986],[30,122],[142,231],[-55,78],[-71,-71],[-88,67],[7,127],[110,143],[-133,66],[-52,180],[-110,84],[-54,-63],[-77,88],[-3,186],[65,129],[112,-66],[9,133],[-175,209],[91,137],[-11,131],[-133,-164],[-88,56],[-10,170],[59,146],[-60,242],[-28,-238],[-92,0],[-85,190],[-13,143],[80,25],[29,-139],[79,98],[-50,312],[-98,44],[27,152],[96,8],[51,149],[-75,99],[102,171],[-62,100],[-72,-60],[-60,68],[-52,359],[-152,-43],[-25,181]],[[65061,62966],[114,160],[5,169],[-157,197],[-148,115],[-33,-190],[-75,12],[49,227],[17,268],[-28,105],[-82,-2],[-9,-278],[-87,273],[43,117],[129,-8],[20,100],[-71,152],[-72,27],[-16,-218],[-63,74],[9,212],[86,293],[-74,211],[51,190],[-24,94],[-138,148],[8,186],[-65,25],[12,-180],[-143,29],[46,221],[-41,104],[-122,61],[-20,238],[-111,-133],[-46,115],[86,119],[131,-16],[-31,177],[-138,-94],[-78,111],[13,104],[147,97],[-27,206],[-181,58],[53,146],[-69,59],[-39,-139],[-123,119],[19,80],[128,99],[-103,236],[58,202],[103,100],[-282,66],[1,182],[52,78],[90,-51],[67,161],[-108,67],[-129,-177],[-122,124],[172,186],[13,119],[-171,129],[91,247],[-89,238],[120,-63],[5,-174],[74,89],[-7,165],[-130,63],[72,136],[96,-60],[43,-229],[55,83],[-143,311],[4,200],[84,229],[55,-194],[45,63],[-83,196],[17,290],[-30,55],[-148,-26],[-30,126],[148,162],[-70,238]],[[63736,70773],[-1462,104],[-504,29],[-2150,89],[-1239,47]],[[13284,60870],[104,59],[154,243],[128,138],[67,310],[-46,127],[-78,-116],[-161,-89],[-26,-132],[34,-236],[-119,-103],[-57,-201]],[[13043,62541],[57,11],[104,480],[186,479],[-142,26],[-102,-244],[-103,-752]],[[12100,58185],[117,62],[-12,96],[-110,-35],[5,-123]],[[11421,60871],[95,16],[146,289],[-91,11],[-115,-121],[-35,-195]],[[11257,57627],[165,169],[115,35],[102,191],[118,65],[65,-104],[121,113],[-93,114],[-188,-43],[-118,53],[-260,-196],[24,-195],[-51,-202]],[[10630,57649],[146,40],[237,-5],[-20,155],[105,92],[-14,156],[-290,57],[-71,-124],[-93,-371]],[[10292,57356],[175,-64],[78,233],[-104,-13],[-149,-156]],[[8891,24760],[762,401],[603,299],[325,123],[156,103],[651,316],[410,182],[596,310],[1528,762],[1194,543],[459,198]],[[15575,27997],[-631,4183],[-205,1395],[-309,2029],[-425,2726],[-120,846],[1130,2903],[659,1703],[1490,3831],[1527,3937],[1213,3121],[1226,3147]],[[19970,66387],[-4489,-908],[20,-358],[-74,-273],[-100,39],[40,-513],[-27,-85],[79,-175],[16,-538],[-31,-444],[-215,-922],[-136,-262],[-62,-238],[-116,-124],[-84,-354],[-140,-256],[-83,-86],[-107,-236],[-120,-347],[-148,-192],[-25,148],[-145,18],[-254,-256],[-14,-135],[77,-86],[23,-135],[-38,-409],[-92,-383],[-81,-90],[-319,-95],[-124,71],[-71,-161],[-144,-97],[-238,-318],[-73,-38],[-129,-238],[-38,-440],[-141,-325],[-37,-10],[-94,-263],[-153,-222],[-198,-97],[-77,49],[-140,-150],[-145,-28],[-209,-297],[-228,-153],[-288,-103],[-310,-63],[-28,-312],[-204,-323],[142,-379],[-26,-266],[99,-302],[-32,-247],[-40,-30],[163,-554],[20,-302],[-135,-217],[-49,50],[-148,-251],[-47,-187],[98,-272],[41,-285],[-41,-201],[-160,-120],[-119,-407],[-62,-375],[-183,-239],[-28,-170],[11,-274],[-164,-487],[-2,-460],[-102,-133],[-48,-394],[-102,-372],[-143,-224],[-88,-377],[26,-244],[-5,-418],[61,-269],[-51,-116],[111,-154],[40,150],[143,-153],[152,-516],[-49,-535],[-88,-228],[-87,54],[-226,-115],[-135,-298],[-106,-463],[-52,-29],[-17,-231],[-50,-116],[10,-207],[98,-396],[-25,-321],[14,-172],[-84,-205],[136,-596],[29,-365],[199,-25],[6,309],[-46,88],[-32,265],[16,189],[152,153],[117,332],[50,9],[53,240],[77,27],[-81,-242],[-11,-329],[22,-309],[-108,-269],[27,-114],[-130,-184],[89,-213],[-2,-234],[-107,-70],[-36,-230],[114,-5],[16,-111],[116,44],[85,-94],[-28,-256],[-130,-217],[-186,51],[-66,324],[61,169],[-82,40],[-44,123],[79,230],[-97,-98],[3,247],[-97,6],[-34,-148],[-127,-274],[-84,2],[-99,-280],[-35,-200],[-84,-157],[-92,-72],[-83,117],[-55,-72],[153,-363],[52,-180],[-27,-292],[46,-116],[-51,-197],[-71,-2],[29,-218],[-44,-386],[-162,-325],[-102,-271],[-117,-669],[-225,-632],[-82,-332],[2,-147],[123,-208],[18,-136],[-37,-911],[22,-351],[69,-278],[148,-352],[0,-209],[43,-298],[-35,-175],[35,-421],[-71,-162],[-6,-191],[-104,-471],[-61,-98],[-1,-299],[-107,-164],[-198,-630],[61,-185],[10,-310],[-28,-197],[97,-276],[150,-313],[330,-589],[183,-390],[107,-357],[-50,-128],[51,-334],[140,-276],[207,-738],[41,-414],[-5,-777],[-44,-7],[-72,-226],[145,-348],[67,-409]],[[89344,39315],[-17,-88]],[[89382,38984],[-112,180],[-15,218],[98,102],[-10,332],[237,450],[101,78],[129,382],[-6,193],[72,361],[165,214],[41,235],[262,366],[108,57],[67,-85],[108,497],[131,779]],[[90758,43343],[-583,219],[-512,160],[-668,-4059],[-94,-643]],[[87032,42793],[106,-278],[268,311],[-174,459]],[[87232,43285],[-14,-228],[-81,-162],[-105,-102]],[[35766,96281],[15,-144],[179,-286],[82,-15],[69,-280],[121,-168],[14,-226],[-82,-164],[-69,-255],[-15,-226],[32,-191],[79,-62],[224,147],[30,102],[167,144],[112,154],[88,-20],[192,102],[418,337],[295,407],[100,216],[-17,427],[183,-8],[55,184],[-5,187],[171,268],[188,152],[-17,187],[-331,507],[-322,284],[-152,60],[-192,-19],[-135,221],[-119,81],[-76,138],[-110,55],[-110,214],[6,107],[-98,315],[-148,208],[-115,-197],[-170,-169],[-160,-85],[-85,-322],[70,-824],[-76,-539],[-64,-38],[-54,-455],[-183,-466],[15,-45]],[[34406,91804],[72,-328],[154,-99],[97,106],[150,419],[187,-96],[128,-117],[199,69],[0,53],[205,214],[36,129],[236,119],[35,277],[-139,261],[-187,118],[-106,-31],[-230,175],[-158,30],[-137,-134],[-46,-638],[-88,-67],[-67,80],[-197,-162],[-99,-188],[-45,-190]],[[34402,93280],[264,-283],[71,101],[-14,227],[-114,-15],[-166,67],[-41,-97]],[[33645,91867],[153,-106],[194,64],[126,196],[58,207],[-60,170],[-149,95],[-123,17],[-91,-454],[-108,-189]],[[33124,91117],[114,-264],[-14,-189],[554,147],[76,-113],[35,137],[164,43],[203,-59],[130,81],[-63,180],[-132,168],[-157,68],[-458,-206],[-330,60],[-122,-53]],[[31100,89295],[319,-28],[226,-428],[104,-47],[93,317],[181,378],[-9,267],[131,181],[29,-187],[88,8],[-34,208],[62,194],[121,208],[-123,138],[-116,-64],[-118,69],[-144,-175],[-192,-37],[-275,51],[-57,-273],[-81,-117],[-27,-166],[-85,-151],[-2,-199],[-91,-147]],[[27948,87541],[10,-131],[81,-123],[32,-160],[360,-322],[100,90],[49,-98],[178,-9],[110,69],[116,269],[-7,149],[-77,204],[4,343],[-121,214],[-121,129],[-64,-52],[-267,-43],[-135,-234],[-203,-129],[-45,-166]],[[26988,88208],[30,-141],[198,-232],[52,-175],[85,-29],[-17,406],[-174,115],[-94,321],[-91,-137],[11,-128]],[[62450,30375],[-20,166],[57,157],[-17,193],[180,186],[87,216],[-179,491],[14,357],[55,286],[9,220],[75,81],[93,550],[196,193],[359,131],[105,270],[38,226]],[[55131,41927],[24,-92],[-64,-194],[-90,-69],[-78,-210],[78,-151],[-8,-365],[52,-54],[-41,-232],[20,-125],[-69,-142],[11,-305],[-35,-256],[66,-99],[-110,-15],[-33,-388],[66,26],[20,-131],[-115,-83],[41,-469],[-137,-64],[20,-153],[-58,-112],[-43,124],[-71,-147],[25,-105],[-58,-182],[31,-69],[-33,-211],[80,-420],[-57,-53],[-96,-341],[54,-254],[-165,-88],[7,-157],[-76,-38],[8,-251],[-124,-194],[-22,-211],[54,-56],[-74,-303],[-80,-166],[4,-188],[58,-177],[-25,-145],[-81,-26]],[[73897,45707],[119,-187],[113,159],[149,72],[152,-108],[59,-120],[65,61],[22,167],[149,51],[79,102],[42,188],[109,220],[61,328],[252,83],[154,-98],[214,71],[39,118],[108,87],[30,140],[187,75],[74,-235],[156,-108],[99,85],[179,25],[155,195],[72,-131],[167,-25],[37,-190],[95,-116],[28,-123],[88,-22],[137,-152],[146,630],[75,71],[131,-9],[223,282],[45,182]],[[79273,50584],[-584,1209],[-157,122],[-164,194],[-273,395],[23,287],[-93,166],[-140,153],[32,179],[-25,164],[-150,158],[-178,54],[-82,303],[4,149],[-102,38],[-189,153],[-192,215],[-190,52],[-192,208],[-42,95]],[[76579,54878],[-21,75],[-526,89],[-982,182],[-531,74],[-324,10],[-303,36],[-515,140],[-609,86],[-356,33],[-535,23],[-310,39],[-95,90],[-50,-65],[-926,192],[-548,92],[-756,144],[0,-118],[-393,1],[93,519],[-29,173],[-1387,166],[-827,87],[-207,56]],[[66322,57023],[-96,9]],[[89393,45821],[-90,33]],[[89303,45854],[-29,-300],[100,4],[19,263]],[[89139,45236],[-20,-259],[63,-66],[132,451],[-175,-126]],[[90758,43343],[1,502],[-23,60],[-49,870],[-48,291]],[[90639,45066],[-635,369],[-57,193]],[[89947,45628],[-86,-70],[-119,59],[-105,254],[-68,-2],[-24,-186],[16,-243],[91,-130],[-123,-18],[62,-254],[-127,17],[-64,133],[-30,-281],[153,-148],[-146,-154],[46,-397],[-77,108],[-48,386],[-93,-197],[63,-102],[-88,-166],[-48,296],[50,76],[-10,156],[-58,-21],[-93,113],[-56,-22],[-146,-251],[-261,-586],[118,-87],[-75,-232],[-1,-159],[64,-98],[51,68],[61,-111],[22,113],[134,-16],[117,50],[-127,-182],[-110,-8],[-106,-95],[-124,-214],[-16,97],[-83,-35],[12,194],[-46,-11],[-18,-335],[70,-336],[107,117],[39,-83],[-67,-365],[-54,-36],[-85,188],[-74,13],[28,154],[-70,80],[-16,-344],[54,-416],[67,201],[131,-10],[52,-123],[-55,-164],[43,-200],[-94,63],[26,289],[-66,-51],[-13,-241],[-101,-179],[45,-474],[49,-295],[82,-187],[183,-48],[-64,-51],[69,-268],[-62,2],[21,-420],[-200,154],[-17,167],[117,149],[-63,70],[-165,387],[-57,-84],[22,-191],[-56,-74],[-19,330],[62,91],[-24,163],[-76,-295],[-94,-16],[83,282],[-75,181],[77,46],[-137,293],[-104,-18],[-14,-84],[-154,-61],[120,236],[205,159],[19,304],[95,130],[-117,194],[55,239],[-59,10],[-22,192],[61,75],[-86,311],[76,143],[12,177],[64,224],[32,331],[61,160],[221,296],[-23,264],[-86,7],[43,126],[76,-100],[55,40],[-25,155],[44,149],[147,260],[-22,81],[67,277],[-202,-174],[-56,-197],[-49,47],[12,188],[-105,-78],[-64,-187],[-76,-80],[-151,-26],[-212,65],[-28,-163],[-127,-262],[71,385],[-151,-94],[-118,-178],[-113,-348],[-287,436],[-83,-61],[-85,-361],[31,-287],[146,-377]],[[87148,43931],[-21,-145],[133,-222],[-28,-279]],[[87032,42793],[-58,-98],[-184,-22],[-6,-133],[-181,-107],[-212,20],[-116,-137],[-2,-240],[56,-201],[-140,-86],[-73,-148],[-81,41],[-183,-12]],[[72376,19856],[67,-9],[39,130],[375,129],[-83,211],[-132,-33],[-266,-428]],[[71033,20248],[123,104],[-12,121],[-115,-102],[4,-123]],[[70925,21159],[19,-326],[43,-121],[-3,-187],[103,3],[51,546],[-100,163],[-113,-78]],[[70780,20656],[76,-41],[-20,182],[-56,-141]],[[70569,21819],[78,44],[14,191],[-92,-235]],[[70356,23024],[27,-79],[111,61],[18,289],[-57,6],[-84,-143],[-15,-134]],[[70242,23544],[52,-156],[65,57],[-78,144],[-39,-45]],[[69268,21380],[125,190],[-41,80],[-84,-270]],[[69896,36148],[165,-256],[144,-313],[170,-897],[180,-557],[73,-415],[49,-481],[15,-927],[-61,-761],[-49,-365],[-106,-446],[-226,-656],[-179,-738],[-80,-223],[-48,-254],[11,-130],[93,-282],[33,-286],[-86,-570],[-101,-318],[121,-259],[107,-519],[97,-386],[16,-294],[-16,-236],[26,-327],[-72,-301],[21,-227],[218,-175],[18,-112],[-21,-520],[136,-26],[61,-252],[104,95],[96,-59],[71,-403],[92,-177],[75,-376],[117,-112],[22,123],[-118,213],[93,246],[-110,348],[66,-78],[20,244],[-36,29],[-19,348],[53,237],[54,-15],[69,-479],[-55,-11],[51,-313],[66,-78],[-17,555],[-72,159],[-13,195],[80,30],[162,-734],[-2,-716],[-63,-444],[18,-140],[231,-376],[99,-71],[176,0],[174,-157],[-17,-107],[-190,-20],[-84,-138],[-72,-340],[54,-242],[87,-103],[94,-315],[-121,-98],[337,-17],[30,-168],[360,261],[159,159],[70,-81],[132,-8],[185,75],[154,246],[47,210],[316,6],[178,218],[134,-7],[208,187],[159,-54],[205,295],[-42,98],[107,296],[75,114],[105,383],[-214,-132],[-74,166],[43,82],[-4,216],[93,169],[122,59],[46,185],[30,317],[47,113],[-31,467],[28,207],[22,766],[-48,41],[-80,251],[-131,25],[-50,191],[-6,661],[-146,111],[12,161],[-235,72],[-105,297],[5,545],[-32,109],[94,281],[99,86],[47,-122],[37,117],[116,44],[86,108],[52,-65],[135,-428],[109,-109],[-50,-156],[67,-453],[37,159],[121,-229],[-128,-71],[142,-24],[74,-233],[126,-63],[202,-177],[26,-120],[164,-137],[210,133],[96,108],[129,379],[88,182],[63,339],[62,516],[150,605],[93,800],[99,453],[157,448],[-51,208],[-6,461],[38,172],[-41,610],[-113,256],[-61,-10],[-62,156],[-9,-215],[-59,-76],[119,-301],[-128,-53],[-145,173],[-23,152],[72,187],[-82,3],[-51,184],[29,275],[-57,398],[-217,184],[-80,326],[37,576],[-84,104],[16,231],[-109,286],[-89,75],[-12,177],[-63,50],[-76,335],[46,177],[-47,42]],[[75446,35165],[-1481,426],[-730,191]],[[64918,13379],[106,-237],[496,-525],[39,0],[216,-347],[159,-157],[35,32],[148,-118],[-35,110],[-179,324],[2,98],[-128,196],[-335,265],[-149,189],[141,48],[-310,277],[-100,1],[-106,-156]],[[63336,18545],[380,-342],[205,-132],[159,-269],[99,-222],[86,-97],[177,-76],[85,45],[158,-106],[151,-26],[245,-256],[185,-369],[200,-37],[89,-182],[44,-229],[181,-234],[152,-286],[122,-94],[103,-195],[111,-311],[344,-378],[303,-126],[270,-16],[136,107],[15,126],[-155,105],[-215,22],[37,166],[-169,193],[-150,334],[-73,36],[-19,245],[-84,74],[-7,120],[-80,123],[-13,192],[-108,194],[-36,542],[57,268],[93,-299],[199,-391],[147,-162],[-6,88],[-131,242],[-52,210],[152,-298],[140,-81],[149,34],[130,-33],[252,133],[21,127],[154,50],[64,101],[29,196],[100,146],[39,151],[102,155],[92,23],[43,321],[170,47],[231,-67],[131,-165],[63,17],[57,199],[104,100],[105,-3],[35,-159],[80,-4],[66,130],[9,-230],[-49,-167],[83,-78],[45,96],[-19,186],[98,70],[160,-365],[177,-133],[302,-416],[64,59],[331,-199],[129,14],[319,-35],[160,-52],[326,-343],[125,-63],[169,-11],[168,-78],[-98,295],[10,368],[31,216],[-41,72],[75,165],[117,-60],[222,120],[175,-195],[74,-4],[71,253],[198,-140],[49,-241],[254,-53],[34,-134],[150,-18],[34,93],[-29,335],[69,383],[25,306],[-155,41],[-34,223],[193,-58],[47,103],[118,48],[-58,163],[143,199],[71,-11],[127,113],[26,-124],[88,96],[15,-218],[-92,-180],[84,30],[207,-96],[87,36],[97,279],[100,81],[-41,222],[-75,81],[-157,-91],[-168,88],[-183,-98],[-208,80],[-150,-43],[-332,157],[-65,107],[-181,-178],[-70,86],[-65,-228],[-69,37],[-80,-84],[-49,108],[26,201],[-76,122],[83,339],[-66,81],[-140,-112],[-24,-96],[-125,-99],[-152,-260],[-241,-124],[-69,36],[-225,-139],[-68,53],[-218,7],[-112,254],[-78,258],[-50,36],[-180,-43],[-124,72],[-32,183],[-211,-120],[-226,37],[-121,102],[-63,149],[-36,452],[-81,0],[-19,103],[-125,80],[-32,176],[-68,24],[6,146],[-62,38],[29,197],[-151,-138],[-20,-130],[74,-82],[37,-313],[74,2],[68,-298],[-27,-138],[-67,-22],[-83,263],[-217,-64],[24,183],[-66,168],[-16,187],[-158,128],[-65,-28],[-28,-397],[-54,-100],[-54,110],[19,396],[-166,206],[-119,440],[-88,416],[15,63],[-92,249],[-94,382],[-198,572],[38,136]],[[67974,23591],[-114,-32],[-129,-224],[50,-493],[54,-167],[-82,-182],[-86,169],[-127,12],[-69,-90],[11,-222],[71,-124],[23,-160],[-69,-234],[51,18],[22,-184],[-80,-134],[61,-109],[-55,-138],[-152,-161],[-92,17],[-57,-134],[-151,59],[-71,-118],[86,-188],[-54,-211],[-230,-125],[-74,56],[-138,-136],[-51,69],[-151,-144],[-150,29],[-14,111],[-198,-126],[-54,51],[-119,-78],[-390,-326],[-1620,-572],[-86,-384],[-109,-256],[-135,-31],[-25,-119],[-92,89],[-43,-124]],[[69164,80888],[196,-33],[-82,124],[-114,-91]],[[68657,80846],[107,-58],[252,112],[-163,6],[-196,-60]],[[68245,81011],[181,-55],[-144,109],[-37,-54]],[[67912,80966],[144,-14],[-40,127],[-104,-113]],[[65061,62966],[1584,-168],[1108,-142],[1127,-155]],[[69359,80276],[-202,212],[-65,-75],[-85,58],[-39,-93],[-124,-4],[-157,76],[-130,-126],[-10,94],[-204,-101],[-305,137],[-389,297],[15,-181],[-72,-89],[-94,100],[77,180],[-164,206],[-45,270],[-146,35]],[[67220,81272],[-88,12],[-98,-170],[-59,-224],[18,-200],[-113,-243],[-7,-175],[-152,-191],[-92,-189],[-41,-288],[-68,-96],[36,-250],[-13,-162],[48,-101],[70,-587],[47,-197],[-48,-27],[-1305,147],[-1188,115],[-1100,90],[134,-162],[-9,-119],[-115,-235],[63,-177],[-111,-206],[2,-125],[128,12],[104,-63],[17,-145],[-143,-320],[60,-135],[61,236],[71,15],[10,-120],[-84,-179],[-13,-332],[123,-43],[77,-121],[-31,-104],[-117,52],[-64,-100],[34,-125],[132,120],[54,-39],[-3,-350],[76,-122],[150,-28],[21,-85],[-192,4],[41,-315],[132,-18],[158,-263],[-20,-164],[206,-232],[-166,-151],[60,-70],[59,103],[108,-201],[54,-231],[-86,-75],[1,209],[-207,-14],[-10,-247],[263,-174],[54,81],[42,-153],[-18,-167],[80,16],[72,-151],[-178,-75],[-20,-199],[50,-71],[-55,-109],[-65,72],[-168,-176],[23,-165],[196,148],[19,-57],[-179,-213],[137,-267],[-46,-88],[-40,155],[-126,96],[-70,-208],[128,-205],[41,-137],[-192,-51],[-14,-265],[30,-127],[131,-181],[-40,-333],[-91,-5],[14,201],[-35,100],[-120,-99],[81,-291]],[[25191,4391],[1222,445],[1212,407],[994,341],[998,311],[2207,658],[728,200],[1157,300],[1795,442],[1116,254],[1171,251],[1418,281],[1225,222],[1144,194],[1223,183]],[[30899,23738],[-109,-106],[-18,-168],[-112,-206],[17,-160],[-119,-426],[-100,-136],[-47,149],[-114,-20],[5,165],[-104,206],[69,225],[-54,31],[-124,-124],[-50,40],[-137,-83],[-24,58],[-179,82],[-56,-229],[-183,54],[-78,-62],[-126,64],[-116,-82],[-79,-159],[-67,-22],[-129,116],[-76,292],[-122,-161],[-49,51],[-71,-106],[-172,-55],[-84,-98],[-105,44],[-110,208],[18,179],[-57,60],[-50,-162],[-162,-264],[-17,-185],[41,-100],[-89,-324],[55,-57],[1,-227],[-40,-82],[-22,-300],[-160,-245],[-163,97],[-8,-139],[-135,-221],[-28,-332],[84,-18],[28,-377],[-92,-161],[19,-80],[-89,-80],[-13,-248],[-106,-278],[-49,-294],[30,-252],[-51,-260],[56,-237],[-106,-35],[77,-292],[-124,-203],[-110,-271],[-55,27],[-17,167],[-84,54],[-134,229],[-97,49],[-81,-63],[-42,181],[-126,100],[-105,-232],[-47,-216],[-137,-44],[38,-167],[-21,-136],[107,-77],[15,-202],[-72,-226],[136,-253],[137,43],[46,-104],[-43,-222],[50,-62],[-84,-184],[-11,-203],[71,-171],[-81,-136],[28,-156],[107,12],[3,-362],[58,-17],[58,-211],[9,-196],[93,-185],[-16,-222],[82,-9],[106,-504],[-51,-103],[-100,-1],[-76,87],[-221,-106],[-23,-161],[44,-94],[-104,-163],[-121,127],[1,-318],[-135,-162],[-67,-220],[53,-216],[-84,-232],[-71,-15],[-26,-304],[-115,-372],[-72,-101],[-77,-437],[-122,-75],[-155,-207],[-15,-186],[-252,-447],[170,-13],[-59,-117],[3,-163],[-60,-128],[104,-119],[-43,-245],[38,-149],[-124,-260],[-2,-244],[-69,-134],[-132,-553],[-25,-25],[474,-3787]],[[92968,16433],[-28,-214],[75,-267],[2,-294],[-87,-84],[88,-34],[115,-325],[115,156],[149,-51],[38,-256]],[[95336,23105],[-71,511],[3,268]],[[92763,25585],[-178,-247],[-58,-278],[-6,-275],[83,-104],[25,-163],[-59,-150],[17,-265],[-53,-83],[-27,-432],[32,-230],[-55,-173],[-15,-443],[-44,-119],[-5,-248],[65,-142],[-17,-389],[115,-321],[-21,-327],[82,-438],[-49,-125],[77,-417],[-107,-343],[1,-193],[-49,-107],[26,-207],[187,-190],[132,-86],[-16,-102],[147,-185],[60,-277],[88,-145],[-60,-185],[55,-65],[-32,-250],[-65,-79],[-122,-316],[62,-158],[1,-303],[58,-218],[-109,-241],[39,-133]],[[94259,30777],[16,-81],[139,-125],[-101,193],[-54,13]],[[94010,31176],[83,-93],[-47,166],[-36,-73]],[[91272,34396],[57,203],[-100,332],[-188,184]],[[86010,23729],[65,-193],[-5,156],[-60,37]],[[85877,23714],[49,-155],[56,-2],[-105,157]],[[81282,31551],[171,-230],[306,-532],[101,-266],[159,-216],[143,-129],[36,-245],[64,-142],[6,-176],[191,-247],[85,-209],[-33,-214],[-162,-397],[-139,-71],[-30,-300],[-108,-20],[26,-264],[-93,-436],[355,-325],[301,-251],[225,-138],[407,-109],[203,-91],[206,-42],[362,5],[189,163],[209,106],[209,-235],[438,-195],[132,21],[129,-43],[67,-106],[166,-128],[137,-185],[75,-297],[298,-536],[184,-26],[89,-96],[30,-191],[-24,-284],[-123,-562],[-125,-89],[40,-185],[77,-62],[23,101],[102,-175],[-32,-132],[-130,-112],[-113,90],[4,-152],[-95,-84],[-85,29],[-24,-261],[45,-403],[103,-55],[110,-181],[-15,-156],[219,-341],[128,-127],[113,-294],[45,-344],[314,-859],[331,-759],[240,-340],[118,-254],[99,-38],[110,-170],[159,38],[68,-63],[540,-182],[290,-114],[413,-204],[811,-371]],[[90152,17663],[56,344],[-21,322],[86,96],[-13,253],[55,578],[163,283],[55,262],[-29,233],[87,350],[-3,121],[-76,241],[4,574],[51,50],[53,349],[85,197],[-1,206],[93,166],[-49,557],[29,192],[53,37],[11,-221],[108,-57],[29,140],[111,197],[127,1001],[190,1589],[-1,141],[71,192]],[[91777,32906],[-23,153],[-101,185],[20,260],[-77,24],[78,174],[71,-327],[98,-15],[18,-144],[207,-164],[9,-116],[143,45],[-10,-130],[93,70],[213,-3],[118,-144],[-7,-145],[160,-52],[436,-197],[216,-158],[218,-373],[151,-415],[179,-143],[-91,309],[118,134],[118,-14],[37,-101],[117,187],[200,-302],[-1,-93],[150,-89],[-1,98],[-344,472],[-398,593],[-259,324],[-289,329],[-416,554],[-232,238],[-154,105],[-39,-33],[-354,349],[-358,112],[-246,290],[-2,-130],[-131,58],[-76,-169],[22,-144],[-64,-99]],[[76665,35383],[90,-78],[-29,133],[-61,-55]],[[76474,35258],[-5,-239],[90,37],[-85,202]],[[75446,35165],[21,96],[121,51],[76,-76],[173,183],[287,124],[127,191],[115,67],[117,-160],[25,-159],[94,160],[111,-32],[1,98],[201,295],[238,125],[183,-221],[173,-73],[91,-140],[282,-270],[129,61],[319,-65],[213,-341],[219,-497],[225,-398],[62,-21],[357,-458],[174,-105],[582,-585]],[[12669,9647],[108,15],[52,185],[-35,171],[65,175],[135,74],[197,-76],[73,51],[252,529],[6,212],[52,305],[-14,364],[-52,203],[21,128],[-68,457],[109,209],[276,294],[141,78],[56,138],[125,62],[116,-63],[127,39],[334,-121],[85,-114],[92,-10],[107,102],[324,24],[178,217],[103,0],[164,210],[10,262],[81,24],[93,-108],[218,66],[65,84],[77,-78],[276,-49],[99,-74],[110,79],[59,178],[154,73],[307,31],[81,-106],[164,-18],[180,-75],[259,22],[205,53],[97,-150],[89,-40],[116,126],[367,25],[194,110],[202,-96],[44,-63],[1301,537],[1831,740]],[[22477,15058],[37,321],[108,434],[103,25],[30,160],[108,55],[58,129],[-6,270],[68,282],[-181,345],[-32,174],[-61,55],[-189,404],[-176,645],[-140,259],[-97,111],[-37,157],[18,187],[-231,496],[-225,137],[-208,542],[-28,134],[-135,136],[-14,217],[-58,98],[52,262],[-70,120],[62,176],[116,-33],[62,216],[120,23],[-19,144],[70,49],[25,163],[-83,175],[-76,28],[36,266],[-123,370],[-28,176],[-64,10],[-34,187],[-891,6782]],[[20344,29945],[-965,-370],[-1406,-558],[-315,-116],[-819,-351],[-826,-368],[-438,-185]],[[8891,24760],[-103,-269],[-48,-279],[36,-246],[-32,-298],[25,-314],[63,-403],[160,-458],[19,-325],[-47,-96],[1,-228],[-61,-49],[11,-412],[254,-509],[112,-406],[96,-226],[86,-298],[-8,-147],[125,-117],[141,-268],[161,-401],[266,-871],[264,-1048],[157,-761],[125,-443],[36,-220],[141,-558],[100,-638],[97,-228],[245,-852],[107,-483],[32,-281],[69,-268],[14,-228],[42,-61],[126,-540],[35,-266],[-36,-133],[80,-259],[37,-263],[-14,-161],[104,-70],[35,-110],[40,-404],[-24,-441],[26,-34],[96,314],[66,81],[7,-125],[173,-4],[43,118],[95,-68],[69,47],[134,-106]],[[76579,54878],[704,-150],[28,11],[996,-234],[1339,-335],[13,-89],[486,-108],[-45,105]],[[25159,31686],[238,100],[2765,805],[30,27],[1083,301],[752,200]],[[23019,50594],[40,-393],[386,-3395],[213,-1895],[827,-7291],[133,-1140],[498,-4382],[43,-412]],[[90639,45066],[-114,645],[-46,106],[-99,-29],[-68,171],[-79,409],[-28,513],[42,151],[-91,444],[50,26],[-78,489],[-89,187],[29,184],[-12,216],[-87,298],[-116,68],[-30,120],[-27,-248],[-130,-347],[-15,-289],[29,-155],[-21,-251],[34,-757],[117,-595],[-40,-100],[121,-104],[65,-242],[-53,-134],[-83,18],[127,-232]],[[89393,45821],[-48,170],[-42,-137]],[[87148,43931],[-114,109],[-75,-59],[11,186],[-65,403],[-6,179],[126,388],[196,-93],[123,-130],[56,-147],[65,80],[-4,249],[142,168],[18,161],[234,118],[132,-59],[79,87],[27,-81],[152,-25],[40,137],[129,114],[53,151],[86,20],[113,144],[132,30],[210,154],[1,221],[-86,112],[66,463],[-49,148],[91,46],[-108,140],[-215,-142],[-54,112],[-185,-433],[-225,-133],[-213,-329],[-69,-11],[-43,-139],[-95,-67],[4,102],[203,228],[168,327],[117,126],[104,8],[123,343],[96,106],[157,-62],[57,102],[199,8],[-84,197],[65,73],[77,-79],[77,211],[41,224],[-17,309],[-131,-166],[-152,-96],[-35,154],[148,267],[60,23],[-237,181],[52,113],[130,-82],[21,248],[83,-70],[118,131],[56,146],[-19,335],[-69,-30],[-99,242],[-121,-212],[-196,-127],[-112,-126],[5,-162],[-106,-202],[-137,76],[-36,100],[-80,-128],[-116,1],[-34,-73],[-117,167],[82,82],[185,-47],[116,147],[57,-10],[28,-210],[90,319],[-1,180],[54,92],[106,-9],[207,228],[33,210],[164,-72],[48,-109],[79,120],[-50,-275],[100,-56],[66,53],[259,49],[131,-134],[48,61],[143,538],[163,455],[80,287]],[[14862,6382],[74,-321],[94,-198],[34,192],[-43,213],[83,114],[-146,108],[-101,-10],[5,-98]],[[15406,1954],[23,-124],[84,180],[-102,38],[-5,-94]],[[15419,1242],[35,-30],[74,424],[-70,-175],[-39,-219]],[[15303,1766],[52,-72],[38,176],[-91,66],[1,-170]],[[15041,3040],[217,-393],[42,-164],[85,2],[0,229],[80,259],[-85,20],[-50,-89],[-212,227],[124,29],[36,161],[3,263],[-31,54],[-3,338],[115,-252],[57,222],[73,77],[-12,314],[-73,159],[-67,-75],[-15,-298],[-121,24],[24,-103],[-73,-172],[62,-284],[2,-190],[-92,-29],[-86,-329]],[[15092,837],[197,290],[-144,-111],[-53,-179]],[[14901,1109],[101,-37],[-11,104],[-90,-67]],[[15060,0],[83,139],[-90,-41],[7,-98]],[[14646,1390],[52,-76],[102,50],[51,235],[84,71],[-52,-259],[244,-242],[60,35],[160,276],[-122,109],[20,233],[-44,189],[-67,50],[-34,241],[-92,-29],[-49,-193],[-162,-77],[-95,-176],[-56,-437]],[[14656,1030],[70,51],[83,244],[-153,-295]],[[23764,3862],[-308,2316],[-212,1520],[-374,2878],[-370,2808],[-64,290],[82,238],[33,488],[-89,247],[15,411]],[[12669,9647],[-176,-120],[-59,-167],[-69,68],[-63,-67],[-132,107],[-46,-46],[-71,-291],[-48,-51],[-121,130],[111,-417],[71,-389],[70,-510],[37,210],[-68,308],[-52,442],[91,47],[-8,-268],[34,-190],[53,107],[111,-181],[-33,-413],[78,-104],[162,-98],[-67,-161],[-51,67],[-143,23],[-108,-231],[35,-238],[7,-374],[63,50],[-16,125],[197,-118],[191,-2],[-40,-114],[-166,-162],[16,-147],[-133,-115],[-56,52],[-11,302],[-93,21],[101,-504],[37,-409],[14,-443],[-76,-311],[71,-718],[23,-785],[-52,-120],[12,-182],[-72,-233],[-77,-128],[-17,-312],[67,-497],[-17,-293],[49,-31],[161,-495],[-71,-237],[119,25],[111,150],[210,440],[136,192],[53,-4],[168,268],[-19,57],[159,222],[169,129],[233,70],[141,198],[223,89],[46,130],[212,102],[153,-121],[114,236],[15,163],[181,49],[-30,84],[61,107],[-29,187],[56,5],[45,-155],[-55,-143],[24,-125],[188,-35],[0,104],[-94,69],[24,183],[135,-166],[-12,334],[-83,-5],[38,213],[-2,211],[54,96],[-133,11],[-15,137],[-105,70],[-49,191],[-119,203],[-19,-72],[120,-324],[-89,16],[-138,337],[-148,163],[-293,474],[-136,337],[181,110],[197,-53],[78,-97],[-303,66],[-78,-130],[344,-596],[201,-153],[162,-6],[61,-226],[119,-187],[146,-158],[51,22],[7,-324],[89,181],[-42,619],[-94,-54],[40,165],[-46,205],[-2,245],[-92,84],[-25,117],[67,85],[-77,125],[-76,258],[10,78],[-89,183],[18,140],[-123,208],[-98,-311],[89,-284],[-102,94],[-68,180],[11,166],[103,173],[-61,24],[-78,228],[-75,-208],[-49,-382],[85,-84],[36,-189],[-143,212],[-1,244],[-58,140],[76,-17],[22,234],[131,141],[108,-199],[65,-9],[163,-369],[7,-96],[100,246],[62,-176],[163,-37],[27,-512],[-30,-388],[132,-67],[-94,-242],[125,-216],[21,-300],[99,-105],[110,-351],[134,-43],[24,-198],[-59,-108],[-76,-336],[42,-223],[-24,-175],[-84,-40],[-60,131],[17,234],[77,311],[-114,-327],[-62,-44],[-6,-200],[50,-236],[109,-28],[72,109],[72,-107],[-30,-166],[-119,-209],[-43,-184],[25,-119],[-166,30],[-38,-202],[55,-176],[107,5],[60,81],[19,172],[96,32],[11,-365],[89,23],[46,-94],[-74,-258],[8,-220],[64,-118],[-50,-123],[-90,-26],[-133,85],[62,-130],[-82,-88],[23,-251],[-70,-161],[83,-139],[-97,-80],[125,-187],[942,460],[493,255],[749,337],[735,342],[1027,463],[1251,539],[1349,560],[1684,671]],[[68914,22457],[20,-269],[174,29],[-99,338],[-95,-98]],[[68290,23143],[62,-57],[22,205],[-84,-148]],[[63207,16893],[34,-273],[63,-21],[-19,246],[-78,48]],[[63131,17383],[115,-121],[-23,124],[-92,-3]],[[62931,17215],[183,-183],[-24,205],[-134,46],[-25,-68]],[[62774,17559],[121,-235],[6,63],[-127,172]],[[62791,17080],[85,170],[-74,18],[-11,-188]],[[62728,16857],[189,-134],[70,174],[69,-120],[17,143],[-85,38],[-90,170],[-170,-271]],[[62735,17769],[88,-67],[169,-299],[76,96],[-160,124],[32,111],[-90,22],[-107,133],[-8,-120]],[[62419,17032],[80,-64],[-1,145],[-79,-81]],[[60864,18223],[114,93],[188,-53],[371,-286],[97,-7],[453,-451],[64,74],[191,-186],[95,-207],[81,31],[125,-111],[141,251],[-65,254],[-124,266],[56,211],[-91,165],[-48,239],[72,45],[223,-260],[22,-178],[244,329],[263,103]],[[67974,23591],[-46,200],[6,261],[-293,143],[-1,230],[-104,261],[-50,281],[-59,147],[-26,323],[23,104],[-62,172],[64,97],[122,-6],[31,-179],[140,-232],[81,-61],[41,-296],[152,-460],[262,-249],[56,117],[-10,-170],[55,-328],[131,-381],[24,-333],[68,5],[113,-126],[3,-254],[73,-149],[116,-28],[12,303],[-74,-12],[3,511],[-108,135],[-19,179],[-69,180],[35,137],[-64,140],[24,82],[-93,125],[-50,170],[-56,404],[-151,600],[-76,899],[77,341],[-8,193],[-187,318],[-99,879],[29,265],[50,158],[8,338],[-101,404],[-20,455],[-79,272],[-48,559],[65,299],[-25,132],[67,232],[-40,130],[20,158],[84,206],[2,211],[50,201],[102,179],[-11,298],[-43,363],[56,470]],[[86724,62866],[-293,292],[-156,271],[-186,463],[-122,454],[-82,220],[-73,434],[-10,489],[18,309],[-88,217],[-139,179],[-23,332],[-119,4],[-105,85],[-85,-108],[-96,142],[-44,253],[87,17],[5,107],[-198,277],[-40,185],[-206,258],[-81,-103],[-66,150],[119,41],[-12,201],[-149,218],[-35,141],[-140,51],[-122,132],[-50,165],[-46,-48],[-207,361],[-65,-52],[-82,123],[-29,-99],[-89,30],[-10,143],[128,241],[-42,287],[-178,228],[-119,103],[-24,-133],[-142,-94],[-84,152],[99,72],[108,165],[-76,241],[-151,239],[-83,62],[-70,205],[43,56]],[[23764,3862],[1427,529]],[[25159,31686],[-900,-304],[-373,-158],[-328,-88],[-455,-160],[-1702,-617],[-1057,-414]],[[90152,17663],[759,-342],[827,-305],[1230,-583]],[[68478,81607],[101,196],[44,242],[-12,424],[-71,256],[53,-491],[-17,-291],[-98,-336]],[[67590,81695],[275,-427],[-59,263],[111,185],[-101,177],[-25,-152],[-188,26],[-13,-72]],[[67119,83759],[120,-47],[-63,146],[-57,-99]],[[65722,85543],[62,-82],[83,194],[-59,51],[-86,-163]],[[65368,85634],[275,84],[-133,37],[-142,-121]],[[64997,85816],[172,-79],[21,53],[-186,85],[-7,-59]],[[62472,83979],[171,-172],[155,9],[269,254],[-98,125],[-2,132],[-151,54],[-366,-331],[22,-71]],[[67220,81272],[-116,129],[-60,-15],[-109,197],[-6,124],[-83,61],[27,129],[-199,-36],[-70,157],[45,220],[123,19],[89,-92],[-21,196],[103,140],[180,-70],[33,-303],[-18,-133],[162,-196],[17,-149],[218,138],[-112,123],[4,112],[106,44],[30,197],[99,-57],[71,-279],[109,68],[-17,183],[-95,14],[-75,153],[156,-28],[-22,99],[-245,128],[134,176],[76,-81],[-46,200],[-161,-103],[-74,190],[2,326],[-61,25],[-53,-278],[-73,6],[-8,300],[-252,50],[128,111],[3,107],[-165,-144],[90,178],[-81,56],[95,218],[139,21],[85,141],[50,256],[248,-51],[122,97],[11,-98],[151,280],[72,-153],[182,341],[56,230],[123,-108],[49,129],[-164,72],[-11,107],[113,-1],[-46,177],[-80,-69],[-70,237],[18,228],[-153,-99],[-3,-127],[-71,-97],[-202,478],[-103,146],[130,-487],[63,-76],[-12,-177],[63,-85],[-14,-166],[-74,-68],[-51,282],[-115,20],[-156,-315],[-247,-113],[-70,-139],[-399,-64],[-78,54],[-323,507],[-309,410],[-27,-164],[-86,-45],[23,-147],[-91,-318],[-93,-137],[-96,280],[10,-251],[-81,-175],[-84,218],[-95,-36],[-51,77],[-86,-61],[22,190],[-79,156],[-22,177],[-57,-15],[-30,190],[-58,-36],[-142,166],[-21,208],[-109,-43],[10,-149],[-208,-310],[-74,50],[-185,-53],[-72,-101],[-138,-9],[-157,-88],[-115,-185],[82,-55],[46,-194],[142,200],[45,-79],[5,224],[100,49],[-32,-340],[-171,-197],[-4,-138],[-77,-14],[-55,138],[-90,52],[5,-135],[-66,28],[78,-227],[-76,-126],[-196,181],[-76,-258],[-67,34],[-54,-383],[-185,11],[39,-112],[4,-281],[-226,-36],[-222,177],[-53,-18],[-1,-166],[50,-138],[46,49],[-9,-195],[-114,-18],[-92,81],[-66,-63],[-11,133],[-261,250],[-42,-104],[-122,62],[65,199],[128,18],[-62,103],[60,201],[141,-78],[-57,110],[47,62],[-226,36],[-178,173],[-138,40],[-571,-171],[-248,-125],[-406,-308],[-165,-97],[-285,-116],[-230,-6],[-98,53],[-250,-14],[-515,148],[-184,182]],[[95592,29215],[-93,200],[-84,-312],[-51,-295],[-35,41],[85,503],[-94,39],[2,118],[-97,21],[57,-491],[-9,-165],[95,-265]],[[95164,29555],[-30,-368],[40,-17],[41,273],[-51,112]],[[94994,30830],[25,-283],[79,270],[-104,13]],[[95301,28498],[6,151],[-60,167],[-48,-240],[-205,-230],[57,371],[-96,31],[78,62],[52,269],[-66,66],[75,148],[34,232],[-46,423],[-221,142],[-138,179],[-206,192],[-13,-50]]]}\"},{\"title\":\"./_data/us-states-data.json\",\"contents\":\"[{\\\"name\\\":\\\"Alabama\\\",\\\"myValue\\\":5045},{\\\"name\\\":\\\"Alaska\\\",\\\"myValue\\\":57064},{\\\"name\\\":\\\"Arizona\\\",\\\"myValue\\\":1135},{\\\"name\\\":\\\"Arkansas\\\",\\\"myValue\\\":52035.477},{\\\"name\\\":\\\"California\\\",\\\"myValue\\\":655779},{\\\"name\\\":\\\"Colorado\\\",\\\"myValue\\\":10641},{\\\"name\\\":\\\"Connecticut\\\",\\\"myValue\\\":48422},{\\\"name\\\":\\\"Delaware\\\",\\\"myValue\\\":19459},{\\\"name\\\":\\\"District of Columbia\\\",\\\"myValue\\\":612},{\\\"name\\\":\\\"Florida\\\",\\\"myValue\\\":5624},{\\\"name\\\":\\\"Georgia\\\",\\\"myValue\\\":17513},{\\\"name\\\":\\\"Hawaii\\\",\\\"myValue\\\":64222},{\\\"name\\\":\\\"Idaho\\\",\\\"myValue\\\":82643.117},{\\\"name\\\":\\\"Illinois\\\",\\\"myValue\\\":255518},{\\\"name\\\":\\\"Indiana\\\",\\\"myValue\\\":135826},{\\\"name\\\":\\\"Iowa\\\",\\\"myValue\\\":55857.13},{\\\"name\\\":\\\"Kansas\\\",\\\"myValue\\\":381758.717},{\\\"name\\\":\\\"Kentucky\\\",\\\"myValue\\\":93986},{\\\"name\\\":\\\"Louisiana\\\",\\\"myValue\\\":432033},{\\\"name\\\":\\\"Maine\\\",\\\"myValue\\\":60842},{\\\"name\\\":\\\"Maryland\\\",\\\"myValue\\\":9757},{\\\"name\\\":\\\"Massachusetts\\\",\\\"myValue\\\":78001},{\\\"name\\\":\\\"Michigan\\\",\\\"myValue\\\":256538.901},{\\\"name\\\":\\\"Minnesota\\\",\\\"myValue\\\":188626},{\\\"name\\\":\\\"Mississippi\\\",\\\"myValue\\\":126923},{\\\"name\\\":\\\"Missouri\\\",\\\"myValue\\\":68741.522},{\\\"name\\\":\\\"Montana\\\",\\\"myValue\\\":145545.801},{\\\"name\\\":\\\"Nebraska\\\",\\\"myValue\\\":76824.171},{\\\"name\\\":\\\"Nevada\\\",\\\"myValue\\\":109781.18},{\\\"name\\\":\\\"New Hampshire\\\",\\\"myValue\\\":2952},{\\\"name\\\":\\\"New Jersey\\\",\\\"myValue\\\":17354},{\\\"name\\\":\\\"New Mexico\\\",\\\"myValue\\\":555779},{\\\"name\\\":\\\"New York\\\",\\\"myValue\\\":47126.399},{\\\"name\\\":\\\"North Carolina\\\",\\\"myValue\\\":148617},{\\\"name\\\":\\\"North Dakota\\\",\\\"myValue\\\":16900},{\\\"name\\\":\\\"Ohio\\\",\\\"myValue\\\":40860.694},{\\\"name\\\":\\\"Oklahoma\\\",\\\"myValue\\\":168594},{\\\"name\\\":\\\"Oregon\\\",\\\"myValue\\\":9588},{\\\"name\\\":\\\"Pennsylvania\\\",\\\"myValue\\\":447442},{\\\"name\\\":\\\"Rhode Island\\\",\\\"myValue\\\":555779},{\\\"name\\\":\\\"South Carolina\\\",\\\"myValue\\\":825060},{\\\"name\\\":\\\"South Dakota\\\",\\\"myValue\\\":795811},{\\\"name\\\":\\\"Tennessee\\\",\\\"myValue\\\":341234},{\\\"name\\\":\\\"Texas\\\",\\\"myValue\\\":861231},{\\\"name\\\":\\\"Utah\\\",\\\"myValue\\\":289169},{\\\"name\\\":\\\"Vermont\\\",\\\"myValue\\\":759216},{\\\"name\\\":\\\"Virginia\\\",\\\"myValue\\\":139490},{\\\"name\\\":\\\"Washington\\\",\\\"myValue\\\":966455},{\\\"name\\\":\\\"West Virginia\\\",\\\"myValue\\\":24038.21},{\\\"name\\\":\\\"Wisconsin\\\",\\\"myValue\\\":154157},{\\\"name\\\":\\\"Wyoming\\\",\\\"myValue\\\":297093.141}]\"}]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -235,8 +235,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/MultiLine.html b/docs/example-ssr/MultiLine.html
index a07ef735..ac0ef130 100644
--- a/docs/example-ssr/MultiLine.html
+++ b/docs/example-ssr/MultiLine.html
@@ -32,31 +32,31 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Multiline (html labels + quadtree tooltip)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
 	</head>
 	<body data-sveltekit-preload-data="hover">
-		<div id="svelte">  <div class="closed mousecatcher svelte-6iinyn"></div> <div class="container svelte-6iinyn"><span class="menu-link menu-closed svelte-6iinyn">Menu</span> <a href="/" class="logo svelte-6iinyn" data-svelte-h="svelte-j5mpno">Layer Cake</a></div> <ul class="dropdown svelte-6iinyn"><li class="svelte-6iinyn"> <select class="svelte-6iinyn"><option value="/" data-svelte-h="svelte-q9tf6m">All</option><option class="header svelte-6iinyn" disabled value=""></option><option class="header svelte-6iinyn" disabled value="Client-side" data-svelte-h="svelte-800ygd">Client-side</option><option value="/example/Bar">Bar</option><option value="/example/Beeswarm">Beeswarm</option><option value="/example/BeeswarmForce">Beeswarm, force layout</option><option value="/example/Brush">Brush</option><option value="/example/Calendar">Calendar</option><option value="/example/CirclePack">Circle pack</option><option value="/example/CirclePackForce">Circle pack, force layout</option><option value="/example/ClevelandDotPlot">Cleveland dot plot</option><option value="/example/Column">Column annotated</option><option value="/example/Histogram">Histogram</option><option value="/example/Line">Line + area</option><option value="/example/MapSvg">Map</option><option value="/example/MapLayered">Multilayer map</option><option value="/example/MultiLine">Multiline</option><option value="/example/CirclePackNested">Nested circle pack</option><option value="/example/Radar">Radar chart</option><option value="/example/Sankey">Sankey</option><option value="/example/Scatter">Scatter</option><option value="/example/SmallMultiples">Small multiples</option><option value="/example/AreaStacked">Stacked area</option><option value="/example/BarStacked">Stacked bar</option><option value="/example/ColumnStacked">Stacked column</option><option value="/example/SyncedBrush">Synced brush</option><option value="/example/Timeplot">Time of day plot</option><option value="/example/ScatterWebgl">WebGL Scatter</option><option class="header svelte-6iinyn" disabled value=""></option><option class="header svelte-6iinyn" disabled value="Server-side" data-svelte-h="svelte-7g1m7d">Server-side</option><option value="/example-ssr/Bar">Bar</option><option value="/example-ssr/Brush">Brush</option><option value="/example-ssr/Calendar">Calendar</option><option value="/example-ssr/ClevelandDotPlot">Cleveland dot plot</option><option value="/example-ssr/Column">Column annotated</option><option value="/example-ssr/Histogram">Histogram</option><option value="/example-ssr/Line">Line + area</option><option value="/example-ssr/MapSvg">Map</option><option value="/example-ssr/MapLayered">Multilayer map</option><option value="/example-ssr/MultiLine">Multiline</option><option value="/example-ssr/Scatter">Scatter</option><option value="/example-ssr/SmallMultiples">Small multiples</option><option value="/example-ssr/AreaStacked">Stacked area</option><option value="/example-ssr/BarStacked">Stacked bar</option><option value="/example-ssr/ColumnStacked">Stacked column</option><option value="/example-ssr/SyncedBrush">Synced brush</option><option value="/example-ssr/Timeplot">Time of day plot</option><option value="/example-ssr/ScatterWebgl">WebGL Scatter</option></select></li></ul> <nav class="closed svelte-6iinyn"><ul class="primary svelte-6iinyn"><li class="svelte-6iinyn"><a class=" svelte-6iinyn" href="/components"><span class="wide-name svelte-6iinyn" data-svelte-h="svelte-1rlx56j">Component gallery</span><span class="short-name svelte-6iinyn" data-svelte-h="svelte-v7gob7">Components</span></a></li> <li class="svelte-6iinyn"><a class=" svelte-6iinyn" href="/guide">Guide</a></li> <li class="svelte-6iinyn" data-svelte-h="svelte-135sx5w"><a id="github-link" target="_blank" rel="noreferrer" href="https://github.com/mhkeller/layercake" class="svelte-6iinyn"></a></li></ul> <div class="secondary svelte-6iinyn"><ul class="guide-toc svelte-7hddv0"><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#introduction">Introduction</a> <a class="subsection  svelte-7hddv0" href="/guide#what-is-layer-cake">What is Layer Cake?</a><a class="subsection  svelte-7hddv0" href="/guide#key-concepts">Key Concepts</a><a class="subsection  svelte-7hddv0" href="/guide#getting-started">Getting started</a><a class="subsection  svelte-7hddv0" href="/guide#using-layout-components">Using layout components</a><a class="subsection  svelte-7hddv0" href="/guide#layer-components">Layer components</a><a class="subsection  svelte-7hddv0" href="/guide#data-less-cakes">Data-less cakes</a><a class="subsection  svelte-7hddv0" href="/guide#server-side-rendering">Server-side rendering</a><a class="subsection  svelte-7hddv0" href="/guide#how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range">How does LayerCake know what to set as a scale's domain and range?</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#troubleshooting">Troubleshooting</a> <a class="subsection  svelte-7hddv0" href="/guide#use-the-debug-feature">Use the debug feature</a><a class="subsection  svelte-7hddv0" href="/guide#typescript">TypeScript</a><a class="subsection  svelte-7hddv0" href="/guide#the-chart-is-blank">The chart is blank</a><a class="subsection  svelte-7hddv0" href="/guide#the-chart-is-a-very-small-square">The chart is a very small square</a><a class="subsection  svelte-7hddv0" href="/guide#the-library-isn39t-building-properly">The library isn't building properly</a><a class="subsection  svelte-7hddv0" href="/guide#listening-for-click-events-on-the-entire-component">Listening for click events on the entire component</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#accessibility">Accessibility</a> <a class="subsection  svelte-7hddv0" href="/guide#layout-attributes">Layout attributes</a><a class="subsection  svelte-7hddv0" href="/guide#html-layouts">HTML layouts</a><a class="subsection  svelte-7hddv0" href="/guide#svg-layouts">SVG layouts</a><a class="subsection  svelte-7hddv0" href="/guide#canvas-and-webgl-layouts">Canvas and WebGl layouts</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layercake-props">LayerCake props</a> <a class="subsection  svelte-7hddv0" href="/guide#data">data</a><a class="subsection  svelte-7hddv0" href="/guide#x">x</a><a class="subsection  svelte-7hddv0" href="/guide#y">y</a><a class="subsection  svelte-7hddv0" href="/guide#z">z</a><a class="subsection  svelte-7hddv0" href="/guide#r">r</a><a class="subsection  svelte-7hddv0" href="/guide#debug">debug</a><a class="subsection  svelte-7hddv0" href="/guide#padding">padding</a><a class="subsection  svelte-7hddv0" href="/guide#xscale">xScale</a><a class="subsection  svelte-7hddv0" href="/guide#yscale">yScale</a><a class="subsection  svelte-7hddv0" href="/guide#zscale">zScale</a><a class="subsection  svelte-7hddv0" href="/guide#rscale">rScale</a><a class="subsection  svelte-7hddv0" href="/guide#xdomain">xDomain</a><a class="subsection  svelte-7hddv0" href="/guide#ydomain">yDomain</a><a class="subsection  svelte-7hddv0" href="/guide#zdomain">zDomain</a><a class="subsection  svelte-7hddv0" href="/guide#rdomain">rDomain</a><a class="subsection  svelte-7hddv0" href="/guide#xreverse">xReverse</a><a class="subsection  svelte-7hddv0" href="/guide#yreverse">yReverse</a><a class="subsection  svelte-7hddv0" href="/guide#zreverse">zReverse</a><a class="subsection  svelte-7hddv0" href="/guide#rreverse">rReverse</a><a class="subsection  svelte-7hddv0" href="/guide#xrange">xRange</a><a class="subsection  svelte-7hddv0" href="/guide#yrange">yRange</a><a class="subsection  svelte-7hddv0" href="/guide#zrange">zRange</a><a class="subsection  svelte-7hddv0" href="/guide#rrange">rRange</a><a class="subsection  svelte-7hddv0" href="/guide#xpadding">xPadding</a><a class="subsection  svelte-7hddv0" href="/guide#ypadding">yPadding</a><a class="subsection  svelte-7hddv0" href="/guide#zpadding">zPadding</a><a class="subsection  svelte-7hddv0" href="/guide#rpadding">rPadding</a><a class="subsection  svelte-7hddv0" href="/guide#xnice">xNice</a><a class="subsection  svelte-7hddv0" href="/guide#ynice">yNice</a><a class="subsection  svelte-7hddv0" href="/guide#znice">zNice</a><a class="subsection  svelte-7hddv0" href="/guide#rnice">rNice</a><a class="subsection  svelte-7hddv0" href="/guide#extents">extents</a><a class="subsection  svelte-7hddv0" href="/guide#flatdata">flatData</a><a class="subsection  svelte-7hddv0" href="/guide#ssr">ssr</a><a class="subsection  svelte-7hddv0" href="/guide#percentrange">percentRange</a><a class="subsection  svelte-7hddv0" href="/guide#position">position</a><a class="subsection  svelte-7hddv0" href="/guide#custom">custom</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#computed-context-values">Computed context values</a> <a class="subsection  svelte-7hddv0" href="/guide#activegetters">activeGetters</a><a class="subsection  svelte-7hddv0" href="/guide#aspectratio">aspectRatio</a><a class="subsection  svelte-7hddv0" href="/guide#box">box</a><a class="subsection  svelte-7hddv0" href="/guide#config">config</a><a class="subsection  svelte-7hddv0" href="/guide#containerwidth">containerWidth</a><a class="subsection  svelte-7hddv0" href="/guide#containerheight">containerHeight</a><a class="subsection  svelte-7hddv0" href="/guide#extents-1">extents</a><a class="subsection  svelte-7hddv0" href="/guide#width">width</a><a class="subsection  svelte-7hddv0" href="/guide#height">height</a><a class="subsection  svelte-7hddv0" href="/guide#x-1">x</a><a class="subsection  svelte-7hddv0" href="/guide#y-1">y</a><a class="subsection  svelte-7hddv0" href="/guide#z-1">z</a><a class="subsection  svelte-7hddv0" href="/guide#r-1">r</a><a class="subsection  svelte-7hddv0" href="/guide#xdomain-1">xDomain</a><a class="subsection  svelte-7hddv0" href="/guide#ydomain-1">yDomain</a><a class="subsection  svelte-7hddv0" href="/guide#zdomain-1">zDomain</a><a class="subsection  svelte-7hddv0" href="/guide#rdomain-1">rDomain</a><a class="subsection  svelte-7hddv0" href="/guide#xrange-1">xRange</a><a class="subsection  svelte-7hddv0" href="/guide#yrange-1">yRange</a><a class="subsection  svelte-7hddv0" href="/guide#zrange-1">zRange</a><a class="subsection  svelte-7hddv0" href="/guide#rrange-1">rRange</a><a class="subsection  svelte-7hddv0" href="/guide#xget">xGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#yget">yGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#zget">zGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#rget">rGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#xscale-1">xScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#yscale-1">yScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#zscale-1">zScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#rscale-1">rScale(...)</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layout-components">Layout components</a> <a class="subsection  svelte-7hddv0" href="/guide#html">Html</a><a class="subsection  svelte-7hddv0" href="/guide#svg">Svg</a><a class="subsection  svelte-7hddv0" href="/guide#scaledsvg">ScaledSvg</a><a class="subsection  svelte-7hddv0" href="/guide#canvas">Canvas</a><a class="subsection  svelte-7hddv0" href="/guide#webgl">WebGL</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layout-component-props">Layout component props</a> <a class="subsection  svelte-7hddv0" href="/guide#zindex">zIndex</a><a class="subsection  svelte-7hddv0" href="/guide#pointerevents">pointerEvents</a><a class="subsection  svelte-7hddv0" href="/guide#viewbox">viewBox</a><a class="subsection  svelte-7hddv0" href="/guide#fixedaspectratio">fixedAspectRatio</a><a class="subsection  svelte-7hddv0" href="/guide#contextattributes">contextAttributes</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#helper-functions">Helper functions</a> <a class="subsection  svelte-7hddv0" href="/guide#bin">bin(...)</a><a class="subsection  svelte-7hddv0" href="/guide#calcextents">calcExtents(...)</a><a class="subsection  svelte-7hddv0" href="/guide#calcuniques">calcUniques(...)</a><a class="subsection  svelte-7hddv0" href="/guide#flatten">flatten(...)</a><a class="subsection  svelte-7hddv0" href="/guide#grouplonger">groupLonger(...)</a><a class="subsection  svelte-7hddv0" href="/guide#raise">raise(...)</a><a class="subsection  svelte-7hddv0" href="/guide#scalecanvas">scaleCanvas(...)</a><a class="subsection  svelte-7hddv0" href="/guide#stack">stack(...)</a><a class="subsection  svelte-7hddv0" href="/guide#uniques">uniques(...)</a> </li></ul></div> </nav> <main> <div class="main svelte-4xax0d" data-label="Server-side"><h1>Multiline (html labels + quadtree tooltip)<a class="edit-repl svelte-4xax0d" href="https://svelte.dev/repl/ea09c9f533594b3ab9ebb509c9bfc03a?version=3.46.2" target="_blank" rel="noreferrer">Edit</a></h1> <div class="chart-hero svelte-4xax0d" data-slug="multiline"><div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 7px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">   <div class="tick-mark svelte-fdkjmm" style="left: 0%; height: 6px; bottom: -6px;"></div> <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 0%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Jan.  1</div> </div>   <div class="tick-mark svelte-fdkjmm" style="left: 34.46039833256137%; height: 6px; bottom: -6px;"></div> <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 34.46039833256137%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Feb.  1</div> </div>   <div class="tick-mark svelte-fdkjmm" style="left: 65.58591940713293%; height: 6px; bottom: -6px;"></div> <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 65.58591940713293%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Mar.  1</div> </div>   <div class="tick-mark svelte-fdkjmm" style="left: 100%; height: 6px; bottom: -6px;"></div> <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 100%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Apr.  1</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:73.95833333333333%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">1k</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:47.916666666666664%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">2k</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:21.875%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">3k</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 7px; left: 25px; width: calc(100% - 35px); height: calc(100% - 27px);" class="svelte-6sm8ei"><defs></defs>  <g class="line-group"><path class="path-line svelte-tqv5lw" d="M100,0L65.58591940713293,58.33333333333333L34.46039833256137,83.33333333333334L0,91.66666666666666" stroke="#ffe4b8"></path><path class="path-line svelte-tqv5lw" d="M100,50L65.58591940713293,62.5L34.46039833256137,75L0,87.5" stroke="#ffb3c0"></path><path class="path-line svelte-tqv5lw" d="M100,75L65.58591940713293,75L34.46039833256137,83.33333333333334L0,83.33333333333334" stroke="#ff7ac7"></path><path class="path-line svelte-tqv5lw" d="M100,89.58333333333334L65.58591940713293,89.58333333333334L34.46039833256137,89.58333333333334L0,89.58333333333334" stroke="#ff00cc"></path></g></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 7px; right: 10px; bottom: 20px; left: 25px;">  <div class="label svelte-x0qwpz" style="top:0%; left:100%;">Apples</div><div class="label svelte-x0qwpz" style="top:50%; left:100%;">Bananas</div><div class="label svelte-x0qwpz" style="top:75%; left:100%;">Cherries</div><div class="label svelte-x0qwpz" style="top:89.58333333333334%; left:100%;">Dates</div>       <div class="bg svelte-19xh5jy"></div>  </div></div></div></div> <div class="download svelte-4xax0d"><button  title="download zip file" class="icon svelte-1gef78k" style="background-image: url(/icons/download.svg)">Download      </button></div> <div class="dek svelte-4xax0d"><!-- HTML_TAG_START --><p>A multiline example with a quadtree tooltip. This is an interesting example because the data exists in a few different structures:</p>
+		<div id="svelte">  <div class="closed mousecatcher svelte-6iinyn"></div> <div class="container svelte-6iinyn"><span class="menu-link menu-closed svelte-6iinyn">Menu</span> <a href="/" class="logo svelte-6iinyn" data-svelte-h="svelte-j5mpno">Layer Cake</a></div> <ul class="dropdown svelte-6iinyn"><li class="svelte-6iinyn"> <select class="svelte-6iinyn"><option value="/" data-svelte-h="svelte-q9tf6m">All</option><option class="header svelte-6iinyn" disabled value=""></option><option class="header svelte-6iinyn" disabled value="Client-side" data-svelte-h="svelte-800ygd">Client-side</option><option value="/example/Bar">Bar</option><option value="/example/Beeswarm">Beeswarm</option><option value="/example/BeeswarmForce">Beeswarm, force layout</option><option value="/example/Brush">Brush</option><option value="/example/Calendar">Calendar</option><option value="/example/CirclePack">Circle pack</option><option value="/example/CirclePackForce">Circle pack, force layout</option><option value="/example/ClevelandDotPlot">Cleveland dot plot</option><option value="/example/Column">Column annotated</option><option value="/example/Histogram">Histogram</option><option value="/example/Line">Line + area</option><option value="/example/MapSvg">Map</option><option value="/example/MapLayered">Multilayer map</option><option value="/example/MultiLine">Multiline</option><option value="/example/CirclePackNested">Nested circle pack</option><option value="/example/Radar">Radar chart</option><option value="/example/Sankey">Sankey</option><option value="/example/Scatter">Scatter</option><option value="/example/SmallMultiples">Small multiples</option><option value="/example/AreaStacked">Stacked area</option><option value="/example/BarStacked">Stacked bar</option><option value="/example/ColumnStacked">Stacked column</option><option value="/example/SyncedBrush">Synced brush</option><option value="/example/Timeplot">Time of day plot</option><option value="/example/ScatterWebgl">WebGL Scatter</option><option class="header svelte-6iinyn" disabled value=""></option><option class="header svelte-6iinyn" disabled value="Server-side" data-svelte-h="svelte-7g1m7d">Server-side</option><option value="/example-ssr/Bar">Bar</option><option value="/example-ssr/Brush">Brush</option><option value="/example-ssr/Calendar">Calendar</option><option value="/example-ssr/ClevelandDotPlot">Cleveland dot plot</option><option value="/example-ssr/Column">Column annotated</option><option value="/example-ssr/Histogram">Histogram</option><option value="/example-ssr/Line">Line + area</option><option value="/example-ssr/MapSvg">Map</option><option value="/example-ssr/MapLayered">Multilayer map</option><option value="/example-ssr/MultiLine">Multiline</option><option value="/example-ssr/Scatter">Scatter</option><option value="/example-ssr/SmallMultiples">Small multiples</option><option value="/example-ssr/AreaStacked">Stacked area</option><option value="/example-ssr/BarStacked">Stacked bar</option><option value="/example-ssr/ColumnStacked">Stacked column</option><option value="/example-ssr/SyncedBrush">Synced brush</option><option value="/example-ssr/Timeplot">Time of day plot</option><option value="/example-ssr/ScatterWebgl">WebGL Scatter</option></select></li></ul> <nav class="closed svelte-6iinyn"><ul class="primary svelte-6iinyn"><li class="svelte-6iinyn"><a class=" svelte-6iinyn" href="/components"><span class="wide-name svelte-6iinyn" data-svelte-h="svelte-1rlx56j">Component gallery</span><span class="short-name svelte-6iinyn" data-svelte-h="svelte-v7gob7">Components</span></a></li> <li class="svelte-6iinyn"><a class=" svelte-6iinyn" href="/guide">Guide</a></li> <li class="svelte-6iinyn" data-svelte-h="svelte-135sx5w"><a id="github-link" target="_blank" rel="noreferrer" href="https://github.com/mhkeller/layercake" class="svelte-6iinyn"></a></li></ul> <div class="secondary svelte-6iinyn"><ul class="guide-toc svelte-7hddv0"><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#introduction">Introduction</a> <a class="subsection  svelte-7hddv0" href="/guide#what-is-layer-cake">What is Layer Cake?</a><a class="subsection  svelte-7hddv0" href="/guide#key-concepts">Key Concepts</a><a class="subsection  svelte-7hddv0" href="/guide#getting-started">Getting started</a><a class="subsection  svelte-7hddv0" href="/guide#using-layout-components">Using layout components</a><a class="subsection  svelte-7hddv0" href="/guide#layer-components">Layer components</a><a class="subsection  svelte-7hddv0" href="/guide#data-less-cakes">Data-less cakes</a><a class="subsection  svelte-7hddv0" href="/guide#server-side-rendering">Server-side rendering</a><a class="subsection  svelte-7hddv0" href="/guide#how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range">How does LayerCake know what to set as a scale's domain and range?</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#troubleshooting">Troubleshooting</a> <a class="subsection  svelte-7hddv0" href="/guide#use-the-debug-feature">Use the debug feature</a><a class="subsection  svelte-7hddv0" href="/guide#typescript">TypeScript</a><a class="subsection  svelte-7hddv0" href="/guide#the-chart-is-blank">The chart is blank</a><a class="subsection  svelte-7hddv0" href="/guide#the-chart-is-a-very-small-square">The chart is a very small square</a><a class="subsection  svelte-7hddv0" href="/guide#the-library-isn39t-building-properly">The library isn't building properly</a><a class="subsection  svelte-7hddv0" href="/guide#listening-for-click-events-on-the-entire-component">Listening for click events on the entire component</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#accessibility">Accessibility</a> <a class="subsection  svelte-7hddv0" href="/guide#layout-attributes">Layout attributes</a><a class="subsection  svelte-7hddv0" href="/guide#html-layouts">HTML layouts</a><a class="subsection  svelte-7hddv0" href="/guide#svg-layouts">SVG layouts</a><a class="subsection  svelte-7hddv0" href="/guide#canvas-and-webgl-layouts">Canvas and WebGl layouts</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layercake-props">LayerCake props</a> <a class="subsection  svelte-7hddv0" href="/guide#data">data</a><a class="subsection  svelte-7hddv0" href="/guide#x">x</a><a class="subsection  svelte-7hddv0" href="/guide#y">y</a><a class="subsection  svelte-7hddv0" href="/guide#z">z</a><a class="subsection  svelte-7hddv0" href="/guide#r">r</a><a class="subsection  svelte-7hddv0" href="/guide#debug">debug</a><a class="subsection  svelte-7hddv0" href="/guide#padding">padding</a><a class="subsection  svelte-7hddv0" href="/guide#xscale">xScale</a><a class="subsection  svelte-7hddv0" href="/guide#yscale">yScale</a><a class="subsection  svelte-7hddv0" href="/guide#zscale">zScale</a><a class="subsection  svelte-7hddv0" href="/guide#rscale">rScale</a><a class="subsection  svelte-7hddv0" href="/guide#xdomain">xDomain</a><a class="subsection  svelte-7hddv0" href="/guide#ydomain">yDomain</a><a class="subsection  svelte-7hddv0" href="/guide#zdomain">zDomain</a><a class="subsection  svelte-7hddv0" href="/guide#rdomain">rDomain</a><a class="subsection  svelte-7hddv0" href="/guide#xreverse">xReverse</a><a class="subsection  svelte-7hddv0" href="/guide#yreverse">yReverse</a><a class="subsection  svelte-7hddv0" href="/guide#zreverse">zReverse</a><a class="subsection  svelte-7hddv0" href="/guide#rreverse">rReverse</a><a class="subsection  svelte-7hddv0" href="/guide#xrange">xRange</a><a class="subsection  svelte-7hddv0" href="/guide#yrange">yRange</a><a class="subsection  svelte-7hddv0" href="/guide#zrange">zRange</a><a class="subsection  svelte-7hddv0" href="/guide#rrange">rRange</a><a class="subsection  svelte-7hddv0" href="/guide#xpadding">xPadding</a><a class="subsection  svelte-7hddv0" href="/guide#ypadding">yPadding</a><a class="subsection  svelte-7hddv0" href="/guide#zpadding">zPadding</a><a class="subsection  svelte-7hddv0" href="/guide#rpadding">rPadding</a><a class="subsection  svelte-7hddv0" href="/guide#xnice">xNice</a><a class="subsection  svelte-7hddv0" href="/guide#ynice">yNice</a><a class="subsection  svelte-7hddv0" href="/guide#znice">zNice</a><a class="subsection  svelte-7hddv0" href="/guide#rnice">rNice</a><a class="subsection  svelte-7hddv0" href="/guide#extents">extents</a><a class="subsection  svelte-7hddv0" href="/guide#flatdata">flatData</a><a class="subsection  svelte-7hddv0" href="/guide#ssr">ssr</a><a class="subsection  svelte-7hddv0" href="/guide#percentrange">percentRange</a><a class="subsection  svelte-7hddv0" href="/guide#position">position</a><a class="subsection  svelte-7hddv0" href="/guide#custom">custom</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#computed-context-values">Computed context values</a> <a class="subsection  svelte-7hddv0" href="/guide#activegetters">activeGetters</a><a class="subsection  svelte-7hddv0" href="/guide#aspectratio">aspectRatio</a><a class="subsection  svelte-7hddv0" href="/guide#box">box</a><a class="subsection  svelte-7hddv0" href="/guide#config">config</a><a class="subsection  svelte-7hddv0" href="/guide#containerwidth">containerWidth</a><a class="subsection  svelte-7hddv0" href="/guide#containerheight">containerHeight</a><a class="subsection  svelte-7hddv0" href="/guide#extents-1">extents</a><a class="subsection  svelte-7hddv0" href="/guide#width">width</a><a class="subsection  svelte-7hddv0" href="/guide#height">height</a><a class="subsection  svelte-7hddv0" href="/guide#x-1">x</a><a class="subsection  svelte-7hddv0" href="/guide#y-1">y</a><a class="subsection  svelte-7hddv0" href="/guide#z-1">z</a><a class="subsection  svelte-7hddv0" href="/guide#r-1">r</a><a class="subsection  svelte-7hddv0" href="/guide#xdomain-1">xDomain</a><a class="subsection  svelte-7hddv0" href="/guide#ydomain-1">yDomain</a><a class="subsection  svelte-7hddv0" href="/guide#zdomain-1">zDomain</a><a class="subsection  svelte-7hddv0" href="/guide#rdomain-1">rDomain</a><a class="subsection  svelte-7hddv0" href="/guide#xrange-1">xRange</a><a class="subsection  svelte-7hddv0" href="/guide#yrange-1">yRange</a><a class="subsection  svelte-7hddv0" href="/guide#zrange-1">zRange</a><a class="subsection  svelte-7hddv0" href="/guide#rrange-1">rRange</a><a class="subsection  svelte-7hddv0" href="/guide#xget">xGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#yget">yGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#zget">zGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#rget">rGet(...)</a><a class="subsection  svelte-7hddv0" href="/guide#xscale-1">xScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#yscale-1">yScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#zscale-1">zScale(...)</a><a class="subsection  svelte-7hddv0" href="/guide#rscale-1">rScale(...)</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layout-components">Layout components</a> <a class="subsection  svelte-7hddv0" href="/guide#html">Html</a><a class="subsection  svelte-7hddv0" href="/guide#svg">Svg</a><a class="subsection  svelte-7hddv0" href="/guide#scaledsvg">ScaledSvg</a><a class="subsection  svelte-7hddv0" href="/guide#canvas">Canvas</a><a class="subsection  svelte-7hddv0" href="/guide#webgl">WebGL</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#layout-component-props">Layout component props</a> <a class="subsection  svelte-7hddv0" href="/guide#zindex">zIndex</a><a class="subsection  svelte-7hddv0" href="/guide#pointerevents">pointerEvents</a><a class="subsection  svelte-7hddv0" href="/guide#viewbox">viewBox</a><a class="subsection  svelte-7hddv0" href="/guide#fixedaspectratio">fixedAspectRatio</a><a class="subsection  svelte-7hddv0" href="/guide#contextattributes">contextAttributes</a> </li><li class="svelte-7hddv0"><a class="section  svelte-7hddv0" href="/guide#helper-functions">Helper functions</a> <a class="subsection  svelte-7hddv0" href="/guide#bin">bin(...)</a><a class="subsection  svelte-7hddv0" href="/guide#calcextents">calcExtents(...)</a><a class="subsection  svelte-7hddv0" href="/guide#calcuniques">calcUniques(...)</a><a class="subsection  svelte-7hddv0" href="/guide#flatten">flatten(...)</a><a class="subsection  svelte-7hddv0" href="/guide#grouplonger">groupLonger(...)</a><a class="subsection  svelte-7hddv0" href="/guide#raise">raise(...)</a><a class="subsection  svelte-7hddv0" href="/guide#scalecanvas">scaleCanvas(...)</a><a class="subsection  svelte-7hddv0" href="/guide#stack">stack(...)</a><a class="subsection  svelte-7hddv0" href="/guide#uniques">uniques(...)</a> </li></ul></div> </nav> <main> <div class="main svelte-4xax0d" data-label="Server-side"><h1>Multiline (html labels + quadtree tooltip)<a class="edit-repl svelte-4xax0d" href="https://svelte.dev/repl/ea09c9f533594b3ab9ebb509c9bfc03a?version=3.46.2" target="_blank" rel="noreferrer">Edit</a></h1> <div class="chart-hero svelte-4xax0d" data-slug="multiline"><div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 7px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm snapLabels">   <div class="tick-mark svelte-fdkjmm" style="left: 0%; height: 6px; bottom: -6px;"></div> <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 0%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Jan.  1</div> </div>   <div class="tick-mark svelte-fdkjmm" style="left: 34.46039833256137%; height: 6px; bottom: -6px;"></div> <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 34.46039833256137%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Feb.  1</div> </div>   <div class="tick-mark svelte-fdkjmm" style="left: 65.58591940713293%; height: 6px; bottom: -6px;"></div> <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 65.58591940713293%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Mar.  1</div> </div>   <div class="tick-mark svelte-fdkjmm" style="left: 100%; height: 6px; bottom: -6px;"></div> <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 100%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Apr.  1</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:73.95833333333333%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">1k</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:47.916666666666664%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">2k</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:21.875%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">3k</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 7px; left: 25px; width: calc(100% - 35px); height: calc(100% - 27px);" class="svelte-6sm8ei"><defs></defs>  <g class="line-group"><path class="path-line svelte-tqv5lw" d="M100,0L65.58591940713293,58.33333333333333L34.46039833256137,83.33333333333334L0,91.66666666666666" stroke="#ffe4b8"></path><path class="path-line svelte-tqv5lw" d="M100,50L65.58591940713293,62.5L34.46039833256137,75L0,87.5" stroke="#ffb3c0"></path><path class="path-line svelte-tqv5lw" d="M100,75L65.58591940713293,75L34.46039833256137,83.33333333333334L0,83.33333333333334" stroke="#ff7ac7"></path><path class="path-line svelte-tqv5lw" d="M100,89.58333333333334L65.58591940713293,89.58333333333334L34.46039833256137,89.58333333333334L0,89.58333333333334" stroke="#ff00cc"></path></g></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 7px; right: 10px; bottom: 20px; left: 25px;">  <div class="label svelte-x0qwpz" style="top:0%; left:100%;">Apples</div><div class="label svelte-x0qwpz" style="top:50%; left:100%;">Bananas</div><div class="label svelte-x0qwpz" style="top:75%; left:100%;">Cherries</div><div class="label svelte-x0qwpz" style="top:89.58333333333334%; left:100%;">Dates</div>       <div class="bg svelte-19xh5jy"></div>  </div></div></div></div> <div class="download svelte-4xax0d"><button  title="download zip file" class="icon svelte-1gef78k" style="background-image: url(/icons/download.svg)">Download      </button></div> <div class="dek svelte-4xax0d"><!-- HTML_TAG_START --><p>A multiline example with a quadtree tooltip. This is an interesting example because the data exists in a few different structures:</p>
 <ol>
 <li>
 <p>We're loading data from a &quot;wide&quot; format CSV file  where each series has its own column name.</p>
@@ -205,11 +205,10 @@
         <span class="hljs-attr">gridlines</span>=</span></span><span class="language-javascript">{<span class="hljs-literal">false</span>}</span><span class="language-xml"><span class="hljs-tag">
         <span class="hljs-attr">ticks</span>=</span></span><span class="language-javascript">{data.<span class="hljs-title function_">map</span>(<span class="hljs-function"><span class="hljs-params">d</span> =&gt;</span> d[xKey]).<span class="hljs-title function_">sort</span>(<span class="hljs-function">(<span class="hljs-params">a, b</span>) =&gt;</span> a - b)}</span><span class="language-xml"><span class="hljs-tag">
         <span class="hljs-attr">format</span>=</span></span><span class="language-javascript">{formatLabelX}</span><span class="language-xml"><span class="hljs-tag">
-        <span class="hljs-attr">snapTicks</span>
+        <span class="hljs-attr">snapLabels</span>
         <span class="hljs-attr">tickMarks</span>
       /&gt;</span>
       <span class="hljs-tag">&lt;<span class="hljs-name">AxisY</span>
-        <span class="hljs-attr">baseline</span>
         <span class="hljs-attr">format</span>=</span></span><span class="language-javascript">{formatLabelY}</span><span class="language-xml"><span class="hljs-tag">
       /&gt;</span>
     <span class="hljs-tag">&lt;/<span class="hljs-name">Html</span>&gt;</span>
@@ -753,10 +752,10 @@
 2015-02-01,640,960,640,400
 2015-01-01,320,480,640,400<!-- HTML_TAG_END --></pre> </div></div></div></div></main> 
 			<script type="application/json" data-sveltekit-fetched data-url="/api/guide-sections.json">{"status":200,"statusText":"","headers":{},"body":"[{\"html\":null,\"metadata\":{\"title\":\"Introduction\"},\"subsections\":[{\"slug\":\"what-is-layer-cake\",\"title\":\"What is Layer Cake?\"},{\"slug\":\"key-concepts\",\"title\":\"Key Concepts\"},{\"slug\":\"getting-started\",\"title\":\"Getting started\"},{\"slug\":\"using-layout-components\",\"title\":\"Using layout components\"},{\"slug\":\"layer-components\",\"title\":\"Layer components\"},{\"slug\":\"data-less-cakes\",\"title\":\"Data-less cakes\"},{\"slug\":\"server-side-rendering\",\"title\":\"Server-side rendering\"},{\"slug\":\"how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range\",\"title\":\"How does LayerCake know what to set as a scale's domain and range?\"}],\"slug\":\"introduction\",\"file\":\"00-introduction.md\"},{\"html\":null,\"metadata\":{\"title\":\"Troubleshooting\"},\"subsections\":[{\"slug\":\"use-the-debug-feature\",\"title\":\"Use the debug feature\"},{\"slug\":\"typescript\",\"title\":\"TypeScript\"},{\"slug\":\"the-chart-is-blank\",\"title\":\"The chart is blank\"},{\"slug\":\"the-chart-is-a-very-small-square\",\"title\":\"The chart is a very small square\"},{\"slug\":\"the-library-isn39t-building-properly\",\"title\":\"The library isn't building properly\"},{\"slug\":\"listening-for-click-events-on-the-entire-component\",\"title\":\"Listening for click events on the entire component\"}],\"slug\":\"troubleshooting\",\"file\":\"01-troubleshooting.md\"},{\"html\":null,\"metadata\":{\"title\":\"Accessibility\"},\"subsections\":[{\"slug\":\"layout-attributes\",\"title\":\"Layout attributes\"},{\"slug\":\"html-layouts\",\"title\":\"HTML layouts\"},{\"slug\":\"svg-layouts\",\"title\":\"SVG layouts\"},{\"slug\":\"canvas-and-webgl-layouts\",\"title\":\"Canvas and WebGl layouts\"}],\"slug\":\"accessibility\",\"file\":\"02-accessibility.md\"},{\"html\":null,\"metadata\":{\"title\":\"LayerCake props\"},\"subsections\":[{\"slug\":\"data\",\"title\":\"data\"},{\"slug\":\"x\",\"title\":\"x\"},{\"slug\":\"y\",\"title\":\"y\"},{\"slug\":\"z\",\"title\":\"z\"},{\"slug\":\"r\",\"title\":\"r\"},{\"slug\":\"debug\",\"title\":\"debug\"},{\"slug\":\"padding\",\"title\":\"padding\"},{\"slug\":\"xscale\",\"title\":\"xScale\"},{\"slug\":\"yscale\",\"title\":\"yScale\"},{\"slug\":\"zscale\",\"title\":\"zScale\"},{\"slug\":\"rscale\",\"title\":\"rScale\"},{\"slug\":\"xdomain\",\"title\":\"xDomain\"},{\"slug\":\"ydomain\",\"title\":\"yDomain\"},{\"slug\":\"zdomain\",\"title\":\"zDomain\"},{\"slug\":\"rdomain\",\"title\":\"rDomain\"},{\"slug\":\"xreverse\",\"title\":\"xReverse\"},{\"slug\":\"yreverse\",\"title\":\"yReverse\"},{\"slug\":\"zreverse\",\"title\":\"zReverse\"},{\"slug\":\"rreverse\",\"title\":\"rReverse\"},{\"slug\":\"xrange\",\"title\":\"xRange\"},{\"slug\":\"yrange\",\"title\":\"yRange\"},{\"slug\":\"zrange\",\"title\":\"zRange\"},{\"slug\":\"rrange\",\"title\":\"rRange\"},{\"slug\":\"xpadding\",\"title\":\"xPadding\"},{\"slug\":\"ypadding\",\"title\":\"yPadding\"},{\"slug\":\"zpadding\",\"title\":\"zPadding\"},{\"slug\":\"rpadding\",\"title\":\"rPadding\"},{\"slug\":\"xnice\",\"title\":\"xNice\"},{\"slug\":\"ynice\",\"title\":\"yNice\"},{\"slug\":\"znice\",\"title\":\"zNice\"},{\"slug\":\"rnice\",\"title\":\"rNice\"},{\"slug\":\"extents\",\"title\":\"extents\"},{\"slug\":\"flatdata\",\"title\":\"flatData\"},{\"slug\":\"ssr\",\"title\":\"ssr\"},{\"slug\":\"percentrange\",\"title\":\"percentRange\"},{\"slug\":\"position\",\"title\":\"position\"},{\"slug\":\"custom\",\"title\":\"custom\"}],\"slug\":\"layercake-props\",\"file\":\"03-layercake-props.md\"},{\"html\":null,\"metadata\":{\"title\":\"Computed context values\"},\"subsections\":[{\"slug\":\"activegetters\",\"title\":\"activeGetters\"},{\"slug\":\"aspectratio\",\"title\":\"aspectRatio\"},{\"slug\":\"box\",\"title\":\"box\"},{\"slug\":\"config\",\"title\":\"config\"},{\"slug\":\"containerwidth\",\"title\":\"containerWidth\"},{\"slug\":\"containerheight\",\"title\":\"containerHeight\"},{\"slug\":\"extents-1\",\"title\":\"extents\"},{\"slug\":\"width\",\"title\":\"width\"},{\"slug\":\"height\",\"title\":\"height\"},{\"slug\":\"x-1\",\"title\":\"x\"},{\"slug\":\"y-1\",\"title\":\"y\"},{\"slug\":\"z-1\",\"title\":\"z\"},{\"slug\":\"r-1\",\"title\":\"r\"},{\"slug\":\"xdomain-1\",\"title\":\"xDomain\"},{\"slug\":\"ydomain-1\",\"title\":\"yDomain\"},{\"slug\":\"zdomain-1\",\"title\":\"zDomain\"},{\"slug\":\"rdomain-1\",\"title\":\"rDomain\"},{\"slug\":\"xrange-1\",\"title\":\"xRange\"},{\"slug\":\"yrange-1\",\"title\":\"yRange\"},{\"slug\":\"zrange-1\",\"title\":\"zRange\"},{\"slug\":\"rrange-1\",\"title\":\"rRange\"},{\"slug\":\"xget\",\"title\":\"xGet(...)\"},{\"slug\":\"yget\",\"title\":\"yGet(...)\"},{\"slug\":\"zget\",\"title\":\"zGet(...)\"},{\"slug\":\"rget\",\"title\":\"rGet(...)\"},{\"slug\":\"xscale-1\",\"title\":\"xScale(...)\"},{\"slug\":\"yscale-1\",\"title\":\"yScale(...)\"},{\"slug\":\"zscale-1\",\"title\":\"zScale(...)\"},{\"slug\":\"rscale-1\",\"title\":\"rScale(...)\"}],\"slug\":\"computed-context-values\",\"file\":\"04-computed-context-values.md\"},{\"html\":null,\"metadata\":{\"title\":\"Layout components\"},\"subsections\":[{\"slug\":\"html\",\"title\":\"Html\"},{\"slug\":\"svg\",\"title\":\"Svg\"},{\"slug\":\"scaledsvg\",\"title\":\"ScaledSvg\"},{\"slug\":\"canvas\",\"title\":\"Canvas\"},{\"slug\":\"webgl\",\"title\":\"WebGL\"}],\"slug\":\"layout-components\",\"file\":\"05-layout-components.md\"},{\"html\":null,\"metadata\":{\"title\":\"Layout component props\"},\"subsections\":[{\"slug\":\"zindex\",\"title\":\"zIndex\"},{\"slug\":\"pointerevents\",\"title\":\"pointerEvents\"},{\"slug\":\"viewbox\",\"title\":\"viewBox\"},{\"slug\":\"fixedaspectratio\",\"title\":\"fixedAspectRatio\"},{\"slug\":\"contextattributes\",\"title\":\"contextAttributes\"}],\"slug\":\"layout-component-props\",\"file\":\"06-layout-component-props.md\"},{\"html\":null,\"metadata\":{\"title\":\"Helper functions\"},\"subsections\":[{\"slug\":\"bin\",\"title\":\"bin(...)\"},{\"slug\":\"calcextents\",\"title\":\"calcExtents(...)\"},{\"slug\":\"calcuniques\",\"title\":\"calcUniques(...)\"},{\"slug\":\"flatten\",\"title\":\"flatten(...)\"},{\"slug\":\"grouplonger\",\"title\":\"groupLonger(...)\"},{\"slug\":\"raise\",\"title\":\"raise(...)\"},{\"slug\":\"scalecanvas\",\"title\":\"scaleCanvas(...)\"},{\"slug\":\"stack\",\"title\":\"stack(...)\"},{\"slug\":\"uniques\",\"title\":\"uniques(...)\"}],\"slug\":\"helper-functions\",\"file\":\"99-helper-functions.md\"}]"}</script>
-			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/MultiLine.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Html, flatten } from 'layercake';\\n  import { scaleOrdinal } from 'd3-scale';\\n  import { timeParse, timeFormat } from 'd3-time-format';\\n  import { format } from 'd3-format';\\n\\n  import MultiLine from './_components/MultiLine.svelte';\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n  import GroupLabels from './_components/GroupLabels.html.svelte';\\n  import SharedTooltip from './_components/SharedTooltip.percent-range.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/fruit.csv';\\n\\n  /* --------------------------------------------\\n   * Set what is our x key to separate it from the other series\\n   */\\n  const xKey = 'month';\\n  const yKey = 'value';\\n  const zKey = 'fruit';\\n\\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\\n  const seriesColors = ['#ffe4b8', '#ffb3c0', '#ff7ac7', '#ff00cc'];\\n\\n  const parseDate = timeParse('%Y-%m-%d');\\n\\n  /* --------------------------------------------\\n   * Create a \\\"long\\\" format that is a grouped series of data points\\n   * Layer Cake uses this data structure and the key names\\n   * set in xKey, yKey and zKey to map your data into each scale.\\n   */\\n  const dataLong = seriesNames.map(key => {\\n    return {\\n      [zKey]: key,\\n      values: data.map(d => {\\n        // Put this in a conditional so that we don't recast the data on second render\\n        d[xKey] = typeof d[xKey] === 'string' ? parseDate(d[xKey]) : d[xKey];\\n        return {\\n          [yKey]: +d[key],\\n          [xKey]: d[xKey],\\n          [zKey]: key\\n        };\\n      })\\n    };\\n  });\\n\\n  const formatLabelX = timeFormat('%b. %e');\\n  const formatLabelY = d => format(`~s`)(d);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ top: 7, right: 10, bottom: 20, left: 25 }}\\n    x={xKey}\\n    y={yKey}\\n    z={zKey}\\n    zScale={scaleOrdinal()}\\n    zRange={seriesColors}\\n    flatData={flatten(dataLong, 'values')}\\n    yDomain={[0, null]}\\n    data={dataLong}\\n  >\\n    \u003CHtml>\\n      \u003CAxisX\\n        gridlines={false}\\n        ticks={data.map(d => d[xKey]).sort((a, b) => a - b)}\\n        format={formatLabelX}\\n        snapTicks\\n        tickMarks\\n      />\\n      \u003CAxisY\\n        baseline\\n        format={formatLabelY}\\n      />\\n    \u003C/Html>\\n\\n    \u003CScaledSvg>\\n      \u003CMultiLine/>\\n    \u003C/ScaledSvg>\\n\\n    \u003CHtml>\\n      \u003CGroupLabels/>\\n      \u003CSharedTooltip\\n        formatTitle={formatLabelX}\\n        dataset={data}\\n      />\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A multiline example with a quadtree tooltip. This is an interesting example because the data exists in a few different structures:\\n\\n1. We're loading data from a \\\"wide\\\" format CSV file  where each series has its own column name.\\n   ```\\n   [\\n     {\\n       month: 2015-03-31T22:00:00.000Z,\\n       apples: '3840',\\n       bananas: '1920',\\n       cherries: '960',\\n       dates: '400'\\n     },\\n     {\\n       month: 2015-02-28T23:00:00.000Z,\\n       apples: '1600',\\n       bananas: '1440',\\n       cherries: '960',\\n       dates: '400'\\n     },\\n     ...\\n   ```\\n   We need to first turn this into...\\n\\n2. ...a \\\"long\\\" format, where each type of fruit is grouped into its own array and each datapoint is a row. The column name becomes a property on the group whose name we define with the `zKey` variable.\\n   ```\\n   [\\n       {\\n           \\\"fruit\\\": \\\"apples\\\",\\n           \\\"values\\\": [\\n               {\\n                   \\\"value\\\": 3840,\\n                   \\\"month\\\": \\\"2015-03-31T22:00:00.000Z\\\",\\n                   \\\"fruit\\\": \\\"apples\\\"\\n               },\\n               {\\n                   \\\"value\\\": 1600,\\n                   \\\"month\\\": \\\"2015-02-28T23:00:00.000Z\\\",\\n                   \\\"fruit\\\": \\\"apples\\\"\\n               },\\n               ...\\n           ]\\n       },\\n       {\\n           \\\"fruit\\\": \\\"bananas\\\",\\n           \\\"values\\\": [\\n               {\\n                   \\\"value\\\": 1920,\\n                   \\\"month\\\": \\\"2015-03-31T22:00:00.000Z\\\",\\n                   \\\"fruit\\\": \\\"bananas\\\"\\n               },\\n       ...\\n   ```\\n\\n3. We also need a flat, ungrouped array of objects so that Layer Cake can measure the full data extents. This gets passed to the `flatData` prop so the scales know the full domain of the data.\\n   ```\\n   [\\n     { value: 3840, month: 2015-03-31T22:00:00.000Z, fruit: 'apples' },\\n     { value: 1600, month: 2015-02-28T23:00:00.000Z, fruit: 'apples' },\\n     { value: 640, month: 2015-01-31T23:00:00.000Z, fruit: 'apples' },\\n     { value: 320, month: 2014-12-31T23:00:00.000Z, fruit: 'apples' },\\n     { value: 1920, month: 2015-03-31T22:00:00.000Z, fruit: 'bananas' },\\n     ...\\n   ```\\nWe're using a regular JavaScript transform to do steps one and two. See the [client-side rendered example](https://layercake.graphics/example/MultiLine) for how to do this with Layer Cake's [groupLonger transform function](https://layercake.graphics/guide#grouplonger).\\n\",\"components\":[{\"title\":\"./_components/MultiLine.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG multi-series line chart. It expects your data to be an array of objects, each with a `values` key that is an array of data objects.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, zGet } = getContext('LayerCake');\\n\\n  $: path = values => {\\n    return 'M' + values\\n      .map(d => {\\n        return $xGet(d) + ',' + $yGet(d);\\n      })\\n      .join('L');\\n  };\\n\u003C/script>\\n\\n\u003Cg class=\\\"line-group\\\">\\n  {#each $data as group}\\n    \u003Cpath\\n      class='path-line'\\n      d='{path(group.values)}'\\n      stroke=\\\"{$zGet(group)}\\\"\\n    >\u003C/path>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 3px;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/GroupLabels.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates HTML text labels for a nested data structure. It places the label near the y-value of the highest x-valued data point. This is useful for labeling the final point in a multi-series line chart, for example. It expects your data to be an array of objects where each has `values` field that is an array of data objects. It uses the `z` field accessor to pull the text label.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { max } from 'd3-array';\\n\\n  const { data, x, y, xScale, yScale, xRange, yRange, z } = getContext('LayerCake');\\n\\n  /* --------------------------------------------\\n   * Title case the first letter\\n   */\\n  const cap = val => val.replace(/^\\\\w/, d => d.toUpperCase());\\n\\n  /* --------------------------------------------\\n   * Put the label on the highest value\\n   */\\n  $: left = values => $xScale(max(values, $x)) /  Math.max(...$xRange);\\n  $: top = values => $yScale(max(values, $y)) / Math.max(...$yRange);\\n\u003C/script>\\n\\n{#each $data as group}\\n  \u003Cdiv\\n    class=\\\"label\\\"\\n    style=\\\"\\n      top:{top(group.values) * 100}%;\\n      left:{left(group.values) * 100}%;\\n    \\\"\\n  >{cap($z(group))}\u003C/div>\\n{/each}\\n\\n\u003Cstyle>\\n  .label {\\n    position: absolute;\\n    transform: translate(-100%, -100%)translateY(1px);\\n    font-size: 13px;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/SharedTooltip.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a tooltip that works on multiseries datasets, like multiline charts. It creates a tooltip showing the name of the series and the current value. This version uses percentages so you can use it to render server-side. It finds the nearest data point using the [QuadTree.percent-range.html.svelte](https://layercake.graphics/components/QuadTree.percent-range.html.svelte) component.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { format } from 'd3-format';\\n\\n  import QuadTree from './QuadTree.percent-range.html.svelte';\\n\\n  const { data, width, yScale, config } = getContext('LayerCake');\\n\\n  const commas = format(',');\\n  const titleCase = d => d.replace(/^\\\\w/, w => w.toUpperCase());\\n\\n  /** @type {Function} [formatTitle=d => d] - A function to format the tooltip title, which is `$config.x`. */\\n  export let formatTitle = d => d;\\n\\n  /** @type {Function} [formatKey=d => titleCase(d)] - A function to format the series name. */\\n  export let formatKey = d => titleCase(d);\\n\\n  /** @type {Function} [formatValue=d => isNaN(+d) ? d : commas(d)] - A function to format the value. */\\n  export let formatValue = d => isNaN(+d) ? d : commas(d);\\n\\n  /** @type {Number} [offset=-20] - A y-offset from the hover point, in pixels. */\\n  export let offset = -20;\\n\\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\\n  export let dataset = undefined;\\n\\n  const w = 150;\\n  const w2 = w / 2;\\n  let top = 0;\\n\\n  /* --------------------------------------------\\n   * Sort the keys by the highest value\\n   */\\n  function sortResult(result) {\\n    if (Object.keys(result).length === 0) return [];\\n    const rows = Object.keys(result).filter(d => d !== $config.x).map(key => {\\n      return {\\n        key,\\n        value: result[key]\\n      };\\n    }).sort((a, b) => b.value - a.value);\\n\\n    return rows;\\n  }\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .tooltip {\\n    position: absolute;\\n    font-size: 13px;\\n    pointer-events: none;\\n    border: 1px solid #ccc;\\n    background: rgba(255, 255, 255, 0.85);\\n    transform: translate(-50%, -100%);\\n    padding: 5px;\\n    z-index: 15;\\n  }\\n  .line {\\n    position: absolute;\\n    top: 0;\\n    bottom: 0;\\n    width: 1px;\\n    border-left: 1px dotted #666;\\n    pointer-events: none;\\n  }\\n  .tooltip,\\n  .line {\\n    transition: left 250ms ease-out, top 250ms ease-out;\\n  }\\n  .title {\\n    font-weight: bold;\\n  }\\n  .key {\\n    color: #999;\\n  }\\n\u003C/style>\\n\\n\u003CQuadTree\\n  dataset={dataset || $data}\\n  y='x'\\n  let:x\\n  let:y\\n  let:visible\\n  let:found\\n  let:e\\n>\\n  {@const foundSorted = sortResult(found)}\\n  {#if visible === true}\\n    \u003Cdiv\\n      style=\\\"left:{(x / 100) * $width }px;\\\"\\n      class=\\\"line\\\">\u003C/div>\\n    \u003Cdiv\\n      class=\\\"tooltip\\\"\\n      style=\\\"\\n        width:{w}px;\\n        display: { visible ? 'block' : 'none' };\\n        top:calc({$yScale(foundSorted[0].value)}% + {offset}px);\\n        left:{Math.min(Math.max(w2, (x / 100) * $width), $width - w2)}px;\\\"\\n      >\\n        \u003Cdiv class=\\\"title\\\">{formatTitle(found[$config.x])}\u003C/div>\\n        {#each foundSorted as row}\\n          \u003Cdiv class=\\\"row\\\">\u003Cspan class=\\\"key\\\">{formatKey(row.key)}:\u003C/span> {formatValue(row.value)}\u003C/div>\\n        {/each}\\n    \u003C/div>\\n  {/if}\\n\u003C/QuadTree>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[{\"title\":\"./_components/QuadTree.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Creates an interaction layer (in HTML) using [d3-quadtree](https://github.com/d3/d3-quadtree) to find the nearest datapoint to the mouse. This component creates a slot that exposes variables `x`, `y`, `found` (the found datapoint), `visible` (a Boolean whether any data was found) and `e` (the event object). This component works with a percent range so the `x` and `y` values coming back will be percentages.\\n\\n  The quadtree searches across both the x and y dimensions at the same time. But if you want to only search across one, set the `x` and `y` props to the same value. For example, the [shared tooltip component](https://layercake.graphics/components/SharedTooltip.html.svelte) sets `y='x'` since it's nicer behavior to only pick up on the nearest x-value.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { quadtree } from 'd3-quadtree';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  let visible = false;\\n  let found = {};\\n  let e = {};\\n\\n  /** @type {String} [x='x'] - The dimension to search across when moving the mouse left and right. */\\n  export let x = 'x';\\n\\n  /** @type {String} [y='y'] - The dimension to search across when moving the mouse up and down. */\\n  export let y = 'y';\\n\\n  /** @type {String} [searchRadius] - The number of pixels to search around the mouse's location. This is the third argument passed to [`quadtree.find`](https://github.com/d3/d3-quadtree#quadtree_find) and by default a value of `undefined` means an unlimited range. */\\n  export let searchRadius = undefined;\\n\\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\\n  export let dataset = undefined;\\n\\n  $: xGetter = x === 'x' ? $xGet : $yGet;\\n  $: yGetter = y === 'y' ? $yGet : $xGet;\\n\\n  function findItem (evt) {\\n    e = evt;\\n\\n    const xLayerKey = `layer${x.toUpperCase()}`;\\n    const yLayerKey = `layer${y.toUpperCase()}`;\\n\\n    const xLayerVal = (evt[xLayerKey] / (x === 'x' ? $width : $height)) * 100;\\n    const yLayerVal = (evt[yLayerKey] / (y === 'y' ? $height : $width)) * 100;\\n\\n    found = finder.find(xLayerVal, yLayerVal, searchRadius) || {};\\n\\n    visible = Object.keys(found).length > 0;\\n  }\\n\\n  $: finder = quadtree()\\n    .extent([[-1, -1], [$width + 1, $height + 1]])\\n    .x(xGetter)\\n    .y(yGetter)\\n    .addAll(dataset || $data);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .bg {\\n    position: absolute;\\n    top: 0;\\n    right: 0;\\n    bottom: 0;\\n    left: 0;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv\\n  class=\\\"bg\\\"\\n  on:mousemove=\\\"{findItem}\\\"\\n  on:mouseout=\\\"{() => visible = false}\\\"\\n  on:blur=\\\"{() => visible = false}\\\"\\n>\u003C/div>\\n\u003Cslot\\n  x={xGetter(found) || 0}\\n  y={yGetter(found) || 0}\\n  {found}\\n  {visible}\\n  {e}\\n>\u003C/slot>\"}],\"csvs\":[{\"title\":\"./_data/fruit.csv\",\"contents\":\"month,apples,bananas,cherries,dates\\n2015-04-01,3840,1920,960,400\\n2015-03-01,1600,1440,960,400\\n2015-02-01,640,960,640,400\\n2015-01-01,320,480,640,400\"}],\"jsons\":[]}"}</script>
+			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/MultiLine.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Html, flatten } from 'layercake';\\n  import { scaleOrdinal } from 'd3-scale';\\n  import { timeParse, timeFormat } from 'd3-time-format';\\n  import { format } from 'd3-format';\\n\\n  import MultiLine from './_components/MultiLine.svelte';\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n  import GroupLabels from './_components/GroupLabels.html.svelte';\\n  import SharedTooltip from './_components/SharedTooltip.percent-range.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/fruit.csv';\\n\\n  /* --------------------------------------------\\n   * Set what is our x key to separate it from the other series\\n   */\\n  const xKey = 'month';\\n  const yKey = 'value';\\n  const zKey = 'fruit';\\n\\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\\n  const seriesColors = ['#ffe4b8', '#ffb3c0', '#ff7ac7', '#ff00cc'];\\n\\n  const parseDate = timeParse('%Y-%m-%d');\\n\\n  /* --------------------------------------------\\n   * Create a \\\"long\\\" format that is a grouped series of data points\\n   * Layer Cake uses this data structure and the key names\\n   * set in xKey, yKey and zKey to map your data into each scale.\\n   */\\n  const dataLong = seriesNames.map(key => {\\n    return {\\n      [zKey]: key,\\n      values: data.map(d => {\\n        // Put this in a conditional so that we don't recast the data on second render\\n        d[xKey] = typeof d[xKey] === 'string' ? parseDate(d[xKey]) : d[xKey];\\n        return {\\n          [yKey]: +d[key],\\n          [xKey]: d[xKey],\\n          [zKey]: key\\n        };\\n      })\\n    };\\n  });\\n\\n  const formatLabelX = timeFormat('%b. %e');\\n  const formatLabelY = d => format(`~s`)(d);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ top: 7, right: 10, bottom: 20, left: 25 }}\\n    x={xKey}\\n    y={yKey}\\n    z={zKey}\\n    zScale={scaleOrdinal()}\\n    zRange={seriesColors}\\n    flatData={flatten(dataLong, 'values')}\\n    yDomain={[0, null]}\\n    data={dataLong}\\n  >\\n    \u003CHtml>\\n      \u003CAxisX\\n        gridlines={false}\\n        ticks={data.map(d => d[xKey]).sort((a, b) => a - b)}\\n        format={formatLabelX}\\n        snapLabels\\n        tickMarks\\n      />\\n      \u003CAxisY\\n        format={formatLabelY}\\n      />\\n    \u003C/Html>\\n\\n    \u003CScaledSvg>\\n      \u003CMultiLine/>\\n    \u003C/ScaledSvg>\\n\\n    \u003CHtml>\\n      \u003CGroupLabels/>\\n      \u003CSharedTooltip\\n        formatTitle={formatLabelX}\\n        dataset={data}\\n      />\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A multiline example with a quadtree tooltip. This is an interesting example because the data exists in a few different structures:\\n\\n1. We're loading data from a \\\"wide\\\" format CSV file  where each series has its own column name.\\n   ```\\n   [\\n     {\\n       month: 2015-03-31T22:00:00.000Z,\\n       apples: '3840',\\n       bananas: '1920',\\n       cherries: '960',\\n       dates: '400'\\n     },\\n     {\\n       month: 2015-02-28T23:00:00.000Z,\\n       apples: '1600',\\n       bananas: '1440',\\n       cherries: '960',\\n       dates: '400'\\n     },\\n     ...\\n   ```\\n   We need to first turn this into...\\n\\n2. ...a \\\"long\\\" format, where each type of fruit is grouped into its own array and each datapoint is a row. The column name becomes a property on the group whose name we define with the `zKey` variable.\\n   ```\\n   [\\n       {\\n           \\\"fruit\\\": \\\"apples\\\",\\n           \\\"values\\\": [\\n               {\\n                   \\\"value\\\": 3840,\\n                   \\\"month\\\": \\\"2015-03-31T22:00:00.000Z\\\",\\n                   \\\"fruit\\\": \\\"apples\\\"\\n               },\\n               {\\n                   \\\"value\\\": 1600,\\n                   \\\"month\\\": \\\"2015-02-28T23:00:00.000Z\\\",\\n                   \\\"fruit\\\": \\\"apples\\\"\\n               },\\n               ...\\n           ]\\n       },\\n       {\\n           \\\"fruit\\\": \\\"bananas\\\",\\n           \\\"values\\\": [\\n               {\\n                   \\\"value\\\": 1920,\\n                   \\\"month\\\": \\\"2015-03-31T22:00:00.000Z\\\",\\n                   \\\"fruit\\\": \\\"bananas\\\"\\n               },\\n       ...\\n   ```\\n\\n3. We also need a flat, ungrouped array of objects so that Layer Cake can measure the full data extents. This gets passed to the `flatData` prop so the scales know the full domain of the data.\\n   ```\\n   [\\n     { value: 3840, month: 2015-03-31T22:00:00.000Z, fruit: 'apples' },\\n     { value: 1600, month: 2015-02-28T23:00:00.000Z, fruit: 'apples' },\\n     { value: 640, month: 2015-01-31T23:00:00.000Z, fruit: 'apples' },\\n     { value: 320, month: 2014-12-31T23:00:00.000Z, fruit: 'apples' },\\n     { value: 1920, month: 2015-03-31T22:00:00.000Z, fruit: 'bananas' },\\n     ...\\n   ```\\nWe're using a regular JavaScript transform to do steps one and two. See the [client-side rendered example](https://layercake.graphics/example/MultiLine) for how to do this with Layer Cake's [groupLonger transform function](https://layercake.graphics/guide#grouplonger).\\n\",\"components\":[{\"title\":\"./_components/MultiLine.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG multi-series line chart. It expects your data to be an array of objects, each with a `values` key that is an array of data objects.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, zGet } = getContext('LayerCake');\\n\\n  $: path = values => {\\n    return 'M' + values\\n      .map(d => {\\n        return $xGet(d) + ',' + $yGet(d);\\n      })\\n      .join('L');\\n  };\\n\u003C/script>\\n\\n\u003Cg class=\\\"line-group\\\">\\n  {#each $data as group}\\n    \u003Cpath\\n      class='path-line'\\n      d='{path(group.values)}'\\n      stroke=\\\"{$zGet(group)}\\\"\\n    >\u003C/path>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 3px;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/GroupLabels.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates HTML text labels for a nested data structure. It places the label near the y-value of the highest x-valued data point. This is useful for labeling the final point in a multi-series line chart, for example. It expects your data to be an array of objects where each has `values` field that is an array of data objects. It uses the `z` field accessor to pull the text label.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { max } from 'd3-array';\\n\\n  const { data, x, y, xScale, yScale, xRange, yRange, z } = getContext('LayerCake');\\n\\n  /* --------------------------------------------\\n   * Title case the first letter\\n   */\\n  const cap = val => val.replace(/^\\\\w/, d => d.toUpperCase());\\n\\n  /* --------------------------------------------\\n   * Put the label on the highest value\\n   */\\n  $: left = values => $xScale(max(values, $x)) /  Math.max(...$xRange);\\n  $: top = values => $yScale(max(values, $y)) / Math.max(...$yRange);\\n\u003C/script>\\n\\n{#each $data as group}\\n  \u003Cdiv\\n    class=\\\"label\\\"\\n    style=\\\"\\n      top:{top(group.values) * 100}%;\\n      left:{left(group.values) * 100}%;\\n    \\\"\\n  >{cap($z(group))}\u003C/div>\\n{/each}\\n\\n\u003Cstyle>\\n  .label {\\n    position: absolute;\\n    transform: translate(-100%, -100%)translateY(1px);\\n    font-size: 13px;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/SharedTooltip.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a tooltip that works on multiseries datasets, like multiline charts. It creates a tooltip showing the name of the series and the current value. This version uses percentages so you can use it to render server-side. It finds the nearest data point using the [QuadTree.percent-range.html.svelte](https://layercake.graphics/components/QuadTree.percent-range.html.svelte) component.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { format } from 'd3-format';\\n\\n  import QuadTree from './QuadTree.percent-range.html.svelte';\\n\\n  const { data, width, yScale, config } = getContext('LayerCake');\\n\\n  const commas = format(',');\\n  const titleCase = d => d.replace(/^\\\\w/, w => w.toUpperCase());\\n\\n  /** @type {Function} [formatTitle=d => d] - A function to format the tooltip title, which is `$config.x`. */\\n  export let formatTitle = d => d;\\n\\n  /** @type {Function} [formatKey=d => titleCase(d)] - A function to format the series name. */\\n  export let formatKey = d => titleCase(d);\\n\\n  /** @type {Function} [formatValue=d => isNaN(+d) ? d : commas(d)] - A function to format the value. */\\n  export let formatValue = d => isNaN(+d) ? d : commas(d);\\n\\n  /** @type {Number} [offset=-20] - A y-offset from the hover point, in pixels. */\\n  export let offset = -20;\\n\\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\\n  export let dataset = undefined;\\n\\n  const w = 150;\\n  const w2 = w / 2;\\n  let top = 0;\\n\\n  /* --------------------------------------------\\n   * Sort the keys by the highest value\\n   */\\n  function sortResult(result) {\\n    if (Object.keys(result).length === 0) return [];\\n    const rows = Object.keys(result).filter(d => d !== $config.x).map(key => {\\n      return {\\n        key,\\n        value: result[key]\\n      };\\n    }).sort((a, b) => b.value - a.value);\\n\\n    return rows;\\n  }\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .tooltip {\\n    position: absolute;\\n    font-size: 13px;\\n    pointer-events: none;\\n    border: 1px solid #ccc;\\n    background: rgba(255, 255, 255, 0.85);\\n    transform: translate(-50%, -100%);\\n    padding: 5px;\\n    z-index: 15;\\n  }\\n  .line {\\n    position: absolute;\\n    top: 0;\\n    bottom: 0;\\n    width: 1px;\\n    border-left: 1px dotted #666;\\n    pointer-events: none;\\n  }\\n  .tooltip,\\n  .line {\\n    transition: left 250ms ease-out, top 250ms ease-out;\\n  }\\n  .title {\\n    font-weight: bold;\\n  }\\n  .key {\\n    color: #999;\\n  }\\n\u003C/style>\\n\\n\u003CQuadTree\\n  dataset={dataset || $data}\\n  y='x'\\n  let:x\\n  let:y\\n  let:visible\\n  let:found\\n  let:e\\n>\\n  {@const foundSorted = sortResult(found)}\\n  {#if visible === true}\\n    \u003Cdiv\\n      style=\\\"left:{(x / 100) * $width }px;\\\"\\n      class=\\\"line\\\">\u003C/div>\\n    \u003Cdiv\\n      class=\\\"tooltip\\\"\\n      style=\\\"\\n        width:{w}px;\\n        display: { visible ? 'block' : 'none' };\\n        top:calc({$yScale(foundSorted[0].value)}% + {offset}px);\\n        left:{Math.min(Math.max(w2, (x / 100) * $width), $width - w2)}px;\\\"\\n      >\\n        \u003Cdiv class=\\\"title\\\">{formatTitle(found[$config.x])}\u003C/div>\\n        {#each foundSorted as row}\\n          \u003Cdiv class=\\\"row\\\">\u003Cspan class=\\\"key\\\">{formatKey(row.key)}:\u003C/span> {formatValue(row.value)}\u003C/div>\\n        {/each}\\n    \u003C/div>\\n  {/if}\\n\u003C/QuadTree>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[{\"title\":\"./_components/QuadTree.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Creates an interaction layer (in HTML) using [d3-quadtree](https://github.com/d3/d3-quadtree) to find the nearest datapoint to the mouse. This component creates a slot that exposes variables `x`, `y`, `found` (the found datapoint), `visible` (a Boolean whether any data was found) and `e` (the event object). This component works with a percent range so the `x` and `y` values coming back will be percentages.\\n\\n  The quadtree searches across both the x and y dimensions at the same time. But if you want to only search across one, set the `x` and `y` props to the same value. For example, the [shared tooltip component](https://layercake.graphics/components/SharedTooltip.html.svelte) sets `y='x'` since it's nicer behavior to only pick up on the nearest x-value.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { quadtree } from 'd3-quadtree';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  let visible = false;\\n  let found = {};\\n  let e = {};\\n\\n  /** @type {String} [x='x'] - The dimension to search across when moving the mouse left and right. */\\n  export let x = 'x';\\n\\n  /** @type {String} [y='y'] - The dimension to search across when moving the mouse up and down. */\\n  export let y = 'y';\\n\\n  /** @type {String} [searchRadius] - The number of pixels to search around the mouse's location. This is the third argument passed to [`quadtree.find`](https://github.com/d3/d3-quadtree#quadtree_find) and by default a value of `undefined` means an unlimited range. */\\n  export let searchRadius = undefined;\\n\\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\\n  export let dataset = undefined;\\n\\n  $: xGetter = x === 'x' ? $xGet : $yGet;\\n  $: yGetter = y === 'y' ? $yGet : $xGet;\\n\\n  function findItem (evt) {\\n    e = evt;\\n\\n    const xLayerKey = `layer${x.toUpperCase()}`;\\n    const yLayerKey = `layer${y.toUpperCase()}`;\\n\\n    const xLayerVal = (evt[xLayerKey] / (x === 'x' ? $width : $height)) * 100;\\n    const yLayerVal = (evt[yLayerKey] / (y === 'y' ? $height : $width)) * 100;\\n\\n    found = finder.find(xLayerVal, yLayerVal, searchRadius) || {};\\n\\n    visible = Object.keys(found).length > 0;\\n  }\\n\\n  $: finder = quadtree()\\n    .extent([[-1, -1], [$width + 1, $height + 1]])\\n    .x(xGetter)\\n    .y(yGetter)\\n    .addAll(dataset || $data);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .bg {\\n    position: absolute;\\n    top: 0;\\n    right: 0;\\n    bottom: 0;\\n    left: 0;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv\\n  class=\\\"bg\\\"\\n  on:mousemove=\\\"{findItem}\\\"\\n  on:mouseout=\\\"{() => visible = false}\\\"\\n  on:blur=\\\"{() => visible = false}\\\"\\n>\u003C/div>\\n\u003Cslot\\n  x={xGetter(found) || 0}\\n  y={yGetter(found) || 0}\\n  {found}\\n  {visible}\\n  {e}\\n>\u003C/slot>\"}],\"csvs\":[{\"title\":\"./_data/fruit.csv\",\"contents\":\"month,apples,bananas,cherries,dates\\n2015-04-01,3840,1920,960,400\\n2015-03-01,1600,1440,960,400\\n2015-02-01,640,960,640,400\\n2015-01-01,320,480,640,400\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -765,8 +764,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/MultiLine.json b/docs/example-ssr/MultiLine.json
index 702a8957..a494268d 100644
--- a/docs/example-ssr/MultiLine.json
+++ b/docs/example-ssr/MultiLine.json
@@ -1 +1 @@
-{"main":{"title":"+page.svelte","contents":"<script>\n  import { LayerCake, ScaledSvg, Html, flatten } from 'layercake';\n  import { scaleOrdinal } from 'd3-scale';\n  import { timeParse, timeFormat } from 'd3-time-format';\n  import { format } from 'd3-format';\n\n  import MultiLine from './_components/MultiLine.svelte';\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\n  import GroupLabels from './_components/GroupLabels.html.svelte';\n  import SharedTooltip from './_components/SharedTooltip.percent-range.html.svelte';\n\n  // This example loads csv data as json using @rollup/plugin-dsv\n  import data from './_data/fruit.csv';\n\n  /* --------------------------------------------\n   * Set what is our x key to separate it from the other series\n   */\n  const xKey = 'month';\n  const yKey = 'value';\n  const zKey = 'fruit';\n\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\n  const seriesColors = ['#ffe4b8', '#ffb3c0', '#ff7ac7', '#ff00cc'];\n\n  const parseDate = timeParse('%Y-%m-%d');\n\n  /* --------------------------------------------\n   * Create a \"long\" format that is a grouped series of data points\n   * Layer Cake uses this data structure and the key names\n   * set in xKey, yKey and zKey to map your data into each scale.\n   */\n  const dataLong = seriesNames.map(key => {\n    return {\n      [zKey]: key,\n      values: data.map(d => {\n        // Put this in a conditional so that we don't recast the data on second render\n        d[xKey] = typeof d[xKey] === 'string' ? parseDate(d[xKey]) : d[xKey];\n        return {\n          [yKey]: +d[key],\n          [xKey]: d[xKey],\n          [zKey]: key\n        };\n      })\n    };\n  });\n\n  const formatLabelX = timeFormat('%b. %e');\n  const formatLabelY = d => format(`~s`)(d);\n</script>\n\n<style>\n  /*\n    The wrapper div needs to have an explicit width and height in CSS.\n    It can also be a flexbox child or CSS grid element.\n    The point being it needs dimensions since the <LayerCake> element will\n    expand to fill it.\n  */\n  .chart-container {\n    width: 100%;\n    height: 250px;\n  }\n</style>\n\n<div class=\"chart-container\">\n  <LayerCake\n    ssr\n    percentRange\n    padding={{ top: 7, right: 10, bottom: 20, left: 25 }}\n    x={xKey}\n    y={yKey}\n    z={zKey}\n    zScale={scaleOrdinal()}\n    zRange={seriesColors}\n    flatData={flatten(dataLong, 'values')}\n    yDomain={[0, null]}\n    data={dataLong}\n  >\n    <Html>\n      <AxisX\n        gridlines={false}\n        ticks={data.map(d => d[xKey]).sort((a, b) => a - b)}\n        format={formatLabelX}\n        snapTicks\n        tickMarks\n      />\n      <AxisY\n        baseline\n        format={formatLabelY}\n      />\n    </Html>\n\n    <ScaledSvg>\n      <MultiLine/>\n    </ScaledSvg>\n\n    <Html>\n      <GroupLabels/>\n      <SharedTooltip\n        formatTitle={formatLabelX}\n        dataset={data}\n      />\n    </Html>\n  </LayerCake>\n</div>"},"dek":"A multiline example with a quadtree tooltip. This is an interesting example because the data exists in a few different structures:\n\n1. We're loading data from a \"wide\" format CSV file  where each series has its own column name.\n   ```\n   [\n     {\n       month: 2015-03-31T22:00:00.000Z,\n       apples: '3840',\n       bananas: '1920',\n       cherries: '960',\n       dates: '400'\n     },\n     {\n       month: 2015-02-28T23:00:00.000Z,\n       apples: '1600',\n       bananas: '1440',\n       cherries: '960',\n       dates: '400'\n     },\n     ...\n   ```\n   We need to first turn this into...\n\n2. ...a \"long\" format, where each type of fruit is grouped into its own array and each datapoint is a row. The column name becomes a property on the group whose name we define with the `zKey` variable.\n   ```\n   [\n       {\n           \"fruit\": \"apples\",\n           \"values\": [\n               {\n                   \"value\": 3840,\n                   \"month\": \"2015-03-31T22:00:00.000Z\",\n                   \"fruit\": \"apples\"\n               },\n               {\n                   \"value\": 1600,\n                   \"month\": \"2015-02-28T23:00:00.000Z\",\n                   \"fruit\": \"apples\"\n               },\n               ...\n           ]\n       },\n       {\n           \"fruit\": \"bananas\",\n           \"values\": [\n               {\n                   \"value\": 1920,\n                   \"month\": \"2015-03-31T22:00:00.000Z\",\n                   \"fruit\": \"bananas\"\n               },\n       ...\n   ```\n\n3. We also need a flat, ungrouped array of objects so that Layer Cake can measure the full data extents. This gets passed to the `flatData` prop so the scales know the full domain of the data.\n   ```\n   [\n     { value: 3840, month: 2015-03-31T22:00:00.000Z, fruit: 'apples' },\n     { value: 1600, month: 2015-02-28T23:00:00.000Z, fruit: 'apples' },\n     { value: 640, month: 2015-01-31T23:00:00.000Z, fruit: 'apples' },\n     { value: 320, month: 2014-12-31T23:00:00.000Z, fruit: 'apples' },\n     { value: 1920, month: 2015-03-31T22:00:00.000Z, fruit: 'bananas' },\n     ...\n   ```\nWe're using a regular JavaScript transform to do steps one and two. See the [client-side rendered example](https://layercake.graphics/example/MultiLine) for how to do this with Layer Cake's [groupLonger transform function](https://layercake.graphics/guide#grouplonger).\n","components":[{"title":"./_components/MultiLine.svelte","contents":"<!--\n  @component\n  Generates an SVG multi-series line chart. It expects your data to be an array of objects, each with a `values` key that is an array of data objects.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { data, xGet, yGet, zGet } = getContext('LayerCake');\n\n  $: path = values => {\n    return 'M' + values\n      .map(d => {\n        return $xGet(d) + ',' + $yGet(d);\n      })\n      .join('L');\n  };\n</script>\n\n<g class=\"line-group\">\n  {#each $data as group}\n    <path\n      class='path-line'\n      d='{path(group.values)}'\n      stroke=\"{$zGet(group)}\"\n    ></path>\n  {/each}\n</g>\n\n<style>\n  .path-line {\n    fill: none;\n    stroke-linejoin: round;\n    stroke-linecap: round;\n    stroke-width: 3px;\n  }\n</style>"},{"title":"./_components/AxisX.percent-range.html.svelte","contents":"<!--\n  @component\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { width, height, xScale, yRange } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\n  export let tickMarks = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\n  export let tickMarkLength = 6;\n\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\n  export let baseline = false;\n\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\n  export let snapLabels = false;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d;\n\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\n  export let ticks = undefined;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = 1;\n\n  $: tickLen = tickMarks === true\n    ? tickMarkLength ?? 6\n    : 0;\n\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $xScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($xScale.ticks()) :\n          $xScale.ticks(ticks);\n\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\n</script>\n\n<div class='axis x-axis' class:snapLabels>\n  {#each tickVals as tick, i (tick)}\n    {@const tickValPx = $xScale(tick)}\n\n    {#if baseline === true}\n      <div class=\"baseline\" style='top:100%; width:100%;'></div>\n    {/if}\n\n    {#if gridlines === true}\n      <div\n        class=\"gridline\"\n        style:left='{tickValPx}%'\n        style='top:0; bottom:0;'></div>\n    {/if}\n    {#if tickMarks === true}\n      <div\n        class=\"tick-mark\"\n        style:left='{tickValPx + halfBand}%'\n        style:height='{tickLen}px'\n        style:bottom='{-tickLen - tickGutter}px'\n      ></div>\n    {/if}\n    <div\n      class='tick tick-{i}'\n      style:left='{tickValPx + halfBand}%'\n      style='top:calc(100% + {tickGutter}px);'>\n      <div\n        class=\"text\"\n        style:top='{tickLen}px'\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\n      >{format(tick)}</div>\n    </div>\n  {/each}\n</div>\n\n<style>\n  .axis,\n  .tick,\n  .tick-mark,\n  .gridline,\n  .baseline {\n    position: absolute;\n  }\n  .axis {\n    width: 100%;\n    height: 100%;\n  }\n  .tick {\n    font-size: 11px;\n  }\n\n  .gridline {\n    border-left: 1px dashed #aaa;\n  }\n\n  .tick-mark {\n    border-left: 1px solid #aaa;\n  }\n  .baseline {\n    border-top: 1px solid #aaa;\n  }\n\n  .tick .text {\n    color: #666;\n    position: relative;\n    white-space: nowrap;\n    transform: translateX(-50%);\n  }\n  /* This looks a little better at 40 percent than 50 */\n  .axis.snapLabels .tick:last-child {\n    transform: translateX(-40%);\n  }\n  .axis.snapLabels .tick.tick-0 {\n    transform: translateX(40%);\n  }\n</style>"},{"title":"./_components/AxisY.percent-range.html.svelte","contents":"<!--\n  @component\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\n -->\n <script>\n  import { getContext } from 'svelte';\n\n  const { xRange, yScale } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\n  export let tickMarks = false;\n\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\n  export let labelPosition = 'even';\n\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\n  export let snapBaselineLabel = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\n  export let tickMarkLength = undefined;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d ;\n\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\n  export let ticks = 4;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = -3;\n\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\n  export let charPixelWidth = 7.25;\n\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $yScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($yScale.ticks()) :\n          $yScale.ticks(ticks);\n\n  function calcStringLength(sum, val) {\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\n    return sum + charPixelWidth;\n  }\n\n  $: tickLen = tickMarks === true\n    ? labelPosition === 'above'\n      ? tickMarkLength ?? widestTickLen\n      : tickMarkLength ?? 6\n    : 0;\n\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\n\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\n\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\n</script>\n\n<div class='axis y-axis'>\n  {#each tickVals as tick, i (tick)}\n    {@const tickValPerc = $yScale(tick)}\n\n    <div class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\n      {#if gridlines === true}\n        <div\n          class=\"gridline\"\n          style=\"top:0;\"\n          style:left='{x1}px'\n          style:right='0px'\n        ></div>\n      {/if}\n      {#if tickMarks === true}\n        <div\n          class=\"tick-mark\"\n          style:top='0'\n          style:left='{x1}px'\n          style:width='{tickLen}px'\n        ></div>\n      {/if}\n      <div\n        class=\"text\"\n        style:top='0'\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\n        style:width='{widestTickLen}px'\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\n      >{format(tick)}</div>\n    </div>\n  {/each}\n</div>\n\n<style>\n  .axis,\n  .tick,\n  .tick-mark,\n  .gridline,\n  .baseline,\n  .text {\n    position: absolute;\n  }\n  .axis {\n    width: 100%;\n    height: 100%;\n  }\n  .tick {\n    font-size: 11px;\n    width: 100%;\n  }\n\n  .gridline {\n    border-top: 1px dashed #aaa;\n  }\n  .tick-mark {\n    border-top: 1px solid #aaa;\n  }\n\n  .baseline.gridline {\n    border-top-style: solid;\n  }\n\n  .tick .text {\n    color: #666;\n  }\n</style>"},{"title":"./_components/GroupLabels.html.svelte","contents":"<!--\n  @component\n  Generates HTML text labels for a nested data structure. It places the label near the y-value of the highest x-valued data point. This is useful for labeling the final point in a multi-series line chart, for example. It expects your data to be an array of objects where each has `values` field that is an array of data objects. It uses the `z` field accessor to pull the text label.\n -->\n<script>\n  import { getContext } from 'svelte';\n  import { max } from 'd3-array';\n\n  const { data, x, y, xScale, yScale, xRange, yRange, z } = getContext('LayerCake');\n\n  /* --------------------------------------------\n   * Title case the first letter\n   */\n  const cap = val => val.replace(/^\\w/, d => d.toUpperCase());\n\n  /* --------------------------------------------\n   * Put the label on the highest value\n   */\n  $: left = values => $xScale(max(values, $x)) /  Math.max(...$xRange);\n  $: top = values => $yScale(max(values, $y)) / Math.max(...$yRange);\n</script>\n\n{#each $data as group}\n  <div\n    class=\"label\"\n    style=\"\n      top:{top(group.values) * 100}%;\n      left:{left(group.values) * 100}%;\n    \"\n  >{cap($z(group))}</div>\n{/each}\n\n<style>\n  .label {\n    position: absolute;\n    transform: translate(-100%, -100%)translateY(1px);\n    font-size: 13px;\n  }\n</style>"},{"title":"./_components/SharedTooltip.percent-range.html.svelte","contents":"<!--\n  @component\n  Generates a tooltip that works on multiseries datasets, like multiline charts. It creates a tooltip showing the name of the series and the current value. This version uses percentages so you can use it to render server-side. It finds the nearest data point using the [QuadTree.percent-range.html.svelte](https://layercake.graphics/components/QuadTree.percent-range.html.svelte) component.\n -->\n<script>\n  import { getContext } from 'svelte';\n  import { format } from 'd3-format';\n\n  import QuadTree from './QuadTree.percent-range.html.svelte';\n\n  const { data, width, yScale, config } = getContext('LayerCake');\n\n  const commas = format(',');\n  const titleCase = d => d.replace(/^\\w/, w => w.toUpperCase());\n\n  /** @type {Function} [formatTitle=d => d] - A function to format the tooltip title, which is `$config.x`. */\n  export let formatTitle = d => d;\n\n  /** @type {Function} [formatKey=d => titleCase(d)] - A function to format the series name. */\n  export let formatKey = d => titleCase(d);\n\n  /** @type {Function} [formatValue=d => isNaN(+d) ? d : commas(d)] - A function to format the value. */\n  export let formatValue = d => isNaN(+d) ? d : commas(d);\n\n  /** @type {Number} [offset=-20] - A y-offset from the hover point, in pixels. */\n  export let offset = -20;\n\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\n  export let dataset = undefined;\n\n  const w = 150;\n  const w2 = w / 2;\n  let top = 0;\n\n  /* --------------------------------------------\n   * Sort the keys by the highest value\n   */\n  function sortResult(result) {\n    if (Object.keys(result).length === 0) return [];\n    const rows = Object.keys(result).filter(d => d !== $config.x).map(key => {\n      return {\n        key,\n        value: result[key]\n      };\n    }).sort((a, b) => b.value - a.value);\n\n    return rows;\n  }\n</script>\n\n<style>\n  .tooltip {\n    position: absolute;\n    font-size: 13px;\n    pointer-events: none;\n    border: 1px solid #ccc;\n    background: rgba(255, 255, 255, 0.85);\n    transform: translate(-50%, -100%);\n    padding: 5px;\n    z-index: 15;\n  }\n  .line {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 1px;\n    border-left: 1px dotted #666;\n    pointer-events: none;\n  }\n  .tooltip,\n  .line {\n    transition: left 250ms ease-out, top 250ms ease-out;\n  }\n  .title {\n    font-weight: bold;\n  }\n  .key {\n    color: #999;\n  }\n</style>\n\n<QuadTree\n  dataset={dataset || $data}\n  y='x'\n  let:x\n  let:y\n  let:visible\n  let:found\n  let:e\n>\n  {@const foundSorted = sortResult(found)}\n  {#if visible === true}\n    <div\n      style=\"left:{(x / 100) * $width }px;\"\n      class=\"line\"></div>\n    <div\n      class=\"tooltip\"\n      style=\"\n        width:{w}px;\n        display: { visible ? 'block' : 'none' };\n        top:calc({$yScale(foundSorted[0].value)}% + {offset}px);\n        left:{Math.min(Math.max(w2, (x / 100) * $width), $width - w2)}px;\"\n      >\n        <div class=\"title\">{formatTitle(found[$config.x])}</div>\n        {#each foundSorted as row}\n          <div class=\"row\"><span class=\"key\">{formatKey(row.key)}:</span> {formatValue(row.value)}</div>\n        {/each}\n    </div>\n  {/if}\n</QuadTree>"}],"modules":[],"componentModules":[],"componentComponents":[{"title":"./_components/QuadTree.percent-range.html.svelte","contents":"<!--\n  @component\n  Creates an interaction layer (in HTML) using [d3-quadtree](https://github.com/d3/d3-quadtree) to find the nearest datapoint to the mouse. This component creates a slot that exposes variables `x`, `y`, `found` (the found datapoint), `visible` (a Boolean whether any data was found) and `e` (the event object). This component works with a percent range so the `x` and `y` values coming back will be percentages.\n\n  The quadtree searches across both the x and y dimensions at the same time. But if you want to only search across one, set the `x` and `y` props to the same value. For example, the [shared tooltip component](https://layercake.graphics/components/SharedTooltip.html.svelte) sets `y='x'` since it's nicer behavior to only pick up on the nearest x-value.\n -->\n<script>\n  import { getContext } from 'svelte';\n  import { quadtree } from 'd3-quadtree';\n\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\n\n  let visible = false;\n  let found = {};\n  let e = {};\n\n  /** @type {String} [x='x'] - The dimension to search across when moving the mouse left and right. */\n  export let x = 'x';\n\n  /** @type {String} [y='y'] - The dimension to search across when moving the mouse up and down. */\n  export let y = 'y';\n\n  /** @type {String} [searchRadius] - The number of pixels to search around the mouse's location. This is the third argument passed to [`quadtree.find`](https://github.com/d3/d3-quadtree#quadtree_find) and by default a value of `undefined` means an unlimited range. */\n  export let searchRadius = undefined;\n\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\n  export let dataset = undefined;\n\n  $: xGetter = x === 'x' ? $xGet : $yGet;\n  $: yGetter = y === 'y' ? $yGet : $xGet;\n\n  function findItem (evt) {\n    e = evt;\n\n    const xLayerKey = `layer${x.toUpperCase()}`;\n    const yLayerKey = `layer${y.toUpperCase()}`;\n\n    const xLayerVal = (evt[xLayerKey] / (x === 'x' ? $width : $height)) * 100;\n    const yLayerVal = (evt[yLayerKey] / (y === 'y' ? $height : $width)) * 100;\n\n    found = finder.find(xLayerVal, yLayerVal, searchRadius) || {};\n\n    visible = Object.keys(found).length > 0;\n  }\n\n  $: finder = quadtree()\n    .extent([[-1, -1], [$width + 1, $height + 1]])\n    .x(xGetter)\n    .y(yGetter)\n    .addAll(dataset || $data);\n</script>\n\n<style>\n  .bg {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n</style>\n\n<div\n  class=\"bg\"\n  on:mousemove=\"{findItem}\"\n  on:mouseout=\"{() => visible = false}\"\n  on:blur=\"{() => visible = false}\"\n></div>\n<slot\n  x={xGetter(found) || 0}\n  y={yGetter(found) || 0}\n  {found}\n  {visible}\n  {e}\n></slot>"}],"csvs":[{"title":"./_data/fruit.csv","contents":"month,apples,bananas,cherries,dates\n2015-04-01,3840,1920,960,400\n2015-03-01,1600,1440,960,400\n2015-02-01,640,960,640,400\n2015-01-01,320,480,640,400"}],"jsons":[]}
\ No newline at end of file
+{"main":{"title":"+page.svelte","contents":"<script>\n  import { LayerCake, ScaledSvg, Html, flatten } from 'layercake';\n  import { scaleOrdinal } from 'd3-scale';\n  import { timeParse, timeFormat } from 'd3-time-format';\n  import { format } from 'd3-format';\n\n  import MultiLine from './_components/MultiLine.svelte';\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\n  import GroupLabels from './_components/GroupLabels.html.svelte';\n  import SharedTooltip from './_components/SharedTooltip.percent-range.html.svelte';\n\n  // This example loads csv data as json using @rollup/plugin-dsv\n  import data from './_data/fruit.csv';\n\n  /* --------------------------------------------\n   * Set what is our x key to separate it from the other series\n   */\n  const xKey = 'month';\n  const yKey = 'value';\n  const zKey = 'fruit';\n\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\n  const seriesColors = ['#ffe4b8', '#ffb3c0', '#ff7ac7', '#ff00cc'];\n\n  const parseDate = timeParse('%Y-%m-%d');\n\n  /* --------------------------------------------\n   * Create a \"long\" format that is a grouped series of data points\n   * Layer Cake uses this data structure and the key names\n   * set in xKey, yKey and zKey to map your data into each scale.\n   */\n  const dataLong = seriesNames.map(key => {\n    return {\n      [zKey]: key,\n      values: data.map(d => {\n        // Put this in a conditional so that we don't recast the data on second render\n        d[xKey] = typeof d[xKey] === 'string' ? parseDate(d[xKey]) : d[xKey];\n        return {\n          [yKey]: +d[key],\n          [xKey]: d[xKey],\n          [zKey]: key\n        };\n      })\n    };\n  });\n\n  const formatLabelX = timeFormat('%b. %e');\n  const formatLabelY = d => format(`~s`)(d);\n</script>\n\n<style>\n  /*\n    The wrapper div needs to have an explicit width and height in CSS.\n    It can also be a flexbox child or CSS grid element.\n    The point being it needs dimensions since the <LayerCake> element will\n    expand to fill it.\n  */\n  .chart-container {\n    width: 100%;\n    height: 250px;\n  }\n</style>\n\n<div class=\"chart-container\">\n  <LayerCake\n    ssr\n    percentRange\n    padding={{ top: 7, right: 10, bottom: 20, left: 25 }}\n    x={xKey}\n    y={yKey}\n    z={zKey}\n    zScale={scaleOrdinal()}\n    zRange={seriesColors}\n    flatData={flatten(dataLong, 'values')}\n    yDomain={[0, null]}\n    data={dataLong}\n  >\n    <Html>\n      <AxisX\n        gridlines={false}\n        ticks={data.map(d => d[xKey]).sort((a, b) => a - b)}\n        format={formatLabelX}\n        snapLabels\n        tickMarks\n      />\n      <AxisY\n        format={formatLabelY}\n      />\n    </Html>\n\n    <ScaledSvg>\n      <MultiLine/>\n    </ScaledSvg>\n\n    <Html>\n      <GroupLabels/>\n      <SharedTooltip\n        formatTitle={formatLabelX}\n        dataset={data}\n      />\n    </Html>\n  </LayerCake>\n</div>"},"dek":"A multiline example with a quadtree tooltip. This is an interesting example because the data exists in a few different structures:\n\n1. We're loading data from a \"wide\" format CSV file  where each series has its own column name.\n   ```\n   [\n     {\n       month: 2015-03-31T22:00:00.000Z,\n       apples: '3840',\n       bananas: '1920',\n       cherries: '960',\n       dates: '400'\n     },\n     {\n       month: 2015-02-28T23:00:00.000Z,\n       apples: '1600',\n       bananas: '1440',\n       cherries: '960',\n       dates: '400'\n     },\n     ...\n   ```\n   We need to first turn this into...\n\n2. ...a \"long\" format, where each type of fruit is grouped into its own array and each datapoint is a row. The column name becomes a property on the group whose name we define with the `zKey` variable.\n   ```\n   [\n       {\n           \"fruit\": \"apples\",\n           \"values\": [\n               {\n                   \"value\": 3840,\n                   \"month\": \"2015-03-31T22:00:00.000Z\",\n                   \"fruit\": \"apples\"\n               },\n               {\n                   \"value\": 1600,\n                   \"month\": \"2015-02-28T23:00:00.000Z\",\n                   \"fruit\": \"apples\"\n               },\n               ...\n           ]\n       },\n       {\n           \"fruit\": \"bananas\",\n           \"values\": [\n               {\n                   \"value\": 1920,\n                   \"month\": \"2015-03-31T22:00:00.000Z\",\n                   \"fruit\": \"bananas\"\n               },\n       ...\n   ```\n\n3. We also need a flat, ungrouped array of objects so that Layer Cake can measure the full data extents. This gets passed to the `flatData` prop so the scales know the full domain of the data.\n   ```\n   [\n     { value: 3840, month: 2015-03-31T22:00:00.000Z, fruit: 'apples' },\n     { value: 1600, month: 2015-02-28T23:00:00.000Z, fruit: 'apples' },\n     { value: 640, month: 2015-01-31T23:00:00.000Z, fruit: 'apples' },\n     { value: 320, month: 2014-12-31T23:00:00.000Z, fruit: 'apples' },\n     { value: 1920, month: 2015-03-31T22:00:00.000Z, fruit: 'bananas' },\n     ...\n   ```\nWe're using a regular JavaScript transform to do steps one and two. See the [client-side rendered example](https://layercake.graphics/example/MultiLine) for how to do this with Layer Cake's [groupLonger transform function](https://layercake.graphics/guide#grouplonger).\n","components":[{"title":"./_components/MultiLine.svelte","contents":"<!--\n  @component\n  Generates an SVG multi-series line chart. It expects your data to be an array of objects, each with a `values` key that is an array of data objects.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { data, xGet, yGet, zGet } = getContext('LayerCake');\n\n  $: path = values => {\n    return 'M' + values\n      .map(d => {\n        return $xGet(d) + ',' + $yGet(d);\n      })\n      .join('L');\n  };\n</script>\n\n<g class=\"line-group\">\n  {#each $data as group}\n    <path\n      class='path-line'\n      d='{path(group.values)}'\n      stroke=\"{$zGet(group)}\"\n    ></path>\n  {/each}\n</g>\n\n<style>\n  .path-line {\n    fill: none;\n    stroke-linejoin: round;\n    stroke-linecap: round;\n    stroke-width: 3px;\n  }\n</style>"},{"title":"./_components/AxisX.percent-range.html.svelte","contents":"<!--\n  @component\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { width, height, xScale, yRange } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\n  export let tickMarks = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\n  export let tickMarkLength = 6;\n\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\n  export let baseline = false;\n\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\n  export let snapLabels = false;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d;\n\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\n  export let ticks = undefined;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = 1;\n\n  $: tickLen = tickMarks === true\n    ? tickMarkLength ?? 6\n    : 0;\n\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $xScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($xScale.ticks()) :\n          $xScale.ticks(ticks);\n\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\n</script>\n\n<div class='axis x-axis' class:snapLabels>\n  {#each tickVals as tick, i (tick)}\n    {@const tickValPx = $xScale(tick)}\n\n    {#if baseline === true}\n      <div class=\"baseline\" style='top:100%; width:100%;'></div>\n    {/if}\n\n    {#if gridlines === true}\n      <div\n        class=\"gridline\"\n        style:left='{tickValPx}%'\n        style='top:0; bottom:0;'></div>\n    {/if}\n    {#if tickMarks === true}\n      <div\n        class=\"tick-mark\"\n        style:left='{tickValPx + halfBand}%'\n        style:height='{tickLen}px'\n        style:bottom='{-tickLen - tickGutter}px'\n      ></div>\n    {/if}\n    <div\n      class='tick tick-{i}'\n      style:left='{tickValPx + halfBand}%'\n      style='top:calc(100% + {tickGutter}px);'>\n      <div\n        class=\"text\"\n        style:top='{tickLen}px'\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\n      >{format(tick)}</div>\n    </div>\n  {/each}\n</div>\n\n<style>\n  .axis,\n  .tick,\n  .tick-mark,\n  .gridline,\n  .baseline {\n    position: absolute;\n  }\n  .axis {\n    width: 100%;\n    height: 100%;\n  }\n  .tick {\n    font-size: 11px;\n  }\n\n  .gridline {\n    border-left: 1px dashed #aaa;\n  }\n\n  .tick-mark {\n    border-left: 1px solid #aaa;\n  }\n  .baseline {\n    border-top: 1px solid #aaa;\n  }\n\n  .tick .text {\n    color: #666;\n    position: relative;\n    white-space: nowrap;\n    transform: translateX(-50%);\n  }\n  /* This looks a little better at 40 percent than 50 */\n  .axis.snapLabels .tick:last-child {\n    transform: translateX(-40%);\n  }\n  .axis.snapLabels .tick.tick-0 {\n    transform: translateX(40%);\n  }\n</style>"},{"title":"./_components/AxisY.percent-range.html.svelte","contents":"<!--\n  @component\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\n -->\n <script>\n  import { getContext } from 'svelte';\n\n  const { xRange, yScale } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\n  export let tickMarks = false;\n\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\n  export let labelPosition = 'even';\n\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\n  export let snapBaselineLabel = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\n  export let tickMarkLength = undefined;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d ;\n\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\n  export let ticks = 4;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = -3;\n\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\n  export let charPixelWidth = 7.25;\n\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $yScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($yScale.ticks()) :\n          $yScale.ticks(ticks);\n\n  function calcStringLength(sum, val) {\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\n    return sum + charPixelWidth;\n  }\n\n  $: tickLen = tickMarks === true\n    ? labelPosition === 'above'\n      ? tickMarkLength ?? widestTickLen\n      : tickMarkLength ?? 6\n    : 0;\n\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\n\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\n\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\n</script>\n\n<div class='axis y-axis'>\n  {#each tickVals as tick, i (tick)}\n    {@const tickValPerc = $yScale(tick)}\n\n    <div class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\n      {#if gridlines === true}\n        <div\n          class=\"gridline\"\n          style=\"top:0;\"\n          style:left='{x1}px'\n          style:right='0px'\n        ></div>\n      {/if}\n      {#if tickMarks === true}\n        <div\n          class=\"tick-mark\"\n          style:top='0'\n          style:left='{x1}px'\n          style:width='{tickLen}px'\n        ></div>\n      {/if}\n      <div\n        class=\"text\"\n        style:top='0'\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\n        style:width='{widestTickLen}px'\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\n      >{format(tick)}</div>\n    </div>\n  {/each}\n</div>\n\n<style>\n  .axis,\n  .tick,\n  .tick-mark,\n  .gridline,\n  .baseline,\n  .text {\n    position: absolute;\n  }\n  .axis {\n    width: 100%;\n    height: 100%;\n  }\n  .tick {\n    font-size: 11px;\n    width: 100%;\n  }\n\n  .gridline {\n    border-top: 1px dashed #aaa;\n  }\n  .tick-mark {\n    border-top: 1px solid #aaa;\n  }\n\n  .baseline.gridline {\n    border-top-style: solid;\n  }\n\n  .tick .text {\n    color: #666;\n  }\n</style>"},{"title":"./_components/GroupLabels.html.svelte","contents":"<!--\n  @component\n  Generates HTML text labels for a nested data structure. It places the label near the y-value of the highest x-valued data point. This is useful for labeling the final point in a multi-series line chart, for example. It expects your data to be an array of objects where each has `values` field that is an array of data objects. It uses the `z` field accessor to pull the text label.\n -->\n<script>\n  import { getContext } from 'svelte';\n  import { max } from 'd3-array';\n\n  const { data, x, y, xScale, yScale, xRange, yRange, z } = getContext('LayerCake');\n\n  /* --------------------------------------------\n   * Title case the first letter\n   */\n  const cap = val => val.replace(/^\\w/, d => d.toUpperCase());\n\n  /* --------------------------------------------\n   * Put the label on the highest value\n   */\n  $: left = values => $xScale(max(values, $x)) /  Math.max(...$xRange);\n  $: top = values => $yScale(max(values, $y)) / Math.max(...$yRange);\n</script>\n\n{#each $data as group}\n  <div\n    class=\"label\"\n    style=\"\n      top:{top(group.values) * 100}%;\n      left:{left(group.values) * 100}%;\n    \"\n  >{cap($z(group))}</div>\n{/each}\n\n<style>\n  .label {\n    position: absolute;\n    transform: translate(-100%, -100%)translateY(1px);\n    font-size: 13px;\n  }\n</style>"},{"title":"./_components/SharedTooltip.percent-range.html.svelte","contents":"<!--\n  @component\n  Generates a tooltip that works on multiseries datasets, like multiline charts. It creates a tooltip showing the name of the series and the current value. This version uses percentages so you can use it to render server-side. It finds the nearest data point using the [QuadTree.percent-range.html.svelte](https://layercake.graphics/components/QuadTree.percent-range.html.svelte) component.\n -->\n<script>\n  import { getContext } from 'svelte';\n  import { format } from 'd3-format';\n\n  import QuadTree from './QuadTree.percent-range.html.svelte';\n\n  const { data, width, yScale, config } = getContext('LayerCake');\n\n  const commas = format(',');\n  const titleCase = d => d.replace(/^\\w/, w => w.toUpperCase());\n\n  /** @type {Function} [formatTitle=d => d] - A function to format the tooltip title, which is `$config.x`. */\n  export let formatTitle = d => d;\n\n  /** @type {Function} [formatKey=d => titleCase(d)] - A function to format the series name. */\n  export let formatKey = d => titleCase(d);\n\n  /** @type {Function} [formatValue=d => isNaN(+d) ? d : commas(d)] - A function to format the value. */\n  export let formatValue = d => isNaN(+d) ? d : commas(d);\n\n  /** @type {Number} [offset=-20] - A y-offset from the hover point, in pixels. */\n  export let offset = -20;\n\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\n  export let dataset = undefined;\n\n  const w = 150;\n  const w2 = w / 2;\n  let top = 0;\n\n  /* --------------------------------------------\n   * Sort the keys by the highest value\n   */\n  function sortResult(result) {\n    if (Object.keys(result).length === 0) return [];\n    const rows = Object.keys(result).filter(d => d !== $config.x).map(key => {\n      return {\n        key,\n        value: result[key]\n      };\n    }).sort((a, b) => b.value - a.value);\n\n    return rows;\n  }\n</script>\n\n<style>\n  .tooltip {\n    position: absolute;\n    font-size: 13px;\n    pointer-events: none;\n    border: 1px solid #ccc;\n    background: rgba(255, 255, 255, 0.85);\n    transform: translate(-50%, -100%);\n    padding: 5px;\n    z-index: 15;\n  }\n  .line {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 1px;\n    border-left: 1px dotted #666;\n    pointer-events: none;\n  }\n  .tooltip,\n  .line {\n    transition: left 250ms ease-out, top 250ms ease-out;\n  }\n  .title {\n    font-weight: bold;\n  }\n  .key {\n    color: #999;\n  }\n</style>\n\n<QuadTree\n  dataset={dataset || $data}\n  y='x'\n  let:x\n  let:y\n  let:visible\n  let:found\n  let:e\n>\n  {@const foundSorted = sortResult(found)}\n  {#if visible === true}\n    <div\n      style=\"left:{(x / 100) * $width }px;\"\n      class=\"line\"></div>\n    <div\n      class=\"tooltip\"\n      style=\"\n        width:{w}px;\n        display: { visible ? 'block' : 'none' };\n        top:calc({$yScale(foundSorted[0].value)}% + {offset}px);\n        left:{Math.min(Math.max(w2, (x / 100) * $width), $width - w2)}px;\"\n      >\n        <div class=\"title\">{formatTitle(found[$config.x])}</div>\n        {#each foundSorted as row}\n          <div class=\"row\"><span class=\"key\">{formatKey(row.key)}:</span> {formatValue(row.value)}</div>\n        {/each}\n    </div>\n  {/if}\n</QuadTree>"}],"modules":[],"componentModules":[],"componentComponents":[{"title":"./_components/QuadTree.percent-range.html.svelte","contents":"<!--\n  @component\n  Creates an interaction layer (in HTML) using [d3-quadtree](https://github.com/d3/d3-quadtree) to find the nearest datapoint to the mouse. This component creates a slot that exposes variables `x`, `y`, `found` (the found datapoint), `visible` (a Boolean whether any data was found) and `e` (the event object). This component works with a percent range so the `x` and `y` values coming back will be percentages.\n\n  The quadtree searches across both the x and y dimensions at the same time. But if you want to only search across one, set the `x` and `y` props to the same value. For example, the [shared tooltip component](https://layercake.graphics/components/SharedTooltip.html.svelte) sets `y='x'` since it's nicer behavior to only pick up on the nearest x-value.\n -->\n<script>\n  import { getContext } from 'svelte';\n  import { quadtree } from 'd3-quadtree';\n\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\n\n  let visible = false;\n  let found = {};\n  let e = {};\n\n  /** @type {String} [x='x'] - The dimension to search across when moving the mouse left and right. */\n  export let x = 'x';\n\n  /** @type {String} [y='y'] - The dimension to search across when moving the mouse up and down. */\n  export let y = 'y';\n\n  /** @type {String} [searchRadius] - The number of pixels to search around the mouse's location. This is the third argument passed to [`quadtree.find`](https://github.com/d3/d3-quadtree#quadtree_find) and by default a value of `undefined` means an unlimited range. */\n  export let searchRadius = undefined;\n\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\n  export let dataset = undefined;\n\n  $: xGetter = x === 'x' ? $xGet : $yGet;\n  $: yGetter = y === 'y' ? $yGet : $xGet;\n\n  function findItem (evt) {\n    e = evt;\n\n    const xLayerKey = `layer${x.toUpperCase()}`;\n    const yLayerKey = `layer${y.toUpperCase()}`;\n\n    const xLayerVal = (evt[xLayerKey] / (x === 'x' ? $width : $height)) * 100;\n    const yLayerVal = (evt[yLayerKey] / (y === 'y' ? $height : $width)) * 100;\n\n    found = finder.find(xLayerVal, yLayerVal, searchRadius) || {};\n\n    visible = Object.keys(found).length > 0;\n  }\n\n  $: finder = quadtree()\n    .extent([[-1, -1], [$width + 1, $height + 1]])\n    .x(xGetter)\n    .y(yGetter)\n    .addAll(dataset || $data);\n</script>\n\n<style>\n  .bg {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n</style>\n\n<div\n  class=\"bg\"\n  on:mousemove=\"{findItem}\"\n  on:mouseout=\"{() => visible = false}\"\n  on:blur=\"{() => visible = false}\"\n></div>\n<slot\n  x={xGetter(found) || 0}\n  y={yGetter(found) || 0}\n  {found}\n  {visible}\n  {e}\n></slot>"}],"csvs":[{"title":"./_data/fruit.csv","contents":"month,apples,bananas,cherries,dates\n2015-04-01,3840,1920,960,400\n2015-03-01,1600,1440,960,400\n2015-02-01,640,960,640,400\n2015-01-01,320,480,640,400"}],"jsons":[]}
\ No newline at end of file
diff --git a/docs/example-ssr/Scatter.html b/docs/example-ssr/Scatter.html
index 1f8f5434..74b2c5a3 100644
--- a/docs/example-ssr/Scatter.html
+++ b/docs/example-ssr/Scatter.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Scatter (html)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -469,7 +469,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/Scatter.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Html } from 'layercake';\\n\\n  import Scatter from './_components/Scatter.html.svelte';\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/points.csv';\\n\\n  const xKey = 'myX';\\n  const yKey = 'myY';\\n\\n  data.forEach(d => {\\n    d[yKey] = +d[yKey];\\n  });\\n\\n  const r = 4.5;\\n  const padding = 2.5;\\n  const fill = '#fff';\\n  const stroke = '#0cf';\\n  const strokeWidth = 1.5;\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ top: 10, right: 5, bottom: 20, left: 25 }}\\n    x={xKey}\\n    y={yKey}\\n    xPadding={[padding, padding]}\\n    yPadding={[padding, padding]}\\n    data={data}\\n  >\\n\\n    \u003CHtml>\\n      \u003CAxisX/>\\n      \u003CAxisY/>\\n      \u003CScatter\\n        {r}\\n        {fill}\\n        {stroke}\\n        {strokeWidth}\\n      />\\n    \u003C/Html>\\n\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/Scatter.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML scatter plot. This component can also work if the x- or y-scale is ordinal, i.e. it has a `.bandwidth` method. See the [timeplot chart](https://layercake.graphics/example/Timeplot) for an example.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=5] - The circle's radius. */\\n  export let r = 5;\\n\\n  /** @type {String} [fill='#0cf'] - The circle's fill color. */\\n  export let fill = '#0cf';\\n\\n  /** @type {String} [stroke='#000'] - The circle's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=1] - The circle's stroke width. */\\n  export let strokeWidth = 1;\\n\u003C/script>\\n\\n\u003Cdiv class=\\\"scatter-group\\\">\\n  {#each $data as d}\\n    \u003Cdiv\\n      class=\\\"circle\\\"\\n      style=\\\"\\n        left: {$xGet(d) + ($xScale.bandwidth ? $xScale.bandwidth() / 2 : 0)}%;\\n        top: {$yGet(d) + ($yScale.bandwidth ? $yScale.bandwidth() / 2 : 0)}%;\\n        width: {r * 2}px;\\n        height: {r * 2}px;\\n        background-color: {fill};\\n        border: {strokeWidth}px solid {stroke};\\n      \\\"\\n    />\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .circle {\\n    position: absolute;\\n    transform: translate(-50%, -50%);\\n    border-radius: 50%;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/points.csv\",\"contents\":\"myX,myY\\n1979,7.19\\n1980,7.83\\n1981,7.24\\n1982,7.44\\n1983,7.51\\n1984,7.1\\n1985,6.91\\n1986,7.53\\n1987,7.47\\n1988,7.48\\n1989,7.03\\n1990,6.23\\n1991,6.54\\n1992,7.54\\n1993,6.5\\n1994,7.18\\n1995,6.12\\n1996,7.87\\n1997,6.73\\n1998,6.55\\n1999,6.23\\n2000,6.31\\n2001,6.74\\n2002,5.95\\n2003,6.13\\n2004,6.04\\n2005,5.56\\n2006,5.91\\n2007,4.29\\n2008,4.72\\n2009,5.38\\n2010,4.92\\n2011,4.61\\n2012,3.62\\n2013,5.35\\n2014,5.28\\n2015,4.63\\n2016,4.72\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -478,8 +478,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/ScatterWebgl.html b/docs/example-ssr/ScatterWebgl.html
index 4217abf9..640890c5 100644
--- a/docs/example-ssr/ScatterWebgl.html
+++ b/docs/example-ssr/ScatterWebgl.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>WebGL Scatter (svg axes, quadtree hover)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -696,7 +696,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/ScatterWebgl.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, WebGL, Html } from 'layercake';\\n\\n  import ScatterWebGL from './_components/Scatter.webgl.svelte';\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n  import QuadTree from './_components/QuadTree.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/points.csv';\\n\\n  const xKey = 'myX';\\n  const yKey = 'myY';\\n\\n  const r = 3;\\n  const xyPadding = 6;\\n  const padding = { top: 5, right: 5, bottom: 20, left: 25 };\\n\\n  data.forEach(d => {\\n    d[yKey] = +d[yKey];\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    position: relative;\\n    width: 100%;\\n    height: 400px;\\n  }\\n\\n  .circle {\\n    position: absolute;\\n    border-radius: 50%;\\n    background-color: rgba(171,0, 214);\\n    transform: translate(-50%, -50%);\\n    pointer-events: none;\\n    width: 10px;\\n    height: 10px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    position='absolute'\\n    ssr\\n    percentRange\\n    {padding}\\n    x={xKey}\\n    y={yKey}\\n    xPadding={[xyPadding, xyPadding]}\\n    yPadding={[xyPadding, xyPadding]}\\n    data={data}\\n  >\\n    \u003CHtml>\\n      \u003CAxisX/>\\n      \u003CAxisY tickMarks={false}/>\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\\n  \u003CLayerCake\\n    position='absolute'\\n    {padding}\\n    x={xKey}\\n    y={yKey}\\n    xPadding={[xyPadding, xyPadding]}\\n    yPadding={[xyPadding, xyPadding]}\\n    data={data}\\n  >\\n    \u003CWebGL>\\n      \u003CScatterWebGL\\n        {r}\\n      />\\n    \u003C/WebGL>\\n\\n    \u003CHtml>\\n      \u003CQuadTree\\n        let:x\\n        let:y\\n        let:visible\\n      >\\n        \u003Cdiv\\n          class=\\\"circle\\\"\\n          style=\\\"top:{y}px;left:{x}px;display: { visible ? 'block' : 'none' };\\\"\\n        >\u003C/div>\\n      \u003C/QuadTree>\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/Scatter.webgl.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a a WebGl scatter plot.\\n -->\\n\u003Cscript>\\n  import reglWrapper from 'regl';\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=5] - The circle's radius. */\\n  export let r = 5;\\n\\n  /** @type {String} [fill='#0cf'] - The circle's fill color. */\\n  export let fill = '#0cf';\\n\\n  export let stroke = '#000'; // Not yet implemented\\n  // export let strokeWidth = 0;\\n\\n  function hexToRgbPercent (hex) {\\n    let str = hex.replace('#', '');\\n    if (str.length === 3) {\\n      str = str[0] + str[0] + str[1] + str[1] + str[2] + str[2];\\n    }\\n    return str.match(/.{1,2}/g).map(d => parseInt(d, 16) / 255);\\n  }\\n\\n  const { gl } = getContext('gl');\\n\\n  function resize () {\\n    if ($gl) {\\n      const canvas = $gl.canvas;\\n      // Lookup the size the browser is displaying the canvas.\\n      const displayWidth = canvas.clientWidth;\\n      const displayHeight = canvas.clientHeight;\\n\\n      // Check if the canvas is not the same size.\\n      if (canvas.width !== displayWidth || canvas.height !== displayHeight) {\\n        // Make the canvas the same size\\n        canvas.width = displayWidth;\\n        canvas.height = displayHeight;\\n      }\\n      $gl.viewport(0, 0, canvas.width, canvas.height);\\n    }\\n  }\\n\\n  let regl;\\n\\n  function render () {\\n    if ($gl) {\\n      regl = reglWrapper({\\n        gl: $gl,\\n        extensions: ['oes_standard_derivatives']\\n      });\\n\\n      regl.clear({\\n        color: [0, 0, 0, 0],\\n        depth: 1\\n      });\\n\\n      const draw = regl({\\n        // circle code comes from:\\n        // https://www.desultoryquest.com/blog/drawing-anti-aliased-circular-points-using-opengl-slash-webgl/\\n        frag: `\\n        #extension GL_OES_standard_derivatives : enable\\n        precision mediump float;\\n        uniform vec3 fill_color;\\n        uniform vec3 stroke_color;\\n        varying float s_s;\\n        void main () {\\n\\n          vec2 cxy = 2.0 * gl_PointCoord - 1.0;\\n\\n          float dist = dot(cxy, cxy);\\n\\n          float delta = fwidth(dist);\\n\\n          float alpha = 1.0 - smoothstep(1.0 - delta, 1.0 + delta, dist);\\n\\n          float outer_edge_center = 1.0 - s_s;\\n          float stroke = 1.0 - smoothstep(outer_edge_center - delta, outer_edge_center + delta, dist);\\n\\n          // gl_FragColor = vec4(fill_color,1.0) * alpha;\\n          gl_FragColor = vec4( mix(stroke_color, fill_color, stroke), 1.0 ) * alpha;\\n          gl_FragColor.rgb *= gl_FragColor.a;\\n        }`,\\n        vert: `\\n        precision mediump float;\\n        attribute vec2 position;\\n        attribute float r;\\n        attribute float stroke_size;\\n\\n        varying float s_s;\\n\\n        uniform float stage_width;\\n        uniform float stage_height;\\n\\n        // http://peterbeshai.com/beautifully-animate-points-with-webgl-and-regl.html\\n        vec2 normalizeCoords(vec2 position) {\\n          // read in the positions into x and y vars\\n          float x = position[0];\\n          float y = position[1];\\n          return vec2(\\n            2.0 * ((x / stage_width) - 0.5),\\n            // invert y to treat [0,0] as bottom left in pixel space\\n            -(2.0 * ((y / stage_height) - 0.5))\\n          );\\n        }\\n\\n        void main () {\\n          s_s = stroke_size;\\n          gl_PointSize = r;\\n          gl_Position = vec4(normalizeCoords(position), 0.0, 1.0);\\n        }`,\\n        attributes: {\\n          // There will be a position value for each point\\n          // we pass in\\n          position: (context, props) => {\\n            return props.points.map(point => {\\n              return [$xGet(point), $yGet(point)];\\n            });\\n          },\\n          r: (context, props) => {\\n            // const m = window.devicePixelRatio > 1 ? 4.0 : 2.0\\n            // If using an r-scale, set width here\\n            return props.points.map(point => props.pointWidth);\\n          },\\n          stroke_size: (context, props) => {\\n            // If using an r-scale, set width here\\n            return props.points.map(point => 0);\\n          }\\n        },\\n        uniforms: {\\n          fill_color: hexToRgbPercent(fill),\\n          // stroke_color: [0.6705882352941176, 0, 0.8392156862745098],\\n          stroke_color: hexToRgbPercent(stroke),\\n          // FYI: there is a helper method for grabbing\\n          // values out of the context as well.\\n          // These uniforms are used in our fragment shader to\\n          // convert our x / y values to WebGL coordinate space.\\n          stage_width: regl.context('drawingBufferWidth'),\\n          stage_height: regl.context('drawingBufferHeight')\\n        },\\n        count: (context, props) => {\\n          // set the count based on the number of points we have\\n          return props.points.length;\\n        },\\n        primitive: 'points',\\n        blend: {\\n          enable: true,\\n          func: {\\n            srcRGB: 'src alpha',\\n            srcAlpha: 'src alpha',\\n            dstRGB: 'one minus src alpha',\\n            dstAlpha: 'one minus src alpha'\\n          }\\n        },\\n        depth: { enable: false }\\n      });\\n\\n      draw({\\n        pointWidth: r * 2,\\n        points: $data\\n      });\\n    }\\n  }\\n\\n  $: ($width, $height, $gl, resize(), render());\\n\\n\u003C/script>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/QuadTree.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Creates an interaction layer (in HTML) using [d3-quadtree](https://github.com/d3/d3-quadtree) to find the nearest datapoint to the mouse. This component creates a slot that exposes variables `x`, `y`, `found` (the found datapoint), `visible` (a Boolean whether any data was found) and `e` (the event object).\\n\\n  The quadtree searches across both the x and y dimensions at the same time. But if you want to only search across one, set the `x` and `y` props to the same value. For example, the [shared tooltip component](https://layercake.graphics/components/SharedTooltip.html.svelte) sets `y='x'` since it's nicer behavior to only pick up on the nearest x-value.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { quadtree } from 'd3-quadtree';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  let visible = false;\\n  let found = {};\\n  let e = {};\\n\\n  /** @type {String} [x='x'] – The dimension to search across when moving the mouse left and right. */\\n  export let x = 'x';\\n\\n  /** @type {String} [y='y'] – The dimension to search across when moving the mouse up and down. */\\n  export let y = 'y';\\n\\n  /** @type {String} [searchRadius] – The number of pixels to search around the mouse's location. This is the third argument passed to [`quadtree.find`](https://github.com/d3/d3-quadtree#quadtree_find) and by default a value of `undefined` means an unlimited range. */\\n  export let searchRadius = undefined;\\n\\n  /** @type {Array} [dataset] – The dataset to work off of—defaults to $data if left unset. You can pass override the default here in here in case you don't want to use the main data or it's in a strange format. */\\n  export let dataset = undefined;\\n\\n  $: xGetter = x === 'x' ? $xGet : $yGet;\\n  $: yGetter = y === 'y' ? $yGet : $xGet;\\n\\n  function findItem (evt) {\\n    e = evt;\\n\\n    const xLayerKey = `layer${x.toUpperCase()}`;\\n    const yLayerKey = `layer${y.toUpperCase()}`;\\n\\n    found = finder.find(evt[xLayerKey], evt[yLayerKey], searchRadius) || {};\\n    visible = Object.keys(found).length > 0;\\n  }\\n\\n  $: finder = quadtree()\\n    .extent([[-1, -1], [$width + 1, $height + 1]])\\n    .x(xGetter)\\n    .y(yGetter)\\n    .addAll(dataset || $data);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .bg {\\n    position: absolute;\\n    top: 0;\\n    right: 0;\\n    bottom: 0;\\n    left: 0;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv\\n  class=\\\"bg\\\"\\n  on:mousemove=\\\"{findItem}\\\"\\n  on:mouseout=\\\"{() => visible = false}\\\"\\n  on:blur=\\\"{() => visible = false}\\\"\\n>\u003C/div>\\n\u003Cslot\\n  x={xGetter(found) || 0}\\n  y={yGetter(found) || 0}\\n  {found}\\n  {visible}\\n  {e}\\n>\u003C/slot>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/points.csv\",\"contents\":\"myX,myY\\n1979,7.19\\n1980,7.83\\n1981,7.24\\n1982,7.44\\n1983,7.51\\n1984,7.1\\n1985,6.91\\n1986,7.53\\n1987,7.47\\n1988,7.48\\n1989,7.03\\n1990,6.23\\n1991,6.54\\n1992,7.54\\n1993,6.5\\n1994,7.18\\n1995,6.12\\n1996,7.87\\n1997,6.73\\n1998,6.55\\n1999,6.23\\n2000,6.31\\n2001,6.74\\n2002,5.95\\n2003,6.13\\n2004,6.04\\n2005,5.56\\n2006,5.91\\n2007,4.29\\n2008,4.72\\n2009,5.38\\n2010,4.92\\n2011,4.61\\n2012,3.62\\n2013,5.35\\n2014,5.28\\n2015,4.63\\n2016,4.72\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -705,8 +705,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/SmallMultiples.html b/docs/example-ssr/SmallMultiples.html
index 032eca6b..e06518c5 100644
--- a/docs/example-ssr/SmallMultiples.html
+++ b/docs/example-ssr/SmallMultiples.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Small multiples (animated domain transition)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -231,7 +231,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/SmallMultiples.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { calcExtents, flatten } from 'layercake';\\n\\n  import SmallMultipleWrapper from './_components/SmallMultipleWrapper.percent-range.svelte';\\n\\n  import pointSeries from './_data/pointSeries.js';\\n\\n  /* --------------------------------------------\\n   * Grab the extents of the full dataset\\n   */\\n  const extentGetters = {\\n    x: d => d.x,\\n    y: d => d.y\\n  };\\n\\n  const fullExtents = calcExtents(flatten(pointSeries), extentGetters);\\n\\n  /* --------------------------------------------\\n   * Sort by the last value\\n   */\\n  pointSeries.sort((a, b) => {\\n    return b[b.length - 1].y - a[a.length - 1].y;\\n  });\\n\\n  let scale = 'individual';\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .group-container {\\n    height: calc(100% - 40px);\\n    width: 100%;\\n  }\\n  .input-container {\\n    margin-bottom: 7px;\\n  }\\n  label {\\n    cursor: pointer;\\n  }\\n  input {\\n    margin-right: 7px;\\n  }\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .small-multiple-container {\\n    position: relative;\\n    display: inline-block;\\n    width: 11%;\\n    height: 30%;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"input-container\\\">\\n  \u003Clabel>\u003Cinput type=\\\"radio\\\" bind:group={scale} value=\\\"individual\\\"/>Individual scale\u003C/label>\\n  \u003Clabel>\u003Cinput type=\\\"radio\\\" bind:group={scale} value=\\\"shared\\\"/>Shared scale\u003C/label>\\n\u003C/div>\\n\\n\u003Cdiv class=\\\"group-container\\\">\\n  {#each pointSeries as data}\\n    \u003Cdiv class=\\\"small-multiple-container\\\">\\n      \u003CSmallMultipleWrapper\\n        {data}\\n        {fullExtents}\\n        {scale}\\n        {extentGetters}\\n      />\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\"},\"dek\":\"An example of how to do small multiples with the same rendering component. Because we want to calculate and store the extents for each series, we have to put the Layer Cake component in a wrapper component, called `ChartWrapper.svelte` below.\\n\",\"components\":[{\"title\":\"./_components/SmallMultipleWrapper.percent-range.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, calcExtents } from 'layercake';\\n  import { tweened } from 'svelte/motion';\\n  import * as eases from 'svelte/easing';\\n\\n  import Line from './Line.svelte';\\n\\n  export let data;\\n  export let fullExtents;\\n  export let scale;\\n  export let extentGetters;\\n\\n  const tweenOptions = {\\n    duration: 300,\\n    easing: eases.cubicInOut\\n  };\\n\\n  const xDomain = tweened(undefined, tweenOptions);\\n  const yDomain = tweened(undefined, tweenOptions);\\n\\n  const extents = calcExtents(data, extentGetters);\\n\\n  $: xDomain.set(scale === 'shared' ? fullExtents.x : extents.x);\\n  $: yDomain.set(scale === 'shared' ? fullExtents.y : extents.y);\\n\\n\u003C/script>\\n\\n\u003CLayerCake\\n  ssr\\n  percentRange\\n  padding={{ top: 2, right: 6, bottom: 2, left: 6 }}\\n  x={extentGetters.x}\\n  y={extentGetters.y}\\n  {data}\\n  xDomain={$xDomain}\\n  yDomain={$yDomain}\\n>\\n  \u003CScaledSvg>\\n    \u003CLine\\n      stroke={'#000'}\\n    />\\n  \u003C/ScaledSvg>\\n\u003C/LayerCake>\"}],\"modules\":[{\"title\":\"./_data/pointSeries.js\",\"contents\":\"export default [\\n  [{x:0,y:0.3513332305465124},{x:1,y:-0.47850548294493284},{x:2,y:-0.8631762284263558},{x:3,y:-1.7484233826606137},{x:4,y:-1.5706727472497415},{x:5,y:-3.289713739464341},{x:6,y:-3.9730820042995005},{x:7,y:-2.745530296666686},{x:8,y:-3.5791092007187646},{x:9,y:-2.6641758464410152}],\\n  [{x:0,y:-2.1768831333979946},{x:1,y:-3.9534632619125096},{x:2,y:-3.899114148630141},{x:3,y:-3.9827562738951876},{x:4,y:-4.580294736167417},{x:5,y:-3.856065008784584},{x:6,y:-3.7484016156069195},{x:7,y:-4.251249481201894},{x:8,y:-4.469618989456487},{x:9,y:-4.402688785575379}],\\n  [{x:0,y:0.8587657948567446},{x:1,y:0.5079352772290244},{x:2,y:2.701251831225464},{x:3,y:5.837115995564179},{x:4,y:6.760908500285659},{x:5,y:6.0834936334060785},{x:6,y:7.320640580003705},{x:7,y:8.480047690829132},{x:8,y:9.105945107644933},{x:9,y:9.426539155610454}],\\n  [{x:0,y:2.095248369393952},{x:1,y:1.765188669621648},{x:2,y:0.5467739943527758},{x:3,y:-0.3507100722398887},{x:4,y:0.2983588210197782},{x:5,y:0.5105812148122781},{x:6,y:1.5437157564970827},{x:7,y:2.3653169559429537},{x:8,y:1.90924018284514},{x:9,y:2.1356513687796674}],\\n  [{x:0,y:0.5488385729500312},{x:1,y:1.8670789082642192},{x:2,y:2.206540934969421},{x:3,y:3.055554299010695},{x:4,y:0.4967425647902308},{x:5,y:2.327901093516326},{x:6,y:0.8992924851467803},{x:7,y:1.8817986624215481},{x:8,y:2.3891551227372205},{x:9,y:1.133778319314648}],\\n  [{x:0,y:-0.3562898099723935},{x:1,y:0.20565872246731903},{x:2,y:-0.1162117685820413},{x:3,y:0.8631383539123323},{x:4,y:3.2890516402408663},{x:5,y:3.0857377702871545},{x:6,y:1.0370651586546682},{x:7,y:-1.0186438338583623},{x:8,y:0.14241054172118361},{x:9,y:0.8412068911584337}],\\n  [{x:0,y:-0.7654061779170572},{x:1,y:-0.032595953968226454},{x:2,y:0.2678472728835137},{x:3,y:0.08563601239405039},{x:4,y:-0.0013330703820842171},{x:5,y:1.4703345017728822},{x:6,y:1.3856274424774901},{x:7,y:-0.20599108956133416},{x:8,y:-0.7751447950252981},{x:9,y:0.47169212501954916}],\\n  [{x:0,y:-1.1732177326141833},{x:1,y:-2.7527274224702065},{x:2,y:-2.2211792447108714},{x:3,y:-1.017590856110545},{x:4,y:0.6779112439466795},{x:5,y:0.270071953934581},{x:6,y:-0.6558848145557117},{x:7,y:-0.057309434562747286},{x:8,y:-0.7458264810903046},{x:9,y:0.5001744113836739}],\\n  [{x:0,y:-0.546732244433788},{x:1,y:-0.07416764769549289},{x:2,y:-1.6595417109999924},{x:3,y:-3.171184337736065},{x:4,y:-2.7367845673789564},{x:5,y:-2.4028017878731487},{x:6,y:-3.3855251261635013},{x:7,y:-3.914712672393975},{x:8,y:-3.0652727151850634},{x:9,y:-4.3807147718164945}],\\n  [{x:0,y:0.5002117874054588},{x:1,y:-1.3975943832928739},{x:2,y:-2.547911521154404},{x:3,y:-1.5969200501057434},{x:4,y:-1.1764040680662173},{x:5,y:-1.492868534196866},{x:6,y:-1.8865830283320832},{x:7,y:-1.3073578086443587},{x:8,y:0.12280679226177948},{x:9,y:-2.4386679354191343}],\\n  [{x:0,y:-0.8135433681734914},{x:1,y:-1.221075788028858},{x:2,y:-0.2744306894025812},{x:3,y:0.7083803705971968},{x:4,y:-0.30123497298530666},{x:5,y:-0.12098193043768593},{x:6,y:0.7779616569301503},{x:7,y:0.24278467122340208},{x:8,y:2.12035553113487},{x:9,y:1.5777631433830899}],\\n  [{x:0,y:-1.2807077385033618},{x:1,y:-1.60918596863346},{x:2,y:-1.1252711445818604},{x:3,y:0.1123443278338252},{x:4,y:0.6765953813677427},{x:5,y:-0.24953981170929884},{x:6,y:-0.7245587949132168},{x:7,y:-0.1322418860127922},{x:8,y:-2.0267241146650887},{x:9,y:-2.203025286852793}],\\n  [{x:0,y:-0.5646593880324497},{x:1,y:0.019675233652433954},{x:2,y:1.1125492696390593},{x:3,y:-0.21768925566531694},{x:4,y:-0.43002048847289853},{x:5,y:0.1472531927930274},{x:6,y:0.9536777882928407},{x:7,y:1.7662231600360088},{x:8,y:2.3107906857269036},{x:9,y:0.03169262048875865}],\\n  [{x:0,y:-1.4703405378184384},{x:1,y:-3.6660782113882835},{x:2,y:-2.1234430449995942},{x:3,y:-0.31491835255274725},{x:4,y:0.2519911763297693},{x:5,y:-0.7593130835875026},{x:6,y:0.27946963886864307},{x:7,y:-0.38601550782775373},{x:8,y:-1.7086440970313155},{x:9,y:-2.2184975489863223}],\\n  [{x:0,y:1.075613382572133},{x:1,y:1.5858773914182227},{x:2,y:0.8770573429185515},{x:3,y:1.2917422132464667},{x:4,y:0.9866084663257535},{x:5,y:1.1136430669870276},{x:6,y:2.5087234218660477},{x:7,y:3.897378190589307},{x:8,y:3.4944058027154106},{x:9,y:3.3350669636577703}],\\n  [{x:0,y:-0.769481078391433},{x:1,y:-1.7663885001671653},{x:2,y:-3.700748337973364},{x:3,y:-2.90481913516788},{x:4,y:-4.653428298468029},{x:5,y:-5.690638211312513},{x:6,y:-3.762776837320062},{x:7,y:-4.125948059447033},{x:8,y:-6.369088532937904},{x:9,y:-6.130469306897179}],\\n  [{x:0,y:-0.6060612391774423},{x:1,y:-0.1661630609170786},{x:2,y:-0.8301060910250655},{x:3,y:-0.7516298932551538},{x:4,y:0.06309968596601889},{x:5,y:0.23024684564640405},{x:6,y:-0.3769683028829788},{x:7,y:-0.8912667423333008},{x:8,y:-1.2396819684201017},{x:9,y:-0.38895690194817045}],\\n  [{x:0,y:-0.9114218426959718},{x:1,y:-0.060301791732889076},{x:2,y:-0.9270741950807107},{x:3,y:-2.0675258449919967},{x:4,y:-0.08373718479615966},{x:5,y:-0.742766389679131},{x:6,y:-0.3113686704234539},{x:7,y:1.3283998112889834},{x:8,y:1.7758763727813693},{x:9,y:3.81386918977139}],\\n  [{x:0,y:1.7176790534482675},{x:1,y:2.0432025798611404},{x:2,y:3.6581604675933796},{x:3,y:2.940918317727456},{x:4,y:1.7185613645563316},{x:5,y:1.7819340726171955},{x:6,y:0.6507861853791468},{x:7,y:2.5951771651052367},{x:8,y:3.519960937767535},{x:9,y:3.197786396503866}],\\n  [{x:0,y:-0.3038191596502425},{x:1,y:-1.3685608331479382},{x:2,y:0.5634023938007005},{x:3,y:0.7985300339161426},{x:4,y:0.015410817527624188},{x:5,y:0.9718003621065988},{x:6,y:1.2175926771772418},{x:7,y:-0.45971510207922317},{x:8,y:-1.7925772720518218},{x:9,y:-2.797757779872802}],\\n  [{x:0,y:0.8863594890626845},{x:1,y:0.4805543692922663},{x:2,y:-0.21233113644620377},{x:3,y:-0.5651934422185125},{x:4,y:0.6977913923481813},{x:5,y:1.9747582290228265},{x:6,y:0.9058940775608975},{x:7,y:2.164448517902702},{x:8,y:1.200779603279385},{x:9,y:0.27011411254519535}],\\n  [{x:0,y:0.8102833184946229},{x:1,y:1.4974853704340667},{x:2,y:-0.2511326270639147},{x:3,y:-1.4887219856377514},{x:4,y:-2.054165795834861},{x:5,y:-0.7110079453402081},{x:6,y:1.2224455696568188},{x:7,y:0.10576404901318259},{x:8,y:-0.5577986193258884},{x:9,y:-0.8307701610339031}],\\n  [{x:0,y:-0.754339359890586},{x:1,y:-0.28422901710237364},{x:2,y:0.4575829777241672},{x:3,y:0.6214246890384195},{x:4,y:1.1950848608542208},{x:5,y:0.12829030929988217},{x:6,y:0.9916165486492478},{x:7,y:0.07713732189769096},{x:8,y:1.3185227211734212},{x:9,y:1.3790849065109583}],\\n  [{x:0,y:-1.0383242310768992},{x:1,y:-0.36189660554379044},{x:2,y:1.7026078322176184},{x:3,y:2.4581042624776677},{x:4,y:1.2587470748265426},{x:5,y:0.17311307445802093},{x:6,y:-0.2972726991489642},{x:7,y:-1.0284350477870043},{x:8,y:-0.4409267468949597},{x:9,y:-1.721194506127408}],\\n  [{x:0,y:0.9497890648486154},{x:1,y:-0.7840480109209655},{x:2,y:-3.0537174943564764},{x:3,y:-4.003323211985304},{x:4,y:-3.650725391139404},{x:5,y:-5.195623583848551},{x:6,y:-6.579180832109046},{x:7,y:-6.410177263118323},{x:8,y:-7.023259052330267},{x:9,y:-6.216863081739327}],\\n  [{x:0,y:-0.4428908643957123},{x:1,y:-0.8778820735472277},{x:2,y:-0.1642563408395692},{x:3,y:-0.22904137849126743},{x:4,y:0.48944499719915696},{x:5,y:1.813325690012508},{x:6,y:2.354462578631868},{x:7,y:2.8557880465926715},{x:8,y:3.6456850324758125},{x:9,y:4.145717439210561}],\\n  [{x:0,y:0.13059426813587155},{x:1,y:0.3755092236260167},{x:2,y:1.8320734188682832},{x:3,y:1.7688926504783191},{x:4,y:2.7160551052985875},{x:5,y:3.5367959655320327},{x:6,y:4.489059997755517},{x:7,y:3.4576184763756963},{x:8,y:2.629075492886139},{x:9,y:1.9224087765098758}],\\n];\"}],\"componentModules\":[],\"componentComponents\":[{\"title\":\"./_components/Line.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet } = getContext('LayerCake');\\n\\n  /** @type {String} [stroke='#ab00d6'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let stroke = '#ab00d6';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\u003C/script>\\n\\n\u003Cpath class='path-line' d='{path}' {stroke}>\u003C/path>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 2;\\n  }\\n\u003C/style>\"}],\"csvs\":[],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -240,8 +240,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/SyncedBrush.html b/docs/example-ssr/SyncedBrush.html
index 87c4d228..95dda3b3 100644
--- a/docs/example-ssr/SyncedBrush.html
+++ b/docs/example-ssr/SyncedBrush.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Synced brush</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -835,7 +835,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/SyncedBrush.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import SyncedBrushWrapper from './_components/SyncedBrushWrapper.percent-range.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import pointsOne from './_data/points.csv';\\n  import pointsTwo from './_data/pointsTwo.csv';\\n  import pointsThree from './_data/pointsThree.csv';\\n  import pointsFour from './_data/pointsFour.csv';\\n\\n  let brushExtents = [null, null];\\n\\n  const xKey = 'myX';\\n  const yKey = 'myY';\\n\\n  const datasets = [\\n    pointsOne,\\n    pointsTwo,\\n    pointsThree,\\n    pointsFour\\n  ];\\n\\n  datasets.forEach(dataset => {\\n    dataset.forEach(d => {\\n      d[yKey] = +d[yKey];\\n    });\\n  });\\n\\n  const colors = ['#00e047', '#00bbff', '#ff00cc', '#ffcc00'];\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .small-multiple-container {\\n    width: 100%;\\n    height: 100%;\\n    display: flex;\\n    flex-wrap: wrap;\\n    justify-content: space-between;\\n    align-content: space-between;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"small-multiple-container\\\">\\n  {#each datasets as dataset, i}\\n    \u003CSyncedBrushWrapper\\n      data={dataset}\\n      {xKey}\\n      {yKey}\\n      bind:min={brushExtents[0]}\\n      bind:max={brushExtents[1]}\\n      stroke={colors[i]}\\n    />\\n  {/each}\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/SyncedBrushWrapper.percent-range.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Html } from 'layercake';\\n\\n  import Line from './Line.svelte';\\n  import Area from './Area.svelte';\\n  import AxisX from './AxisX.percent-range.html.svelte';\\n  import AxisY from './AxisY.percent-range.html.svelte';\\n  import Brush from './Brush.html.svelte';\\n\\n  export let min = null;\\n  export let max = null;\\n  export let xKey = 'x';\\n  export let yKey = 'y';\\n  export let data = [];\\n  export let stroke = '#00e047';\\n\\n  let brushedData;\\n  $: {\\n    brushedData = data.slice((min || 0) * data.length, (max || 1) * data.length);\\n    if (brushedData.length \u003C 2) {\\n      brushedData = data.slice(min * data.length, min * data.length + 2)\\n    }\\n  }\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .chart-wrapper {\\n    width: 48%;\\n    height: 40%;\\n  }\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 80%;\\n  }\\n  .brush-container {\\n    width: 100%;\\n    height: 20%;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-wrapper\\\">\\n  \u003Cdiv class=\\\"chart-container\\\">\\n    \u003CLayerCake\\n      ssr\\n      percentRange\\n      padding={{ right: 10, bottom: 20, left: 25 }}\\n      x={xKey}\\n      y={yKey}\\n      yDomain={[0, null]}\\n      data={brushedData}\\n    >\\n      \u003CHtml>\\n        \u003CAxisX\\n          ticks={ticks => {\\n            const filtered = ticks.filter(t => t % 1 === 0);\\n            if (filtered.length > 7) {\\n              return filtered.filter((t, i) => i % 2 === 0);\\n            }\\n            return filtered;\\n          }}\\n        />\\n        \u003CAxisY\\n          ticks={2}\\n        />\\n      \u003C/Html>\\n      \u003CScaledSvg>\\n        \u003CLine\\n          {stroke}\\n        />\\n        \u003CArea\\n          fill={`${stroke}10`}\\n        />\\n      \u003C/ScaledSvg>\\n    \u003C/LayerCake>\\n  \u003C/div>\\n\\n  \u003Cdiv class=\\\"brush-container\\\">\\n    \u003CLayerCake\\n      ssr\\n      percentRange\\n      padding={{ top: 5 }}\\n      x={xKey}\\n      y={yKey}\\n      yDomain={[0, null]}\\n      data={data}\\n    >\\n      \u003CScaledSvg>\\n        \u003CLine\\n          {stroke}\\n        />\\n        \u003CArea\\n          fill={`${stroke}10`}\\n        />\\n      \u003C/ScaledSvg>\\n      \u003CHtml>\\n        \u003CBrush\\n          bind:min={min}\\n          bind:max={max}\\n        />\\n      \u003C/Html>\\n    \u003C/LayerCake>\\n  \u003C/div>\\n\u003C/div>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[{\"title\":\"./_components/Line.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet } = getContext('LayerCake');\\n\\n  /** @type {String} [stroke='#ab00d6'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let stroke = '#ab00d6';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\u003C/script>\\n\\n\u003Cpath class='path-line' d='{path}' {stroke}>\u003C/path>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 2;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Area.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale, extents } = getContext('LayerCake');\\n\\n  /**  @type {String} [fill='#ab00d610'] The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#ab00d610';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\\n  let area;\\n\\n  $: {\\n    const yRange = $yScale.range();\\n    area = path + (\\n      'L' + $xScale($extents.x ? $extents.x[1] : 0) + ',' + yRange[0] +\\n      'L' + $xScale($extents.x ? $extents.x[0] : 0) + ',' + yRange[0] +\\n      'Z'\\n    );\\n  }\\n\u003C/script>\\n\\n\u003Cpath class='path-area' d='{area}' {fill}>\u003C/path>\"},{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Brush.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds a brush component to create a range between 0 and 1. Bind to the `min` and `max` props to use them in other components. See the [brushable example](https://layercake.graphcics/example/Brush) for use.\\n -->\\n\u003Cscript>\\n  import { clamp } from 'yootils';\\n\\n  /** @type {Number} min - The brush's min value. Useful to bind to. */\\n  export let min;\\n\\n  /** @type {Number} max - The brush's max value. Useful to bind to. */\\n  export let max;\\n\\n  let brush;\\n\\n  const p = x => {\\n    const { left, right } = brush.getBoundingClientRect();\\n    return clamp((x - left) / (right - left), 0, 1);\\n  };\\n\\n  const handler = fn => {\\n    return e => {\\n      if (e.type === 'touchstart') {\\n        if (e.touches.length !== 1) return;\\n        e = e.touches[0];\\n      }\\n\\n      const id = e.identifier;\\n      const start = { min, max, p: p(e.clientX) };\\n\\n      const handle_move = e => {\\n        if (e.type === 'touchmove') {\\n          if (e.changedTouches.length !== 1) return;\\n          e = e.changedTouches[0];\\n          if (e.identifier !== id) return;\\n        }\\n\\n        fn(start, p(e.clientX));\\n      };\\n\\n      const handle_end = e => {\\n        if (e.type === 'touchend') {\\n          if (e.changedTouches.length !== 1) return;\\n          if (e.changedTouches[0].identifier !== id) return;\\n        } else if (e.target === brush) {\\n          clear();\\n        }\\n\\n        window.removeEventListener('mousemove', handle_move);\\n        window.removeEventListener('mouseup', handle_end);\\n\\n        window.removeEventListener('touchmove', handle_move);\\n        window.removeEventListener('touchend', handle_end);\\n      };\\n\\n      window.addEventListener('mousemove', handle_move);\\n      window.addEventListener('mouseup', handle_end);\\n\\n      window.addEventListener('touchmove', handle_move);\\n      window.addEventListener('touchend', handle_end);\\n    };\\n  };\\n\\n  const clear = () => {\\n    min = null;\\n    max = null;\\n  }\\n\\n  const reset = handler((start, p) => {\\n    min = clamp(Math.min(start.p, p), 0, 1);\\n    max = clamp(Math.max(start.p, p), 0, 1);\\n  });\\n\\n  const move = handler((start, p) => {\\n    const d = clamp(p - start.p, -start.min, 1 - start.max);\\n    min = start.min + d;\\n    max = start.max + d;\\n  });\\n\\n  const adjust_min = handler((start, p) => {\\n    min = p > start.max ? start.max : p;\\n    max = p > start.max ? p : start.max;\\n  });\\n\\n  const adjust_max = handler((start, p) => {\\n    min = p \u003C start.min ? p : start.min;\\n    max = p \u003C start.min ? start.min : p;\\n  });\\n\\n  $: left = 100 * min;\\n  $: right = 100 * (1 - max);\\n\u003C/script>\\n\\n\u003Cdiv bind:this={brush} class=\\\"brush-outer\\\" on:mousedown|stopPropagation={reset} on:touchstart|stopPropagation={reset}>\\n  {#if min !== null}\\n    \u003Cdiv class=\\\"brush-inner\\\" on:mousedown|stopPropagation={move} on:touchstart|stopPropagation={move} style=\\\"left: {left}%; right: {right}%\\\">\u003C/div>\\n    \u003Cdiv class=\\\"brush-handle\\\" on:mousedown|stopPropagation={adjust_min} on:touchstart|stopPropagation={adjust_min} style=\\\"left: {left}%\\\">\u003C/div>\\n    \u003Cdiv class=\\\"brush-handle\\\" on:mousedown|stopPropagation={adjust_max} on:touchstart|stopPropagation={adjust_max} style=\\\"right: {right}%\\\">\u003C/div>\\n  {/if}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .brush-outer {\\n    position: relative;\\n    width: 100%;\\n    height: calc(100% + 5px);\\n    top: -5px;\\n  }\\n\\n  .brush-inner {\\n    position: absolute;\\n    height: 100%;\\n    cursor: move;\\n    /* mix-blend-mode: difference; */\\n    background-color: #cccccc90;\\n    /* border: 1px solid #000; */\\n  }\\n\\n  .brush-handle {\\n    position: absolute;\\n    width: 0;\\n    height: 100%;\\n    cursor: ew-resize;\\n  }\\n\\n  .brush-handle::before {\\n    position: absolute;\\n    content: '';\\n    width: 8px;\\n    left: -4px;\\n    height: 100%;\\n    background: transparent;\\n  }\\n\u003C/style>\"}],\"csvs\":[{\"title\":\"./_data/points.csv\",\"contents\":\"myX,myY\\n1979,7.19\\n1980,7.83\\n1981,7.24\\n1982,7.44\\n1983,7.51\\n1984,7.1\\n1985,6.91\\n1986,7.53\\n1987,7.47\\n1988,7.48\\n1989,7.03\\n1990,6.23\\n1991,6.54\\n1992,7.54\\n1993,6.5\\n1994,7.18\\n1995,6.12\\n1996,7.87\\n1997,6.73\\n1998,6.55\\n1999,6.23\\n2000,6.31\\n2001,6.74\\n2002,5.95\\n2003,6.13\\n2004,6.04\\n2005,5.56\\n2006,5.91\\n2007,4.29\\n2008,4.72\\n2009,5.38\\n2010,4.92\\n2011,4.61\\n2012,3.62\\n2013,5.35\\n2014,5.28\\n2015,4.63\\n2016,4.72\"},{\"title\":\"./_data/pointsTwo.csv\",\"contents\":\"myX,myY\\n1979,5.03\\n1980,3.99\\n1981,10.35\\n1982,4.06\\n1983,10.11\\n1984,11.66\\n1985,5.95\\n1986,7.27\\n1987,2.77\\n1988,3.43\\n1989,6.49\\n1990,8.27\\n1991,3.85\\n1992,6.21\\n1993,0.14\\n1994,7.65\\n1995,5.57\\n1996,15.61\\n1997,12.42\\n1998,5.2\\n1999,9.81\\n2000,8.64\\n2001,10.07\\n2002,1.71\\n2003,3\\n2004,11.82\\n2005,4.74\\n2006,4.25\\n2007,0.16\\n2008,7.97\\n2009,9.75\\n2010,3.34\\n2011,3.46\\n2012,1.73\\n2013,5.97\\n2014,2.17\\n2015,0.88\\n2016,8.19\"},{\"title\":\"./_data/pointsThree.csv\",\"contents\":\"myX,myY\\n1979,5.43\\n1980,7.27\\n1981,8.82\\n1982,13.14\\n1983,14.63\\n1984,5.41\\n1985,4.76\\n1986,12.46\\n1987,10.38\\n1988,0.06\\n1989,9.35\\n1990,5.84\\n1991,6.94\\n1992,2.78\\n1993,9.84\\n1994,6.48\\n1995,9.97\\n1996,4.85\\n1997,5.35\\n1998,4.12\\n1999,1.56\\n2000,10.11\\n2001,2.04\\n2002,4.03\\n2003,3.85\\n2004,8.61\\n2005,1.44\\n2006,9.41\\n2007,3.51\\n2008,4.12\\n2009,6.76\\n2010,3.65\\n2011,6.76\\n2012,6.46\\n2013,0.75\\n2014,9.93\\n2015,8.11\\n2016,1.4\"},{\"title\":\"./_data/pointsFour.csv\",\"contents\":\"myX,myY\\n1979,10.27\\n1980,1.99\\n1981,2.25\\n1982,3.56\\n1983,0.32\\n1984,4.18\\n1985,1.75\\n1986,2.35\\n1987,2.54\\n1988,6.53\\n1989,5.02\\n1990,3.4\\n1991,4.79\\n1992,1.29\\n1993,12.65\\n1994,5.26\\n1995,3.11\\n1996,14.92\\n1997,13.21\\n1998,10.34\\n1999,5.02\\n2000,9.11\\n2001,13.24\\n2002,8.02\\n2003,1.54\\n2004,0.25\\n2005,6.02\\n2006,5.91\\n2007,6.83\\n2008,6.76\\n2009,3.7\\n2010,2.3\\n2011,3.37\\n2012,4.02\\n2013,2.15\\n2014,2.33\\n2015,5.98\\n2016,6.27\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -844,8 +844,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example-ssr/Timeplot.html b/docs/example-ssr/Timeplot.html
index cdf7f542..2434e6e4 100644
--- a/docs/example-ssr/Timeplot.html
+++ b/docs/example-ssr/Timeplot.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/6.tv_A3Rsk.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/6.8mKyH2F7.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/6.9ekSBL7L.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Time of day plot</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -589,7 +589,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example-ssr/Timeplot.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, ScaledSvg, Html, calcExtents } from 'layercake';\\n  import { timeDay } from 'd3-time';\\n  import { scaleBand, scaleTime } from 'd3-scale';\\n\\n  import AxisX from './_components/AxisX.percent-range.html.svelte';\\n  import AxisY from './_components/AxisY.percent-range.html.svelte';\\n  import Scatter from './_components/Scatter.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/days.csv';\\n\\n  const xKey = 'seconds';\\n  const yKey = 'day';\\n\\n  const r = 4;\\n  const padding = 2;\\n\\n  const daysTransformed = data.map(d => {\\n    const parts = d.timestring.split('T');\\n    const time = parts[1].replace('Z', '').split(':').map(q => +q);\\n    d[xKey] = time[0] * 60 * 60 + time[1] * 60 + time[2];\\n    d[yKey] = parts[0];\\n    return d;\\n  });\\n\\n  /* --------------------------------------------\\n   * Generate a range of days in between the min and max\\n   * in case we are missing any in our data so we can show empty days for them\\n   */\\n  const extents = calcExtents(daysTransformed, {\\n    x: d => d.timestring\\n  });\\n\\n  // Convert to string even though it is one to make Typescript happy\\n  const minDate = extents.x[0].toString().split('T')[0].split('-').map(d => +d);\\n  const maxDate = extents.x[1].toString().split('T')[0].split('-').map(d => +d);\\n\\n  const allDays = timeDay.range(new Date(Date.UTC(minDate[0], minDate[1] - 1, minDate[2])), new Date(Date.UTC(maxDate[0], maxDate[1] - 1, maxDate[2] + 1)))\\n    .map(d => d.toISOString().split('T')[0]).sort();\\n\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    ssr\\n    percentRange\\n    padding={{ top: 0, right: 15, bottom: 20, left: 75 }}\\n    x={xKey}\\n    y={yKey}\\n    xDomain={[0, 24 * 60 * 60]}\\n    yDomain={allDays}\\n    xScale={scaleTime()}\\n    yScale={scaleBand().paddingInner(0.05).round(true)}\\n    xPadding={[padding, padding]}\\n    data={daysTransformed}\\n  >\\n    \u003CHtml>\\n      \u003CAxisX\\n        ticks={[0, 4, 8, 12, 16, 20, 24].map(d => d * 60 * 60)}\\n        format={d => `${Math.floor(d / 60 / 60)}:00`}\\n      />\\n      \u003CAxisY/>\\n      \u003CScatter\\n        {r}\\n        fill={'rgba(255, 204, 0, 0.75)'}\\n        strokeWidth={0}\\n      />\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A scatter plot with an `scaleBand` for the y-scale to bucket them by day and a `scaleTime` for the x-scale. The only real fancy part of this plot is modifying the input data to be in \\\"seconds since start of day\\\" and generating the `yDomain` as *every* day between the min and max values, not just days for which we have values. This lets us see days in between that have no data.\\n\",\"components\":[{\"title\":\"./_components/AxisX.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML x-axis, useful for server-side rendered charts.  This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 1;\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cdiv class='axis x-axis' class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPx = $xScale(tick)}\\n\\n    {#if baseline === true}\\n      \u003Cdiv class=\\\"baseline\\\" style='top:100%; width:100%;'>\u003C/div>\\n    {/if}\\n\\n    {#if gridlines === true}\\n      \u003Cdiv\\n        class=\\\"gridline\\\"\\n        style:left='{tickValPx}%'\\n        style='top:0; bottom:0;'>\u003C/div>\\n    {/if}\\n    {#if tickMarks === true}\\n      \u003Cdiv\\n        class=\\\"tick-mark\\\"\\n        style:left='{tickValPx + halfBand}%'\\n        style:height='{tickLen}px'\\n        style:bottom='{-tickLen - tickGutter}px'\\n      >\u003C/div>\\n    {/if}\\n    \u003Cdiv\\n      class='tick tick-{i}'\\n      style:left='{tickValPx + halfBand}%'\\n      style='top:calc(100% + {tickGutter}px);'>\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='{tickLen}px'\\n        style:transform='translate(calc(-50% + {dx}px), {dy}px)'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .gridline {\\n    border-left: 1px dashed #aaa;\\n  }\\n\\n  .tick-mark {\\n    border-left: 1px solid #aaa;\\n  }\\n  .baseline {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n    position: relative;\\n    white-space: nowrap;\\n    transform: translateX(-50%);\\n  }\\n  /* This looks a little better at 40 percent than 50 */\\n  .axis.snapLabels .tick:last-child {\\n    transform: translateX(-40%);\\n  }\\n  .axis.snapLabels .tick.tick-0 {\\n    transform: translateX(40%);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.percent-range.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n \u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=-3] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = -3;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: halfBand = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPerc = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cdiv class='axis y-axis'>\\n  {#each tickVals as tick, i (tick)}\\n    {@const tickValPerc = $yScale(tick)}\\n\\n    \u003Cdiv class='tick tick-{i}' style='left:{$xRange[0]}%;top:{tickValPerc + halfBand}%;'>\\n      {#if gridlines === true}\\n        \u003Cdiv\\n          class=\\\"gridline\\\"\\n          style=\\\"top:0;\\\"\\n          style:left='{x1}px'\\n          style:right='0px'\\n        >\u003C/div>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cdiv\\n          class=\\\"tick-mark\\\"\\n          style:top='0'\\n          style:left='{x1}px'\\n          style:width='{tickLen}px'\\n        >\u003C/div>\\n      {/if}\\n      \u003Cdiv\\n        class=\\\"text\\\"\\n        style:top='0'\\n        style:text-align='{labelPosition === 'even' ? 'right' : 'left'}'\\n        style:width='{widestTickLen}px'\\n        style:left='{-widestTickLen - tickGutter - (labelPosition === 'even' ? tickLen : 0)}px'\\n        style:transform='translate({dx + (labelPosition === 'even' ? -3 : 0)}px, calc(-50% + {dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPerc === maxTickValPerc) ? -3 : 4)}px))'\\n      >{format(tick)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .axis,\\n  .tick,\\n  .tick-mark,\\n  .gridline,\\n  .baseline,\\n  .text {\\n    position: absolute;\\n  }\\n  .axis {\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .tick {\\n    font-size: 11px;\\n    width: 100%;\\n  }\\n\\n  .gridline {\\n    border-top: 1px dashed #aaa;\\n  }\\n  .tick-mark {\\n    border-top: 1px solid #aaa;\\n  }\\n\\n  .baseline.gridline {\\n    border-top-style: solid;\\n  }\\n\\n  .tick .text {\\n    color: #666;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Scatter.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML scatter plot. This component can also work if the x- or y-scale is ordinal, i.e. it has a `.bandwidth` method. See the [timeplot chart](https://layercake.graphics/example/Timeplot) for an example.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=5] - The circle's radius. */\\n  export let r = 5;\\n\\n  /** @type {String} [fill='#0cf'] - The circle's fill color. */\\n  export let fill = '#0cf';\\n\\n  /** @type {String} [stroke='#000'] - The circle's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=1] - The circle's stroke width. */\\n  export let strokeWidth = 1;\\n\u003C/script>\\n\\n\u003Cdiv class=\\\"scatter-group\\\">\\n  {#each $data as d}\\n    \u003Cdiv\\n      class=\\\"circle\\\"\\n      style=\\\"\\n        left: {$xGet(d) + ($xScale.bandwidth ? $xScale.bandwidth() / 2 : 0)}%;\\n        top: {$yGet(d) + ($yScale.bandwidth ? $yScale.bandwidth() / 2 : 0)}%;\\n        width: {r * 2}px;\\n        height: {r * 2}px;\\n        background-color: {fill};\\n        border: {strokeWidth}px solid {stroke};\\n      \\\"\\n    />\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .circle {\\n    position: absolute;\\n    transform: translate(-50%, -50%);\\n    border-radius: 50%;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/days.csv\",\"contents\":\"timestring\\n2018-07-22T22:25:55Z\\n2018-07-22T19:35:29Z\\n2018-07-22T18:54:42Z\\n2018-07-22T02:05:59Z\\n2018-07-22T00:55:02Z\\n2018-07-22T00:53:00Z\\n2018-07-22T23:32:37Z\\n2018-07-22T17:52:55Z\\n2018-07-22T17:52:01Z\\n2018-07-22T17:32:21Z\\n2018-07-22T16:38:22Z\\n2018-07-22T16:38:20Z\\n2018-07-22T21:07:28Z\\n2018-07-22T01:36:47Z\\n2018-07-22T01:00:04Z\\n2018-07-22T20:15:35Z\\n2018-07-23T03:05:05Z\\n2018-07-23T02:56:18Z\\n2018-07-23T02:11:53Z\\n2018-07-23T02:08:49Z\\n2018-07-23T02:02:14Z\\n2018-07-23T04:13:29Z\\n2018-07-23T03:24:58Z\\n2018-07-23T03:23:55Z\\n2018-07-23T03:22:02Z\\n2018-07-23T18:37:05Z\\n2018-07-23T01:34:48Z\\n2018-07-23T01:11:38Z\\n2018-07-23T01:02:25Z\\n2018-07-23T23:32:07Z\\n2018-07-23T18:26:04Z\\n2018-07-24T18:25:35Z\\n2018-07-24T02:56:28Z\\n2018-07-24T16:33:57Z\\n2018-07-24T15:52:16Z\\n2018-07-24T20:31:12Z\\n2018-07-24T20:27:11Z\\n2018-07-24T14:17:18Z\\n2018-07-24T03:49:28Z\\n2018-07-24T03:42:33Z\\n2018-07-24T03:20:45Z\\n2018-07-24T01:47:25Z\\n2018-07-24T01:26:16Z\\n2018-07-24T01:16:55Z\\n2018-07-25T00:50:15Z\\n2018-07-25T19:16:21Z\\n2018-07-25T02:38:15Z\\n2018-07-25T01:03:55Z\\n2018-07-25T01:00:55Z\\n2018-07-25T00:59:31Z\\n2018-07-25T19:06:36Z\\n2018-07-25T19:03:18Z\\n2018-07-25T01:05:50Z\\n2018-07-25T23:43:32Z\\n2018-07-25T17:39:53Z\\n2018-07-25T17:37:15Z\\n2018-07-25T15:50:12Z\\n2018-07-25T03:47:16Z\\n2018-07-25T03:06:21Z\\n2018-07-25T02:59:34Z\\n2018-07-25T20:53:53Z\\n2018-07-25T01:37:58Z\\n2018-07-25T01:32:23Z\\n2018-07-25T01:30:09Z\\n2018-07-25T17:03:39Z\\n2018-07-25T16:00:39Z\\n2018-07-25T15:59:44Z\\n2018-07-25T22:29:55Z\\n2018-07-25T02:59:41Z\\n2018-07-25T02:58:36Z\\n2018-07-25T02:56:41Z\\n2018-07-25T02:21:56Z\\n2018-07-25T02:20:27Z\\n2018-07-25T02:15:25Z\\n2018-07-25T02:22:38Z\\n2018-07-25T02:19:25Z\\n2018-07-25T22:48:50Z\\n2018-07-25T06:52:20Z\\n2018-07-25T06:45:09Z\\n2018-07-25T21:18:11Z\\n2018-07-25T17:35:37Z\\n2018-07-25T01:52:56Z\\n2018-07-25T01:07:36Z\\n2018-07-25T01:05:37Z\\n2018-07-25T01:05:27Z\\n2018-07-25T17:24:44Z\\n2018-07-25T15:53:26Z\\n2018-07-25T15:32:59Z\\n2018-07-25T17:33:38Z\\n2018-07-25T15:28:30Z\\n2018-07-25T15:16:40Z\\n2018-07-28T15:07:48Z\\n2018-07-28T13:56:38Z\\n2018-07-28T04:46:00Z\\n2018-07-28T04:19:46Z\\n2018-07-28T04:18:59Z\\n2018-07-28T04:14:41Z\\n2018-07-28T03:54:01Z\\n2018-07-28T03:53:10Z\\n2018-07-28T02:28:02Z\\n2018-07-28T17:41:43Z\\n2018-07-28T04:42:10Z\\n2018-07-28T04:40:23Z\\n2018-07-28T04:40:10Z\\n2018-07-28T01:31:38Z\\n2018-07-28T00:23:02Z\\n2018-07-28T18:17:10Z\\n2018-07-28T18:08:21Z\\n2018-07-28T15:29:46Z\\n2018-07-28T15:15:33Z\\n2018-07-28T04:54:39Z\\n2018-07-28T04:27:48Z\\n2018-07-28T04:24:37Z\\n2018-07-28T04:08:45Z\\n2018-07-28T03:53:50Z\\n2018-07-28T03:42:23Z\\n2018-07-28T19:03:27Z\\n2018-07-28T00:32:39Z\\n2018-07-28T00:32:32Z\\n2018-07-28T02:57:20Z\\n2018-07-28T02:54:40Z\\n2018-07-28T04:28:23Z\\n2018-07-28T02:19:41Z\\n2018-07-28T00:50:51Z\\n2018-07-28T00:40:52Z\\n2018-07-28T21:54:06Z\\n2018-07-28T21:53:09Z\\n2018-07-28T19:09:30Z\\n2018-07-28T18:55:04Z\\n2018-07-28T18:51:44Z\\n2018-07-28T17:24:28Z\\n2018-07-28T02:31:18Z\\n2018-07-28T04:20:20Z\\n2018-07-28T04:19:13Z\\n2018-07-28T04:16:31Z\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -598,8 +598,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 6],
diff --git a/docs/example/AreaStacked.html b/docs/example/AreaStacked.html
index 22a8deb2..b29c02e9 100644
--- a/docs/example/AreaStacked.html
+++ b/docs/example/AreaStacked.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Stacked area</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -424,7 +424,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/AreaStacked.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, flatten, stack } from 'layercake';\\n\\n  import { scaleOrdinal } from 'd3-scale';\\n  import { format } from 'd3-format';\\n  import { timeParse, timeFormat } from 'd3-time-format';\\n\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n  import AreaStacked from './_components/AreaStacked.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/fruit.csv';\\n\\n  const xKey = 'month';\\n  const yKey = [0, 1];\\n  const zKey = 'key';\\n  const xKeyCast = timeParse('%Y-%m-%d');\\n\\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\\n  const seriesColors = ['#ff00cc', '#ff7ac7', '#ffb3c0', '#ffe4b8'];\\n\\n  const formatLabelX = timeFormat('%b. %-d')\\n  const formatLabelY = d => format(`~s`)(d);\\n\\n  /* --------------------------------------------\\n   * Cast data\\n   */\\n  data.forEach(d => {\\n    d[xKey] = typeof d[xKey] === 'string'\\n      ? xKeyCast(d[xKey])\\n      : d[xKey];\\n\\n    seriesNames.forEach(name => {\\n      d[name] = +d[name];\\n    });\\n  });\\n\\n  const stackedData = stack(data, seriesNames);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ top: 0, right: 0, bottom: 20, left: 17 }}\\n    x={d => d.data[xKey]}\\n    y={yKey}\\n    z={zKey}\\n    zScale={scaleOrdinal()}\\n    zDomain={seriesNames}\\n    zRange={seriesColors}\\n    flatData={flatten(stackedData)}\\n    data={stackedData}\\n  >\\n    \u003CSvg>\\n      \u003CAxisX\\n        format={formatLabelX}\\n        tickMarks\\n      />\\n      \u003CAxisY\\n        format={formatLabelY}\\n      />\\n      \u003CAreaStacked/>\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"Stacked area chart using Layer Cake's [stack function](/guide#stack). Because this will create a nested data structure, we use LayerCake's `flatten` function to pass to the `flatData` prop. See the [server-side rendered example](/example-ssr/AreaStacked) for the basic D3 function usage.\\n\",\"components\":[{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AreaStacked.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape) and sets the color via an ordinal scale in `zScale`. It assumes your data is in a [D3 stack format](https://github.com/d3/d3-shape#stack).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { area } from 'd3-shape';\\n\\n  const { data, xGet, yScale, zGet } = getContext('LayerCake');\\n\\n  $: areaGen = area()\\n    .x(d => $xGet(d))\\n    .y0(d => $yScale(d[0]))\\n    .y1(d => $yScale(d[1]));\\n\u003C/script>\\n\\n\u003Cg class=\\\"area-group\\\">\\n  {#each $data as d}\\n    \u003Cpath\\n      class='path-area'\\n      d='{areaGen(d)}'\\n      fill='{$zGet(d)}'\\n    >\u003C/path>\\n  {/each}\\n\u003C/g>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/fruit.csv\",\"contents\":\"month,apples,bananas,cherries,dates\\n2015-04-01,3840,1920,960,400\\n2015-03-01,1600,1440,960,400\\n2015-02-01,640,960,640,400\\n2015-01-01,320,480,640,400\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -433,8 +433,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/Bar.html b/docs/example/Bar.html
index 132998a9..c3962e36 100644
--- a/docs/example/Bar.html
+++ b/docs/example/Bar.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Bar</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -102,7 +102,7 @@
       <span class="hljs-tag">&lt;<span class="hljs-name">AxisX</span>
         <span class="hljs-attr">tickMarks</span>
         <span class="hljs-attr">baseline</span>
-        <span class="hljs-attr">snapTicks</span>
+        <span class="hljs-attr">snapLabels</span>
       /&gt;</span>
       <span class="hljs-tag">&lt;<span class="hljs-name">AxisY</span>
         <span class="hljs-attr">tickMarks</span>
@@ -400,10 +400,10 @@
 1982,8
 1983,18<!-- HTML_TAG_END --></pre> </div></div></div></div></main> 
 			<script type="application/json" data-sveltekit-fetched data-url="/api/guide-sections.json">{"status":200,"statusText":"","headers":{},"body":"[{\"html\":null,\"metadata\":{\"title\":\"Introduction\"},\"subsections\":[{\"slug\":\"what-is-layer-cake\",\"title\":\"What is Layer Cake?\"},{\"slug\":\"key-concepts\",\"title\":\"Key Concepts\"},{\"slug\":\"getting-started\",\"title\":\"Getting started\"},{\"slug\":\"using-layout-components\",\"title\":\"Using layout components\"},{\"slug\":\"layer-components\",\"title\":\"Layer components\"},{\"slug\":\"data-less-cakes\",\"title\":\"Data-less cakes\"},{\"slug\":\"server-side-rendering\",\"title\":\"Server-side rendering\"},{\"slug\":\"how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range\",\"title\":\"How does LayerCake know what to set as a scale's domain and range?\"}],\"slug\":\"introduction\",\"file\":\"00-introduction.md\"},{\"html\":null,\"metadata\":{\"title\":\"Troubleshooting\"},\"subsections\":[{\"slug\":\"use-the-debug-feature\",\"title\":\"Use the debug feature\"},{\"slug\":\"typescript\",\"title\":\"TypeScript\"},{\"slug\":\"the-chart-is-blank\",\"title\":\"The chart is blank\"},{\"slug\":\"the-chart-is-a-very-small-square\",\"title\":\"The chart is a very small square\"},{\"slug\":\"the-library-isn39t-building-properly\",\"title\":\"The library isn't building properly\"},{\"slug\":\"listening-for-click-events-on-the-entire-component\",\"title\":\"Listening for click events on the entire component\"}],\"slug\":\"troubleshooting\",\"file\":\"01-troubleshooting.md\"},{\"html\":null,\"metadata\":{\"title\":\"Accessibility\"},\"subsections\":[{\"slug\":\"layout-attributes\",\"title\":\"Layout attributes\"},{\"slug\":\"html-layouts\",\"title\":\"HTML layouts\"},{\"slug\":\"svg-layouts\",\"title\":\"SVG layouts\"},{\"slug\":\"canvas-and-webgl-layouts\",\"title\":\"Canvas and WebGl layouts\"}],\"slug\":\"accessibility\",\"file\":\"02-accessibility.md\"},{\"html\":null,\"metadata\":{\"title\":\"LayerCake props\"},\"subsections\":[{\"slug\":\"data\",\"title\":\"data\"},{\"slug\":\"x\",\"title\":\"x\"},{\"slug\":\"y\",\"title\":\"y\"},{\"slug\":\"z\",\"title\":\"z\"},{\"slug\":\"r\",\"title\":\"r\"},{\"slug\":\"debug\",\"title\":\"debug\"},{\"slug\":\"padding\",\"title\":\"padding\"},{\"slug\":\"xscale\",\"title\":\"xScale\"},{\"slug\":\"yscale\",\"title\":\"yScale\"},{\"slug\":\"zscale\",\"title\":\"zScale\"},{\"slug\":\"rscale\",\"title\":\"rScale\"},{\"slug\":\"xdomain\",\"title\":\"xDomain\"},{\"slug\":\"ydomain\",\"title\":\"yDomain\"},{\"slug\":\"zdomain\",\"title\":\"zDomain\"},{\"slug\":\"rdomain\",\"title\":\"rDomain\"},{\"slug\":\"xreverse\",\"title\":\"xReverse\"},{\"slug\":\"yreverse\",\"title\":\"yReverse\"},{\"slug\":\"zreverse\",\"title\":\"zReverse\"},{\"slug\":\"rreverse\",\"title\":\"rReverse\"},{\"slug\":\"xrange\",\"title\":\"xRange\"},{\"slug\":\"yrange\",\"title\":\"yRange\"},{\"slug\":\"zrange\",\"title\":\"zRange\"},{\"slug\":\"rrange\",\"title\":\"rRange\"},{\"slug\":\"xpadding\",\"title\":\"xPadding\"},{\"slug\":\"ypadding\",\"title\":\"yPadding\"},{\"slug\":\"zpadding\",\"title\":\"zPadding\"},{\"slug\":\"rpadding\",\"title\":\"rPadding\"},{\"slug\":\"xnice\",\"title\":\"xNice\"},{\"slug\":\"ynice\",\"title\":\"yNice\"},{\"slug\":\"znice\",\"title\":\"zNice\"},{\"slug\":\"rnice\",\"title\":\"rNice\"},{\"slug\":\"extents\",\"title\":\"extents\"},{\"slug\":\"flatdata\",\"title\":\"flatData\"},{\"slug\":\"ssr\",\"title\":\"ssr\"},{\"slug\":\"percentrange\",\"title\":\"percentRange\"},{\"slug\":\"position\",\"title\":\"position\"},{\"slug\":\"custom\",\"title\":\"custom\"}],\"slug\":\"layercake-props\",\"file\":\"03-layercake-props.md\"},{\"html\":null,\"metadata\":{\"title\":\"Computed context values\"},\"subsections\":[{\"slug\":\"activegetters\",\"title\":\"activeGetters\"},{\"slug\":\"aspectratio\",\"title\":\"aspectRatio\"},{\"slug\":\"box\",\"title\":\"box\"},{\"slug\":\"config\",\"title\":\"config\"},{\"slug\":\"containerwidth\",\"title\":\"containerWidth\"},{\"slug\":\"containerheight\",\"title\":\"containerHeight\"},{\"slug\":\"extents-1\",\"title\":\"extents\"},{\"slug\":\"width\",\"title\":\"width\"},{\"slug\":\"height\",\"title\":\"height\"},{\"slug\":\"x-1\",\"title\":\"x\"},{\"slug\":\"y-1\",\"title\":\"y\"},{\"slug\":\"z-1\",\"title\":\"z\"},{\"slug\":\"r-1\",\"title\":\"r\"},{\"slug\":\"xdomain-1\",\"title\":\"xDomain\"},{\"slug\":\"ydomain-1\",\"title\":\"yDomain\"},{\"slug\":\"zdomain-1\",\"title\":\"zDomain\"},{\"slug\":\"rdomain-1\",\"title\":\"rDomain\"},{\"slug\":\"xrange-1\",\"title\":\"xRange\"},{\"slug\":\"yrange-1\",\"title\":\"yRange\"},{\"slug\":\"zrange-1\",\"title\":\"zRange\"},{\"slug\":\"rrange-1\",\"title\":\"rRange\"},{\"slug\":\"xget\",\"title\":\"xGet(...)\"},{\"slug\":\"yget\",\"title\":\"yGet(...)\"},{\"slug\":\"zget\",\"title\":\"zGet(...)\"},{\"slug\":\"rget\",\"title\":\"rGet(...)\"},{\"slug\":\"xscale-1\",\"title\":\"xScale(...)\"},{\"slug\":\"yscale-1\",\"title\":\"yScale(...)\"},{\"slug\":\"zscale-1\",\"title\":\"zScale(...)\"},{\"slug\":\"rscale-1\",\"title\":\"rScale(...)\"}],\"slug\":\"computed-context-values\",\"file\":\"04-computed-context-values.md\"},{\"html\":null,\"metadata\":{\"title\":\"Layout components\"},\"subsections\":[{\"slug\":\"html\",\"title\":\"Html\"},{\"slug\":\"svg\",\"title\":\"Svg\"},{\"slug\":\"scaledsvg\",\"title\":\"ScaledSvg\"},{\"slug\":\"canvas\",\"title\":\"Canvas\"},{\"slug\":\"webgl\",\"title\":\"WebGL\"}],\"slug\":\"layout-components\",\"file\":\"05-layout-components.md\"},{\"html\":null,\"metadata\":{\"title\":\"Layout component props\"},\"subsections\":[{\"slug\":\"zindex\",\"title\":\"zIndex\"},{\"slug\":\"pointerevents\",\"title\":\"pointerEvents\"},{\"slug\":\"viewbox\",\"title\":\"viewBox\"},{\"slug\":\"fixedaspectratio\",\"title\":\"fixedAspectRatio\"},{\"slug\":\"contextattributes\",\"title\":\"contextAttributes\"}],\"slug\":\"layout-component-props\",\"file\":\"06-layout-component-props.md\"},{\"html\":null,\"metadata\":{\"title\":\"Helper functions\"},\"subsections\":[{\"slug\":\"bin\",\"title\":\"bin(...)\"},{\"slug\":\"calcextents\",\"title\":\"calcExtents(...)\"},{\"slug\":\"calcuniques\",\"title\":\"calcUniques(...)\"},{\"slug\":\"flatten\",\"title\":\"flatten(...)\"},{\"slug\":\"grouplonger\",\"title\":\"groupLonger(...)\"},{\"slug\":\"raise\",\"title\":\"raise(...)\"},{\"slug\":\"scalecanvas\",\"title\":\"scaleCanvas(...)\"},{\"slug\":\"stack\",\"title\":\"stack(...)\"},{\"slug\":\"uniques\",\"title\":\"uniques(...)\"}],\"slug\":\"helper-functions\",\"file\":\"99-helper-functions.md\"}]"}</script>
-			<script type="application/json" data-sveltekit-fetched data-url="/example/Bar.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg } from 'layercake';\\n  import { scaleBand } from 'd3-scale';\\n\\n  import Bar from './_components/Bar.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/groups.csv';\\n\\n  const xKey = 'value';\\n  const yKey = 'year';\\n\\n  data.forEach(d => {\\n    d[xKey] = +d[xKey];\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ bottom: 20, left: 35 }}\\n    x={xKey}\\n    y={yKey}\\n    yScale={scaleBand().paddingInner(0.05)}\\n    xDomain={[0, null]}\\n    data={data}\\n  >\\n    \u003CSvg>\\n      \u003CAxisX\\n        tickMarks\\n        baseline\\n        snapTicks\\n      />\\n      \u003CAxisY\\n        tickMarks\\n        gridlines={false}\\n      />\\n      \u003CBar/>\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"Since we want an ordinal y-axis and Layer Cake defaults to a linear scale, pass in a custom scale to `yScale` with a few formatting options. Set the x-scale to always start at `0` so you don't show misleading differences between groups.\\n\",\"components\":[{\"title\":\"./_components/Bar.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG bar chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\\n\\n  /** @type {String} [fill='#00bbff'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#00bbff';\\n\u003C/script>\\n\\n\u003Cg class=\\\"bar-group\\\">\\n  {#each $data as d, i}\\n    \u003Crect\\n      class='group-rect'\\n      data-id=\\\"{i}\\\"\\n      x=\\\"{$xScale.range()[0]}\\\"\\n      y=\\\"{$yGet(d)}\\\"\\n      height={$yScale.bandwidth()}\\n      width=\\\"{$xGet(d)}\\\"\\n      {fill}\\n    >\u003C/rect>\\n  {/each}\\n\u003C/g>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/groups.csv\",\"contents\":\"year,value\\n1979,2\\n1980,3\\n1981,5\\n1982,8\\n1983,18\"}],\"jsons\":[]}"}</script>
+			<script type="application/json" data-sveltekit-fetched data-url="/example/Bar.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg } from 'layercake';\\n  import { scaleBand } from 'd3-scale';\\n\\n  import Bar from './_components/Bar.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/groups.csv';\\n\\n  const xKey = 'value';\\n  const yKey = 'year';\\n\\n  data.forEach(d => {\\n    d[xKey] = +d[xKey];\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ bottom: 20, left: 35 }}\\n    x={xKey}\\n    y={yKey}\\n    yScale={scaleBand().paddingInner(0.05)}\\n    xDomain={[0, null]}\\n    data={data}\\n  >\\n    \u003CSvg>\\n      \u003CAxisX\\n        tickMarks\\n        baseline\\n        snapLabels\\n      />\\n      \u003CAxisY\\n        tickMarks\\n        gridlines={false}\\n      />\\n      \u003CBar/>\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"Since we want an ordinal y-axis and Layer Cake defaults to a linear scale, pass in a custom scale to `yScale` with a few formatting options. Set the x-scale to always start at `0` so you don't show misleading differences between groups.\\n\",\"components\":[{\"title\":\"./_components/Bar.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG bar chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\\n\\n  /** @type {String} [fill='#00bbff'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#00bbff';\\n\u003C/script>\\n\\n\u003Cg class=\\\"bar-group\\\">\\n  {#each $data as d, i}\\n    \u003Crect\\n      class='group-rect'\\n      data-id=\\\"{i}\\\"\\n      x=\\\"{$xScale.range()[0]}\\\"\\n      y=\\\"{$yGet(d)}\\\"\\n      height={$yScale.bandwidth()}\\n      width=\\\"{$xGet(d)}\\\"\\n      {fill}\\n    >\u003C/rect>\\n  {/each}\\n\u003C/g>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/groups.csv\",\"contents\":\"year,value\\n1979,2\\n1980,3\\n1981,5\\n1982,8\\n1983,18\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -412,8 +412,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/Bar.json b/docs/example/Bar.json
index dfc42645..4fc4bd72 100644
--- a/docs/example/Bar.json
+++ b/docs/example/Bar.json
@@ -1 +1 @@
-{"main":{"title":"+page.svelte","contents":"<script>\n  import { LayerCake, Svg } from 'layercake';\n  import { scaleBand } from 'd3-scale';\n\n  import Bar from './_components/Bar.svelte';\n  import AxisX from './_components/AxisX.svelte';\n  import AxisY from './_components/AxisY.svelte';\n\n  // This example loads csv data as json using @rollup/plugin-dsv\n  import data from './_data/groups.csv';\n\n  const xKey = 'value';\n  const yKey = 'year';\n\n  data.forEach(d => {\n    d[xKey] = +d[xKey];\n  });\n</script>\n\n<style>\n  /*\n    The wrapper div needs to have an explicit width and height in CSS.\n    It can also be a flexbox child or CSS grid element.\n    The point being it needs dimensions since the <LayerCake> element will\n    expand to fill it.\n  */\n  .chart-container {\n    width: 100%;\n    height: 250px;\n  }\n</style>\n\n<div class=\"chart-container\">\n  <LayerCake\n    padding={{ bottom: 20, left: 35 }}\n    x={xKey}\n    y={yKey}\n    yScale={scaleBand().paddingInner(0.05)}\n    xDomain={[0, null]}\n    data={data}\n  >\n    <Svg>\n      <AxisX\n        tickMarks\n        baseline\n        snapTicks\n      />\n      <AxisY\n        tickMarks\n        gridlines={false}\n      />\n      <Bar/>\n    </Svg>\n  </LayerCake>\n</div>"},"dek":"Since we want an ordinal y-axis and Layer Cake defaults to a linear scale, pass in a custom scale to `yScale` with a few formatting options. Set the x-scale to always start at `0` so you don't show misleading differences between groups.\n","components":[{"title":"./_components/Bar.svelte","contents":"<!--\n  @component\n  Generates an SVG bar chart.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\n\n  /** @type {String} [fill='#00bbff'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\n  export let fill = '#00bbff';\n</script>\n\n<g class=\"bar-group\">\n  {#each $data as d, i}\n    <rect\n      class='group-rect'\n      data-id=\"{i}\"\n      x=\"{$xScale.range()[0]}\"\n      y=\"{$yGet(d)}\"\n      height={$yScale.bandwidth()}\n      width=\"{$xGet(d)}\"\n      {fill}\n    ></rect>\n  {/each}\n</g>"},{"title":"./_components/AxisX.svelte","contents":"<!--\n  @component\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { width, height, xScale, yRange } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\n  export let tickMarks = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\n  export let tickMarkLength = 6;\n\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\n  export let baseline = false;\n\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\n  export let snapLabels = false;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d;\n\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\n  export let ticks = undefined;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = 12;\n\n  function textAnchor(i, sl) {\n    if (sl === true) {\n      if (i === 0) {\n        return 'start';\n      }\n      if (i === tickVals.length - 1) {\n        return 'end';\n      }\n    }\n    return 'middle';\n  }\n\n  $: tickLen = tickMarks === true\n    ? tickMarkLength ?? 6\n    : 0;\n\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $xScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($xScale.ticks()) :\n          $xScale.ticks(ticks);\n\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\n</script>\n\n<g class=\"axis x-axis\" class:snapLabels>\n  {#each tickVals as tick, i (tick)}\n    {#if baseline === true}\n      <line\n        class=\"baseline\"\n        y1={$height}\n        y2={$height}\n        x1=\"0\"\n        x2={$width}\n      />\n    {/if}\n\n    <g class=\"tick tick-{i}\" transform=\"translate({$xScale(tick)},{Math.max(...$yRange)})\">\n      {#if gridlines === true}\n        <line\n          class=\"gridline\"\n          x1={halfBand}\n          x2={halfBand}\n          y1={-$height}\n          y2=\"0\"\n        />\n      {/if}\n      {#if tickMarks === true}\n        <line\n          class=\"tick-mark\"\n          x1={halfBand}\n          x2={halfBand}\n          y1={tickGutter}\n          y2={tickGutter + tickLen}\n        />\n      {/if}\n      <text\n        x={halfBand}\n        y={tickGutter + tickLen}\n        {dx}\n        {dy}\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}</text\n      >\n    </g>\n  {/each}\n</g>\n\n<style>\n  .tick {\n    font-size: 11px;\n  }\n\n  line,\n  .tick line {\n    stroke: #aaa;\n    stroke-dasharray: 2;\n  }\n\n  .tick text {\n    fill: #666;\n  }\n\n  .tick .tick-mark,\n  .baseline {\n    stroke-dasharray: 0;\n  }\n  /* This looks slightly better */\n  .axis.snapLabels .tick:last-child text {\n    transform: translateX(3px);\n  }\n  .axis.snapLabels .tick.tick-0 text {\n    transform: translateX(-3px);\n  }\n</style>"},{"title":"./_components/AxisY.svelte","contents":"<!--\n  @component\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { xRange, yScale, width } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\n  export let tickMarks = false;\n\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\n  export let labelPosition = 'even';\n\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\n  export let snapBaselineLabel = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\n  export let tickMarkLength = undefined;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d ;\n\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\n  export let ticks = 4;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = 0;\n\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\n  export let charPixelWidth = 7.25;\n\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $yScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($yScale.ticks()) :\n          $yScale.ticks(ticks);\n\n  function calcStringLength(sum, val) {\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\n    return sum + charPixelWidth;\n  }\n\n  $: tickLen = tickMarks === true\n    ? labelPosition === 'above'\n      ? tickMarkLength ?? widestTickLen\n      : tickMarkLength ?? 6\n    : 0;\n\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\n\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\n\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\n</script>\n\n<g class='axis y-axis'>\n  {#each tickVals as tick (tick)}\n    {@const tickValPx = $yScale(tick)}\n    <g class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\n      {#if gridlines === true}\n        <line\n          class=\"gridline\"\n          {x1}\n          x2='{$width}'\n          y1={y}\n          y2={y}\n        ></line>\n      {/if}\n      {#if tickMarks === true}\n        <line\n          class='tick-mark'\n          {x1}\n          x2={x1 + tickLen}\n          y1={y}\n          y2={y}\n        ></line>\n      {/if}\n      <text\n        x='{x1}'\n        {y}\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\n      >{format(tick)}</text>\n    </g>\n  {/each}\n</g>\n\n<style>\n  .tick {\n    font-size: 11px;\n  }\n\n  .tick line {\n    stroke: #aaa;\n  }\n  .tick .gridline {\n    stroke-dasharray: 2;\n  }\n\n  .tick text {\n    fill: #666;\n  }\n\n  .tick.tick-0 line {\n    stroke-dasharray: 0;\n  }\n</style>"}],"modules":[],"componentModules":[],"componentComponents":[],"csvs":[{"title":"./_data/groups.csv","contents":"year,value\n1979,2\n1980,3\n1981,5\n1982,8\n1983,18"}],"jsons":[]}
\ No newline at end of file
+{"main":{"title":"+page.svelte","contents":"<script>\n  import { LayerCake, Svg } from 'layercake';\n  import { scaleBand } from 'd3-scale';\n\n  import Bar from './_components/Bar.svelte';\n  import AxisX from './_components/AxisX.svelte';\n  import AxisY from './_components/AxisY.svelte';\n\n  // This example loads csv data as json using @rollup/plugin-dsv\n  import data from './_data/groups.csv';\n\n  const xKey = 'value';\n  const yKey = 'year';\n\n  data.forEach(d => {\n    d[xKey] = +d[xKey];\n  });\n</script>\n\n<style>\n  /*\n    The wrapper div needs to have an explicit width and height in CSS.\n    It can also be a flexbox child or CSS grid element.\n    The point being it needs dimensions since the <LayerCake> element will\n    expand to fill it.\n  */\n  .chart-container {\n    width: 100%;\n    height: 250px;\n  }\n</style>\n\n<div class=\"chart-container\">\n  <LayerCake\n    padding={{ bottom: 20, left: 35 }}\n    x={xKey}\n    y={yKey}\n    yScale={scaleBand().paddingInner(0.05)}\n    xDomain={[0, null]}\n    data={data}\n  >\n    <Svg>\n      <AxisX\n        tickMarks\n        baseline\n        snapLabels\n      />\n      <AxisY\n        tickMarks\n        gridlines={false}\n      />\n      <Bar/>\n    </Svg>\n  </LayerCake>\n</div>"},"dek":"Since we want an ordinal y-axis and Layer Cake defaults to a linear scale, pass in a custom scale to `yScale` with a few formatting options. Set the x-scale to always start at `0` so you don't show misleading differences between groups.\n","components":[{"title":"./_components/Bar.svelte","contents":"<!--\n  @component\n  Generates an SVG bar chart.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\n\n  /** @type {String} [fill='#00bbff'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\n  export let fill = '#00bbff';\n</script>\n\n<g class=\"bar-group\">\n  {#each $data as d, i}\n    <rect\n      class='group-rect'\n      data-id=\"{i}\"\n      x=\"{$xScale.range()[0]}\"\n      y=\"{$yGet(d)}\"\n      height={$yScale.bandwidth()}\n      width=\"{$xGet(d)}\"\n      {fill}\n    ></rect>\n  {/each}\n</g>"},{"title":"./_components/AxisX.svelte","contents":"<!--\n  @component\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { width, height, xScale, yRange } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\n  export let tickMarks = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\n  export let tickMarkLength = 6;\n\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\n  export let baseline = false;\n\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\n  export let snapLabels = false;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d;\n\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\n  export let ticks = undefined;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = 12;\n\n  function textAnchor(i, sl) {\n    if (sl === true) {\n      if (i === 0) {\n        return 'start';\n      }\n      if (i === tickVals.length - 1) {\n        return 'end';\n      }\n    }\n    return 'middle';\n  }\n\n  $: tickLen = tickMarks === true\n    ? tickMarkLength ?? 6\n    : 0;\n\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $xScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($xScale.ticks()) :\n          $xScale.ticks(ticks);\n\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\n</script>\n\n<g class=\"axis x-axis\" class:snapLabels>\n  {#each tickVals as tick, i (tick)}\n    {#if baseline === true}\n      <line\n        class=\"baseline\"\n        y1={$height}\n        y2={$height}\n        x1=\"0\"\n        x2={$width}\n      />\n    {/if}\n\n    <g class=\"tick tick-{i}\" transform=\"translate({$xScale(tick)},{Math.max(...$yRange)})\">\n      {#if gridlines === true}\n        <line\n          class=\"gridline\"\n          x1={halfBand}\n          x2={halfBand}\n          y1={-$height}\n          y2=\"0\"\n        />\n      {/if}\n      {#if tickMarks === true}\n        <line\n          class=\"tick-mark\"\n          x1={halfBand}\n          x2={halfBand}\n          y1={tickGutter}\n          y2={tickGutter + tickLen}\n        />\n      {/if}\n      <text\n        x={halfBand}\n        y={tickGutter + tickLen}\n        {dx}\n        {dy}\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}</text\n      >\n    </g>\n  {/each}\n</g>\n\n<style>\n  .tick {\n    font-size: 11px;\n  }\n\n  line,\n  .tick line {\n    stroke: #aaa;\n    stroke-dasharray: 2;\n  }\n\n  .tick text {\n    fill: #666;\n  }\n\n  .tick .tick-mark,\n  .baseline {\n    stroke-dasharray: 0;\n  }\n  /* This looks slightly better */\n  .axis.snapLabels .tick:last-child text {\n    transform: translateX(3px);\n  }\n  .axis.snapLabels .tick.tick-0 text {\n    transform: translateX(-3px);\n  }\n</style>"},{"title":"./_components/AxisY.svelte","contents":"<!--\n  @component\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { xRange, yScale, width } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\n  export let tickMarks = false;\n\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\n  export let labelPosition = 'even';\n\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\n  export let snapBaselineLabel = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\n  export let tickMarkLength = undefined;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d ;\n\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\n  export let ticks = 4;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = 0;\n\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\n  export let charPixelWidth = 7.25;\n\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $yScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($yScale.ticks()) :\n          $yScale.ticks(ticks);\n\n  function calcStringLength(sum, val) {\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\n    return sum + charPixelWidth;\n  }\n\n  $: tickLen = tickMarks === true\n    ? labelPosition === 'above'\n      ? tickMarkLength ?? widestTickLen\n      : tickMarkLength ?? 6\n    : 0;\n\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\n\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\n\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\n</script>\n\n<g class='axis y-axis'>\n  {#each tickVals as tick (tick)}\n    {@const tickValPx = $yScale(tick)}\n    <g class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\n      {#if gridlines === true}\n        <line\n          class=\"gridline\"\n          {x1}\n          x2='{$width}'\n          y1={y}\n          y2={y}\n        ></line>\n      {/if}\n      {#if tickMarks === true}\n        <line\n          class='tick-mark'\n          {x1}\n          x2={x1 + tickLen}\n          y1={y}\n          y2={y}\n        ></line>\n      {/if}\n      <text\n        x='{x1}'\n        {y}\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\n      >{format(tick)}</text>\n    </g>\n  {/each}\n</g>\n\n<style>\n  .tick {\n    font-size: 11px;\n  }\n\n  .tick line {\n    stroke: #aaa;\n  }\n  .tick .gridline {\n    stroke-dasharray: 2;\n  }\n\n  .tick text {\n    fill: #666;\n  }\n\n  .tick.tick-0 line {\n    stroke-dasharray: 0;\n  }\n</style>"}],"modules":[],"componentModules":[],"componentComponents":[],"csvs":[{"title":"./_data/groups.csv","contents":"year,value\n1979,2\n1980,3\n1981,5\n1982,8\n1983,18"}],"jsons":[]}
\ No newline at end of file
diff --git a/docs/example/BarStacked.html b/docs/example/BarStacked.html
index a5a06ee6..35851eb2 100644
--- a/docs/example/BarStacked.html
+++ b/docs/example/BarStacked.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Stacked bar</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -424,7 +424,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/BarStacked.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, flatten, stack } from 'layercake';\\n\\n  import { scaleBand, scaleOrdinal } from 'd3-scale';\\n  import { format } from 'd3-format';\\n\\n  import BarStacked from './_components/BarStacked.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/fruitOrdinal.csv';\\n\\n  const xKey = [0, 1];\\n  const yKey = 'year';\\n  const zKey = 'key';\\n\\n  const seriesNames = Object.keys(data[0]).filter(d => d !== yKey);\\n  const seriesColors = ['#00bbff', '#8bcef6', '#c4e2ed', '#f7f6e3'];\\n\\n  /* --------------------------------------------\\n   * Cast data\\n   */\\n  data.forEach(d => {\\n    seriesNames.forEach(name => {\\n      d[name] = +d[name];\\n    });\\n  });\\n\\n  const formatLabelX = d => format(`~s`)(d);\\n\\n  const stackedData = stack(data, seriesNames);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ top: 0, bottom: 20, left: 35 }}\\n    x={xKey}\\n    y={d => d.data[yKey]}\\n    z={zKey}\\n    yScale={scaleBand().paddingInner(0.05)}\\n    zScale={scaleOrdinal()}\\n    zDomain={seriesNames}\\n    zRange={seriesColors}\\n    flatData={flatten(stackedData)}\\n    data={stackedData}\\n  >\\n    \u003CSvg>\\n      \u003CAxisX\\n        baseline\\n        snapLabels\\n        format={formatLabelX}\\n      />\\n      \u003CAxisY\\n        gridlines={false}\\n      />\\n      \u003CBarStacked/>\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"Stacked bar chart using Layer Cake's [stack function](/guide#stack). Because this will create a nested data structure, we use LayerCake's `flatten` function to pass to the `flatData` prop. See the [server-side rendered example](/example-ssr/BarStacked) for the basic D3 function usage.\\n\",\"components\":[{\"title\":\"./_components/BarStacked.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG stacked bar chart and sets the color via an ordinal scale in `zScale`.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, zGet, yScale } = getContext('LayerCake');\\n\\n  $: columnWidth = d => {\\n    const xVals = $xGet(d);\\n    return xVals[1] - xVals[0];\\n  };\\n\u003C/script>\\n\\n\u003Cg class=\\\"bar-group\\\">\\n  {#each $data as series}\\n    {#each series as d, i}\\n      \u003Crect\\n        class='group-rect'\\n        data-id=\\\"{i}\\\"\\n        x=\\\"{$xGet(d)[0]}\\\"\\n        y=\\\"{$yGet(d)}\\\"\\n        height={$yScale.bandwidth()}\\n        width=\\\"{columnWidth(d)}\\\"\\n        fill={$zGet(series)}\\n      >\u003C/rect>\\n    {/each}\\n  {/each}\\n\u003C/g>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/fruitOrdinal.csv\",\"contents\":\"year,apples,bananas,cherries,dates\\n2019,3840,1920,960,400\\n2018,1600,1440,960,400\\n2017,820,1000,640,400\\n2016,820,560,720,400\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -433,8 +433,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/Beeswarm.html b/docs/example/Beeswarm.html
index 362885f7..652e997f 100644
--- a/docs/example/Beeswarm.html
+++ b/docs/example/Beeswarm.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Beeswarm</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -849,7 +849,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/Beeswarm.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, Html } from 'layercake';\\n  import { format } from 'd3-format';\\n  import { scaleOrdinal } from 'd3-scale';\\n\\n  import Key from './_components/Key.html.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import Beeswarm from './_components/Beeswarm.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/cars-2.csv';\\n\\n  const xKey = 'Weight_in_lbs';\\n  const zKey = 'Origin';\\n  const titleKey = 'Name';\\n\\n  const r = 4;\\n\\n  const seriesNames = new Set();\\n  const seriesColors = ['#ccc', '#fc0', '#000'];\\n\\n  const dataTransformed = data.map(d => {\\n    seriesNames.add(d[zKey]);\\n    return {\\n      [titleKey]: d[titleKey],\\n      [xKey]: +d[xKey],\\n      [zKey]: d[zKey]\\n    };\\n  });\\n\\n  const addCommas = format(',');\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class='chart-container'>\\n  \u003CLayerCake\\n    padding={{bottom: 15}}\\n    x={xKey}\\n    z={zKey}\\n    zScale={scaleOrdinal()}\\n    zRange={seriesColors}\\n    data={dataTransformed}\\n    let:width\\n  >\\n\\n    \u003CSvg>\\n      \u003CAxisX\\n        baseline\\n        format={addCommas}\\n        tickMarks\\n      />\\n      \u003C!-- The Beeswarm component transforms the data and nests our original fields under `data` so access the `titleKey` under that -->\\n      \u003CBeeswarm\\n        r={width \u003C 400 ? r / 1.6 : r}\\n        spacing={1}\\n        getTitle={d => d.data[titleKey] }\\n      />\\n    \u003C/Svg>\\n\\n    \u003CHtml pointerEvents={false}>\\n      \u003CKey\\n        align='end'\\n        shape='circle'\\n        lookup={{\\n          USA: 'U.S.'\\n        }}\\n      />\\n    \u003C/Html>\\n\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A Beeswarm chart adapted from \u003Ca href=\\\"https://observablehq.com/@d3/beeswarm\\\" rel=\\\"noreferrer\\\" target=\\\"_blank\\\">this D3 example\u003C/a>. For an alternate algorithm, see \u003Ca href=\\\"https://svelte.dev/repl/27aad9f9a79d44b6a2ae56f2a0dbb556?version=3.35.0\\\" rel=\\\"noreferrer\\\" target=\\\"_blank\\\">this example,\u003C/a> which uses \u003Ca href=\\\"https://github.com/jtrim-ons/accurate-beeswarm-plot\\\" rel=\\\"noreferrer\\\" target=\\\"_blank\\\">accurate-beeswarm-plot\u003C/a>. You can also use a force layout for a Beeswarm, as \u003Ca href=\\\"/example/BeeswarmForce\\\" target=\\\"_blank\\\" rel=\\\"noreferrer\\\">in this example\u003C/a>.\\n\\nThis chart is an example of using the slot prop `let: width` to set a dynamic circle radius based on the chart's width.\\n\",\"components\":[{\"title\":\"./_components/Key.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Creates a key for ordinal scales on `zScale`.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  /** @type {String} [shape='square'] - The shape for each item. Can be 'circle', 'line', or 'square'; */\\n  export let shape = 'square';\\n\\n  /** @type {String} [align='start'] - Sets the CSS flexbox justify-content setting for the box as a whole. Can be 'start', 'center' or 'end'. */\\n  export let align = 'start';\\n\\n  /** @type {Function|Object} [lookup] - Either a function that takes the value and returns a formatted string, or an object of values. If a given value is not present in a lookup object, it returns the original value. */\\n  export let lookup = undefined;\\n\\n  /** @type {Boolean} [capitalize=true] - Capitalize the first character. */\\n  export let capitalize = true;\\n\\n  const { zDomain, zScale } = getContext('LayerCake');\\n\\n  function cap (val) {\\n    return String(val).replace(/^\\\\w/, d => d.toUpperCase());\\n  }\\n\\n  function displayName (val) {\\n    if (lookup) {\\n      return typeof lookup === 'function' ? lookup(val) : (lookup[val] || val);\\n    }\\n    return capitalize === true ? cap(val) : val;\\n  }\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .key {\\n    display: flex;\\n  }\\n  .key-item {\\n    margin-right: 14px;\\n  }\\n  .chip {\\n    display: inline-block;\\n    position: relative;\\n    width: 12px;\\n    height: 12px;\\n  }\\n  .chip__circle {\\n    border-radius: 50%;\\n  }\\n  .chip__line:after {\\n    content: '';\\n    position: absolute;\\n    border-width: 3px;\\n    width: 14px;\\n    transform: rotate(-45deg);\\n    transform-origin: 14px 5px;\\n  }\\n  .name {\\n    display: inline;\\n    font-size: 14px;\\n    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class='key' style=\\\"justify-content: {align === 'end' ? 'flex-end': align};\\\">\\n  {#each $zDomain as item}\\n    \u003Cdiv class='key-item'>\\n      \u003Cdiv\\n        class='chip chip__{shape}'\\n        style='background: {\\n          shape === `line` ?\\n          `linear-gradient(-45deg, #ffffff 40%, ${$zScale(item)} 41%, ${$zScale(item)} 59%, #ffffff 60%)`\\n          : $zScale(item)};'\\n      >\u003C/div>\\n      \u003Cdiv class='name'>{displayName(item)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Beeswarm.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG Beeswarm chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, zGet, height, config } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=3] - The circle radius size in pixels. */\\n  export let r = 3;\\n\\n  /** @type {Number} [strokeWidth=0] - The circle's stroke width in pixels. */\\n  export let strokeWidth = 0;\\n\\n  /** @type {String} [stroke='#fff'] - The circle's stroke color. */\\n  export let stroke = '#fff';\\n\\n  /** @type {Number} [spacing=1.5] - Whitespace padding between each circle, in pixels */\\n  export let spacing = 1.5;\\n\\n  /** @type {Function} [getTitle] — An accessor function to get the field on the data element to display as a hover label using a `\u003Ctitle>` tag. */\\n  export let getTitle = undefined;\\n\\n  $: circles = dodge($data, { rds: r * 2 + spacing + strokeWidth, x: $xGet });\\n\\n  function dodge(data, { rds = 1, x = d => d } = {}) {\\n    const radius2 = rds ** 2;\\n    const circles = data.map(d => ({ x: x(d), [$config.z]: d[$config.z], data: d })).sort((a, b) => a.x - b.x);\\n    const epsilon = 1e-3;\\n    let head = null, tail = null;\\n\\n    // Returns true if circle ⟨x,y⟩ intersects with any circle in the queue.\\n    function intersects(x, y) {\\n      let a = head;\\n      while (a) {\\n        if (radius2 - epsilon > (a.x - x) ** 2 + (a.y - y) ** 2) {\\n          return true;\\n        }\\n        a = a.next;\\n      }\\n      return false;\\n    }\\n\\n    // Place each circle sequentially.\\n    for (const b of circles) {\\n\\n      // Remove circles from the queue that can’t intersect the new circle b.\\n      while (head && head.x \u003C b.x - radius2) head = head.next;\\n\\n      // Choose the minimum non-intersecting tangent.\\n      if (intersects(b.x, b.y = 0)) {\\n        let a = head;\\n        b.y = Infinity;\\n        do {\\n          let y = a.y + Math.sqrt(radius2 - (a.x - b.x) ** 2);\\n          if (y \u003C b.y && !intersects(b.x, y)) b.y = y;\\n          a = a.next;\\n        } while (a);\\n      }\\n\\n      // Add b to the queue.\\n      b.next = null;\\n      if (head === null) head = tail = b;\\n      else tail = tail.next = b;\\n    }\\n\\n    return circles;\\n  }\\n\u003C/script>\\n\\n\u003Cg class='bee-group'>\\n  {#each circles as d}\\n    \u003Ccircle\\n      fill={$zGet(d)}\\n      stroke='{stroke}'\\n      stroke-width='{strokeWidth}'\\n      cx='{d.x}'\\n      cy='{$height - r - spacing - strokeWidth / 2 - d.y}'\\n      r='{r}'\\n    >\\n      {#if getTitle}\\n        \u003Ctitle>{getTitle(d)}\u003C/title>\\n      {/if}\\n    \u003C/circle>\\n  {/each}\\n\u003C/g>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/cars-2.csv\",\"contents\":\"Name,Miles_per_Gallon,Cylinders,Displacement,Horsepower,Weight_in_lbs,Acceleration,Year,Origin\\nchevrolet chevelle malibu,18,8,307,130,3504,12,1970,USA\\nbuick skylark 320,15,8,350,165,3693,11.5,1970,USA\\nplymouth satellite,18,8,318,150,3436,11,1970,USA\\namc rebel sst,16,8,304,150,3433,12,1970,USA\\nford torino,17,8,302,140,3449,10.5,1970,USA\\nford galaxie 500,15,8,429,198,4341,10,1970,USA\\nchevrolet impala,14,8,454,220,4354,9,1970,USA\\nplymouth fury iii,14,8,440,215,4312,8.5,1970,USA\\npontiac catalina,14,8,455,225,4425,10,1970,USA\\namc ambassador dpl,15,8,390,190,3850,8.5,1970,USA\\ncitroen ds-21 pallas,,4,133,115,3090,17.5,1970,Europe\\nchevrolet chevelle concours (sw),,8,350,165,4142,11.5,1970,USA\\nford torino (sw),,8,351,153,4034,11,1970,USA\\nplymouth satellite (sw),,8,383,175,4166,10.5,1970,USA\\namc rebel sst (sw),,8,360,175,3850,11,1970,USA\\ndodge challenger se,15,8,383,170,3563,10,1970,USA\\nplymouth 'cuda 340,14,8,340,160,3609,8,1970,USA\\nford mustang boss 302,,8,302,140,3353,8,1970,USA\\nchevrolet monte carlo,15,8,400,150,3761,9.5,1970,USA\\nbuick estate wagon (sw),14,8,455,225,3086,10,1970,USA\\ntoyota corona mark ii,24,4,113,95,2372,15,1970,Japan\\nplymouth duster,22,6,198,95,2833,15.5,1970,USA\\namc hornet,18,6,199,97,2774,15.5,1970,USA\\nford maverick,21,6,200,85,2587,16,1970,USA\\ndatsun pl510,27,4,97,88,2130,14.5,1970,Japan\\nvolkswagen 1131 deluxe sedan,26,4,97,46,1835,20.5,1970,Europe\\npeugeot 504,25,4,110,87,2672,17.5,1970,Europe\\naudi 100 ls,24,4,107,90,2430,14.5,1970,Europe\\nsaab 99e,25,4,104,95,2375,17.5,1970,Europe\\nbmw 2002,26,4,121,113,2234,12.5,1970,Europe\\namc gremlin,21,6,199,90,2648,15,1970,USA\\nford f250,10,8,360,215,4615,14,1970,USA\\nchevy c20,10,8,307,200,4376,15,1970,USA\\ndodge d200,11,8,318,210,4382,13.5,1970,USA\\nhi 1200d,9,8,304,193,4732,18.5,1970,USA\\ndatsun pl510,27,4,97,88,2130,14.5,1971,Japan\\nchevrolet vega 2300,28,4,140,90,2264,15.5,1971,USA\\ntoyota corona,25,4,113,95,2228,14,1971,Japan\\nford pinto,25,4,98,,2046,19,1971,USA\\nvolkswagen super beetle 117,,4,97,48,1978,20,1971,Europe\\namc gremlin,19,6,232,100,2634,13,1971,USA\\nplymouth satellite custom,16,6,225,105,3439,15.5,1971,USA\\nchevrolet chevelle malibu,17,6,250,100,3329,15.5,1971,USA\\nford torino 500,19,6,250,88,3302,15.5,1971,USA\\namc matador,18,6,232,100,3288,15.5,1971,USA\\nchevrolet impala,14,8,350,165,4209,12,1971,USA\\npontiac catalina brougham,14,8,400,175,4464,11.5,1971,USA\\nford galaxie 500,14,8,351,153,4154,13.5,1971,USA\\nplymouth fury iii,14,8,318,150,4096,13,1971,USA\\ndodge monaco (sw),12,8,383,180,4955,11.5,1971,USA\\nford country squire (sw),13,8,400,170,4746,12,1971,USA\\npontiac safari (sw),13,8,400,175,5140,12,1971,USA\\namc hornet sportabout (sw),18,6,258,110,2962,13.5,1971,USA\\nchevrolet vega (sw),22,4,140,72,2408,19,1971,USA\\npontiac firebird,19,6,250,100,3282,15,1971,USA\\nford mustang,18,6,250,88,3139,14.5,1971,USA\\nmercury capri 2000,23,4,122,86,2220,14,1971,USA\\nopel 1900,28,4,116,90,2123,14,1971,Europe\\npeugeot 304,30,4,79,70,2074,19.5,1971,Europe\\nfiat 124b,30,4,88,76,2065,14.5,1971,Europe\\ntoyota corolla 1200,31,4,71,65,1773,19,1971,Japan\\ndatsun 1200,35,4,72,69,1613,18,1971,Japan\\nvolkswagen model 111,27,4,97,60,1834,19,1971,Europe\\nplymouth cricket,26,4,91,70,1955,20.5,1971,USA\\ntoyota corona hardtop,24,4,113,95,2278,15.5,1972,Japan\\ndodge colt hardtop,25,4,97.5,80,2126,17,1972,USA\\nvolkswagen type 3,23,4,97,54,2254,23.5,1972,Europe\\nchevrolet vega,20,4,140,90,2408,19.5,1972,USA\\nford pinto runabout,21,4,122,86,2226,16.5,1972,USA\\nchevrolet impala,13,8,350,165,4274,12,1972,USA\\npontiac catalina,14,8,400,175,4385,12,1972,USA\\nplymouth fury iii,15,8,318,150,4135,13.5,1972,USA\\nford galaxie 500,14,8,351,153,4129,13,1972,USA\\namc ambassador sst,17,8,304,150,3672,11.5,1972,USA\\nmercury marquis,11,8,429,208,4633,11,1972,USA\\nbuick lesabre custom,13,8,350,155,4502,13.5,1972,USA\\noldsmobile delta 88 royale,12,8,350,160,4456,13.5,1972,USA\\nchrysler newport royal,13,8,400,190,4422,12.5,1972,USA\\nmazda rx2 coupe,19,3,70,97,2330,13.5,1972,Japan\\namc matador (sw),15,8,304,150,3892,12.5,1972,USA\\nchevrolet chevelle concours (sw),13,8,307,130,4098,14,1972,USA\\nford gran torino (sw),13,8,302,140,4294,16,1972,USA\\nplymouth satellite custom (sw),14,8,318,150,4077,14,1972,USA\\nvolvo 145e (sw),18,4,121,112,2933,14.5,1972,Europe\\nvolkswagen 411 (sw),22,4,121,76,2511,18,1972,Europe\\npeugeot 504 (sw),21,4,120,87,2979,19.5,1972,Europe\\nrenault 12 (sw),26,4,96,69,2189,18,1972,Europe\\nford pinto (sw),22,4,122,86,2395,16,1972,USA\\ndatsun 510 (sw),28,4,97,92,2288,17,1972,Japan\\ntoyouta corona mark ii (sw),23,4,120,97,2506,14.5,1972,Japan\\ndodge colt (sw),28,4,98,80,2164,15,1972,USA\\ntoyota corolla 1600 (sw),27,4,97,88,2100,16.5,1972,Japan\\nbuick century 350,13,8,350,175,4100,13,1973,USA\\namc matador,14,8,304,150,3672,11.5,1973,USA\\nchevrolet malibu,13,8,350,145,3988,13,1973,USA\\nford gran torino,14,8,302,137,4042,14.5,1973,USA\\ndodge coronet custom,15,8,318,150,3777,12.5,1973,USA\\nmercury marquis brougham,12,8,429,198,4952,11.5,1973,USA\\nchevrolet caprice classic,13,8,400,150,4464,12,1973,USA\\nford ltd,13,8,351,158,4363,13,1973,USA\\nplymouth fury gran sedan,14,8,318,150,4237,14.5,1973,USA\\nchrysler new yorker brougham,13,8,440,215,4735,11,1973,USA\\nbuick electra 225 custom,12,8,455,225,4951,11,1973,USA\\namc ambassador brougham,13,8,360,175,3821,11,1973,USA\\nplymouth valiant,18,6,225,105,3121,16.5,1973,USA\\nchevrolet nova custom,16,6,250,100,3278,18,1973,USA\\namc hornet,18,6,232,100,2945,16,1973,USA\\nford maverick,18,6,250,88,3021,16.5,1973,USA\\nplymouth duster,23,6,198,95,2904,16,1973,USA\\nvolkswagen super beetle,26,4,97,46,1950,21,1973,Europe\\nchevrolet impala,11,8,400,150,4997,14,1973,USA\\nford country,12,8,400,167,4906,12.5,1973,USA\\nplymouth custom suburb,13,8,360,170,4654,13,1973,USA\\noldsmobile vista cruiser,12,8,350,180,4499,12.5,1973,USA\\namc gremlin,18,6,232,100,2789,15,1973,USA\\ntoyota carina,20,4,97,88,2279,19,1973,Japan\\nchevrolet vega,21,4,140,72,2401,19.5,1973,USA\\ndatsun 610,22,4,108,94,2379,16.5,1973,Japan\\nmaxda rx3,18,3,70,90,2124,13.5,1973,Japan\\nford pinto,19,4,122,85,2310,18.5,1973,USA\\nmercury capri v6,21,6,155,107,2472,14,1973,USA\\nfiat 124 sport coupe,26,4,98,90,2265,15.5,1973,Europe\\nchevrolet monte carlo s,15,8,350,145,4082,13,1973,USA\\npontiac grand prix,16,8,400,230,4278,9.5,1973,USA\\nfiat 128,29,4,68,49,1867,19.5,1973,Europe\\nopel manta,24,4,116,75,2158,15.5,1973,Europe\\naudi 100ls,20,4,114,91,2582,14,1973,Europe\\nvolvo 144ea,19,4,121,112,2868,15.5,1973,Europe\\ndodge dart custom,15,8,318,150,3399,11,1973,USA\\nsaab 99le,24,4,121,110,2660,14,1973,Europe\\ntoyota mark ii,20,6,156,122,2807,13.5,1973,Japan\\noldsmobile omega,11,8,350,180,3664,11,1973,USA\\nplymouth duster,20,6,198,95,3102,16.5,1974,USA\\nford maverick,21,6,200,,2875,17,1974,USA\\namc hornet,19,6,232,100,2901,16,1974,USA\\nchevrolet nova,15,6,250,100,3336,17,1974,USA\\ndatsun b210,31,4,79,67,1950,19,1974,Japan\\nford pinto,26,4,122,80,2451,16.5,1974,USA\\ntoyota corolla 1200,32,4,71,65,1836,21,1974,Japan\\nchevrolet vega,25,4,140,75,2542,17,1974,USA\\nchevrolet chevelle malibu classic,16,6,250,100,3781,17,1974,USA\\namc matador,16,6,258,110,3632,18,1974,USA\\nplymouth satellite sebring,18,6,225,105,3613,16.5,1974,USA\\nford gran torino,16,8,302,140,4141,14,1974,USA\\nbuick century luxus (sw),13,8,350,150,4699,14.5,1974,USA\\ndodge coronet custom (sw),14,8,318,150,4457,13.5,1974,USA\\nford gran torino (sw),14,8,302,140,4638,16,1974,USA\\namc matador (sw),14,8,304,150,4257,15.5,1974,USA\\naudi fox,29,4,98,83,2219,16.5,1974,Europe\\nvolkswagen dasher,26,4,79,67,1963,15.5,1974,Europe\\nopel manta,26,4,97,78,2300,14.5,1974,Europe\\ntoyota corona,31,4,76,52,1649,16.5,1974,Japan\\ndatsun 710,32,4,83,61,2003,19,1974,Japan\\ndodge colt,28,4,90,75,2125,14.5,1974,USA\\nfiat 128,24,4,90,75,2108,15.5,1974,Europe\\nfiat 124 tc,26,4,116,75,2246,14,1974,Europe\\nhonda civic,24,4,120,97,2489,15,1974,Japan\\nsubaru,26,4,108,93,2391,15.5,1974,Japan\\nfiat x1.9,31,4,79,67,2000,16,1974,Europe\\nplymouth valiant custom,19,6,225,95,3264,16,1975,USA\\nchevrolet nova,18,6,250,105,3459,16,1975,USA\\nmercury monarch,15,6,250,72,3432,21,1975,USA\\nford maverick,15,6,250,72,3158,19.5,1975,USA\\npontiac catalina,16,8,400,170,4668,11.5,1975,USA\\nchevrolet bel air,15,8,350,145,4440,14,1975,USA\\nplymouth grand fury,16,8,318,150,4498,14.5,1975,USA\\nford ltd,14,8,351,148,4657,13.5,1975,USA\\nbuick century,17,6,231,110,3907,21,1975,USA\\nchevroelt chevelle malibu,16,6,250,105,3897,18.5,1975,USA\\namc matador,15,6,258,110,3730,19,1975,USA\\nplymouth fury,18,6,225,95,3785,19,1975,USA\\nbuick skyhawk,21,6,231,110,3039,15,1975,USA\\nchevrolet monza 2+2,20,8,262,110,3221,13.5,1975,USA\\nford mustang ii,13,8,302,129,3169,12,1975,USA\\ntoyota corolla,29,4,97,75,2171,16,1975,Japan\\nford pinto,23,4,140,83,2639,17,1975,USA\\namc gremlin,20,6,232,100,2914,16,1975,USA\\npontiac astro,23,4,140,78,2592,18.5,1975,USA\\ntoyota corona,24,4,134,96,2702,13.5,1975,Japan\\nvolkswagen dasher,25,4,90,71,2223,16.5,1975,Europe\\ndatsun 710,24,4,119,97,2545,17,1975,Japan\\nford pinto,18,6,171,97,2984,14.5,1975,USA\\nvolkswagen rabbit,29,4,90,70,1937,14,1975,Europe\\namc pacer,19,6,232,90,3211,17,1975,USA\\naudi 100ls,23,4,115,95,2694,15,1975,Europe\\npeugeot 504,23,4,120,88,2957,17,1975,Europe\\nvolvo 244dl,22,4,121,98,2945,14.5,1975,Europe\\nsaab 99le,25,4,121,115,2671,13.5,1975,Europe\\nhonda civic cvcc,33,4,91,53,1795,17.5,1975,Japan\\nfiat 131,28,4,107,86,2464,15.5,1976,Europe\\nopel 1900,25,4,116,81,2220,16.9,1976,Europe\\ncapri ii,25,4,140,92,2572,14.9,1976,USA\\ndodge colt,26,4,98,79,2255,17.7,1976,USA\\nrenault 12tl,27,4,101,83,2202,15.3,1976,Europe\\nchevrolet chevelle malibu classic,17.5,8,305,140,4215,13,1976,USA\\ndodge coronet brougham,16,8,318,150,4190,13,1976,USA\\namc matador,15.5,8,304,120,3962,13.9,1976,USA\\nford gran torino,14.5,8,351,152,4215,12.8,1976,USA\\nplymouth valiant,22,6,225,100,3233,15.4,1976,USA\\nchevrolet nova,22,6,250,105,3353,14.5,1976,USA\\nford maverick,24,6,200,81,3012,17.6,1976,USA\\namc hornet,22.5,6,232,90,3085,17.6,1976,USA\\nchevrolet chevette,29,4,85,52,2035,22.2,1976,USA\\nchevrolet woody,24.5,4,98,60,2164,22.1,1976,USA\\nvw rabbit,29,4,90,70,1937,14.2,1976,Europe\\nhonda civic,33,4,91,53,1795,17.4,1976,Japan\\ndodge aspen se,20,6,225,100,3651,17.7,1976,USA\\nford granada ghia,18,6,250,78,3574,21,1976,USA\\npontiac ventura sj,18.5,6,250,110,3645,16.2,1976,USA\\namc pacer d/l,17.5,6,258,95,3193,17.8,1976,USA\\nvolkswagen rabbit,29.5,4,97,71,1825,12.2,1976,Europe\\ndatsun b-210,32,4,85,70,1990,17,1976,Japan\\ntoyota corolla,28,4,97,75,2155,16.4,1976,Japan\\nford pinto,26.5,4,140,72,2565,13.6,1976,USA\\nvolvo 245,20,4,130,102,3150,15.7,1976,Europe\\nplymouth volare premier v8,13,8,318,150,3940,13.2,1976,USA\\npeugeot 504,19,4,120,88,3270,21.9,1976,Europe\\ntoyota mark ii,19,6,156,108,2930,15.5,1976,Japan\\nmercedes-benz 280s,16.5,6,168,120,3820,16.7,1976,Europe\\ncadillac seville,16.5,8,350,180,4380,12.1,1976,USA\\nchevy c10,13,8,350,145,4055,12,1976,USA\\nford f108,13,8,302,130,3870,15,1976,USA\\ndodge d100,13,8,318,150,3755,14,1976,USA\\nhonda Accelerationord cvcc,31.5,4,98,68,2045,18.5,1977,Japan\\nbuick opel isuzu deluxe,30,4,111,80,2155,14.8,1977,USA\\nrenault 5 gtl,36,4,79,58,1825,18.6,1977,Europe\\nplymouth arrow gs,25.5,4,122,96,2300,15.5,1977,USA\\ndatsun f-10 hatchback,33.5,4,85,70,1945,16.8,1977,Japan\\nchevrolet caprice classic,17.5,8,305,145,3880,12.5,1977,USA\\noldsmobile cutlass supreme,17,8,260,110,4060,19,1977,USA\\ndodge monaco brougham,15.5,8,318,145,4140,13.7,1977,USA\\nmercury cougar brougham,15,8,302,130,4295,14.9,1977,USA\\nchevrolet concours,17.5,6,250,110,3520,16.4,1977,USA\\nbuick skylark,20.5,6,231,105,3425,16.9,1977,USA\\nplymouth volare custom,19,6,225,100,3630,17.7,1977,USA\\nford granada,18.5,6,250,98,3525,19,1977,USA\\npontiac grand prix lj,16,8,400,180,4220,11.1,1977,USA\\nchevrolet monte carlo landau,15.5,8,350,170,4165,11.4,1977,USA\\nchrysler cordoba,15.5,8,400,190,4325,12.2,1977,USA\\nford thunderbird,16,8,351,149,4335,14.5,1977,USA\\nvolkswagen rabbit custom,29,4,97,78,1940,14.5,1977,Europe\\npontiac sunbird coupe,24.5,4,151,88,2740,16,1977,USA\\ntoyota corolla liftback,26,4,97,75,2265,18.2,1977,Japan\\nford mustang ii 2+2,25.5,4,140,89,2755,15.8,1977,USA\\nchevrolet chevette,30.5,4,98,63,2051,17,1977,USA\\ndodge colt m/m,33.5,4,98,83,2075,15.9,1977,USA\\nsubaru dl,30,4,97,67,1985,16.4,1977,Japan\\nvolkswagen dasher,30.5,4,97,78,2190,14.1,1977,Europe\\ndatsun 810,22,6,146,97,2815,14.5,1977,Japan\\nbmw 320i,21.5,4,121,110,2600,12.8,1977,Europe\\nmazda rx-4,21.5,3,80,110,2720,13.5,1977,Japan\\nvolkswagen rabbit custom diesel,43.1,4,90,48,1985,21.5,1978,Europe\\nford fiesta,36.1,4,98,66,1800,14.4,1978,USA\\nmazda glc deluxe,32.8,4,78,52,1985,19.4,1978,Japan\\ndatsun b210 gx,39.4,4,85,70,2070,18.6,1978,Japan\\nhonda civic cvcc,36.1,4,91,60,1800,16.4,1978,Japan\\noldsmobile cutlass salon brougham,19.9,8,260,110,3365,15.5,1978,USA\\ndodge diplomat,19.4,8,318,140,3735,13.2,1978,USA\\nmercury monarch ghia,20.2,8,302,139,3570,12.8,1978,USA\\npontiac phoenix lj,19.2,6,231,105,3535,19.2,1978,USA\\nchevrolet malibu,20.5,6,200,95,3155,18.2,1978,USA\\nford fairmont (auto),20.2,6,200,85,2965,15.8,1978,USA\\nford fairmont (man),25.1,4,140,88,2720,15.4,1978,USA\\nplymouth volare,20.5,6,225,100,3430,17.2,1978,USA\\namc concord,19.4,6,232,90,3210,17.2,1978,USA\\nbuick century special,20.6,6,231,105,3380,15.8,1978,USA\\nmercury zephyr,20.8,6,200,85,3070,16.7,1978,USA\\ndodge aspen,18.6,6,225,110,3620,18.7,1978,USA\\namc concord d/l,18.1,6,258,120,3410,15.1,1978,USA\\nchevrolet monte carlo landau,19.2,8,305,145,3425,13.2,1978,USA\\nbuick regal sport coupe (turbo),17.7,6,231,165,3445,13.4,1978,USA\\nford futura,18.1,8,302,139,3205,11.2,1978,USA\\ndodge magnum xe,17.5,8,318,140,4080,13.7,1978,USA\\nchevrolet chevette,30,4,98,68,2155,16.5,1978,USA\\ntoyota corona,27.5,4,134,95,2560,14.2,1978,Japan\\ndatsun 510,27.2,4,119,97,2300,14.7,1978,Japan\\ndodge omni,30.9,4,105,75,2230,14.5,1978,USA\\ntoyota celica gt liftback,21.1,4,134,95,2515,14.8,1978,Japan\\nplymouth sapporo,23.2,4,156,105,2745,16.7,1978,USA\\noldsmobile starfire sx,23.8,4,151,85,2855,17.6,1978,USA\\ndatsun 200-sx,23.9,4,119,97,2405,14.9,1978,Japan\\naudi 5000,20.3,5,131,103,2830,15.9,1978,Europe\\nvolvo 264gl,17,6,163,125,3140,13.6,1978,Europe\\nsaab 99gle,21.6,4,121,115,2795,15.7,1978,Europe\\npeugeot 604sl,16.2,6,163,133,3410,15.8,1978,Europe\\nvolkswagen scirocco,31.5,4,89,71,1990,14.9,1978,Europe\\nhonda Accelerationord lx,29.5,4,98,68,2135,16.6,1978,Japan\\npontiac lemans v6,21.5,6,231,115,3245,15.4,1979,USA\\nmercury zephyr 6,19.8,6,200,85,2990,18.2,1979,USA\\nford fairmont 4,22.3,4,140,88,2890,17.3,1979,USA\\namc concord dl 6,20.2,6,232,90,3265,18.2,1979,USA\\ndodge aspen 6,20.6,6,225,110,3360,16.6,1979,USA\\nchevrolet caprice classic,17,8,305,130,3840,15.4,1979,USA\\nford ltd landau,17.6,8,302,129,3725,13.4,1979,USA\\nmercury grand marquis,16.5,8,351,138,3955,13.2,1979,USA\\ndodge st. regis,18.2,8,318,135,3830,15.2,1979,USA\\nbuick estate wagon (sw),16.9,8,350,155,4360,14.9,1979,USA\\nford country squire (sw),15.5,8,351,142,4054,14.3,1979,USA\\nchevrolet malibu classic (sw),19.2,8,267,125,3605,15,1979,USA\\nchrysler lebaron town @ country (sw),18.5,8,360,150,3940,13,1979,USA\\nvw rabbit custom,31.9,4,89,71,1925,14,1979,Europe\\nmaxda glc deluxe,34.1,4,86,65,1975,15.2,1979,Japan\\ndodge colt hatchback custom,35.7,4,98,80,1915,14.4,1979,USA\\namc spirit dl,27.4,4,121,80,2670,15,1979,USA\\nmercedes benz 300d,25.4,5,183,77,3530,20.1,1979,Europe\\ncadillac eldorado,23,8,350,125,3900,17.4,1979,USA\\npeugeot 504,27.2,4,141,71,3190,24.8,1979,Europe\\noldsmobile cutlass salon brougham,23.9,8,260,90,3420,22.2,1979,USA\\nplymouth horizon,34.2,4,105,70,2200,13.2,1979,USA\\nplymouth horizon tc3,34.5,4,105,70,2150,14.9,1979,USA\\ndatsun 210,31.8,4,85,65,2020,19.2,1979,Japan\\nfiat strada custom,37.3,4,91,69,2130,14.7,1979,Europe\\nbuick skylark limited,28.4,4,151,90,2670,16,1979,USA\\nchevrolet citation,28.8,6,173,115,2595,11.3,1979,USA\\noldsmobile omega brougham,26.8,6,173,115,2700,12.9,1979,USA\\npontiac phoenix,33.5,4,151,90,2556,13.2,1979,USA\\nvw rabbit,41.5,4,98,76,2144,14.7,1980,Europe\\ntoyota corolla tercel,38.1,4,89,60,1968,18.8,1980,Japan\\nchevrolet chevette,32.1,4,98,70,2120,15.5,1980,USA\\ndatsun 310,37.2,4,86,65,2019,16.4,1980,Japan\\nchevrolet citation,28,4,151,90,2678,16.5,1980,USA\\nford fairmont,26.4,4,140,88,2870,18.1,1980,USA\\namc concord,24.3,4,151,90,3003,20.1,1980,USA\\ndodge aspen,19.1,6,225,90,3381,18.7,1980,USA\\naudi 4000,34.3,4,97,78,2188,15.8,1980,Europe\\ntoyota corona liftback,29.8,4,134,90,2711,15.5,1980,Japan\\nmazda 626,31.3,4,120,75,2542,17.5,1980,Japan\\ndatsun 510 hatchback,37,4,119,92,2434,15,1980,Japan\\ntoyota corolla,32.2,4,108,75,2265,15.2,1980,Japan\\nmazda glc,46.6,4,86,65,2110,17.9,1980,Japan\\ndodge colt,27.9,4,156,105,2800,14.4,1980,USA\\ndatsun 210,40.8,4,85,65,2110,19.2,1980,Japan\\nvw rabbit c (diesel),44.3,4,90,48,2085,21.7,1980,Europe\\nvw dasher (diesel),43.4,4,90,48,2335,23.7,1980,Europe\\naudi 5000s (diesel),36.4,5,121,67,2950,19.9,1980,Europe\\nmercedes-benz 240d,30,4,146,67,3250,21.8,1980,Europe\\nhonda civic 1500 gl,44.6,4,91,67,1850,13.8,1980,Japan\\nrenault lecar deluxe,40.9,4,85,,1835,17.3,1980,Europe\\nsubaru dl,33.8,4,97,67,2145,18,1980,Japan\\nvokswagen rabbit,29.8,4,89,62,1845,15.3,1980,Europe\\ndatsun 280-zx,32.7,6,168,132,2910,11.4,1980,Japan\\nmazda rx-7 gs,23.7,3,70,100,2420,12.5,1980,Japan\\ntriumph tr7 coupe,35,4,122,88,2500,15.1,1980,Europe\\nford mustang cobra,23.6,4,140,,2905,14.3,1980,USA\\nhonda Accelerationord,32.4,4,107,72,2290,17,1980,Japan\\nplymouth reliant,27.2,4,135,84,2490,15.7,1982,USA\\nbuick skylark,26.6,4,151,84,2635,16.4,1982,USA\\ndodge aries wagon (sw),25.8,4,156,92,2620,14.4,1982,USA\\nchevrolet citation,23.5,6,173,110,2725,12.6,1982,USA\\nplymouth reliant,30,4,135,84,2385,12.9,1982,USA\\ntoyota starlet,39.1,4,79,58,1755,16.9,1982,Japan\\nplymouth champ,39,4,86,64,1875,16.4,1982,USA\\nhonda civic 1300,35.1,4,81,60,1760,16.1,1982,Japan\\nsubaru,32.3,4,97,67,2065,17.8,1982,Japan\\ndatsun 210,37,4,85,65,1975,19.4,1982,Japan\\ntoyota tercel,37.7,4,89,62,2050,17.3,1982,Japan\\nmazda glc 4,34.1,4,91,68,1985,16,1982,Japan\\nplymouth horizon 4,34.7,4,105,63,2215,14.9,1982,USA\\nford escort 4w,34.4,4,98,65,2045,16.2,1982,USA\\nford escort 2h,29.9,4,98,65,2380,20.7,1982,USA\\nvolkswagen jetta,33,4,105,74,2190,14.2,1982,Europe\\nrenault 18i,34.5,4,100,,2320,15.8,1982,Europe\\nhonda prelude,33.7,4,107,75,2210,14.4,1982,Japan\\ntoyota corolla,32.4,4,108,75,2350,16.8,1982,Japan\\ndatsun 200sx,32.9,4,119,100,2615,14.8,1982,Japan\\nmazda 626,31.6,4,120,74,2635,18.3,1982,Japan\\npeugeot 505s turbo diesel,28.1,4,141,80,3230,20.4,1982,Europe\\nsaab 900s,,4,121,110,2800,15.4,1982,Europe\\nvolvo diesel,30.7,6,145,76,3160,19.6,1982,Europe\\ntoyota cressida,25.4,6,168,116,2900,12.6,1982,Japan\\ndatsun 810 maxima,24.2,6,146,120,2930,13.8,1982,Japan\\nbuick century,22.4,6,231,110,3415,15.8,1982,USA\\noldsmobile cutlass ls,26.6,8,350,105,3725,19,1982,USA\\nford granada gl,20.2,6,200,88,3060,17.1,1982,USA\\nchrysler lebaron salon,17.6,6,225,85,3465,16.6,1982,USA\\nchevrolet cavalier,28,4,112,88,2605,19.6,1982,USA\\nchevrolet cavalier wagon,27,4,112,88,2640,18.6,1982,USA\\nchevrolet cavalier 2-door,34,4,112,88,2395,18,1982,USA\\npontiac j2000 se hatchback,31,4,112,85,2575,16.2,1982,USA\\ndodge aries se,29,4,135,84,2525,16,1982,USA\\npontiac phoenix,27,4,151,90,2735,18,1982,USA\\nford fairmont futura,24,4,140,92,2865,16.4,1982,USA\\namc concord dl,23,4,151,,3035,20.5,1982,USA\\nvolkswagen rabbit l,36,4,105,74,1980,15.3,1982,Europe\\nmazda glc custom l,37,4,91,68,2025,18.2,1982,Japan\\nmazda glc custom,31,4,91,68,1970,17.6,1982,Japan\\nplymouth horizon miser,38,4,105,63,2125,14.7,1982,USA\\nmercury lynx l,36,4,98,70,2125,17.3,1982,USA\\nnissan stanza xe,36,4,120,88,2160,14.5,1982,Japan\\nhonda Accelerationord,36,4,107,75,2205,14.5,1982,Japan\\ntoyota corolla,34,4,108,70,2245,16.9,1982,Japan\\nhonda civic,38,4,91,67,1965,15,1982,Japan\\nhonda civic (auto),32,4,91,67,1965,15.7,1982,Japan\\ndatsun 310 gx,38,4,91,67,1995,16.2,1982,Japan\\nbuick century limited,25,6,181,110,2945,16.4,1982,USA\\noldsmobile cutlass ciera (diesel),38,6,262,85,3015,17,1982,USA\\nchrysler lebaron medallion,26,4,156,92,2585,14.5,1982,USA\\nford granada l,22,6,232,112,2835,14.7,1982,USA\\ntoyota celica gt,32,4,144,96,2665,13.9,1982,Japan\\ndodge charger 2.2,36,4,135,84,2370,13,1982,USA\\nchevrolet camaro,27,4,151,90,2950,17.3,1982,USA\\nford mustang gl,27,4,140,86,2790,15.6,1982,USA\\nvw pickup,44,4,97,52,2130,24.6,1982,Europe\\ndodge rampage,32,4,135,84,2295,11.6,1982,USA\\nford ranger,28,4,120,79,2625,18.6,1982,USA\\nchevy s-10,31,4,119,82,2720,19.4,1982,USA\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -858,8 +858,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/BeeswarmForce.html b/docs/example/BeeswarmForce.html
index e1cc7b07..9bf4d39b 100644
--- a/docs/example/BeeswarmForce.html
+++ b/docs/example/BeeswarmForce.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Beeswarm, force layout</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -505,7 +505,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/BeeswarmForce.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, Html } from 'layercake';\\n  import { scaleOrdinal } from 'd3-scale';\\n\\n  import Key from './_components/Key.html.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import Beeswarm from './_components/BeeswarmForce.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/us-senate.csv';\\n\\n  const xKey = 'date_of_birth';\\n  const zKey = 'gender';\\n  const titleKey = 'name';\\n\\n  const r = 6;\\n\\n  const seriesColors = ['#fc0', '#000'];\\n\\n  const dataTransformed = data.map(d => {\\n    return {\\n      [titleKey]: d[titleKey],\\n      [zKey]: d[zKey],\\n      [xKey]: +d[xKey].split('-')[0]\\n    }\\n  })\\n\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class='chart-container'>\\n  \u003CLayerCake\\n    padding={{bottom: 15}}\\n    x={xKey}\\n    z={zKey}\\n    zScale={scaleOrdinal()}\\n    zRange={seriesColors}\\n    data={dataTransformed}\\n    let:width\\n  >\\n\\n    \u003CSvg>\\n      \u003CAxisX/>\\n      \u003CBeeswarm\\n        r={width \u003C 400 ? r / 1.25 : r}\\n        strokeWidth={1}\\n        xStrength={0.95}\\n        yStrength={0.075}\\n        getTitle={d => d[titleKey]}\\n      />\\n    \u003C/Svg>\\n\\n    \u003CHtml pointerEvents={false}>\\n      \u003CKey shape='circle' />\\n    \u003C/Html>\\n\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A Beeswarm chart using a statically generated D3 force layout with a technique from \u003Ca href=\\\"https://twitter.com/anmccartney\\\" target=\\\"_blank\\\" rel=\\\"noreferrer\\\">@anmccartney\u003C/a>. For a non-force layout Beeswarm \u003Ca href=\\\"/example/Beeswarm\\\" target=\\\"_blank\\\" rel=\\\"noreferrer\\\">see this example\u003C/a>. For another way of doing a D3 force layout, see the \u003Ca href=\\\"/example/CirclePackForce\\\" target=\\\"_blank\\\" rel=\\\"noreferrer\\\">Circle Pack Force example\u003C/a>.\\n\\nThis chart is an example of using the slot prop `let: width` to set a dynamic circle radius based on the chart's width.\\n\",\"components\":[{\"title\":\"./_components/Key.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Creates a key for ordinal scales on `zScale`.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  /** @type {String} [shape='square'] - The shape for each item. Can be 'circle', 'line', or 'square'; */\\n  export let shape = 'square';\\n\\n  /** @type {String} [align='start'] - Sets the CSS flexbox justify-content setting for the box as a whole. Can be 'start', 'center' or 'end'. */\\n  export let align = 'start';\\n\\n  /** @type {Function|Object} [lookup] - Either a function that takes the value and returns a formatted string, or an object of values. If a given value is not present in a lookup object, it returns the original value. */\\n  export let lookup = undefined;\\n\\n  /** @type {Boolean} [capitalize=true] - Capitalize the first character. */\\n  export let capitalize = true;\\n\\n  const { zDomain, zScale } = getContext('LayerCake');\\n\\n  function cap (val) {\\n    return String(val).replace(/^\\\\w/, d => d.toUpperCase());\\n  }\\n\\n  function displayName (val) {\\n    if (lookup) {\\n      return typeof lookup === 'function' ? lookup(val) : (lookup[val] || val);\\n    }\\n    return capitalize === true ? cap(val) : val;\\n  }\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .key {\\n    display: flex;\\n  }\\n  .key-item {\\n    margin-right: 14px;\\n  }\\n  .chip {\\n    display: inline-block;\\n    position: relative;\\n    width: 12px;\\n    height: 12px;\\n  }\\n  .chip__circle {\\n    border-radius: 50%;\\n  }\\n  .chip__line:after {\\n    content: '';\\n    position: absolute;\\n    border-width: 3px;\\n    width: 14px;\\n    transform: rotate(-45deg);\\n    transform-origin: 14px 5px;\\n  }\\n  .name {\\n    display: inline;\\n    font-size: 14px;\\n    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class='key' style=\\\"justify-content: {align === 'end' ? 'flex-end': align};\\\">\\n  {#each $zDomain as item}\\n    \u003Cdiv class='key-item'>\\n      \u003Cdiv\\n        class='chip chip__{shape}'\\n        style='background: {\\n          shape === `line` ?\\n          `linear-gradient(-45deg, #ffffff 40%, ${$zScale(item)} 41%, ${$zScale(item)} 59%, #ffffff 60%)`\\n          : $zScale(item)};'\\n      >\u003C/div>\\n      \u003Cdiv class='name'>{displayName(item)}\u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/BeeswarmForce.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG Beeswarm chart using a [d3-force simulation](https://github.com/d3/d3-force).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { forceSimulation, forceX, forceY, forceCollide } from 'd3-force';\\n\\n  const { data, xGet, height, zGet } = getContext('LayerCake');\\n\\n  const nodes = $data.map((d) => ({ ...d }));\\n\\n  /** @type {Number} [r=4] - The circle radius size in pixels. */\\n  export let r = 4;\\n\\n  /** @type {Number} [strokeWidth=1] - The circle's stroke width in pixels. */\\n  export let strokeWidth = 1;\\n\\n  /** @type {String} [stroke='#fff'] - The circle's stroke color. */\\n  export let stroke = '#fff';\\n\\n  /** @type {Number} [xStrength=0.95] - The value passed into the `.strength` method on `forceX`. See [the documentation](https://github.com/d3/d3-force#x_strength). */\\n  export let xStrength = 0.95;\\n\\n  /** @type {Number} [yStrength=0.075] - The value passed into the `.strength` method on `forceY`. See [the documentation](https://github.com/d3/d3-force#y_strength). */\\n  export let yStrength = 0.075;\\n\\n  /** @type {Function} [getTitle] — An accessor function to get the field on the data element to display as a hover label using a `\u003Ctitle>` tag. */\\n  export let getTitle = undefined;\\n\\n  $: simulation = forceSimulation(nodes)\\n    .force('x', forceX().x(d => $xGet(d)).strength(xStrength))\\n    .force('y', forceY().y($height / 2).strength(yStrength))\\n    .force('collide', forceCollide(r))\\n    .stop();\\n\\n  $: {\\n    for ( let i = 0,\\n      n = Math.ceil(Math.log(simulation.alphaMin()) / Math.log(1 - simulation.alphaDecay()));\\n      i \u003C n;\\n      ++i ) {\\n      simulation.tick();\\n    }\\n  }\\n\u003C/script>\\n\\n\u003Cg class='bee-group'>\\n  {#each simulation.nodes() as node}\\n    \u003Ccircle\\n      fill='{$zGet(node)}'\\n      stroke='{stroke}'\\n      stroke-width='{strokeWidth}'\\n      cx='{node.x}'\\n      cy='{node.y}'\\n      r='{r}'\\n    >\\n      {#if getTitle}\\n        \u003Ctitle>{getTitle(node)}\u003C/title>\\n      {/if}\\n    \u003C/circle>\\n  {/each}\\n\u003C/g>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/us-senate.csv\",\"contents\":\"state_name,party,name,gender,date_of_birth\\r\\nAlaska,R,Daniel Sullivan,male,1964-11-13\\r\\nAlaska,R,Lisa Murkowski,female,1957-05-22\\r\\nAlabama,D,Gordon Jones,male,1954-05-04\\r\\nAlabama,R,Richard Shelby,male,1934-05-06\\r\\nArkansas,R,John Boozman,male,1950-12-10\\r\\nArkansas,R,Tom Cotton,male,1977-05-13\\r\\nArizona,D,Kyrsten Sinema,female,1976-07-12\\r\\nArizona,R,Martha McSally,female,1966-03-22\\r\\nCalifornia,D,Dianne Feinstein,female,1933-06-22\\r\\nCalifornia,D,Kamala Harris,female,1964-10-20\\r\\nColorado,R,Cory Gardner,male,1974-08-22\\r\\nColorado,D,Michael Bennet,male,1964-11-28\\r\\nConnecticut,D,Christopher Murphy,male,1973-08-03\\r\\nConnecticut,D,Richard Blumenthal,male,1946-02-13\\r\\nDelaware,D,Christopher Coons,male,1963-09-09\\r\\nDelaware,D,Thomas Carper,male,1947-01-23\\r\\nFlorida,R,Rick Scott,male,1952-12-01\\r\\nFlorida,R,Marco Rubio,male,1971-05-28\\r\\nGeorgia,R,David Perdue,male,1949-12-10\\r\\nGeorgia,R,Johnny Isakson,male,1944-12-28\\r\\nHawaii,D,Brian Schatz,male,1972-10-20\\r\\nHawaii,D,Mazie Hirono,female,1947-11-03\\r\\nIowa,R,Joni Ernst,female,1970-07-01\\r\\nIllinois,D,Richard Durbin,male,1944-11-21\\r\\nIdaho,R,James Risch,male,1943-05-03\\r\\nIllinois,D,Tammy Duckworth,female,1968-03-12\\r\\nIndiana,R,Todd Young,male,1972-08-24\\r\\nKansas,R,Jerry Moran,male,1954-05-29\\r\\nKansas,R,Pat Roberts,male,1936-04-20\\r\\nKentucky,R,Mitch McConnell,male,1942-02-20\\r\\nKentucky,R,Rand Paul,male,1963-01-07\\r\\nLouisiana,R,Bill Cassidy,male,1957-09-28\\r\\nLouisiana,R,John Kennedy,male,1951-11-21\\r\\nMassachusetts,D,Edward Markey,male,1946-11-11\\r\\nMassachusetts,D,Elizabeth Warren,female,1949-06-22\\r\\nMaryland,D,Benjamin Cardin,male,1943-10-05\\r\\nMaryland,D,Chris Van Hollen,male,1959-01-10\\r\\nMaine,I,Angus King,male,1944-03-31\\r\\nMaine,R,Susan Collins,female,1952-12-07\\r\\nMichigan,D,Debbie Stabenow,female,1950-04-29\\r\\nMichigan,D,Gary Peters,male,1958-01-01\\r\\nMinnesota,D,Tina Smith,female,1958-03-04\\r\\nMinnesota,D,Amy Klobuchar,female,1960-05-25\\r\\nMissouri,R,Josh Hawley,male,1979-12-31\\r\\nIndiana,R,Mike Braun,male,1954-03-24\\r\\nMississippi,R,Roger Wicker,male,1951-07-05\\r\\nMississippi,R,Cindy Hyde-Smith,female,1959-05-10\\r\\nIowa,R,Charles Grassley,male,1933-09-17\\r\\nMontana,R,Steve Daines,male,1962-08-20\\r\\nIdaho,R,Mike Crapo,male,1951-05-20\\r\\nMissouri,R,Roy Blunt,male,1950-01-10\\r\\nNorth Dakota,R,Kevin Cramer,male,1961-01-21\\r\\nNorth Dakota,R,John Hoeven,male,1957-03-13\\r\\nMontana,D,Jon Tester,male,1956-08-21\\r\\nNorth Carolina,R,Richard Burr,male,1955-11-30\\r\\nNorth Carolina,R,Thom Tillis,male,1960-08-30\\r\\nNebraska,R,Ben Sasse,male,1972-02-22\\r\\nNebraska,R,Deb Fischer,female,1951-03-01\\r\\nNew Hampshire,D,Jeanne Shaheen,female,1947-01-28\\r\\nNew Hampshire,D,Margaret Hassan,female,1958-02-27\\r\\nNew Jersey,D,Cory Booker,male,1969-04-27\\r\\nNew Jersey,D,Robert Menendez,male,1954-01-01\\r\\nNew Mexico,D,Martin Heinrich,male,1971-10-17\\r\\nNew Mexico,D,Tom Udall,male,1948-05-18\\r\\nNevada,D,Catherine Cortez-Masto,female,1964-03-29\\r\\nNevada,D,Jacky Rosen,female,1957-08-02\\r\\nNew York,D,Charles Schumer,male,1950-11-23\\r\\nNew York,D,Kirsten Gillibrand,female,1966-12-09\\r\\nOhio,R,Rob Portman,male,1955-12-19\\r\\nOhio,D,Sherrod Brown,male,1952-11-09\\r\\nOklahoma,R,James Inhofe,male,1934-11-17\\r\\nOklahoma,R,James Lankford,male,1968-03-04\\r\\nOregon,D,Jeff Merkley,male,1956-10-24\\r\\nOregon,D,Ron Wyden,male,1949-05-03\\r\\nPennsylvania,R,Patrick Toomey,male,1961-11-17\\r\\nPennsylvania,D,Robert Casey,male,1960-04-13\\r\\nRhode Island,D,Jack Reed,male,1949-11-12\\r\\nRhode Island,D,Sheldon Whitehouse,male,1955-10-20\\r\\nSouth Carolina,R,Lindsey Graham,male,1955-07-09\\r\\nSouth Carolina,R,Tim Scott,male,1965-09-19\\r\\nSouth Dakota,R,John Thune,male,1961-01-07\\r\\nSouth Dakota,R,Mike Rounds,male,1954-10-24\\r\\nTennessee,R,Marsha Blackburn,female,1952-06-06\\r\\nTennessee,R,Lamar Alexander,male,1940-07-03\\r\\nTexas,R,John Cornyn,male,1952-02-02\\r\\nTexas,R,Ted Cruz,male,1970-12-22\\r\\nUtah,R,Mike Lee,male,1971-06-04\\r\\nUtah,R,Mitt Romney,male,1947-03-12\\r\\nVirginia,D,Mark Warner,male,1954-12-15\\r\\nVirginia,D,Tim Kaine,male,1958-02-26\\r\\nVermont,I,Bernard Sanders,male,1941-09-08\\r\\nVermont,D,Patrick Leahy,male,1940-03-31\\r\\nWashington,D,Maria Cantwell,female,1958-10-13\\r\\nWashington,D,Patty Murray,female,1950-10-11\\r\\nWisconsin,R,Ron Johnson,male,1955-04-08\\r\\nWisconsin,D,Tammy Baldwin,female,1962-02-11\\r\\nWest Virginia,D,Joe Manchin,male,1947-08-24\\r\\nWest Virginia,R,Shelley Capito,female,1953-11-26\\r\\nWyoming,R,John Barrasso,male,1952-07-21\\r\\nWyoming,R,Michael Enzi,male,1944-02-01\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -514,8 +514,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/Brush.html b/docs/example/Brush.html
index 338f85fe..1908ed46 100644
--- a/docs/example/Brush.html
+++ b/docs/example/Brush.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Brush</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -645,7 +645,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/Brush.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, Html } from 'layercake';\\n\\n  import Line from './_components/Line.svelte';\\n  import Area from './_components/Area.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n  import Brush from './_components/Brush.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/points.csv';\\n\\n  let brushExtents = [null, null];\\n\\n  const xKey = 'myX';\\n  const yKey = 'myY';\\n\\n  data.forEach(d => {\\n    d[yKey] = +d[yKey];\\n  });\\n\\n  let brushedData;\\n  $: {\\n    brushedData = data.slice((brushExtents[0] || 0) * data.length, (brushExtents[1] || 1) * data.length);\\n    if (brushedData.length \u003C 2) {\\n      brushedData = data.slice(brushExtents[0] * data.length, brushExtents[0] * data.length + 2)\\n    }\\n  }\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .brushed-chart-container {\\n    width: 100%;\\n    height: 80%;\\n  }\\n  .brush-container {\\n    width: 100%;\\n    height: 20%;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"brushed-chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ right: 10, bottom: 20, left: 25 }}\\n    x={xKey}\\n    y={yKey}\\n    yDomain={[0, null]}\\n    data={brushedData}\\n  >\\n    \u003CSvg>\\n      \u003CAxisX\\n        ticks={ticks => {\\n          const filtered = ticks.filter(t => t % 1 === 0);\\n          if (filtered.length > 7) {\\n            return filtered.filter((t, i) => i % 2 === 0);\\n          }\\n          return filtered;\\n        }}\\n      />\\n      \u003CAxisY\\n        ticks={4}\\n      />\\n      \u003CLine\\n        stroke='#00e047'\\n      />\\n      \u003CArea\\n        fill='#00e04710'\\n      />\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\\n\\n\u003Cdiv class=\\\"brush-container\\\">\\n  \u003CLayerCake\\n    padding={{ top: 5 }}\\n    x={xKey}\\n    y={yKey}\\n    yDomain={[0, null]}\\n    data={data}\\n  >\\n    \u003CSvg>\\n      \u003CLine\\n        stroke='#00e047'\\n      />\\n      \u003CArea\\n        fill='#00e04710'\\n      />\\n    \u003C/Svg>\\n    \u003CHtml>\\n      \u003CBrush bind:min={brushExtents[0]} bind:max={brushExtents[1]}/>\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/Line.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet } = getContext('LayerCake');\\n\\n  /** @type {String} [stroke='#ab00d6'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let stroke = '#ab00d6';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\u003C/script>\\n\\n\u003Cpath class='path-line' d='{path}' {stroke}>\u003C/path>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 2;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Area.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale, extents } = getContext('LayerCake');\\n\\n  /**  @type {String} [fill='#ab00d610'] The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#ab00d610';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\\n  let area;\\n\\n  $: {\\n    const yRange = $yScale.range();\\n    area = path + (\\n      'L' + $xScale($extents.x ? $extents.x[1] : 0) + ',' + yRange[0] +\\n      'L' + $xScale($extents.x ? $extents.x[0] : 0) + ',' + yRange[0] +\\n      'Z'\\n    );\\n  }\\n\u003C/script>\\n\\n\u003Cpath class='path-area' d='{area}' {fill}>\u003C/path>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Brush.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds a brush component to create a range between 0 and 1. Bind to the `min` and `max` props to use them in other components. See the [brushable example](https://layercake.graphcics/example/Brush) for use.\\n -->\\n\u003Cscript>\\n  import { clamp } from 'yootils';\\n\\n  /** @type {Number} min - The brush's min value. Useful to bind to. */\\n  export let min;\\n\\n  /** @type {Number} max - The brush's max value. Useful to bind to. */\\n  export let max;\\n\\n  let brush;\\n\\n  const p = x => {\\n    const { left, right } = brush.getBoundingClientRect();\\n    return clamp((x - left) / (right - left), 0, 1);\\n  };\\n\\n  const handler = fn => {\\n    return e => {\\n      if (e.type === 'touchstart') {\\n        if (e.touches.length !== 1) return;\\n        e = e.touches[0];\\n      }\\n\\n      const id = e.identifier;\\n      const start = { min, max, p: p(e.clientX) };\\n\\n      const handle_move = e => {\\n        if (e.type === 'touchmove') {\\n          if (e.changedTouches.length !== 1) return;\\n          e = e.changedTouches[0];\\n          if (e.identifier !== id) return;\\n        }\\n\\n        fn(start, p(e.clientX));\\n      };\\n\\n      const handle_end = e => {\\n        if (e.type === 'touchend') {\\n          if (e.changedTouches.length !== 1) return;\\n          if (e.changedTouches[0].identifier !== id) return;\\n        } else if (e.target === brush) {\\n          clear();\\n        }\\n\\n        window.removeEventListener('mousemove', handle_move);\\n        window.removeEventListener('mouseup', handle_end);\\n\\n        window.removeEventListener('touchmove', handle_move);\\n        window.removeEventListener('touchend', handle_end);\\n      };\\n\\n      window.addEventListener('mousemove', handle_move);\\n      window.addEventListener('mouseup', handle_end);\\n\\n      window.addEventListener('touchmove', handle_move);\\n      window.addEventListener('touchend', handle_end);\\n    };\\n  };\\n\\n  const clear = () => {\\n    min = null;\\n    max = null;\\n  }\\n\\n  const reset = handler((start, p) => {\\n    min = clamp(Math.min(start.p, p), 0, 1);\\n    max = clamp(Math.max(start.p, p), 0, 1);\\n  });\\n\\n  const move = handler((start, p) => {\\n    const d = clamp(p - start.p, -start.min, 1 - start.max);\\n    min = start.min + d;\\n    max = start.max + d;\\n  });\\n\\n  const adjust_min = handler((start, p) => {\\n    min = p > start.max ? start.max : p;\\n    max = p > start.max ? p : start.max;\\n  });\\n\\n  const adjust_max = handler((start, p) => {\\n    min = p \u003C start.min ? p : start.min;\\n    max = p \u003C start.min ? start.min : p;\\n  });\\n\\n  $: left = 100 * min;\\n  $: right = 100 * (1 - max);\\n\u003C/script>\\n\\n\u003Cdiv bind:this={brush} class=\\\"brush-outer\\\" on:mousedown|stopPropagation={reset} on:touchstart|stopPropagation={reset}>\\n  {#if min !== null}\\n    \u003Cdiv class=\\\"brush-inner\\\" on:mousedown|stopPropagation={move} on:touchstart|stopPropagation={move} style=\\\"left: {left}%; right: {right}%\\\">\u003C/div>\\n    \u003Cdiv class=\\\"brush-handle\\\" on:mousedown|stopPropagation={adjust_min} on:touchstart|stopPropagation={adjust_min} style=\\\"left: {left}%\\\">\u003C/div>\\n    \u003Cdiv class=\\\"brush-handle\\\" on:mousedown|stopPropagation={adjust_max} on:touchstart|stopPropagation={adjust_max} style=\\\"right: {right}%\\\">\u003C/div>\\n  {/if}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .brush-outer {\\n    position: relative;\\n    width: 100%;\\n    height: calc(100% + 5px);\\n    top: -5px;\\n  }\\n\\n  .brush-inner {\\n    position: absolute;\\n    height: 100%;\\n    cursor: move;\\n    /* mix-blend-mode: difference; */\\n    background-color: #cccccc90;\\n    /* border: 1px solid #000; */\\n  }\\n\\n  .brush-handle {\\n    position: absolute;\\n    width: 0;\\n    height: 100%;\\n    cursor: ew-resize;\\n  }\\n\\n  .brush-handle::before {\\n    position: absolute;\\n    content: '';\\n    width: 8px;\\n    left: -4px;\\n    height: 100%;\\n    background: transparent;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/points.csv\",\"contents\":\"myX,myY\\n1979,7.19\\n1980,7.83\\n1981,7.24\\n1982,7.44\\n1983,7.51\\n1984,7.1\\n1985,6.91\\n1986,7.53\\n1987,7.47\\n1988,7.48\\n1989,7.03\\n1990,6.23\\n1991,6.54\\n1992,7.54\\n1993,6.5\\n1994,7.18\\n1995,6.12\\n1996,7.87\\n1997,6.73\\n1998,6.55\\n1999,6.23\\n2000,6.31\\n2001,6.74\\n2002,5.95\\n2003,6.13\\n2004,6.04\\n2005,5.56\\n2006,5.91\\n2007,4.29\\n2008,4.72\\n2009,5.38\\n2010,4.92\\n2011,4.61\\n2012,3.62\\n2013,5.35\\n2014,5.28\\n2015,4.63\\n2016,4.72\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -654,8 +654,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/Calendar.html b/docs/example/Calendar.html
index 01a1dcfe..c11f88eb 100644
--- a/docs/example/Calendar.html
+++ b/docs/example/Calendar.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Calendar (one cake per month)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -414,7 +414,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/Calendar.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg } from 'layercake';\\n  import { nest } from 'd3-collection';\\n  import { scaleQuantize } from 'd3-scale';\\n\\n  import CalendarMonth from './_components/CalendarMonth.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import dates from './_data/dates.csv';\\n\\n  const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];\\n\\n  const datesTransformed = dates.map(row => {\\n    row.date = new Date(row.timestring);\\n    return row;\\n  });\\n\\n  const gutter = 10;\\n  const seriesColors = ['#fff5cc', '#ffeba9', '#ffe182', '#ffd754', '#ffcc00'];\\n\\n  /* --------------------------------------------\\n   * Group by month then by date\\n   */\\n  const byMonthByDate = nest()\\n    .key(d => d.date.getUTCMonth())\\n    .key(d => d.timestring.split('T')[0])\\n    .entries(datesTransformed);\\n\\n  const sortedData = byMonthByDate.sort((a, b) => a.key - b.key);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n    The width is being set inline below.\\n  */\\n  .chart-container {\\n    --margin-top: 25px;\\n    display: inline-block;\\n    position: relative;\\n    vertical-align: top;\\n    height: calc(250px - var(--margin-top));\\n    margin-top: var(--margin-top);\\n  }\\n  .chart-container:before {\\n    content: attr(data-month);\\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n    transform: translate(0, -100%);\\n  }\\n\u003C/style>\\n\\n{#each sortedData as month, i}\\n  \u003Cdiv\\n    class=\\\"chart-container\\\"\\n    style=\\\"width:calc({100 / sortedData.length}% - {gutter}px);{i === 0 ? `margin-right:${gutter * 2}px` : ''}\\\"\\n    data-month=\\\"{monthNames[+month.key + 1]}\\\"\\n  >\\n    \u003CLayerCake\\n      padding={{ top: 1, right: 1, bottom: 1, left: 1 }}\\n      x='key'\\n      z={d => d.values.length}\\n      zScale={scaleQuantize()}\\n      zRange={seriesColors}\\n      data={month.values}\\n    >\\n      \u003CSvg>\\n        \u003CCalendarMonth/>\\n      \u003C/Svg>\\n    \u003C/LayerCake>\\n  \u003C/div>\\n{/each}\"},\"dek\":\"Another small multiple example that generates the full date range for that month and puts each month inside its own div.\\n\",\"components\":[{\"title\":\"./_components/CalendarMonth.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG calendar chart.\\n -->\\n\u003Cscript>\\n\\n  import { getContext } from 'svelte';\\n  import { timeFormat } from 'd3-time-format';\\n  import { timeDay } from 'd3-time';\\n\\n  const { width, height, data, x, z, zScale, extents } = getContext('LayerCake');\\n\\n  /** @type {Function} [calcCellSize=(w, h) => Math.min(w / 7, h / 5)] - A function givn the canvas width and height as arguments and expects a return number that will be used as the width and height for each cell. The default will choose a size that fits seven cells across and five rows top to bottom. */\\n  export let calcCellSize = (w, h) => Math.min(w / 7, h / 5);\\n\\n  const getDayOfWeek = timeFormat('%w');\\n  const getWeekOfYear = timeFormat('%U');\\n\\n  $: count = date => {\\n    const stringDate = date.toISOString().split('T')[0];\\n    const days = $data.filter(d => $x(d) === stringDate)[0];\\n    if (days) {\\n      return $z(days);\\n    }\\n    return 0;\\n  };\\n\\n  $: fillColor = day => {\\n    const n = count(day);\\n    return n ? $zScale(n) : '#fff';\\n  };\\n\\n  $: cellSize = calcCellSize($width, $height);\\n\\n  let days;\\n\\n  /* --------------------------------------------\\n   * Calculate what month we're in and generate the full days of that month\\n   */\\n  $: {\\n    const minDate = $extents.x[0];\\n    const parts = minDate.split('-').map(d => +d);\\n\\n    days = timeDay.range(new Date(Date.UTC(parts[0], parts[1] - 1, 1)), new Date(Date.UTC(parts[0], parts[1], 1)));\\n  }\\n\\n  $: rectX = day => getDayOfWeek(day) * cellSize;\\n  $: rectY = day => {\\n    const startWeek = getWeekOfYear(new Date(day.getUTCFullYear(), day.getUTCMonth(), 1));\\n    const thisWeek = getWeekOfYear(day);\\n    const weekDiff = thisWeek - startWeek;\\n    return weekDiff * cellSize;\\n  };\\n\\n  function showCount(day) {\\n    console.log(day, count(day));\\n  }\\n\u003C/script>\\n\\n{#each days as day}\\n  \u003Crect\\n    class=\\\"day\\\"\\n    width=\\\"{cellSize}\\\"\\n    height=\\\"{cellSize}\\\"\\n    x=\\\"{rectX(day)}\\\"\\n    y=\\\"{rectY(day)}\\\"\\n    style=\\\"fill:{fillColor(day)};\\\"\\n    on:mouseenter=\\\"{showCount(day)}\\\"\\n  />\\n{/each}\\n\\n\u003Cstyle>\\n  .day {\\n    stroke: #000;\\n    stroke-width: 1;\\n    fill: #fff;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/dates.csv\",\"contents\":\"timestring\\n2018-07-22T22:25:55Z\\n2018-07-22T19:35:29Z\\n2018-07-22T18:54:42Z\\n2018-07-22T02:05:59Z\\n2018-07-21T00:55:02Z\\n2018-07-21T00:53:00Z\\n2018-07-20T23:32:37Z\\n2018-07-20T17:52:55Z\\n2018-07-20T17:52:01Z\\n2018-07-20T17:32:21Z\\n2018-07-20T16:38:22Z\\n2018-07-20T16:38:20Z\\n2018-07-19T21:07:28Z\\n2018-07-19T01:36:47Z\\n2018-07-19T01:00:04Z\\n2018-07-18T20:15:35Z\\n2018-07-18T03:05:05Z\\n2018-07-18T02:56:18Z\\n2018-07-18T02:11:53Z\\n2018-07-18T02:08:49Z\\n2018-07-18T02:02:14Z\\n2018-07-17T04:13:29Z\\n2018-07-16T03:24:58Z\\n2018-07-16T03:23:55Z\\n2018-07-16T03:22:02Z\\n2018-07-15T18:37:05Z\\n2018-07-15T01:34:48Z\\n2018-07-15T01:11:38Z\\n2018-07-15T01:02:25Z\\n2018-07-14T23:32:07Z\\n2018-07-14T18:26:04Z\\n2018-07-14T18:25:35Z\\n2018-07-14T02:56:28Z\\n2018-07-13T16:33:57Z\\n2018-07-13T15:52:16Z\\n2018-07-12T20:31:12Z\\n2018-07-12T20:27:11Z\\n2018-07-12T14:17:18Z\\n2018-07-12T03:49:28Z\\n2018-07-12T03:42:33Z\\n2018-07-12T03:20:45Z\\n2018-07-12T01:47:25Z\\n2018-07-12T01:26:16Z\\n2018-07-12T01:16:55Z\\n2018-07-12T00:50:15Z\\n2018-07-11T19:16:21Z\\n2018-07-11T02:38:15Z\\n2018-07-11T01:03:55Z\\n2018-07-11T01:00:55Z\\n2018-07-11T00:59:31Z\\n2018-07-10T19:06:36Z\\n2018-07-10T19:03:18Z\\n2018-07-10T01:05:50Z\\n2018-07-09T23:43:32Z\\n2018-07-09T17:39:53Z\\n2018-07-09T17:37:15Z\\n2018-07-09T15:50:12Z\\n2018-07-09T03:47:16Z\\n2018-07-09T03:06:21Z\\n2018-07-09T02:59:34Z\\n2018-07-08T20:53:53Z\\n2018-07-07T01:37:58Z\\n2018-07-07T01:32:23Z\\n2018-07-07T01:30:09Z\\n2018-07-06T17:03:39Z\\n2018-07-06T16:00:39Z\\n2018-07-06T15:59:44Z\\n2018-07-04T22:29:55Z\\n2018-07-03T02:59:41Z\\n2018-07-03T02:58:36Z\\n2018-07-03T02:56:41Z\\n2018-07-01T02:21:56Z\\n2018-07-01T02:20:27Z\\n2018-07-01T02:15:25Z\\n2018-04-29T02:22:38Z\\n2018-04-29T02:19:25Z\\n2018-04-28T22:48:50Z\\n2018-04-28T06:52:20Z\\n2018-04-28T06:45:09Z\\n2018-04-26T21:18:11Z\\n2018-04-26T17:35:37Z\\n2018-04-26T01:52:56Z\\n2018-04-26T01:07:36Z\\n2018-04-26T01:05:37Z\\n2018-04-26T01:05:27Z\\n2018-04-26T01:00:30Z\\n2018-04-25T22:06:56Z\\n2018-04-25T21:32:42Z\\n2018-04-24T22:48:43Z\\n2018-04-24T22:48:26Z\\n2018-04-24T21:59:53Z\\n2018-04-24T21:58:36Z\\n2018-04-24T05:21:33Z\\n2018-04-21T03:36:45Z\\n2018-04-21T03:25:06Z\\n2018-04-20T17:57:25Z\\n2018-04-20T17:29:16Z\\n2018-04-20T17:24:44Z\\n2018-04-20T15:53:26Z\\n2018-04-20T15:32:59Z\\n2018-04-18T17:33:38Z\\n2018-04-18T15:28:30Z\\n2018-04-18T15:16:40Z\\n2018-04-18T15:07:48Z\\n2018-04-18T13:56:38Z\\n2018-04-18T04:46:00Z\\n2018-04-18T04:45:33Z\\n2018-04-18T02:19:48Z\\n2018-04-18T01:28:23Z\\n2018-04-17T23:11:52Z\\n2018-04-17T23:11:52Z\\n2018-04-17T23:05:10Z\\n2018-04-17T21:15:49Z\\n2018-04-17T21:15:41Z\\n2018-04-16T04:20:34Z\\n2018-04-16T04:20:15Z\\n2018-04-16T04:19:46Z\\n2018-04-16T04:18:59Z\\n2018-04-16T04:14:41Z\\n2018-04-16T03:54:01Z\\n2018-04-16T03:53:10Z\\n2018-04-15T02:28:02Z\\n2018-04-14T17:41:43Z\\n2018-04-14T04:42:10Z\\n2018-04-14T04:40:23Z\\n2018-04-14T04:40:10Z\\n2018-04-14T01:31:38Z\\n2018-04-14T00:23:02Z\\n2018-04-13T18:17:10Z\\n2018-04-13T18:08:21Z\\n2018-04-13T15:29:46Z\\n2018-04-13T15:15:33Z\\n2018-04-13T04:54:39Z\\n2018-04-13T04:27:48Z\\n2018-04-13T04:24:37Z\\n2018-04-13T04:08:45Z\\n2018-04-13T03:53:50Z\\n2018-04-13T03:42:23Z\\n2018-04-12T19:03:27Z\\n2018-04-11T00:32:39Z\\n2018-04-11T00:32:32Z\\n2018-04-09T02:57:20Z\\n2018-04-09T02:54:40Z\\n2018-04-08T04:28:23Z\\n2018-04-08T02:19:41Z\\n2018-04-08T00:50:51Z\\n2018-04-08T00:40:52Z\\n2018-04-07T21:54:06Z\\n2018-04-07T21:53:09Z\\n2018-04-07T19:09:30Z\\n2018-04-07T18:55:04Z\\n2018-04-07T18:51:44Z\\n2018-04-07T17:24:28Z\\n2018-04-07T02:31:18Z\\n2018-04-05T04:20:20Z\\n2018-04-05T04:19:13Z\\n2018-04-05T04:16:31Z\\n2018-04-05T04:09:51Z\\n2018-04-05T04:05:10Z\\n2018-04-05T04:04:29Z\\n2018-04-05T04:02:12Z\\n2018-04-05T03:59:43Z\\n2018-04-05T03:47:58Z\\n2018-04-05T03:43:55Z\\n2018-04-05T03:29:56Z\\n2018-04-05T03:16:56Z\\n2018-04-05T02:21:36Z\\n2018-04-05T01:31:23Z\\n2018-04-05T01:30:41Z\\n2018-04-04T02:47:42Z\\n2018-04-04T02:45:33Z\\n2018-04-04T02:45:05Z\\n2018-04-03T23:56:11Z\\n2018-04-03T23:55:17Z\\n2018-04-03T23:54:47Z\\n2018-04-03T23:54:37Z\\n2018-04-03T23:32:11Z\\n2018-04-03T05:21:21Z\\n2018-04-03T05:21:09Z\\n2018-04-03T05:19:31Z\\n2018-04-03T05:08:45Z\\n2018-04-03T05:00:12Z\\n2018-04-03T04:56:14Z\\n2018-04-03T04:55:39Z\\n2018-04-03T02:51:39Z\\n2018-04-03T02:02:43Z\\n2018-04-03T02:02:36Z\\n2018-04-03T02:01:59Z\\n2018-04-03T02:01:27Z\\n2018-04-03T00:32:13Z\\n2018-04-03T00:31:16Z\\n2018-04-03T00:29:42Z\\n2018-04-03T00:27:39Z\\n2018-04-02T03:33:34Z\\n2018-04-02T01:14:13Z\\n2018-04-02T01:09:56Z\\n2018-04-02T00:59:54Z\\n2018-04-01T05:22:24Z\\n2018-04-01T04:30:49Z\\n2018-04-01T04:30:25Z\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -423,8 +423,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/CirclePack.html b/docs/example/CirclePack.html
index 34cfb0d6..80a77821 100644
--- a/docs/example/CirclePack.html
+++ b/docs/example/CirclePack.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Circle pack</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -296,7 +296,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/CirclePack.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Html } from 'layercake';\\n\\n  import CirclePack from './_components/CirclePack.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/fruitGroups.csv';\\n\\n  const idKey = 'fruit';\\n  const valueKey = 'value';\\n\\n  data.forEach(d => {\\n    d[valueKey] = +d[valueKey];\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ top: 0, bottom: 20, left: 30 }}\\n    data={data}\\n  >\\n    \u003CHtml>\\n      \u003CCirclePack\\n        idKey={idKey}\\n        valueKey={valueKey}\\n        fill='#ff00cc'\\n        stroke='#9f0080'\\n        textColor='#61004e'\\n        textStroke='#ffdbf8'\\n        textStrokeWidth={1}\\n      />\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/CirclePack.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML circle pack chart using [d3-hierarchy](https://github.com/d3/d3-hierarchy).\\n -->\\n\u003Cscript>\\n  import { stratify, pack, hierarchy } from 'd3-hierarchy'\\n  import { getContext } from 'svelte';\\n  import { format } from 'd3-format';\\n\\n  const { width, height, data } = getContext('LayerCake');\\n\\n  /** @type {String} [idKey='id'] - The key on each object where the id value lives. */\\n  export let idKey = 'id';\\n\\n  /** @type {String} [parentKey] - Set this if you want to define one parent circle. This will give you a [nested](https://layercake.graphics/example/CirclePackNested) graphic versus a [grouping of circles](https://layercake.graphics/example/CirclePack). */\\n  export let parentKey = undefined;\\n\\n  /** @type {String} [valueKey='value'] - The key on each object where the data value lives. */\\n  export let valueKey = 'value';\\n\\n  /** @type {Function} [labelVisibilityThreshold=r => r > 25] - By default, only show the text inside a circle if its radius exceeds a certain size. Provide your own function for different behavior. */\\n  export let labelVisibilityThreshold = r => r > 25;\\n\\n  /** @type {String} [fill='#fff'] - The circle's fill color. */\\n  export let fill = '#fff';\\n\\n  /** @type {String} [stroke='#999'] - The circle's stroke color. */\\n  export let stroke = '#999';\\n\\n  /** @type {Number} [strokeWidth=1] - The circle's stroke width, in pixels. */\\n  export let strokeWidth = 1;\\n\\n  /** @type {String} [textColor='#333'] - The label text color. */\\n  export let textColor = '#333';\\n\\n  /** @type {String} [textStroke='#000'] - The label text's stroke color. */\\n  export let textStroke = '#000';\\n\\n  /** @type {Number} [textStrokeWidth=0] - The label text's stroke width, in pixels. */\\n  export let textStrokeWidth = 0;\\n\\n  /** @type {Function} [sortBy=(a, b) => b.value - a.value] - The order in which circle's are drawn. Sorting on the `depth` key is also a popular choice. */\\n  export let sortBy = (a, b) => b.value - a.value; // 'depth' is also a popular choice\\n\\n  /** @type {Number} [spacing=0] - Whitespace padding between each circle, in pixels. */\\n  export let spacing = 0;\\n\\n  /* --------------------------------------------\\n   * This component will automatically group your data\\n   * into one group if no `parentKey` was passed in.\\n   * Stash $data here so we can add our own parent\\n   * if there's no `parentKey`\\n   */\\n  let parent = {};\\n  $: dataset = $data;\\n\\n  $: if (parentKey === undefined) {\\n    parent = { [idKey]: 'all' };\\n    dataset = [...dataset, parent]\\n  }\\n\\n  $: stratifier = stratify()\\n    .id(d => d[idKey])\\n    .parentId(d => {\\n      if (d[idKey] === parent[idKey]) return '';\\n      return d[parentKey] || parent[idKey];\\n    });\\n\\n  $: packer = pack()\\n    .size([$width, $height])\\n    .padding(spacing);\\n\\n  $: stratified = stratifier(dataset);\\n\\n  $: root = hierarchy(stratified)\\n    .sum((d, i) => {\\n      return d.data[valueKey] || 1;\\n    })\\n    .sort(sortBy);\\n\\n  $: packed = packer(root);\\n\\n  $: descendants = packed.descendants();\\n\\n  const titleCase = d => d.replace(/^\\\\w/, w => w.toUpperCase());\\n  const commas = format(',');\\n\u003C/script>\\n\\n\u003Cdiv class=\\\"circle-pack\\\" data-has-parent-key=\\\"{parentKey !== undefined}\\\">\\n  {#each descendants as d}\\n    \u003Cdiv\\n      class=\\\"circle-group\\\"\\n      data-id=\\\"{d.data.id}\\\"\\n      data-visible=\\\"{labelVisibilityThreshold(d.r)}\\\"\\n    >\\n      \u003Cdiv\\n        class=\\\"circle\\\"\\n        style=\\\"left:{d.x}px;top:{d.y}px;width:{d.r * 2}px;height:{d.r * 2}px;background-color:{fill};border: {strokeWidth}px solid {stroke};\\\"\\n      />\\n        \u003Cdiv\\n          class=\\\"text-group\\\"\\n          style=\\\"\\n            color:{textColor};\\n            text-shadow:\\n              -{textStrokeWidth}px -{textStrokeWidth}px 0 {textStroke},\\n              {textStrokeWidth}px -{textStrokeWidth}px 0 {textStroke},\\n              -{textStrokeWidth}px {textStrokeWidth}px 0 {textStroke},\\n              {textStrokeWidth}px {textStrokeWidth}px 0 {textStroke};\\n            left:{d.x}px;\\n            top:{d.y - (labelVisibilityThreshold(d.r) ? 0 : (d.r + 4))}px;\\n          \\\"\\n        >\\n          \u003Cdiv class=\\\"text\\\">{titleCase(d.data.id)}\u003C/div>\\n          {#if d.data.data[valueKey]}\\n            \u003Cdiv class=\\\"text value\\\" >{commas(d.data.data[valueKey])}\u003C/div>\\n          {/if}\\n        \u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .circle-pack {\\n    position: relative;\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .circle,\\n  .text-group {\\n    position: absolute;\\n  }\\n  .circle {\\n    transform: translate(-50%, -50%);\\n  }\\n  /* Hide the root node if we want, useful if we are creating our own root */\\n  .circle-pack[data-has-parent-key=\\\"false\\\"]  .circle-group[data-id=\\\"all\\\"] {\\n    display: none;\\n  }\\n  /* .circle-group:hover {\\n    z-index: 9999;\\n  } */\\n  .circle-group[data-visible=\\\"false\\\"] .text-group {\\n    display: none;\\n    padding: 4px 7px;\\n    background: #fff;\\n    border: 1px solid #ccc;\\n    transform: translate(-50%, -100%);\\n    top: -4px;\\n  }\\n  .circle-group[data-visible=\\\"false\\\"]:hover .text-group {\\n    z-index: 999;\\n    display: block !important;\\n    /* On hover, set the text color to black and eliminate the shadow */\\n    text-shadow: none !important;\\n    color: #000 !important;\\n  }\\n  .circle-group[data-visible=\\\"false\\\"]:hover .circle {\\n    border-color: #000 !important;\\n  }\\n  .text-group {\\n    width: auto;\\n    top: 50%;\\n    left: 50%;\\n    text-align: center;\\n    transform: translate(-50%, -50%);\\n    white-space: nowrap;\\n    pointer-events: none;\\n    cursor: pointer;\\n    line-height: 13px;\\n  }\\n  .text {\\n    width: 100%;\\n    font-size: 11px;\\n    /* text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; */\\n  }\\n  .text.value{\\n    font-size: 11px;\\n  }\\n  .circle {\\n    border-radius: 50%;\\n    top: 0;\\n    left: 0;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/fruitGroups.csv\",\"contents\":\"fruit,value\\napples,3240\\nbananas,1920\\ncherries,1290\\noranges,403\\ndates,400\\npears,230\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -305,8 +305,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/CirclePackForce.html b/docs/example/CirclePackForce.html
index 3e32b5ad..6c38547c 100644
--- a/docs/example/CirclePackForce.html
+++ b/docs/example/CirclePackForce.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Circle pack, force layout</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -238,7 +238,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/CirclePackForce.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg } from 'layercake';\\n  import { scaleOrdinal, scaleBand } from 'd3-scale';\\n\\n  import ForceLayout from './_components/CirclePackForce.svelte';\\n\\n  import data from './_data/dots.json';\\n\\n  const xKey = 'category';\\n  const rKey = 'value';\\n  const zKey = 'category';\\n\\n  let groupBy = 'true';\\n\\n  const seriesColors = ['#f0c', '#0cf', '#fc0'];\\n\\n  let manyBodyStrength = 3;\\n  let xStrength = 0.1\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n  label {\\n    cursor: pointer;\\n  }\\n  input {\\n    margin-right: 7px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"input-container\\\">\\n  \u003Clabel>\u003Cinput type=\\\"radio\\\" bind:group={groupBy} value=\\\"true\\\"/>Group by category\u003C/label>\\n  \u003Clabel>\u003Cinput type=\\\"radio\\\" bind:group={groupBy} value=\\\"false\\\"/>Clump together\u003C/label>\\n\u003C/div>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    data={data}\\n    x={xKey}\\n    r={rKey}\\n    z={zKey}\\n    xScale={scaleBand()}\\n    rRange={[3, 12]}\\n    zScale={scaleOrdinal()}\\n    zRange={seriesColors}\\n  >\\n    \u003CSvg>\\n      \u003CForceLayout\\n        {manyBodyStrength}\\n        {xStrength}\\n        groupBy={JSON.parse(groupBy)}\\n        nodeStroke='#000'\\n      />\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A Circle Pack chart using a D3 force layout with a technique from \u003Ca href=\\\"https://twitter.com/plmrry\\\" target=\\\"_blank\\\" rel=\\\"noreferrer\\\">@plmrry\u003C/a>. For another way of doing a D3 force layout, see the \u003Ca href=\\\"/example/BeeswarmForce\\\" target=\\\"_blank\\\" rel=\\\"noreferrer\\\">Beeswarm Force example\u003C/a>.\\n\",\"components\":[{\"title\":\"./_components/CirclePackForce.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG force simulation using [d3-force](https://github.com/d3/d3-force). The values here are defaults which you will likely have to customize because every force simulation is different. This technique comes from @plmrry.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import {\\n    forceSimulation,\\n    forceX,\\n    forceManyBody,\\n    forceCollide,\\n    forceCenter,\\n  } from 'd3-force';\\n\\n  const { data, width, height, xScale, xGet, rGet, zGet } = getContext('LayerCake');\\n\\n  /** @type {Number} [manyBodyStrength=5] - The value passed into the `.strength` method on `forceManyBody`, which is used as the `'charge'` property on the simulation. See [the documentation](https://github.com/d3/d3-force#manyBody_strength) for more. */\\n  export let manyBodyStrength = 5;\\n\\n  /** @type {Number} [xStrength=0.1] - The value passed into the `.strength` method on `forceX`, which is used as the `'x'` property on the simulation. See [the documentation](https://github.com/d3/d3-force#x_strength) for more. */\\n  export let xStrength = 0.1;\\n\\n  /** @type {String} [nodeColor] Set a color manually otherwise it will default to the `zScale`. */\\n  export let nodeColor = undefined;\\n\\n  /** @type {String} [nodeStroke='#fff'] - The circle's stroke color. */\\n  export let nodeStroke = '#fff';\\n\\n  /** @type {Number} [nodeStrokeWidth=1] - The circle's stroke width, in pixels. */\\n  export let nodeStrokeWidth = 1;\\n\\n  /** @type {Boolean} [groupBy=true] - Group the nodes by the return value of the x-scale. If `false`, align all the nodes to the canvas center. */\\n  export let groupBy = true;\\n\\n  /* --------------------------------------------\\n   * Make a copy because the simulation will alter the objects\\n   */\\n  const initialNodes = $data.map((d) => ({ ...d }));\\n\\n  const simulation = forceSimulation(initialNodes)\\n\\n  let nodes = [];\\n\\n  simulation.on(\\\"tick\\\", () => {\\n    nodes = simulation.nodes()\\n  })\\n\\n  /* ----------------------------------------------\\n   * When variables change, set forces and restart the simulation\\n   */\\n  $: {\\n    simulation\\n      .force('x', forceX().x(d => {\\n        return groupBy === true ? $xGet(d) + $xScale.bandwidth() / 2 : $width / 2;\\n      }).strength(xStrength))\\n      .force('center', forceCenter($width / 2, $height / 2))\\n      .force('charge', forceManyBody().strength(manyBodyStrength))\\n      .force('collision', forceCollide().radius(d => {\\n        return $rGet(d) + nodeStrokeWidth / 2; // Divide this by two because an svg stroke is drawn halfway out\\n      }))\\n      .force('center', forceCenter($width / 2, $height / 2))\\n      .alpha(1)\\n      .restart()\\n  }\\n\\n\u003C/script>\\n  {#each nodes as point}\\n    \u003Ccircle\\n      class='node'\\n      r={$rGet(point)}\\n      fill={nodeColor || $zGet(point)}\\n      stroke={nodeStroke}\\n      stroke-width={nodeStrokeWidth}\\n      cx='{point.x}'\\n      cy='{point.y}'\\n    >\\n      \u003C!-- \u003Ctitle>{point[$custom.title]}\u003C/title> -->\\n    \u003C/circle>\\n  {/each}\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[],\"jsons\":[{\"title\":\"./_data/dots.json\",\"contents\":\"[\\n  { \\\"category\\\": \\\"a\\\", \\\"value\\\": 0 },\\n  { \\\"category\\\": \\\"a\\\", \\\"value\\\": 2 },\\n  { \\\"category\\\": \\\"a\\\", \\\"value\\\": 5 },\\n  { \\\"category\\\": \\\"a\\\", \\\"value\\\": 23 },\\n  { \\\"category\\\": \\\"a\\\", \\\"value\\\": 12 },\\n  { \\\"category\\\": \\\"a\\\", \\\"value\\\": 50 },\\n  { \\\"category\\\": \\\"a\\\", \\\"value\\\": 7 },\\n  { \\\"category\\\": \\\"a\\\", \\\"value\\\": 20 },\\n  { \\\"category\\\": \\\"a\\\", \\\"value\\\": 15 },\\n  { \\\"category\\\": \\\"a\\\", \\\"value\\\": 30 },\\n  { \\\"category\\\": \\\"a\\\", \\\"value\\\": 2 },\\n  { \\\"category\\\": \\\"b\\\", \\\"value\\\": 10 },\\n  { \\\"category\\\": \\\"b\\\", \\\"value\\\": 12 },\\n  { \\\"category\\\": \\\"b\\\", \\\"value\\\": 15 },\\n  { \\\"category\\\": \\\"b\\\", \\\"value\\\": 3 },\\n  { \\\"category\\\": \\\"b\\\", \\\"value\\\": 2 },\\n  { \\\"category\\\": \\\"b\\\", \\\"value\\\": 5 },\\n  { \\\"category\\\": \\\"b\\\", \\\"value\\\": 35 },\\n  { \\\"category\\\": \\\"b\\\", \\\"value\\\": 2 },\\n  { \\\"category\\\": \\\"b\\\", \\\"value\\\": 5 },\\n  { \\\"category\\\": \\\"b\\\", \\\"value\\\": 20 },\\n  { \\\"category\\\": \\\"b\\\", \\\"value\\\": 12 },\\n  { \\\"category\\\": \\\"c\\\", \\\"value\\\": 5 },\\n  { \\\"category\\\": \\\"c\\\", \\\"value\\\": 4 },\\n  { \\\"category\\\": \\\"c\\\", \\\"value\\\": 2 },\\n  { \\\"category\\\": \\\"c\\\", \\\"value\\\": 32 },\\n  { \\\"category\\\": \\\"c\\\", \\\"value\\\": 25 },\\n  { \\\"category\\\": \\\"c\\\", \\\"value\\\": 40 },\\n  { \\\"category\\\": \\\"c\\\", \\\"value\\\": 35 },\\n  { \\\"category\\\": \\\"c\\\", \\\"value\\\": 25 },\\n  { \\\"category\\\": \\\"c\\\", \\\"value\\\": 19 },\\n  { \\\"category\\\": \\\"c\\\", \\\"value\\\": 25 },\\n  { \\\"category\\\": \\\"c\\\", \\\"value\\\": 10 }\\n]\"}]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -247,8 +247,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/CirclePackNested.html b/docs/example/CirclePackNested.html
index 040d847e..d7836c8a 100644
--- a/docs/example/CirclePackNested.html
+++ b/docs/example/CirclePackNested.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Nested circle pack</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -294,7 +294,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/CirclePackNested.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Html } from 'layercake';\\n\\n  import CirclePack from './_components/CirclePack.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/familyTree.csv';\\n\\n  const idKey = 'name';\\n  const parentKey = 'parent';\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ top: 0, bottom: 20, left: 30 }}\\n    data={data}\\n  >\\n    \u003CHtml>\\n      \u003CCirclePack\\n        idKey={idKey}\\n        parentKey={parentKey}\\n        spacing={5}\\n        sortBy={(a, b) => b.depth - a.depth}\\n        labelVisibilityThreshold={r => false}\\n        stroke=\\\"#00bbff\\\"\\n      />\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/CirclePack.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an HTML circle pack chart using [d3-hierarchy](https://github.com/d3/d3-hierarchy).\\n -->\\n\u003Cscript>\\n  import { stratify, pack, hierarchy } from 'd3-hierarchy'\\n  import { getContext } from 'svelte';\\n  import { format } from 'd3-format';\\n\\n  const { width, height, data } = getContext('LayerCake');\\n\\n  /** @type {String} [idKey='id'] - The key on each object where the id value lives. */\\n  export let idKey = 'id';\\n\\n  /** @type {String} [parentKey] - Set this if you want to define one parent circle. This will give you a [nested](https://layercake.graphics/example/CirclePackNested) graphic versus a [grouping of circles](https://layercake.graphics/example/CirclePack). */\\n  export let parentKey = undefined;\\n\\n  /** @type {String} [valueKey='value'] - The key on each object where the data value lives. */\\n  export let valueKey = 'value';\\n\\n  /** @type {Function} [labelVisibilityThreshold=r => r > 25] - By default, only show the text inside a circle if its radius exceeds a certain size. Provide your own function for different behavior. */\\n  export let labelVisibilityThreshold = r => r > 25;\\n\\n  /** @type {String} [fill='#fff'] - The circle's fill color. */\\n  export let fill = '#fff';\\n\\n  /** @type {String} [stroke='#999'] - The circle's stroke color. */\\n  export let stroke = '#999';\\n\\n  /** @type {Number} [strokeWidth=1] - The circle's stroke width, in pixels. */\\n  export let strokeWidth = 1;\\n\\n  /** @type {String} [textColor='#333'] - The label text color. */\\n  export let textColor = '#333';\\n\\n  /** @type {String} [textStroke='#000'] - The label text's stroke color. */\\n  export let textStroke = '#000';\\n\\n  /** @type {Number} [textStrokeWidth=0] - The label text's stroke width, in pixels. */\\n  export let textStrokeWidth = 0;\\n\\n  /** @type {Function} [sortBy=(a, b) => b.value - a.value] - The order in which circle's are drawn. Sorting on the `depth` key is also a popular choice. */\\n  export let sortBy = (a, b) => b.value - a.value; // 'depth' is also a popular choice\\n\\n  /** @type {Number} [spacing=0] - Whitespace padding between each circle, in pixels. */\\n  export let spacing = 0;\\n\\n  /* --------------------------------------------\\n   * This component will automatically group your data\\n   * into one group if no `parentKey` was passed in.\\n   * Stash $data here so we can add our own parent\\n   * if there's no `parentKey`\\n   */\\n  let parent = {};\\n  $: dataset = $data;\\n\\n  $: if (parentKey === undefined) {\\n    parent = { [idKey]: 'all' };\\n    dataset = [...dataset, parent]\\n  }\\n\\n  $: stratifier = stratify()\\n    .id(d => d[idKey])\\n    .parentId(d => {\\n      if (d[idKey] === parent[idKey]) return '';\\n      return d[parentKey] || parent[idKey];\\n    });\\n\\n  $: packer = pack()\\n    .size([$width, $height])\\n    .padding(spacing);\\n\\n  $: stratified = stratifier(dataset);\\n\\n  $: root = hierarchy(stratified)\\n    .sum((d, i) => {\\n      return d.data[valueKey] || 1;\\n    })\\n    .sort(sortBy);\\n\\n  $: packed = packer(root);\\n\\n  $: descendants = packed.descendants();\\n\\n  const titleCase = d => d.replace(/^\\\\w/, w => w.toUpperCase());\\n  const commas = format(',');\\n\u003C/script>\\n\\n\u003Cdiv class=\\\"circle-pack\\\" data-has-parent-key=\\\"{parentKey !== undefined}\\\">\\n  {#each descendants as d}\\n    \u003Cdiv\\n      class=\\\"circle-group\\\"\\n      data-id=\\\"{d.data.id}\\\"\\n      data-visible=\\\"{labelVisibilityThreshold(d.r)}\\\"\\n    >\\n      \u003Cdiv\\n        class=\\\"circle\\\"\\n        style=\\\"left:{d.x}px;top:{d.y}px;width:{d.r * 2}px;height:{d.r * 2}px;background-color:{fill};border: {strokeWidth}px solid {stroke};\\\"\\n      />\\n        \u003Cdiv\\n          class=\\\"text-group\\\"\\n          style=\\\"\\n            color:{textColor};\\n            text-shadow:\\n              -{textStrokeWidth}px -{textStrokeWidth}px 0 {textStroke},\\n              {textStrokeWidth}px -{textStrokeWidth}px 0 {textStroke},\\n              -{textStrokeWidth}px {textStrokeWidth}px 0 {textStroke},\\n              {textStrokeWidth}px {textStrokeWidth}px 0 {textStroke};\\n            left:{d.x}px;\\n            top:{d.y - (labelVisibilityThreshold(d.r) ? 0 : (d.r + 4))}px;\\n          \\\"\\n        >\\n          \u003Cdiv class=\\\"text\\\">{titleCase(d.data.id)}\u003C/div>\\n          {#if d.data.data[valueKey]}\\n            \u003Cdiv class=\\\"text value\\\" >{commas(d.data.data[valueKey])}\u003C/div>\\n          {/if}\\n        \u003C/div>\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .circle-pack {\\n    position: relative;\\n    width: 100%;\\n    height: 100%;\\n  }\\n  .circle,\\n  .text-group {\\n    position: absolute;\\n  }\\n  .circle {\\n    transform: translate(-50%, -50%);\\n  }\\n  /* Hide the root node if we want, useful if we are creating our own root */\\n  .circle-pack[data-has-parent-key=\\\"false\\\"]  .circle-group[data-id=\\\"all\\\"] {\\n    display: none;\\n  }\\n  /* .circle-group:hover {\\n    z-index: 9999;\\n  } */\\n  .circle-group[data-visible=\\\"false\\\"] .text-group {\\n    display: none;\\n    padding: 4px 7px;\\n    background: #fff;\\n    border: 1px solid #ccc;\\n    transform: translate(-50%, -100%);\\n    top: -4px;\\n  }\\n  .circle-group[data-visible=\\\"false\\\"]:hover .text-group {\\n    z-index: 999;\\n    display: block !important;\\n    /* On hover, set the text color to black and eliminate the shadow */\\n    text-shadow: none !important;\\n    color: #000 !important;\\n  }\\n  .circle-group[data-visible=\\\"false\\\"]:hover .circle {\\n    border-color: #000 !important;\\n  }\\n  .text-group {\\n    width: auto;\\n    top: 50%;\\n    left: 50%;\\n    text-align: center;\\n    transform: translate(-50%, -50%);\\n    white-space: nowrap;\\n    pointer-events: none;\\n    cursor: pointer;\\n    line-height: 13px;\\n  }\\n  .text {\\n    width: 100%;\\n    font-size: 11px;\\n    /* text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; */\\n  }\\n  .text.value{\\n    font-size: 11px;\\n  }\\n  .circle {\\n    border-radius: 50%;\\n    top: 0;\\n    left: 0;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/familyTree.csv\",\"contents\":\"name,parent\\nEve,\\nCain,Eve\\nSeth,Eve\\nEnos,Seth\\nNoam,Seth\\nAbel,Eve\\nAwan,Eve\\nEnoch,Awan\\nAzura,Eve\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -303,8 +303,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/ClevelandDotPlot.html b/docs/example/ClevelandDotPlot.html
index 5dd78dbd..386a784a 100644
--- a/docs/example/ClevelandDotPlot.html
+++ b/docs/example/ClevelandDotPlot.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Cleveland dot plot</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -428,7 +428,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/ClevelandDotPlot.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg } from 'layercake';\\n  import { scaleBand, scaleOrdinal } from 'd3-scale';\\n\\n  import ClevelandDotPlot from './_components/ClevelandDotPlot.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/fruitOrdinal.csv';\\n\\n  const yKey = 'year';\\n  const xKey = Object.keys(data[0]).filter(d => d !== yKey);\\n\\n  const seriesColors = ['#f0c', '#00bbff', '#00e047', '#ff7a33'];\\n\\n  data.forEach(d => {\\n    xKey.forEach(name => {\\n      d[name] = +d[name];\\n    });\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ right: 10, bottom: 20, left: 30 }}\\n    x={xKey}\\n    y={yKey}\\n    yScale={scaleBand().paddingInner(0.05).round(true)}\\n    xDomain={[0, null]}\\n    xPadding={[10, 0]}\\n    zScale={scaleOrdinal()}\\n    zDomain={xKey}\\n    zRange={seriesColors}\\n    data={data}\\n  >\\n    \u003CSvg>\\n      \u003CAxisX/>\\n      \u003CAxisY\\n        gridlines={false}\\n      />\\n      \u003CClevelandDotPlot/>\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"You could create this kind of plot by reshaping your data into rows of containing `name`, `value` and `group` and plot it like a scatter plot, but here's another way that doesn't require all that data manipulation and takes advantage of Layer Cake's accessor shorthand. In `main.js`, we simply specify the names of the keys in each row that we want to plot and in the layer component, we call `$xGet(row)` to map each object into an array of pixel values.\\n\",\"components\":[{\"title\":\"./_components/ClevelandDotPlot.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG Cleveland dot plot, also known as a lollipop-chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, yScale, zScale, config } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=5] - The circle radius. */\\n  export let r = 5;\\n\\n  $: midHeight = $yScale.bandwidth() / 2;\\n\u003C/script>\\n\\n\u003Cg class=\\\"dot-plot\\\">\\n  {#each $data as row}\\n    {@const yVal = $yGet(row)}\\n    {@const xVals = $xGet(row)}\\n    \u003Cg class=\\\"dot-row\\\">\\n      \u003Cline\\n        x1=\\\"{Math.min(...xVals)}\\\"\\n        y1=\\\"{yVal + midHeight}\\\"\\n        x2=\\\"{Math.max(...xVals)}\\\"\\n        y2=\\\"{yVal + midHeight}\\\"\\n      >\u003C/line>\\n\\n      {#each xVals as circleX, i}\\n        \u003Ccircle\\n          cx=\\\"{circleX}\\\"\\n          cy=\\\"{yVal + midHeight}\\\"\\n          r=\\\"{r}\\\"\\n          fill=\\\"{$zScale($config.x[i])}\\\"\\n        >\u003C/circle>\\n      {/each}\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  line {\\n    stroke-width: 1px;\\n    stroke: #000;\\n  }\\n  circle {\\n    stroke: #000;\\n    stroke-width: 1px;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/fruitOrdinal.csv\",\"contents\":\"year,apples,bananas,cherries,dates\\n2019,3840,1920,960,400\\n2018,1600,1440,960,400\\n2017,820,1000,640,400\\n2016,820,560,720,400\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -437,8 +437,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/Column.html b/docs/example/Column.html
index 70661d2d..71e18213 100644
--- a/docs/example/Column.html
+++ b/docs/example/Column.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Column annotated</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -766,7 +766,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/Column.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, Html } from 'layercake';\\n  import { scaleBand } from 'd3-scale';\\n\\n  import Column from './_components/Column.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n  import Annotations from './_components/Annotations.html.svelte';\\n  import Arrows from './_components/Arrows.svelte';\\n  import ArrowheadMarker from './_components/ArrowheadMarker.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/groups.csv';\\n\\n  const xKey = 'year';\\n  const yKey = 'value';\\n\\n  const annotations = [\\n    {\\n      text: 'Example text...',\\n      top: '18%',\\n      left: '30%',\\n      arrows: [{\\n        clockwise: false, // true or false, defaults to true\\n        source: {\\n          anchor: 'left-bottom', // can be `{left, middle, right},{top-middle-bottom}`\\n          dx: -2,\\n          dy: -7\\n        },\\n        target: {\\n          x: '28%',\\n          y: '75%'\\n        }\\n      },\\n      {\\n        source: {\\n          anchor: 'right-bottom',\\n          dy: -7,\\n          dx: 5\\n        },\\n        target: {\\n          x: '68%',\\n          y: '48%'\\n        }\\n      }]\\n    }\\n  ];\\n\\n  data.forEach(d => {\\n    d[yKey] = +d[yKey];\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ top: 0, right: 0, bottom: 20, left: 20 }}\\n    x={xKey}\\n    y={yKey}\\n    xScale={scaleBand().paddingInner(0.02).round(true)}\\n    xDomain={['1979', '1980', '1981', '1982', '1983']}\\n    yDomain={[0, null]}\\n    data={data}\\n  >\\n    \u003CSvg>\\n      \u003CAxisX\\n        gridlines={false}\\n      />\\n\\n      \u003CAxisY\\n        snapBaselineLabel\\n      />\\n      \u003CColumn/>\\n    \u003C/Svg>\\n\\n    \u003CHtml>\\n      \u003CAnnotations {annotations}/>\\n    \u003C/Html>\\n\\n    \u003CSvg>\\n      \u003Csvelte:fragment slot=\\\"defs\\\">\\n        \u003CArrowheadMarker/>\\n      \u003C/svelte:fragment>\\n      \u003CArrows {annotations}/>\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"Since we want an ordinal x-axis and Layer Cake defaults to a linear scale, pass in a custom scale to `xScale` with a few formatting options. Set the y-scale to always start at `0` so you don't show misleading differences between groups. For the annotation arrowhead, note that, depending on your app structure, you may need to provide an [explicit link to your SVG marker id](https://github.com/sveltejs/svelte/issues/3450), such as in `./_components/Arrows.svelte` using `window.location.href`.\\n\",\"components\":[{\"title\":\"./_components/Column.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG column chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, x, yRange, xScale, y, height, zGet, zScale, z } = getContext('LayerCake');\\n\\n  /** @type {String} [fill='#00e047'] - The shape's fill color. */\\n  export let fill = '#00e047';\\n\\n  /** @type {String} [stroke='#000'] - The shape's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=0] - The shape's stroke width. */\\n  export let strokeWidth = 0;\\n\\n  /** @type {Boolean} [false] - Show the numbers for each column */\\n  export let showLabels = false;\\n\\n  $: columnWidth = d => {\\n    const vals = $xGet(d);\\n    return Math.abs(vals[1] - vals[0]);\\n  };\\n\\n  $: columnHeight = d => {\\n    return $yRange[0] - $yGet(d);\\n  };\\n\u003C/script>\\n\\n\u003Cg class=\\\"column-group\\\">\\n  {#each $data as d, i}\\n    {@const colHeight = columnHeight(d)}\\n    {@const xGot = $xGet(d)}\\n    {@const xPos = Array.isArray(xGot) ? xGot[0] : xGot}\\n    {@const colWidth = $xScale.bandwidth ? $xScale.bandwidth() : columnWidth(d)}\\n    {@const yValue = $y(d)}\\n    \u003Crect\\n      class='group-rect'\\n      data-id=\\\"{i}\\\"\\n      data-range=\\\"{$x(d)}\\\"\\n      data-count=\\\"{yValue}\\\"\\n      x=\\\"{xPos}\\\"\\n      y=\\\"{$yGet(d)}\\\"\\n      width=\\\"{colWidth}\\\"\\n      height=\\\"{colHeight}\\\"\\n      {fill}\\n      {stroke}\\n      stroke-width=\\\"{strokeWidth}\\\"\\n    />\\n    {#if showLabels && yValue}\\n      \u003Ctext x=\\\"{xPos + colWidth / 2}\\\" y=\\\"{$height - colHeight - 5}\\\" text-anchor=\\\"middle\\\">{yValue}\u003C/text>\\n    {/if}\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  text {\\n    font-size: 12px;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Annotations.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds text annotations based on a config object that has CSS styles as fields.\\n -->\\n \u003Cscript>\\n   const vals = ['top', 'right', 'bottom', 'left'];\\n\\n   /** @type {Array} annotations - A list of annotation objects. It expects values of `top`, `right`, `bottom` and `left` whose values are CSS values like `'10px'` or `'5%'` that will be used to absolutely position the text div. See the [Column](https://layercake.graphics/example/Column) chart example for the schema and options. */\\n   export let annotations = [];\\n\\n   /** @type {Function} [getText=d => d.text] - An accessor function to get the field to display. */\\n  export let getText = d => d.text;\\n\\n  $: fillStyle = d => {\\n    let style = '';\\n    vals.forEach(val => {\\n      if (d[val]) {\\n        style += `${val}:${d[val]};`;\\n      }\\n    });\\n    return style;\\n  };\\n\u003C/script>\\n\\n\u003Cdiv class=\\\"layercake-annotations\\\">\\n  {#each annotations as d, i}\\n    \u003Cdiv\\n      class=\\\"layercake-annotation\\\"\\n      data-id=\\\"{i}\\\"\\n      style=\\\"{fillStyle(d)}\\\"\\n    >{getText(d)}\u003C/div>\\n  {/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .layercake-annotation {\\n    position: absolute;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Arrows.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds SVG swoopy arrows based on a config object. It attaches arrows to divs, which are created by another component such as [Annotations.html.svelte](https://layercake.graphics/components/Annotations.html.svelte).\\n -->\\n\u003Cscript>\\n  import { getContext, onMount } from 'svelte';\\n  import { swoopyArrow, getElPosition, parseCssValue } from '../_modules/arrowUtils.js';\\n\\n  /** @type {Array} annotations - A list of annotation objects. See the [Column](https://layercake.graphics/example/Column) chart example for the schema and options. */\\n  export let annotations = [];\\n\\n  /** @type {String} [annotationClass='.layercake-annotation'] - The class name of the text annotation divs. */\\n  export let containerClass = '.chart-container';\\n\\n  /** @type {String} [containerClass='.chart-container'] - The class name / CSS selector of the parent element of the `\u003CLayerCake>` component. This is used to crawl the DOM for the text annotations. */\\n  export let annotationClass = '.layercake-annotation';\\n\\n  let container;\\n\\n  const { width, height } = getContext('LayerCake');\\n\\n  /* --------------------------------------------\\n   * Some lookups to convert between x, y / width, height terminology\\n   * and CSS names\\n   */\\n  const lookups = [\\n    { dimension: 'width', css: 'left', position: 'x' },\\n    { dimension: 'height', css: 'top', position: 'y' }\\n  ];\\n\\n  let d = (anno, i, arrow) => '';\\n  let annotationEls;\\n\\n  // This searches the DOM for the HTML annotations\\n  // in the Annotations.svelte componenent and then\\n  // attaches arrows to those divs\\n  // Make sure the `.chart-container` and `.layercake-annotation`\\n  // selectors match what you have in your project\\n  // otherwise it won't find anything\\n  onMount(() => {\\n    annotationEls = Array.from(\\n      container.closest(containerClass)\\n        .querySelectorAll(annotationClass)\\n    );\\n  });\\n\\n  function setPath (w, h) {\\n    return (anno, i, arrow) => {\\n      const el = annotationEls[i];\\n\\n      /* --------------------------------------------\\n       * Parse our attachment directives to know where to start the arrowhead\\n       * measuring a bounding box based on our annotation el\\n       */\\n      const arrowSource = getElPosition(el);\\n      const sourceCoords = arrow.source.anchor.split('-').map((q, j) => {\\n        const point = q === 'middle' ? arrowSource[lookups[j].css] + (arrowSource[lookups[j].dimension] / 2) : arrowSource[q];\\n        return point + (parseCssValue(arrow.source[`d${lookups[j].position}`], i, arrowSource.width, arrowSource.height));\\n      });\\n\\n      /* --------------------------------------------\\n       * Default to clockwise\\n       */\\n      const clockwise = typeof arrow.clockwise === 'undefined' ? true : arrow.clockwise;\\n\\n      /* --------------------------------------------\\n       * Parse where we're drawing to\\n       */\\n      const targetCoords = [arrow.target.x, arrow.target.y].map((q, j) => {\\n        return parseCssValue(q, j, w, h);\\n      });\\n\\n      /* --------------------------------------------\\n       * Create arrow path\\n       */\\n      return swoopyArrow()\\n        .angle(Math.PI / 2)\\n        .clockwise(clockwise)\\n        .x(q => q[0])\\n        .y(q => q[1])([sourceCoords, targetCoords]);\\n    };\\n  }\\n\\n  $: if (annotationEls && annotationEls.length) d = setPath($width, $height);\\n\u003C/script>\\n\\n\u003Cg bind:this={container}>\\n{#if annotations.length}\\n  \u003Cg class=\\\"swoops\\\">\\n    {#each annotations as anno, i}\\n      {#if anno.arrows}\\n        {#each anno.arrows as arrow}\\n          \u003Cpath\\n            marker-end='url(#arrowhead)'\\n            d='{d(anno, i, arrow)}'>\u003C/path>\\n        {/each}\\n      {/if}\\n    {/each}\\n  \u003C/g>\\n{/if}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .swoops {\\n    position: absolute;\\n    max-width: 200px;\\n    line-height: 14px;\\n  }\\n  .swoops path {\\n    fill: none;\\n    stroke: #000;\\n    stroke-width: 1;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/ArrowheadMarker.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG marker containing a marker for a triangle makes a nice arrowhead. Add it to the named slot called \\\"defs\\\" on the SVG layout component.\\n -->\\n\u003Cscript>\\n  /** @type {String} [fill='#000'] – The arrowhead's fill color. */\\n  export let fill = '#000';\\n\\n  /** @type {String} [stroke='#000'] – The arrowhead's fill color. */\\n  export let stroke = '#000';\\n\u003C/script>\\n\\n\u003Cmarker id=\\\"arrowhead\\\" viewBox=\\\"-10 -10 20 20\\\" markerWidth=\\\"17\\\" markerHeight=\\\"17\\\" orient=\\\"auto\\\">\\n  \u003Cpath d=\\\"M-6,-6 L 0,0 L -6,6\\\" {fill} {stroke}/>\\n\u003C/marker>\"}],\"modules\":[],\"componentModules\":[{\"title\":\"./_modules/arrowUtils.js\",\"contents\":\"// Helper functions for creating swoopy arrows\\n\\n/* --------------------------------------------\\n * parseCssValue\\n *\\n * Parse various inputs and return then as a number\\n * Can be a number, which will return the input value\\n * A percentage, which will take the percent of the appropriate dimentions\\n * A pixel value, which will parse as a number\\n *\\n */\\nexport function parseCssValue(d, i, width, height) {\\n  if (!d) return 0;\\n  if (typeof d === 'number') {\\n    return d;\\n  }\\n  if (d.indexOf('%') > -1) {\\n    return ((+d.replace('%', '')) / 100) * (i ? height : width);\\n  }\\n  return +d.replace('px', '');\\n}\\n\\n/* --------------------------------------------\\n * getElPosition\\n *\\n * Constract a bounding box relative in our coordinate space\\n * that we can attach arrow starting points to\\n *\\n */\\nexport function getElPosition(el) {\\n  const annotationBbox = el.getBoundingClientRect();\\n  const parentBbox = el.parentNode.getBoundingClientRect();\\n  const coords = {\\n    top: annotationBbox.top - parentBbox.top,\\n    right: annotationBbox.right - parentBbox.left,\\n    bottom: annotationBbox.bottom - parentBbox.top,\\n    left: annotationBbox.left - parentBbox.left,\\n    width: annotationBbox.width,\\n    height: annotationBbox.height\\n  };\\n  return coords;\\n}\\n\\n/* --------------------------------------------\\n * swoopyArrow\\n *\\n * Adapted from bizweekgraphics/swoopyarrows\\n *\\n */\\nexport function swoopyArrow() {\\n  let angle = Math.PI;\\n  let clockwise = true;\\n  let xValue = d => d[0];\\n  let yValue = d => d[1];\\n\\n  function hypotenuse(a, b) {\\n    return Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));\\n  }\\n\\n  function render(data) {\\n    data = data.map((d, i) => {\\n      return [xValue.call(data, d, i), yValue.call(data, d, i)];\\n    });\\n\\n    // get the chord length (\\\"height\\\" {h}) between points\\n    const h = hypotenuse(data[1][0] - data[0][0], data[1][1] - data[0][1]);\\n\\n    // get the distance at which chord of height h subtends {angle} radians\\n    const d = h / (2 * Math.tan(angle / 2));\\n\\n    // get the radius {r} of the circumscribed circle\\n    const r = hypotenuse(d, h / 2);\\n\\n    /*\\n    SECOND, compose the corresponding SVG arc.\\n      read up: http://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands\\n      example: \u003Cpath d = \\\"M 200,50 a 50,50 0 0,1 100,0\\\"/>\\n                          M 200,50                          Moves pen to (200,50);\\n                                   a                        draws elliptical arc;\\n                                     50,50                  following a degenerate ellipse, r1 == r2 == 50;\\n                                                            i.e. a circle of radius 50;\\n                                           0                with no x-axis-rotation (irrelevant for circles);\\n                                             0,1            with large-axis-flag=0 and sweep-flag=1 (clockwise);\\n                                                 100,0      to a point +100 in x and +0 in y, i.e. (300,50).\\n    */\\n    const path = 'M ' + data[0][0] + ',' + data[0][1] +\\n        ' a ' + r + ',' + r +\\n        ' 0 0,' + (clockwise ? '1' : '0') + ' ' +\\n        (data[1][0] - data[0][0]) + ',' + (data[1][1] - data[0][1]);\\n\\n    return path;\\n  }\\n\\n  render.angle = function renderAngle (_) {\\n    if (!arguments.length) return angle;\\n    angle = Math.min(Math.max(_, 1e-6), Math.PI - 1e-6);\\n    return render;\\n  };\\n\\n  render.clockwise = function renderClockwise (_) {\\n    if (!arguments.length) return clockwise;\\n    clockwise = !!_;\\n    return render;\\n  };\\n\\n  render.x = function renderX (_) {\\n    if (!arguments.length) return xValue;\\n    xValue = _;\\n    return render;\\n  };\\n\\n  render.y = function renderY (_) {\\n    if (!arguments.length) return yValue;\\n    yValue = _;\\n    return render;\\n  };\\n\\n  return render;\\n}\"}],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/groups.csv\",\"contents\":\"year,value\\n1979,2\\n1980,3\\n1981,5\\n1982,8\\n1983,18\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -775,8 +775,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/ColumnStacked.html b/docs/example/ColumnStacked.html
index 20933ae9..43f2d9bf 100644
--- a/docs/example/ColumnStacked.html
+++ b/docs/example/ColumnStacked.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Stacked column</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -422,7 +422,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/ColumnStacked.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, flatten, uniques, stack } from 'layercake';\\n\\n  import { scaleBand, scaleOrdinal } from 'd3-scale';\\n  import { format } from 'd3-format';\\n\\n  import ColumnStacked from './_components/ColumnStacked.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/fruitOrdinal.csv';\\n\\n  const xKey = 'year';\\n  const yKey = [0, 1];\\n  const zKey = 'key';\\n\\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\\n  const seriesColors = ['#00e047', '#7ceb68', '#b7f486', '#ecfda5'];\\n\\n  /* --------------------------------------------\\n   * Cast data\\n   */\\n  data.forEach(d => {\\n    seriesNames.forEach(name => {\\n      d[name] = +d[name];\\n    });\\n  });\\n\\n  const formatLabelY = d => format(`~s`)(d);\\n\\n  const stackedData = stack(data, seriesNames);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n      padding={{ top: 0, right: 0, bottom: 20, left: 20 }}\\n      x={d => d.data[xKey]}\\n      y={yKey}\\n      z={zKey}\\n      xScale={scaleBand().paddingInner(0.02).round(true)}\\n      xDomain={uniques(data, xKey)}\\n      zScale={scaleOrdinal()}\\n      zDomain={seriesNames}\\n      zRange={seriesColors}\\n      flatData={flatten(stackedData)}\\n      data={stackedData}\\n  >\\n    \u003CSvg>\\n      \u003CAxisX\\n        gridlines={false}\\n      />\\n      \u003CAxisY\\n        ticks={4}\\n        gridlines={false}\\n        format={formatLabelY}\\n      />\\n      \u003CColumnStacked/>\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"Stacked column chart using Layer Cake's [stack function](/guide#stack). Because this will create a nested data structure, we use LayerCake's `flatten` function to pass to the `flatData` prop. See the [server-side rendered example](/example-ssr/ColumnStacked) for the basic D3 function usage.\\n\",\"components\":[{\"title\":\"./_components/ColumnStacked.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG column chart. It uses the z-scale for color assignments and aassumes both `xScale` and `zScale` are ordinal scales.  It assumes your data is in a [D3 stack format](https://github.com/d3/d3-shape#stack\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, zGet, xScale } = getContext('LayerCake');\\n\u003C/script>\\n\\n\u003Cg class=\\\"column-group\\\">\\n  {#each $data as series, i}\\n    {#each series as d}\\n      {@const yVals = $yGet(d)}\\n      {@const columnHeight = yVals[0] - yVals[1]}\\n      \u003Crect\\n        class='group-rect'\\n        data-id=\\\"{i}\\\"\\n        x=\\\"{$xGet(d)}\\\"\\n        y=\\\"{yVals[1]}\\\"\\n        width={$xScale.bandwidth()}\\n        height=\\\"{columnHeight}\\\"\\n        fill={$zGet(series)}\\n      >\u003C/rect>\\n    {/each}\\n  {/each}\\n\u003C/g>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/fruitOrdinal.csv\",\"contents\":\"year,apples,bananas,cherries,dates\\n2019,3840,1920,960,400\\n2018,1600,1440,960,400\\n2017,820,1000,640,400\\n2016,820,560,720,400\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -431,8 +431,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/Histogram.html b/docs/example/Histogram.html
index 64dcca0e..f413afa4 100644
--- a/docs/example/Histogram.html
+++ b/docs/example/Histogram.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Histogram (variable bins)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -476,7 +476,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/Histogram.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, bin, takeEvery } from 'layercake';\\n\\n  import { extent } from 'd3-array';\\n  import { scaleBand } from 'd3-scale';\\n  import { format } from 'd3-format';\\n\\n  import Column from './_components/Column.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n\\n  import calcThresholds from './_modules/calcThresholds.js';\\n\\n  import data from './_data/unemployment.js';\\n\\n  const f = format('.2f');\\n\\n  const xKey = ['x0', 'x1'];\\n  const yKey = 'length';\\n\\n  let binCount = 40;\\n\\n  const domain = extent(data);\\n\\n  $: thresholds = calcThresholds(domain, binCount);\\n  $: slimThresholds = takeEvery(thresholds, 5);\\n\\n  $: binnedData = bin(data, d => d, {\\n    domain,\\n    thresholds\\n  })\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n  input {\\n    height: auto;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"input-container\\\" style=\\\"position: absolute;right:10px;z-index: 9;\\\">\\n  \u003Cinput\\n    style=\\\"margin:0;\\\"\\n    type=\\\"range\\\"\\n    min=\\\"4\\\"\\n    max=\\\"100\\\"\\n    step=\\\"4\\\"\\n    bind:value={binCount}\\n  /> \u003Cspan class=\\\"counter-container\\\" style=\\\"display:inline-block;vertical-align:top;width: 70px;text-align:right;\\\">{binCount} bins\u003C/span>\\n\u003C/div>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ top: 20, right: 5, bottom: 20, left: 30 }}\\n    x={xKey}\\n    y={yKey}\\n    xDomain={thresholds}\\n    xScale={scaleBand().paddingInner(0)}\\n    yDomain={[0, null]}\\n    data={binnedData}\\n  >\\n    \u003CSvg>\\n      \u003CAxisX\\n        gridlines={false}\\n        baseline\\n        ticks={slimThresholds}\\n        format={d => +f(d)}\\n      />\\n      \u003CAxisY\\n        gridlines={false}\\n        ticks={3}\\n      />\\n      \u003CColumn\\n        fill={'#fff'}\\n        stroke={'#000'}\\n        strokeWidth={1}\\n      />\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"Histogram chart using Layer Cake's [bin function](/guide#bin). Because this will create a nested data structure, we use LayerCake's `flatten` function to pass to the `flatData` prop. See the [server-side rendered example](/example-ssr/Histogram) for the basic D3 function usage.\\n\",\"components\":[{\"title\":\"./_components/Column.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG column chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, x, yRange, xScale, y, height, zGet, zScale, z } = getContext('LayerCake');\\n\\n  /** @type {String} [fill='#00e047'] - The shape's fill color. */\\n  export let fill = '#00e047';\\n\\n  /** @type {String} [stroke='#000'] - The shape's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=0] - The shape's stroke width. */\\n  export let strokeWidth = 0;\\n\\n  /** @type {Boolean} [false] - Show the numbers for each column */\\n  export let showLabels = false;\\n\\n  $: columnWidth = d => {\\n    const vals = $xGet(d);\\n    return Math.abs(vals[1] - vals[0]);\\n  };\\n\\n  $: columnHeight = d => {\\n    return $yRange[0] - $yGet(d);\\n  };\\n\u003C/script>\\n\\n\u003Cg class=\\\"column-group\\\">\\n  {#each $data as d, i}\\n    {@const colHeight = columnHeight(d)}\\n    {@const xGot = $xGet(d)}\\n    {@const xPos = Array.isArray(xGot) ? xGot[0] : xGot}\\n    {@const colWidth = $xScale.bandwidth ? $xScale.bandwidth() : columnWidth(d)}\\n    {@const yValue = $y(d)}\\n    \u003Crect\\n      class='group-rect'\\n      data-id=\\\"{i}\\\"\\n      data-range=\\\"{$x(d)}\\\"\\n      data-count=\\\"{yValue}\\\"\\n      x=\\\"{xPos}\\\"\\n      y=\\\"{$yGet(d)}\\\"\\n      width=\\\"{colWidth}\\\"\\n      height=\\\"{colHeight}\\\"\\n      {fill}\\n      {stroke}\\n      stroke-width=\\\"{strokeWidth}\\\"\\n    />\\n    {#if showLabels && yValue}\\n      \u003Ctext x=\\\"{xPos + colWidth / 2}\\\" y=\\\"{$height - colHeight - 5}\\\" text-anchor=\\\"middle\\\">{yValue}\u003C/text>\\n    {/if}\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  text {\\n    font-size: 12px;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"}],\"modules\":[{\"title\":\"./_modules/calcThresholds.js\",\"contents\":\"export default function calcThresholds(domain = [0, 1], n) {\\n  const breaks = [domain[0]];\\n  const brk = (domain[1] - domain[0]) / n;\\n  while (breaks[breaks.length - 1] \u003C domain[1]) {\\n    const node = breaks[breaks.length - 1] + brk;\\n    breaks.push(node);\\n  }\\n  return breaks;\\n}\"},{\"title\":\"./_data/unemployment.js\",\"contents\":\"export default [5.1,4.9,8.6,6.2,5.1,7.1,6.7,6.1,5,5,5.2,7.9,11.1,5.9,5.5,5.6,6.5,7.7,5.7,6.7,5.7,4.8,5.6,9.5,5.7,4.7,6.3,5.7,6.6,5.5,5.4,9.3,7.6,6.3,5.6,5.9,5.5,5.2,6,6.4,4.9,5,10.3,7.2,4.9,6.9,6.1,5.1,6.5,8.6,5.6,5.2,10.9,6.7,6.4,5.7,5.3,5,4.2,7.3,6.4,5.1,5.5,7.2,8.3,13.9,7,1.9,2.2,5,14.1,5.6,3.2,8.1,4.9,5.9,7.3,3.6,6.9,4.4,4.8,21.7,9.2,7.4,13.6,6.9,16.5,5.7,9.4,3,3,8.7,5.4,5.4,5.8,16.4,11.8,6.5,6.4,7.6,7.3,7.7,6.6,4.9,7,8.5,5.4,5.9,13,5,24.4,3.2,6.3,4.1,2.7,3.3,5.9,5.1,2.8,6,4.5,5,5.7,4.4,5.7,5.9,3.1,3.7,4.4,3.9,5,5.1,5.7,3.7,3.9,3.9,4,3.2,4,3.7,3.6,3.4,5,5.3,5.9,5.9,4.8,6.2,4.5,4.5,4.9,5.1,4.4,3.2,3,3.8,4.3,7.1,4.5,4.6,3.7,3.6,5.6,4.4,5.5,3.8,4.1,4.7,4.7,3.7,3.5,4.6,5,3,3.7,4.3,3.5,4.8,5.2,4.8,5.6,6.4,2.6,4.8,5.3,4.4,4.6,7.3,5.7,6.6,5.7,10,4.7,7.3,5.1,8.7,7.9,5.1,26.4,4.9,9.7,8.9,6.3,6.1,5.3,8.2,3.5,5.4,5,9.2,6.6,5.2,5.6,4,4.8,4.3,4.7,7.1,6.9,5.7,6.2,6.2,5,3.5,7.7,4.5,3.2,4.8,4,5.7,6.8,6.6,7.1,5.7,4.1,7.9,7.9,7.4,5.9,10.6,6.1,5.7,5.5,8,3.6,4.3,3.2,3.1,1.8,3.1,2.9,3.1,2.4,2.7,3.3,4.9,4.8,3.6,3,4.7,3.2,4.1,2.8,2.5,2.6,3.9,5.1,3.3,2.6,2.3,2.1,2,6.2,2.3,3.1,2.1,1.8,2.6,2.9,2.9,5,2.5,3.3,5.3,1.7,3.6,4.5,3.9,3.5,4.6,3.2,2.7,2.3,2.7,3.5,4.9,5.1,5.1,2.6,5.9,2.4,2.4,2.2,2.1,3.7,2.1,3.5,2.2,5.2,6,4.8,4.8,6.1,5.4,4.8,5.8,5.1,4.5,3.7,6.5,4.4,4.7,4.6,4.2,5.2,4.6,5.9,5.3,6.8,4.4,5.3,4.8,6.1,5.3,5.1,5,5.4,4.1,6.3,5.1,6.9,4.3,4.4,7.2,11.5,6,6.9,4.5,5.6,6.6,5.4,5.3,3.8,4.7,4.7,4.7,5.2,5.4,5.3,4.6,5.9,5,5.6,3.1,4.6,3.9,5.8,4.3,5,5.1,5.1,4.3,5.8,6,3.6,6,4.6,4.5,4.2,6.7,5.1,5.5,4.6,5,4.1,4.1,5,6.9,4.6,5.2,8.3,7.2,4.8,4.6,5,8.1,6.1,5.7,7.6,6.6,4.8,4.8,5.6,7.5,5.2,6,5.7,4.7,5.9,4.8,5.8,5,8.6,6.1,4.1,5.4,9.6,6.4,6,4.4,5.6,5.3,4.8,5.2,4.9,5.5,5.9,5.1,4.5,6.5,5.2,7,5.5,6.8,5.3,6.7,4.5,4.7,6.2,7.4,4.8,5,4.7,5.9,4.1,5.5,5.2,5.4,6.3,5,5.3,5.4,5.9,4.6,5,4.4,8.9,5.6,4.7,5.3,5.8,5.4,5.3,7.3,4.1,4.7,6.3,7,7.1,6,4.6,6.4,5.3,6.4,4.8,5.7,5.7,5.6,5.2,5,7.2,5.5,7.6,4.7,6.9,6.8,5.5,6.3,4.9,7.1,4.8,6.6,6.6,5.8,4,4.5,4.5,6.4,4.8,5.3,5.1,5.7,5.6,6.8,7.7,5.4,8.6,6.5,5.5,6.4,6.9,7.5,6.5,5.9,5.8,7.4,6.6,6.6,5.4,7,7.7,6,6.3,5.6,7.3,6.3,7.3,5,6.4,8.2,4.5,6.2,5.3,4.7,5.4,7,6.3,6.6,8.6,8.5,4.4,5.7,6.8,6.7,6,5.8,4.1,3,3.4,3.4,3.5,4.9,3.6,3.4,4.6,3.7,2.8,4.9,4.3,3.2,4.1,3.7,2.6,4.4,3.2,2.9,3.3,5.9,4.1,4.2,2.9,3.2,4.3,3,4.8,3.1,2.8,4,3.2,4.8,6.9,3.6,2.9,3.1,3.1,3.1,3.7,4.1,4.2,5.9,2,3.4,4.2,5.3,4.7,9.5,4.7,5.8,3.2,5.8,5.7,4.8,4.8,5,5.8,5.5,6.4,4.1,6,5.7,5.6,5,5,5.6,4.6,4.4,6.1,5.2,4.5,6,5.3,8,6.9,7.6,5.3,5.9,6.1,6.9,8.1,5.8,5.4,4.9,5.5,6.2,6.5,5.5,4.4,8.3,5.1,6.1,4.7,5.6,4.8,6.2,7.6,4.8,5.2,5.1,6.8,4.6,5.1,6.6,5.5,6,6.2,5.9,7.1,7.4,3.9,5.3,3.9,6.3,4.6,4.5,5.3,6.6,6.9,4.8,4.4,6.8,8.6,5.2,4.8,5.8,6,6.2,8.1,4.6,4.9,4.3,5.6,6.7,5.6,6,7.1,7.1,6.5,5.2,3.8,8.4,6.2,5.8,5.4,6.2,6.4,4.9,3.8,4.3,3.6,4.3,5.7,3.6,3.8,4.4,4.7,4.4,5,4,5.6,3.6,4.7,3.6,4.2,5.5,3.3,4,5.9,4.4,5.9,4.2,4.8,3.8,5.1,6.6,3.4,4,4.4,3.6,4.7,4.8,4.2,4,5.1,4.7,5,4.8,3.8,4.5,4,3.7,6.6,6,5.6,4.9,4.7,3.9,4.1,4.8,5.1,4.1,4.2,5.3,4.2,4.9,5.2,5.4,5.1,4.9,4.6,5.3,4.3,4.6,4.5,4.5,4.5,4,5,4.9,4,4.2,5.2,3.8,6.1,5.3,4.3,3.8,4.2,4.4,6.5,5.7,4.5,5,4.4,4.6,4.9,3.6,3.9,4,3.4,2.9,4.9,5.7,3.7,4,5.8,3.4,4.2,4.6,4.4,4.5,4.7,3.1,3,3.8,4.4,4.1,4.6,3.4,4.1,4.2,6.1,5.2,3.2,5.3,3.5,3.7,5.9,3.5,4,4.2,5,3.9,3.8,4.1,4.3,3.7,3.6,4,3,4.2,3.7,4.4,3.6,3.2,2.8,3.2,4.5,4,4.6,3.2,4.4,5.1,3,8.1,4.3,4.5,3.8,2.3,3.7,4.3,3.4,4.9,4,3,4.6,5.4,4.2,4.4,3,3.1,6.4,3.9,2.9,3.4,4.1,3.8,4,3.7,3,5.4,3.2,2.4,2.9,4.2,3.9,4.4,4.9,7.4,3.8,3.5,4.6,4.7,4.1,3.6,4.2,3.5,4.5,6.9,4.6,7.4,4.4,5,5.7,4.2,4.6,4.6,5.9,5.2,3.3,3,4.8,5.1,8.2,3.2,5.1,5.4,4.7,4.7,4.7,4.1,3.3,6.8,3.4,4.3,3.5,3.6,4.8,6.4,3,5,3.9,2.6,2.7,5.7,3.2,4,6.3,2.8,2.7,4,4.1,4.5,3.7,3.7,4.8,3.5,6.2,3.9,4.5,4,7,3.2,4.3,3.9,5.9,3.6,2.9,4.3,3.1,6.9,4.3,4.6,3,8.1,4.1,2.9,4.6,4.1,4.5,3.6,3.6,4.1,5,2.6,5.2,3.2,4.8,3.7,5.5,4.7,4.6,4,2.7,5.2,4.9,4.5,2.9,3.8,3.7,5,3.3,4.7,4.9,3.2,4.2,3.8,3.3,3.9,2.6,6.9,6.9,6.1,6.1,3.9,3.6,9,4.3,6.5,8.3,3.5,4.6,8.3,4.5,5.4,8.3,5.7,3.8,4.8,5,4.1,3.5,6.8,5,10.6,4.4,6,4.5,9.7,6.4,5.2,4.6,4,5.4,11.7,5.2,3.3,5.5,10.4,3.6,6.6,4.4,4.3,4.2,6.4,6.2,4,8.8,4.7,4.1,11.6,4.4,4.4,4.5,3.9,5.1,5.5,6.9,4.2,3.6,9.2,3.8,10.5,7.5,3.9,5.8,10.6,8.3,13.2,11.8,8.4,5.6,6.7,4.2,5.6,5.7,7.3,4.5,3.8,16.3,4.3,5.5,9,6,4.7,7.1,4.4,3.8,3.6,6,6.8,6.7,4.3,4.9,6.3,3.1,3.8,8.7,4.3,10.4,10.3,6.9,5,6.1,5.3,5.3,7.6,3.6,3.3,4.2,3.5,4.8,3.9,5,5.4,6.4,3.5,4,6.8,5.5,6.4,9.5,3,7.9,7.5,5.3,9,7.8,6.7,8,5.9,7.4,5.5,8.4,4.8,9.6,7.5,9.2,8,5.7,11.8,6.2,8.5,9.6,7.8,9.7,7.4,6.3,5.9,6.7,6.7,6.7,6.7,7.5,5.3,9.4,10.4,8.1,6.7,6.7,5.9,7.2,6.9,6.8,7.7,7.3,6.9,6,8.5,8.1,7.5,8.9,8.3,10.1,5.7,7.5,10.5,7.3,6.9,7.9,8.1,7.9,9.4,6.1,12,5.5,8.5,3.2,4.8,2.6,4,3.2,3.2,2.7,2.9,4.2,4,4.8,2.6,4.9,3.6,4.6,2.9,6.4,4,4.7,4.1,4.8,3.8,5.3,4.7,6.2,3.9,5.2,4.3,3.4,4.7,3.4,4.6,3.8,4.5,6.5,4,5.2,5.5,5.8,6.9,3.4,3.9,4.7,2.7,3.9,3.3,5.3,3.6,3.2,1.8,3.4,4,3.7,4.1,5.8,6.1,3.3,5,5,6.3,6.8,3.5,4.7,4.6,4.4,4.4,4.4,4.2,3.7,4,6,6,3.4,6.2,5.5,4.5,3.6,4.1,5,5.8,5.5,3.4,4.5,4.9,5.2,4.3,4,3.6,5.8,4.7,4.2,4.6,3.7,5.4,3.2,6.4,6,6.4,3.5,4.4,4.6,4.4,3.1,5.9,4.9,4.9,4.2,4.9,5.1,4.1,4.8,4.3,4.5,7.6,4.8,4.2,4.7,5,6.3,6.6,4.9,5.6,4.9,3,6.6,6.8,4.6,6.5,3.7,5.2,7,4.6,5.3,4.6,3.5,7.3,5.1,5.1,3.8,3.8,4.8,3.7,4,3.3,3.9,4.9,3.4,5.6,4,3.9,3.2,7.6,3.1,7.9,4.3,3.5,3.6,3,3.9,3.7,3.7,3.7,4.1,3.5,3.4,5.5,4.2,7.7,4,5.1,3.5,4.2,7.7,3.9,4.3,4.5,3.7,3.2,3.4,4.1,5.2,5.6,3.9,4,4.8,4.5,3,3.3,2.9,3.6,4.6,3,3.6,4.3,4.8,3,4.4,2.8,3.8,6.3,4,5.2,3.6,2.2,4.3,5.7,3.2,3.6,3.7,3.5,3.8,2.7,4.8,3.9,3,3.2,5.1,4,3.4,5.1,3.4,3.7,3.5,3.7,8.2,5,7.1,6.5,6.5,7.4,5.2,7.3,6.3,5.3,12.3,6.4,7.8,8.1,6.4,5.6,4.1,5.8,6.8,7.7,8,4.9,5.9,5.3,5.2,10.9,11.2,9.9,4.8,6.4,7.8,15.4,9.3,5.9,8.2,4.9,4.5,5.8,7.4,5.6,4.8,9,5.8,5.9,4.2,6.8,5.7,6.3,6.3,5.4,5.9,8,5.6,6.7,5.9,7,6.7,4.5,5.3,8.3,3.8,4.5,8,5.5,5.1,6.8,8.4,5.7,5.4,5.2,5.1,6.1,4.2,7.9,6.4,9.2,7.6,6.1,10.1,7.4,6,7,6.7,4.5,5.9,5.1,5.3,6,6,7.3,6.2,4.1,4.9,6.9,5.6,5.2,5.5,5.3,5.9,7.8,5,6.4,5.1,4.5,8.7,4.5,5,4.6,5.7,5.9,5.6,6.5,4.6,5.1,6.6,7.3,9.1,4.9,5,4.7,4.6,5.6,4.7,5.9,6.6,4,5.4,7.2,8.4,6,5.2,4.9,6.1,4.1,6.2,4.9,5.4,4.9,4.8,9,4.5,4.9,6,6.9,6.8,5,5,5.4,7.7,4.9,5.5,5.1,6.4,9.9,5.5,6,7,4.2,8.8,9.9,4.3,6.1,5.6,5.4,4.4,6.4,6.8,5.1,4.4,6.6,5.5,8.1,8.4,4.1,7.3,5.8,6.7,5.1,5.8,7.6,4.6,6.9,8,4.8,7.1,6,7.4,6.1,7.6,5.8,4.6,7.2,6.1,5.9,3.6,7.3,6.6,2.9,7.7,4.4,4.3,3.5,2.4,3.8,3.6,3.7,2.3,4,4.2,3.1,3.3,4.8,2.3,2.4,9,3.2,5.5,4.9,4.5,2.7,4.8,3.3,3.1,7.9,2.1,3.1,4.2,7.1,3.5,4.3,3.3,3.1,4.6,4.7,2.5,4.5,3,4.5,4.9,6.2,6.8,7,3.2,4.3,3.9,2.9,3.5,3.3,4.1,3,4.9,4.6,3.7,3.3,2.5,5.4,4.2,4.1,2.8,3.6,2.8,3.5,2.8,3.6,3.2,3.5,2.8,2.5,2.5,3.3,3,3.2,3.2,2.6,4.5,3.4,3,3.4,3.4,3.3,3.5,2.5,2.8,3.3,2.8,3.3,3.5,3.2,2.7,2.7,2.6,3.7,3.4,2.9,2.9,2.8,4.1,3.1,2.7,2.9,2.7,3.1,2.4,3,2.3,4.3,2.8,3,3.2,3,3.7,2.5,3,3.7,3.5,2.9,4.3,3,3.6,2.4,2.5,2.8,2.5,3.5,2.7,3.2,3.3,2.6,3.1,3.1,3.2,3.8,3.1,3.4,3.3,2.6,2.7,2.8,3.2,4.6,2.9,3.2,3.4,3.7,2.7,2.9,5.8,6,5.3,4.4,4.7,5.1,5.5,5.9,5.3,7.3,8.6,7.5,6,5.8,4.9,4.6,6,2.6,2.8,2.9,3.5,2.4,3.2,2.6,3.1,2.7,2.5,7.1,4.7,5,6,5.7,7.9,6.6,5.6,5.2,4.1,4.9,4.9,4.8,4.2,5.4,6.8,6.8,4.4,5,5.6,5.1,6.2,6.9,6.9,9.1,5.6,5.4,5,7.1,7.2,6.6,6.4,7.3,5.4,9.8,6,4.5,10,9.8,8,6.4,7,7.3,6.1,7.1,9.4,8.1,5.5,7.8,8,8.3,9.3,4.5,7.6,4,4.9,7.8,5,5.2,4.4,5.1,5.2,4.4,5.1,3.3,4.6,4.9,4,4.6,4.1,4.8,5.2,3.8,4.5,2.9,4.4,5.1,5.9,5.4,4.2,4.6,4.6,5.2,3.8,4.9,5.2,4.3,4.2,3.7,4.2,5.2,5.7,4.3,3.9,5,4.1,5.9,4.1,5.8,3.5,4.2,4.7,4.6,3.8,5,4.3,4.1,4.5,3.7,4.3,4.1,3.8,4.5,4.2,4.1,3.7,4.8,4.5,5.1,5.9,4.5,4.8,5.6,6.4,6.7,5.7,3.9,5.1,4.6,5.3,5.3,4.7,5.5,4.9,4.3,5.4,6.5,5.1,5.6,6.1,5.1,6.3,4.6,4.2,4.9,4.6,5.4,4.5,8.5,4.9,5.1,5.3,5.2,7.1,4.4,5,5.3,7.8,5.8,4.4,4.3,6.5,6.5,6.4,4.7,5.1,4.5,5.1,5.7,5.4,4.6,4.6,5.1,4.9,6.8,4.7,6,5.2,5,6.8,4.7,7.3,5.4,4.5,5.1,6.2,5.2,6.3,5.4,5.7,4.9,4.8,6.9,7.3,5.5,5.5,6.6,5.6,8.9,4.7,4.9,4.8,4.9,4.8,6.2,4.4,7.3,4.2,7,6.9,4.7,5.6,4.7,8.1,4.4,5.1,2.3,3.2,3.1,2.5,3.2,1.8,3.8,2.3,2,1.9,1.8,2,2.2,2.8,3.1,2.5,2.4,2.3,2.1,2.3,2.9,2.6,2,2.9,4.1,2.4,3.1,3.1,4.5,2.9,2.9,2.9,5.3,4.5,3,2.5,1.9,3.5,2.7,14.2,1.6,3.7,5.3,2.3,3.3,1.7,2.1,2,2.7,3.6,3.5,2.7,3.7,6.8,4.6,4.3,5.3,6,3.5,6.3,5,4.2,6,4.1,4.7,4.1,5.4,6,6.2,5.5,5.5,3.7,4.3,3.4,4.6,3.9,3.9,3.9,4,6.4,4.4,4.2,5.8,4.2,3.5,4.9,6.4,4.2,5.5,4.5,3.3,5,7,7.4,4.1,4.8,6.1,4.1,3.9,5.9,4.9,3.5,5.8,4.7,4.3,7.6,3,4,9.1,4.6,6.8,4.4,5.3,7.3,4.6,4.2,5.5,4.2,6.8,4.5,4.3,3.2,4.9,4.8,4.1,7,4.4,3.7,4.9,4.7,6,5,3.5,3.7,5.9,3.9,6.4,3.6,4.1,4,3.4,5.8,3.6,7.1,3.2,7.7,3.7,4.3,5.6,4.3,5.4,5.6,8.3,2.7,4,7.5,4.8,5.2,4.9,6.3,4.9,5.2,4.1,3.7,4.5,5.7,5.2,3.1,7.9,3.6,4.3,8.8,7.5,4.9,8,6.5,6.7,3.6,5.6,9.7,7.4,5.5,4.3,3.3,4.3,7.7,9.5,4.3,5.1,5.5,4.3,6,4,6.5,6.1,4.5,7.4,6.1,5.3,7.1,3.9,6.5,4.2,5,7.7,5.4,5.6,7.3,6.5,10.4,3.5,4.5,5.2,5.2,5,7.2,3.3,6.4,6.7,5,5.2,5.1,7.1,7.3,6.9,7,5.1,7.3,7.1,6.1,5.9,4,6.8,6.6,7.4,7.2,5.7,6.2,5.9,6.7,6.1,5.9,5.8,5,6,4.3,5.2,5.9,6.3,5,5.9,5,4.9,5.4,4.5,5.9,8,6.8,5.8,5.6,5.7,6.5,5.2,5.7,7.7,8.2,6.7,4.8,4.6,7.2,7.5,7.3,6.2,6.7,4.7,5.3,5.6,6.7,7.1,8.5,8.5,5.7,6.3,8.1,7.1,8.3,7.3,5.8,6.4,4.8,7,5.1,6.3,6.9,7,7.2,6.8,6,6.9,4.7,4.9,5.9,6.6,5.1,7.7,6.8,7.8,6.7,5.1,7.5,7,5.4,7.4,5.4,8,5.9,6.6,5.6,6.6,6.2,5.2,5,5.3,4.8,6.3,5,6.1,5.6,9.1,5.2,11.4,8,5.1,5,7.4,4.5,6.6,8.4,5.7,7.1,5.8,6.8,7.1,4.9,6.1,7.7,5.8,6.6,4.7,5.8,6.2,5.4,4.7,5.8,6,5.6,8.2,4.5,5.8,8.6,9.1,4.8,5.5,11.3,5.6,5.4,4.8,5.3,6.5,6.5,7.9,5.2,1.9,2.3,4,2.4,2.5,2.4,2.5,9.8,2.9,2.5,3,2.9,2.7,2.6,5.5,3.1,1.9,3.6,3.2,14.1,2.2,2.1,3.8,2.5,2.5,2.6,2.1,2.4,1.9,3.2,2.1,2,2,2.8,2.8,2.4,2.4,2.1,3,2.9,1.8,5,2.1,3.6,2.8,2.7,3.8,2.4,2.2,3.6,13.2,2.6,2.8,2.3,3.3,2.5,2.6,2,1.9,6.8,1.9,2.4,2.9,4.3,2.3,5.6,5.1,5.3,7.4,6.6,4.5,4.7,6.7,4.9,7.1,5.9,4,5.7,6.4,6.4,6,4.9,5.2,5.9,3.8,7.3,5.8,4.4,6.1,5.3,6,5.7,6.2,4.3,5.4,5.8,6.6,5.3,5,8,6.2,6.2,5.5,6.5,7,6,4.6,7.7,6.2,7.3,5.4,4.9,4.3,7.3,7.8,5.9,5.8,4.4,4.8,5.8,7.4,4.5,5.3,6.7,4.8,4.2,7.2,5.5,5.5,4.2,6.6,7.5,5.6,6.2,5.7,5.8,5.2,7.5,5.8,4.4,4,7.4,6.1,4.2,5.8,4.6,6.8,5.5,4.1,5.9,4.9,6.9,5.9,5.8,4.8,5.1,6.2,7.3,5.4,3.7,4,4.8,4.9,6.6,5.9,4.5,3.5,5.7,5.9,4.6,4.3,4.1,3.5,8.5,4.8,4.1,3.3,3.4,4.7,5.4,5.7,3.9,4.3,4.8,12.5,4.8,5.2,3.8,4.5,5.5,4.6,7.6,7.8,3.5,8.2,3.5,6.8,5.5,3.5,4.5,6,3.9,6.4,3.8,3.6,5.3,4.2,4.6,3.2,4.2,4.9,5,9.1,6.7,5.1,4.1,2.5,4.2,6,3.5,4.3,3.7,6,5.7,7.4,5.3,12.1,5.7,6.8,5.2,4.1,5.4,4.7,4.6,4.1,4.1,4.7,5.5,4.6,5.7,5.5,7.2,5.4,3.7,5.9,3.8,3.1,4.3,5.7,4.6,7.3,4,6.8,7.6,4,6.4,8.2,5.3,3.2,4.2,6.8,5.8,6.7,2.1,5.1,3.7,3.8,5.3,8.4,4.8,5.1,5,4.5,5,6.1,7,4.5,6.7,3.3,5.2,5.3,8.8,2.9,7.6,9.9,11.3,4.7,6.2,5.3,4,3.6,5.4,2.9,3.9,3.9,3.6,6.6,7.9,5.3,5.4,7.1,4.6,5.7,4.7,4.2,7.3,8.5,6.2,5.1,5.5,4.3,4.4,3.7,4.5,5.1,4.4,2.2,4.8,7.7,4.8,3.7,7.6,11.4,4.8,5,4.6,5.6,4.6,7.3,5.1,5.5,3.2,13.1,3.9,5.5,4.6,7.9,5.1,5.9,5.4,3.4,7.5,5.9,7.5,4.3,2.8,5.9,7.1,3.6,11.9,4.5,3.2,7.7,5.3,6.6,6.1,7.4,4.9,5.5,3.9,4.8,6.4,9.8,9.6,6.9,7.8,3.9,5.9,6.3,4,6.5,3.4,5.1,5.1,14.1,5.9,3.8,4.9,8.5,4.7,4.2,4,4.1,5.5,4,7.2,4.7,3.4,6.7,8.2,7.3,5,5.6,6.7,4.6,5.7,6.2,6.4,5.8,5.6,5.2,5.4,4.4,4.6,5.4,13.3,3.6,4.2,8.5,5.1,5.8,5,4.8,11.2,17.3,6.1,3.3,3,6.1,3.4,3.1,8.6,5.9,5.3,3.5,4.6,3.4,2.8,3.2,2.8,4.8,2.2,3.2,7.3,4,4.2,2.9,3.9,9.8,3.1,3,3.5,5.3,3.7,3.1,4,4.2,2.7,5.2,3.2,3.7,3.7,2.9,4.5,4,3.1,3.3,3.1,4.3,3.6,4.9,4.3,4.6,4.7,2.6,3.6,3.6,4.1,6.4,3.5,5.9,10.9,5.1,4.5,4.3,5.9,4.4,5.2,3.8,3.3,4.4,3.8,4.6,10,4.8,4.7,3.2,3.4,4.4,3.4,4.3,3.4,6.9,3.6,3.6,5.2,3.2,5.1,6.2,3.5,3.9,5.4,3,4.4,3.8,4.2,4.1,3.7,4.4,6.9,3.2,3.7,4.6,3.1,3.8,5.6,3.7,4.5,3.5,3.3,5,4.4,4,3.9,4.5,4.5,4.9,3.6,5.6,4.9,3.6,10,3.5,3.3,3.6,4.3,3.6,6.5,4.6,3.6,5.6,3.8,4.1,4,5.6,5.9,8.1,3.9,4.6,4.2,8.7,7,4,2.9,5.2,5.1,3.5,4.4,4.5,5.8,6.6,6.4,3.1,2.7,5.9,4.7,5.1,5.7,5.2,6.5,7.4,5.5,3.5,3.5,6.8,5.1,5.4,7.2,7.4,3.6,6.2,6.7,4.7,4.4,4,3.9,4.7,4,4.1,5.9,3.9,4.8,4.7,6.5,5.1,7.6,6.6,5.9,7.6,6.6,9.8,6.5,5.3,6.6,8.7,6,7.2,3.9,5.9,5.8,6.5,8.1,4.1,8.3,6.1,7.7,8.9,6.5,3.9,6.7,6.7,4.3,6.3,7.9,5.9,8.4,5.6,6.3,5.5,7.3,5.8,4,8.5,6.9,6.5,4.8,8.5,9.1,4.9,6.8,6.8,6.1,4.5,4.1,6.5,5.3,5.4,5.9,3.4,5.2,7.1,7.4,10,13.1,6,7,7,6.7,6,11.7,4.5,4.5,4.5,8.5,5.3,3.5,7.5,5.1,5.2,4.6,6.3,5.3,5.9,8.5,5.5,5.2,4.8,8.1,7,6.3,8.2,8.1,8.1,5.7,9.4,5.6,5.1,3.9,5.8,3.6,4.2,4.9,3.4,3.6,3.2,3.3,4.3,2.8,3.7,3.4,5.2,3.8,3.4,5.5,3.6,6.2,3.7,3.1,3.9,3,7,3.7,3.9,4,4.8,3.1,3.7,2.9,5.4,4.3,4.3,3.4,5.2,4.7,8.6,5.5,3.5,3.9,4.3,3.5,3.4,3.2,3.8,3.8,3.5,3.8,5.3,3.4,4.3,4.5,3.5,3.1,5.6,3.9,3.3,3.5,3.4,3.1,4.5,4,4.6,3.4,3.6,3.7,4.6,3.7,4.7,3.3,4.4,6.8,4.1,6,4,6.6,3.3,4.3,4.4,4,3.8,6.8,3.3,3.7,4.6,4,5.4,5.7,2,5.3,4.5,4.9,15.7,14.5,14.9,14.5,15.1,13,13.7,18.7,15,14.1,9.2,12.9,10.7,12.8,12.4,8.8,9.9,11.2,13.4,16.9,10.6,19.5,13.7,12.6,3.8,8.5,13.8,15.4,17.9,17.3,18.1,6.3,9.2,14.1,12.7,14.2,14.3,12.5,15.8,13.4,18.8,17.8,13.7,14.7,12.7,15,12.2,13.7,17.7,14.5,15.6,14.3,12.8,13.6,15.4,20.6,16.9,13.8,16.1,13.3,11.5,16.5,23.4,15.4,8.2,13.2,18.1,20.6,8.9,9.1,7.6,15.3,12,14.3,11.3,19.6,16.6,18];\"}],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -485,8 +485,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/Line.html b/docs/example/Line.html
index b7301005..308fed73 100644
--- a/docs/example/Line.html
+++ b/docs/example/Line.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Line + area</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -464,7 +464,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/Line.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg } from 'layercake';\\n\\n  import Line from './_components/Line.svelte';\\n  import Area from './_components/Area.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/points.csv';\\n\\n  const xKey = 'myX';\\n  const yKey = 'myY';\\n\\n  data.forEach(d => {\\n    d[yKey] = +d[yKey];\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ top: 8, right: 10, bottom: 20, left: 25 }}\\n    x={xKey}\\n    y={yKey}\\n    yDomain={[0, null]}\\n    data={data}\\n  >\\n    \u003CSvg>\\n      \u003CAxisX/>\\n      \u003CAxisY\\n        ticks={4}\\n      />\\n      \u003CLine/>\\n      \u003CArea/>\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A simple line and area chart.\\n\",\"components\":[{\"title\":\"./_components/Line.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet } = getContext('LayerCake');\\n\\n  /** @type {String} [stroke='#ab00d6'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let stroke = '#ab00d6';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\u003C/script>\\n\\n\u003Cpath class='path-line' d='{path}' {stroke}>\u003C/path>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 2;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Area.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale, extents } = getContext('LayerCake');\\n\\n  /**  @type {String} [fill='#ab00d610'] The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#ab00d610';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\\n  let area;\\n\\n  $: {\\n    const yRange = $yScale.range();\\n    area = path + (\\n      'L' + $xScale($extents.x ? $extents.x[1] : 0) + ',' + yRange[0] +\\n      'L' + $xScale($extents.x ? $extents.x[0] : 0) + ',' + yRange[0] +\\n      'Z'\\n    );\\n  }\\n\u003C/script>\\n\\n\u003Cpath class='path-area' d='{area}' {fill}>\u003C/path>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/points.csv\",\"contents\":\"myX,myY\\n1979,7.19\\n1980,7.83\\n1981,7.24\\n1982,7.44\\n1983,7.51\\n1984,7.1\\n1985,6.91\\n1986,7.53\\n1987,7.47\\n1988,7.48\\n1989,7.03\\n1990,6.23\\n1991,6.54\\n1992,7.54\\n1993,6.5\\n1994,7.18\\n1995,6.12\\n1996,7.87\\n1997,6.73\\n1998,6.55\\n1999,6.23\\n2000,6.31\\n2001,6.74\\n2002,5.95\\n2003,6.13\\n2004,6.04\\n2005,5.56\\n2006,5.91\\n2007,4.29\\n2008,4.72\\n2009,5.38\\n2010,4.92\\n2011,4.61\\n2012,3.62\\n2013,5.35\\n2014,5.28\\n2015,4.63\\n2016,4.72\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -473,8 +473,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/MapLayered.html b/docs/example/MapLayered.html
index 2537e015..ff93c7c9 100644
--- a/docs/example/MapLayered.html
+++ b/docs/example/MapLayered.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Multilayer map (canvas + svg)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -772,7 +772,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/MapLayered.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, Canvas, Html } from 'layercake';\\n  import { feature } from 'topojson-client';\\n  import { geoAlbersUsa } from 'd3-geo';\\n  import { scaleQuantize } from 'd3-scale';\\n\\n  // For a map example with a tooltip, check out https://layercake.graphics/example/MapSvg\\n\\n  import MapSvg from './_components/Map.svg.svelte';\\n  import MapCanvas from './_components/Map.canvas.svelte';\\n  import MapLabels from './_components/MapLabels.html.svelte';\\n\\n  // This example loads json data as json using @rollup/plugin-json\\n  import usStates from './_data/us-states.topojson.json';\\n  import stateData from './_data/us-states-data.json';\\n  import stateLabels from './_data/us-states-labels.json';\\n\\n  const colorKey = 'myValue';\\n  const labelCoordinatesKey = 'center';\\n  const labelNameKey = 'abbr';\\n\\n  const geojson = feature(usStates, usStates.objects.collection);\\n  const projection = geoAlbersUsa;\\n\\n  /* --------------------------------------------\\n  * Create lookups to more easily join our data\\n  * `dataJoinKey` is the name of the field in the data\\n  * `mapJoinKey` is the name of the field in the map file\\n  */\\n  const dataJoinKey = 'name';\\n  const mapJoinKey = 'name';\\n  const dataLookup = new Map();\\n\\n  stateData.forEach(d => {\\n    dataLookup.set(d[dataJoinKey], d[colorKey]);\\n  });\\n\\n  // Exclude some for space reasons\\n  const labelsToExclude = ['VT', 'MD', 'NJ', 'RI', 'DC', 'DE', 'WV', 'MA', 'CT', 'NH'];\\n  const labelsToDisplay = stateLabels.filter(d => {\\n    return !labelsToExclude.includes(d[labelNameKey]);\\n  });\\n\\n  // Create a flat array of objects that LayerCake can use to measure\\n  // extents for the color scale\\n  const flatData = geojson.features.map(d => d.properties);\\n  const colors = ['#ffdecc', '#ffc09c', '#ffa06b', '#ff7a33'];\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    data={geojson}\\n    z={d => dataLookup.get(d[mapJoinKey])}\\n    zScale={scaleQuantize()}\\n    zRange={colors}\\n    {flatData}\\n  >\\n    \u003CCanvas>\\n      \u003CMapCanvas\\n        {projection}\\n        fill='#fff'\\n      />\\n    \u003C/Canvas>\\n\\n    \u003CSvg>\\n      \u003CMapSvg\\n        {projection}\\n        features={geojson.features.slice(40, 50)}\\n      />\\n    \u003C/Svg>\\n\\n    \u003CHtml\\n      pointerEvents={false}\\n    >\\n      \u003CMapLabels\\n        {projection}\\n        features={labelsToDisplay}\\n        getCoordinates={d => d[labelCoordinatesKey]}\\n        getLabel={d => d[labelNameKey]}\\n      />\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A canvas layer and an SVG layer. This technique is useful if you have a background layer that would require a large number of DOM nodes. Rendering that layer with canvas will speed up the page. The shapes you actually care about are in SVG to make styling and mouse interaction easier.\\n\",\"components\":[{\"title\":\"./_components/Map.svg.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG map using the `geoPath` function from [d3-geo](https://github.com/d3/d3-geo).\\n -->\\n\u003Cscript>\\n  import { getContext, createEventDispatcher } from 'svelte';\\n  import { geoPath } from 'd3-geo';\\n  import { raise } from 'layercake';\\n\\n  const { data, width, height, zGet } = getContext('LayerCake');\\n\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  export let projection;\\n\\n  /** @type {Number} [fixedAspectRatio] - By default, the map fills to fit the $width and $height. If instead you want a fixed-aspect ratio, like for a server-side rendered map, set that here. */\\n  export let fixedAspectRatio = undefined;\\n\\n  /** @type {String} [fill] - The shape's fill color. By default, the fill will be determined by the z-scale, unless this prop is set. */\\n  export let fill = undefined;\\n\\n  /** @type {String} [stroke='#333'] - The shape's stroke color. */\\n  export let stroke = '#333';\\n\\n  /** @type {Number} [strokeWidth=0.5] - The shape's stroke width. */\\n  export let strokeWidth = 0.5;\\n\\n  /** @type {Array} [features] - A list of GeoJSON features. Use this if you want to draw a subset of the features in `$data` while keeping the zoom on the whole GeoJSON feature set. By default, it plots everything in `$data.features` if left unset. */\\n  export let features = undefined;\\n\\n  /* --------------------------------------------\\n   * Here's how you would do cross-component hovers\\n   */\\n  const dispatch = createEventDispatcher();\\n\\n  $: fitSizeRange = fixedAspectRatio ? [100, 100 / fixedAspectRatio] : [$width, $height];\\n\\n  $: projectionFn = projection()\\n    .fitSize(fitSizeRange, $data);\\n\\n  $: geoPathFn = geoPath(projectionFn);\\n\\n  function handleMousemove(feature) {\\n    return function handleMousemoveFn(e) {\\n      raise(this);\\n      // When the element gets raised, it flashes 0,0 for a second so skip that\\n      if (e.layerX !== 0 && e.layerY !== 0) {\\n        dispatch('mousemove', { e, props: feature.properties });\\n      }\\n    }\\n  }\\n\u003C/script>\\n\\n\u003Cg\\n  class=\\\"map-group\\\"\\n  on:mouseout={(e) => dispatch('mouseout')}\\n  on:blur={(e) => dispatch('mouseout')}\\n>\\n  {#each (features || $data.features) as feature}\\n    \u003Cpath\\n      class=\\\"feature-path\\\"\\n      fill=\\\"{fill || $zGet(feature.properties)}\\\"\\n      stroke={stroke}\\n      stroke-width={strokeWidth}\\n      d=\\\"{geoPathFn(feature)}\\\"\\n      on:mouseover={(e) => dispatch('mousemove', { e, props: feature.properties })}\\n      on:focus={(e) => dispatch('mousemove', { e, props: feature.properties })}\\n      on:mousemove={handleMousemove(feature)}\\n    >\u003C/path>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  /* .feature-path {\\n    stroke: #333;\\n    stroke-width: 0.5px;\\n  } */\\n  .feature-path:hover {\\n    stroke: #000;\\n    stroke-width: 2px;\\n  }\\n  /**\\n   * Disable the outline on feature click.\\n   * Depending on map funtionality and accessiblity issues,\\n   * you may not want this rule. Read more:\\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/:focus\\n   * https://github.com/mhkeller/layercake/issues/63\\n   */\\n  .feature-path:focus {\\n    outline: none;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Map.canvas.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a canvas map using the `geoPath` function from [d3-geo](https://github.com/d3/d3-geo).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { scaleCanvas } from 'layercake';\\n  import { geoPath } from 'd3-geo';\\n\\n  const { data, width, height, zGet } = getContext('LayerCake');\\n\\n  const { ctx } = getContext('canvas');\\n\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  export let projection;\\n\\n  /** @type {String} [stroke='#ccc'] - The shape's stroke color. */\\n  export let stroke = '#ccc';\\n\\n  /** @type {Number} [strokeWidth=1] - The shape's stroke width. */\\n  export let strokeWidth = 1;\\n\\n  /** @type {String} [fill] - The shape's fill color. By default, the fill will be determined by the z-scale, unless this prop is set. */\\n  export let fill = undefined;\\n\\n  /** @type {Array} [features] - A list of GeoJSON features. Use this if you want to draw a subset of the features in `$data` while keeping the zoom on the whole GeoJSON feature set. By default, it plots everything in `$data.features` if left unset. */\\n  export let features = undefined;\\n\\n  $: projectionFn = projection()\\n    .fitSize([$width, $height], $data);\\n\\n  $: geoPathFn = geoPath(projectionFn);\\n\\n  $: featuresToDraw = features || $data.features;\\n\\n  $: {\\n    if ($ctx && geoPath) {\\n      scaleCanvas($ctx, $width, $height);\\n      $ctx.clearRect(0, 0, $width, $height);\\n\\n      featuresToDraw.forEach(feature => {\\n        $ctx.beginPath();\\n        // Set the context here since setting it in `$: geoPath` is a circular reference\\n        geoPathFn.context($ctx);\\n        geoPathFn(feature);\\n\\n        $ctx.fillStyle = fill || $zGet(feature.properties);\\n        $ctx.fill();\\n\\n        $ctx.lineWidth = strokeWidth;\\n        $ctx.strokeStyle = stroke;\\n        $ctx.stroke();\\n      });\\n    }\\n  }\\n\u003C/script>\"},{\"title\":\"./_components/MapLabels.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds HTML text labels based features in the data or a custom GeoJSON Feature Collection.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, width, height } = getContext('LayerCake');\\n\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  export let projection;\\n\\n  /** @type {Number} [fixedAspectRatio] - By default, the map fills to fit the $width and $height. If instead you want a fixed-aspect ratio, like for a server-side rendered map, set that here. */\\n  export let fixedAspectRatio = undefined;\\n\\n  /** @type {Function} getLabel - An accessor function to get the field to display. */\\n  export let getLabel;\\n\\n  /** @type {Function} [getCoordinates=d => d.geometry.coordinates] - An accessor function to get the `[x, y]` coordinate field. Defaults to a GeoJSON feature format. */\\n  export let getCoordinates;\\n\\n  /** @type {Array} [features] - A list of labels as GeoJSON features. If unset, the plotted features will defaults to those in `$data.features`, assuming this field a list of GeoJSON features. */\\n  export let features = undefined;\\n\\n  $: fitSizeRange = fixedAspectRatio ? [100, 100 / fixedAspectRatio] : [$width, $height];\\n\\n  $: projectionFn = projection()\\n    .fitSize(fitSizeRange, $data);\\n\\n  $: units = fixedAspectRatio ? '%': 'px';\\n\u003C/script>\\n\\n\u003Cdiv\\n  class=\\\"map-labels\\\"\\n  style:aspect-ratio={fixedAspectRatio ? 1 : null}\\n>\\n{#each (features || $data.features) as d}\\n  {@const coords = projectionFn(getCoordinates(d))}\\n  \u003Cdiv\\n    class=\\\"map-label\\\"\\n    style=\\\"\\n      left: {coords[0]}{units};\\n      top: {coords[1]}{units};\\n    \\\"\\n  >{getLabel(d)}\u003C/div>\\n{/each}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .map-labels {\\n    pointer-events: none;\\n    position: relative;\\n  }\\n  .map-label {\\n    position: absolute;\\n    text-align: center;\\n    font-size: 8px;\\n    color: #333;\\n    margin-top: -3px; /* To match the SVG labels, it needs a slight tweak */\\n    transform: translate(-50%, -50%);\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[],\"jsons\":[{\"title\":\"./_data/us-states.topojson.json\",\"contents\":\"{\\\"type\\\":\\\"Topology\\\",\\\"objects\\\":{\\\"collection\\\":{\\\"type\\\":\\\"GeometryCollection\\\",\\\"geometries\\\":[{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[0,1,2,3,4]],\\\"properties\\\":{\\\"name\\\":\\\"Alabama\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[5]],[[6]],[[7]],[[8]],[[9]],[[10]],[[11]],[[12]],[[13]],[[14]],[[15]],[[16]],[[17]],[[18]],[[19]],[[20]],[[21]],[[22]],[[23]],[[24]],[[25]],[[26]],[[27]],[[28]],[[29]],[[30]],[[31]],[[32]],[[33]],[[34]],[[35]],[[36]],[[37]],[[38]],[[39]],[[40]],[[41]],[[42]],[[43]],[[44]],[[45]],[[46]],[[47]],[[48]],[[49]],[[50]],[[51]],[[52]],[[53]],[[54]],[[55]],[[56]],[[57]],[[58]],[[59]],[[60]],[[61]],[[62]],[[63]],[[64]],[[65]],[[66]],[[67]],[[68]],[[69]],[[70]],[[71]],[[72]],[[73]],[[74]],[[75]],[[76]],[[77]],[[78]],[[79]],[[80]],[[81]],[[82]],[[83]],[[84]],[[85]],[[86]],[[87]],[[88]],[[89]],[[90]],[[91]],[[92]],[[93]],[[94]],[[95]],[[96]],[[97]],[[98]],[[99]],[[100]],[[101]],[[102]],[[103]],[[104]],[[105]]],\\\"properties\\\":{\\\"name\\\":\\\"Alaska\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[106,107,108,109,110]],\\\"properties\\\":{\\\"name\\\":\\\"Arizona\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[111,112,113,114,115,116,117,118,119,120]],\\\"properties\\\":{\\\"name\\\":\\\"Arkansas\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[121]],[[122]],[[123]],[[124]],[[125]],[[126]],[[127,-109,128,129]]],\\\"properties\\\":{\\\"name\\\":\\\"California\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[130,131,132,133,134,135]],\\\"properties\\\":{\\\"name\\\":\\\"Colorado\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[136,137,138,139]],\\\"properties\\\":{\\\"name\\\":\\\"Connecticut\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[140,141,142,143]],\\\"properties\\\":{\\\"name\\\":\\\"Delaware\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[144,145]],\\\"properties\\\":{\\\"name\\\":\\\"District of Columbia\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[146]],[[147]],[[148]],[[149]],[[150]],[[151]],[[152,-2,153]]],\\\"properties\\\":{\\\"name\\\":\\\"Florida\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[154,155,156,-154,-1,157]],\\\"properties\\\":{\\\"name\\\":\\\"Georgia\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[158]],[[159]],[[160]],[[161]],[[162]],[[163]],[[164]],[[165]]],\\\"properties\\\":{\\\"name\\\":\\\"Hawaii\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[166,167,168,169,170,171,172]],\\\"properties\\\":{\\\"name\\\":\\\"Idaho\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[173,174,175,176,177,178]],\\\"properties\\\":{\\\"name\\\":\\\"Illinois\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[179,-175,180,181,182]],\\\"properties\\\":{\\\"name\\\":\\\"Indiana\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[183,-178,184,185,186,187]],\\\"properties\\\":{\\\"name\\\":\\\"Iowa\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-132,188,189,190]],\\\"properties\\\":{\\\"name\\\":\\\"Kansas\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[191,192]],[[193,194,195,-176,-180,196,197]]],\\\"properties\\\":{\\\"name\\\":\\\"Kentucky\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[198,-121,199,200]],\\\"properties\\\":{\\\"name\\\":\\\"Louisiana\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[201]],[[202]],[[203]],[[204]],[[205]],[[206]],[[207]],[[208,209]]],\\\"properties\\\":{\\\"name\\\":\\\"Maine\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[210]],[[211,212]],[[-146,213,214,215,-143,216,217,218,219]]],\\\"properties\\\":{\\\"name\\\":\\\"Maryland\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[220]],[[221]],[[222,223,224,225,226,-140,227,228]]],\\\"properties\\\":{\\\"name\\\":\\\"Massachusetts\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[229]],[[230]],[[231]],[[232]],[[233]],[[234]],[[235]],[[-182,236,237]],[[238,239]]],\\\"properties\\\":{\\\"name\\\":\\\"Michigan\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-188,240,241,242,243]],\\\"properties\\\":{\\\"name\\\":\\\"Minnesota\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[244,-4,245,-200,-120,-119,-118,-117,-116]],\\\"properties\\\":{\\\"name\\\":\\\"Mississippi\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-114,246,-190,247,-185,-177,-196,248,-193,249]],\\\"properties\\\":{\\\"name\\\":\\\"Missouri\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-172,250,251,252,253]],\\\"properties\\\":{\\\"name\\\":\\\"Montana\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[254,255,-186,-248,-189,-131]],\\\"properties\\\":{\\\"name\\\":\\\"Nebraska\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-110,-128,256,-168,257]],\\\"properties\\\":{\\\"name\\\":\\\"Nevada\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[258,-209,259,-223,260]],\\\"properties\\\":{\\\"name\\\":\\\"New Hampshire\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[261,262,263,264,-141,265]],\\\"properties\\\":{\\\"name\\\":\\\"New Jersey\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[266,-107,-134,267,268]],\\\"properties\\\":{\\\"name\\\":\\\"New Mexico\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[269,270]],[[271]],[[272,-228,-139,273,-262,274,275]]],\\\"properties\\\":{\\\"name\\\":\\\"New York\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[276]],[[277]],[[278,279,-155,280,281]]],\\\"properties\\\":{\\\"name\\\":\\\"North Carolina\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-252,282,-242,283]],\\\"properties\\\":{\\\"name\\\":\\\"North Dakota\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[284]],[[-197,-183,-238,285,286,287]]],\\\"properties\\\":{\\\"name\\\":\\\"Ohio\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-268,-133,-191,-247,-113,288]],\\\"properties\\\":{\\\"name\\\":\\\"Oklahoma\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-169,-257,-130,289,290]],\\\"properties\\\":{\\\"name\\\":\\\"Oregon\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-287,291,-275,-266,-144,-216,292]],\\\"properties\\\":{\\\"name\\\":\\\"Pennsylvania\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[293,-225]],[[294]],[[-227,295,-137]]],\\\"properties\\\":{\\\"name\\\":\\\"Rhode Island\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-156,-280,296]],\\\"properties\\\":{\\\"name\\\":\\\"South Carolina\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-253,-284,-241,-187,-256,297]],\\\"properties\\\":{\\\"name\\\":\\\"South Dakota\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-281,-158,-5,-245,-115,-250,-192,-249,-195,298]],\\\"properties\\\":{\\\"name\\\":\\\"Tennessee\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[299]],[[-269,-289,-112,-199,300]]],\\\"properties\\\":{\\\"name\\\":\\\"Texas\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-135,-111,-258,-167,301]],\\\"properties\\\":{\\\"name\\\":\\\"Utah\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-229,-273,302,-261]],\\\"properties\\\":{\\\"name\\\":\\\"Vermont\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[303,-213]],[[304,-218]],[[305,-282,-299,-194,306,-214,-145,-220]]],\\\"properties\\\":{\\\"name\\\":\\\"Virginia\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[307]],[[308]],[[309]],[[310]],[[311]],[[-170,-291,312]]],\\\"properties\\\":{\\\"name\\\":\\\"Washington\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-215,-307,-198,-288,-293]],\\\"properties\\\":{\\\"name\\\":\\\"West Virginia\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[313]],[[314]],[[315]],[[316]],[[317]],[[-179,-184,-244,318,-240,319]],[[320]]],\\\"properties\\\":{\\\"name\\\":\\\"Wisconsin\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-173,-254,-298,-255,-136,-302]],\\\"properties\\\":{\\\"name\\\":\\\"Wyoming\\\"}}]}},\\\"arcs\\\":[[[-85.60310469926992,34.98378251365136],[-85.56720898349835,34.74869712311231],[-85.45952183618361,34.32661199009901],[-85.35183468886888,33.74958421332133],[-85.3159389730973,33.4824417240724],[-85.24414754155416,33.129813638263826],[-85.172356110011,32.86801399879988],[-85.172356110011,32.841299749874985],[-85.172356110011,32.814585500950095],[-85.13646039423942,32.777185552455244],[-85.10056467846785,32.68101425632563],[-85.06466896269626,32.57950011041104],[-84.99287753115311,32.5153859129913],[-84.99287753115311,32.45127171557156],[-84.95698181538154,32.4405860160016],[-84.99287753115311,32.376471818581855],[-84.99287753115311,32.344414719871985],[-84.99287753115311,32.32304332073207],[-84.92108609960995,32.29632907180718],[-84.88519038383838,32.26427197309731],[-84.92108609960995,32.221529174817476],[-84.99287753115311,32.18412922632263],[-85.06466896269626,32.130700728472846],[-85.06466896269626,32.08261508040804],[-85.06466896269626,32.01315803320332],[-85.10056467846785,31.92767243664366],[-85.13646039423942,31.858215389438943],[-85.13646039423942,31.815472591159114],[-85.13646039423942,31.783415492449244],[-85.13646039423942,31.735329844384438],[-85.13646039423942,31.69258704610461],[-85.06466896269626,31.61778714911491],[-85.06466896269626,31.569701501050105],[-85.02877324692469,31.54298725212521],[-85.06466896269626,31.468187355135512],[-85.10056467846785,31.36667320922092],[-85.10056467846785,31.2972161620162],[-85.10056467846785,31.265159063306328],[-85.10056467846785,31.22775911481148],[-85.10056467846785,31.163644917391736],[-85.06466896269626,31.158302067606762],[-85.02877324692469,31.110216419541953],[-85.02877324692469,31.05144507190719],[-84.99287753115311,30.998016574057402]],[[-84.99287753115311,30.998016574057402],[-85.24414754155416,31.003359423842383],[-85.49541755195519,30.998016574057402],[-85.89027042544254,30.99267372427243],[-86.10564472007201,30.99267372427243],[-86.53639330933093,30.99267372427243],[-86.71587188818881,30.998016574057402],[-87.14662047744774,30.998016574057402],[-87.61326478247824,30.998016574057402],[-87.57736906670667,30.965959475347532],[-87.64916049824983,30.864445329432943],[-87.61326478247824,30.821702531153115],[-87.54147335093509,30.784302582658263],[-87.54147335093509,30.74155978437844],[-87.50557763516352,30.720188385238522],[-87.39789048784878,30.677445586958697],[-87.39789048784878,30.629359938893888],[-87.43378620362036,30.55990289168917],[-87.43378620362036,30.5278457929793],[-87.43378620362036,30.47976014491449],[-87.36199477207721,30.431674496849684],[-87.43378620362036,30.40496024792479],[-87.46968191939193,30.33550320072007],[-87.50557763516352,30.324817501150115],[-87.50557763516352,30.282074702870286]],[[-87.50557763516352,30.282074702870286],[-87.64916049824983,30.250017604160416],[-87.82863907710771,30.228646205020503],[-87.97222194019402,30.23398905480548],[-87.93632622442244,30.260703303730374],[-87.90043050865086,30.239331904590458],[-87.86453479287928,30.239331904590458],[-87.75684764556455,30.260703303730374],[-87.75684764556455,30.292760402440244],[-87.79274336133614,30.330160350935092],[-87.82863907710771,30.3782459989999],[-87.90043050865086,30.41030309770977],[-87.93632622442244,30.485102994699467],[-87.90043050865086,30.54921719211921],[-87.90043050865086,30.613331389538953],[-87.93632622442244,30.65607418781878],[-88.00811765596559,30.68278843674367],[-88.07990908750875,30.645388488248823],[-88.04401337173717,30.613331389538953],[-88.07990908750875,30.565245741474147],[-88.07990908750875,30.5278457929793],[-88.11580480328033,30.511817243624364],[-88.11580480328033,30.3782459989999],[-88.1517005190519,30.319474651365134],[-88.18759623482347,30.319474651365134],[-88.18759623482347,30.362217449644966],[-88.25938766636664,30.383588848784875],[-88.33117909790978,30.36756029942994],[-88.33117909790978,30.388931698569856],[-88.40297052945294,30.36756029942994]],[[-88.40297052945294,30.36756029942994],[-88.40297052945294,30.864445329432943],[-88.43886624522452,31.249130513951393],[-88.47476196099609,31.697929895889587],[-88.47476196099609,31.89561533793379],[-88.40297052945294,32.45127171557156],[-88.36707481368137,32.7130713550355],[-88.33117909790978,33.071042290629066],[-88.29528338213821,33.51449882278228],[-88.25938766636664,33.71752711461146],[-88.22349195059506,34.027412402140214],[-88.1517005190519,34.620468728272826],[-88.11580480328033,34.89295406730673],[-88.1517005190519,34.9250111660166],[-88.18759623482347,34.994468213221325]],[[-88.18759623482347,34.994468213221325],[-88.18759623482347,35.01049676257625],[-87.64916049824983,35.00515391279128],[-87.43378620362036,35.00515391279128],[-86.85945475127512,34.994468213221325],[-86.32101901470146,34.989125363436344],[-85.81847899389939,34.989125363436344],[-85.60310469926992,34.98378251365136]],[[-166.1171951749175,53.98829919881988],[-166.1171951749175,53.95624210011001],[-166.18898660646065,53.961584949894984],[-166.18898660646065,53.998984898389836],[-166.1171951749175,53.98829919881988]],[[-161.34306497729773,55.217154649364936],[-161.34306497729773,55.15838330173017],[-161.45075212461248,55.20112610001],[-161.4148564088409,55.22249749914991],[-161.34306497729773,55.217154649364936]],[[-161.66612641924195,55.243868898289826],[-161.52254355615563,55.249211748074806],[-161.5584392719272,55.206468949794974],[-161.70202213501352,55.20112610001],[-161.66612641924195,55.243868898289826]],[[-159.5123834729473,54.78972666656665],[-159.5123834729473,54.75766956785678],[-159.58417490449045,54.75766956785678],[-159.62007062026203,54.81644091549155],[-159.58417490449045,54.8271266150615],[-159.5123834729473,54.78972666656665]],[[-162.24045787158718,54.9767264090409],[-162.24045787158718,54.960697859685965],[-162.24045787158718,54.89124081248124],[-162.27635358735876,54.84315516441644],[-162.3481450189019,54.837812314631456],[-162.41993645044505,54.88589796269627],[-162.41993645044505,54.928640760976094],[-162.31224930313033,54.987412108610854],[-162.24045787158718,54.9767264090409]],[[-159.3329048940894,54.928640760976094],[-159.26111346254626,54.95001216011601],[-159.18932203100312,54.928640760976094],[-159.2252177467747,54.87521226312631],[-159.29700917831784,54.86452656355635],[-159.3329048940894,54.88589796269627],[-159.3329048940894,54.928640760976094]],[[-160.0149234937494,55.15838330173017],[-160.05081920952097,55.20112610001],[-159.94313206220625,55.19044040044004],[-159.87134063066307,55.28661169656965],[-159.8354449148915,55.26524029742974],[-159.87134063066307,55.22784034893489],[-159.90723634643464,55.217154649364936],[-159.90723634643464,55.16372615151515],[-159.79954919911992,55.179754700870085],[-159.8354449148915,55.1263262030203],[-159.87134063066307,55.09426910431043],[-159.94313206220625,55.10495480388038],[-159.94313206220625,55.06755485538554],[-160.05081920952097,55.00344065796579],[-160.1226106410641,54.987412108610854],[-160.19440207260726,54.91795506140614],[-160.19440207260726,54.87521226312631],[-160.26619350415044,54.896583662266224],[-160.23029778837883,54.93932646054605],[-160.1226106410641,55.01412635753575],[-160.08671492529254,55.03549775667567],[-160.1585063568357,55.0515263060306],[-160.19440207260726,55.12098335323532],[-160.1226106410641,55.15838330173017],[-160.05081920952097,55.13166905280528],[-160.0149234937494,55.15838330173017]],[[-159.44059204140416,55.06221200560056],[-159.368800609861,55.06221200560056],[-159.3329048940894,55.04618345624562],[-159.3329048940894,54.9767264090409],[-159.44059204140416,54.94466931033103],[-159.44059204140416,54.9767264090409],[-159.40469632563259,54.998097808180816],[-159.44059204140416,55.03549775667567],[-159.44059204140416,55.06221200560056]],[[-159.54827918871888,55.185097550655065],[-159.5123834729473,55.174411851085104],[-159.5123834729473,55.13701190259025],[-159.5123834729473,55.10495480388038],[-159.54827918871888,55.056869155815576],[-159.62007062026203,55.03549775667567],[-159.6559663360336,55.06755485538554],[-159.62007062026203,55.115640503450344],[-159.58417490449045,55.15838330173017],[-159.5123834729473,55.25455459785978],[-159.5123834729473,55.23318319871987],[-159.54827918871888,55.185097550655065]],[[-161.70202213501352,55.15304045194519],[-161.66612641924195,55.10495480388038],[-161.7379178507851,55.0515263060306],[-161.77381356655667,55.056869155815576],[-161.8815007138714,55.15838330173017],[-161.84560499809982,55.179754700870085],[-161.70202213501352,55.15304045194519]],[[-160.51746351455148,55.32935449484948],[-160.55335923032305,55.33469734463446],[-160.58925494609463,55.302640245924586],[-160.51746351455148,55.25455459785978],[-160.48156779877988,55.19578325022502],[-160.51746351455148,55.13166905280528],[-160.66104637763777,55.15838330173017],[-160.69694209340935,55.211811799579955],[-160.7687335249525,55.19578325022502],[-160.80462924072407,55.13701190259025],[-160.84052495649567,55.206468949794974],[-160.84052495649567,55.29195454635463],[-160.84052495649567,55.31866879527952],[-160.80462924072407,55.38278299269927],[-160.69694209340935,55.40415439183918],[-160.66104637763777,55.38278299269927],[-160.6251506618662,55.34538304420442],[-160.58925494609463,55.38812584248424],[-160.51746351455148,55.36141159355935],[-160.40977636723673,55.34004019441944],[-160.33798493569358,55.36141159355935],[-160.302089219922,55.302640245924586],[-160.33798493569358,55.249211748074806],[-160.37388065146516,55.28661169656965],[-160.48156779877988,55.28661169656965],[-160.51746351455148,55.32935449484948]],[[-160.19440207260726,55.457582889688965],[-160.1226106410641,55.452240039903984],[-160.1585063568357,55.38812584248424],[-160.33798493569358,55.393468692269224],[-160.33798493569358,55.42018294119411],[-160.26619350415044,55.462925739473945],[-160.19440207260726,55.457582889688965]],[[-165.7941337329733,54.16995609150915],[-165.75823801720173,54.15927039193919],[-165.72234230143016,54.121870443444344],[-165.6864465856586,54.09515619451945],[-165.75823801720173,54.06844194559456],[-165.7941337329733,54.07378479537954],[-165.86592516451645,54.03638484688469],[-165.90182088028803,54.06309909580958],[-165.9736123118312,54.06309909580958],[-166.04540374337435,54.04172769666966],[-166.1171951749175,54.121870443444344],[-166.08129945914592,54.17529894129412],[-165.9736123118312,54.223384589358936],[-165.86592516451645,54.218041739573955],[-165.86592516451645,54.185984640864085],[-165.83002944874488,54.15927039193919],[-165.7941337329733,54.16995609150915]],[[-165.25569799639965,54.09515619451945],[-165.25569799639965,54.057756246024596],[-165.36338514371437,54.07378479537954],[-165.47107229102912,54.06844194559456],[-165.47107229102912,54.07912764516451],[-165.25569799639965,54.09515619451945]],[[-164.96853227022703,54.1325561430143],[-164.93263655445546,54.11118474387438],[-164.96853227022703,54.07912764516451],[-165.04032370177018,54.06844194559456],[-165.21980228062807,54.08981334473447],[-165.1839065648565,54.11652759365936],[-165.14801084908493,54.1325561430143],[-165.04032370177018,54.121870443444344],[-164.96853227022703,54.1325561430143]],[[-165.5069680068007,54.29818448634863],[-165.47107229102912,54.282155936993696],[-165.54286372257226,54.25544168806881],[-165.5069680068007,54.212698889788975],[-165.39928085948597,54.212698889788975],[-165.39928085948597,54.17529894129412],[-165.47107229102912,54.180641791079104],[-165.54286372257226,54.11118474387438],[-165.6146551541154,54.1325561430143],[-165.650550869887,54.20201319021902],[-165.6864465856586,54.22872743914391],[-165.6864465856586,54.26612738763876],[-165.650550869887,54.29818448634863],[-165.57875943834384,54.282155936993696],[-165.5069680068007,54.29818448634863]],[[-162.81478932393242,54.490527078607855],[-162.59941502930295,54.44778428032803],[-162.56351931353137,54.39435578247824],[-162.59941502930295,54.36764153355335],[-162.70710217661767,54.399698632263224],[-162.77889360816084,54.37298438333833],[-162.850685039704,54.426412881188114],[-162.81478932393242,54.490527078607855]],[[-175.77314271747176,51.92595918181818],[-175.80903843324333,51.9206163320332],[-175.91672558055808,51.9954162290229],[-175.80903843324333,51.9954162290229],[-175.77314271747176,51.93664488138813],[-175.77314271747176,51.92595918181818]],[[-170.28109820442046,57.12989487238723],[-170.31699392019203,57.15660912131213],[-170.42468106750675,57.1619519710971],[-170.42468106750675,57.194009069806974],[-170.31699392019203,57.22072331873187],[-170.28109820442046,57.21003761916191],[-170.1734110571057,57.231409018301825],[-170.1734110571057,57.18332337023702],[-170.28109820442046,57.12989487238723]],[[-179.07554856845687,51.263445808480846],[-179.11144428422844,51.226045859985994],[-179.14734,51.231388709770975],[-179.14734,51.2741315080508],[-179.11144428422844,51.3008457569757],[-179.07554856845687,51.263445808480846]],[[-178.96786142114212,51.33824570547054],[-179.0037571369137,51.38098850375037],[-178.93196570537054,51.38098850375037],[-178.89606998959897,51.33824570547054],[-178.96786142114212,51.33824570547054]],[[178.76884195839588,51.632102443644364],[178.91242482148223,51.61607389428943],[178.91242482148223,51.58401679557956],[179.02011196879695,51.55195969686969],[179.0919034003401,51.4985311990199],[179.12779911611167,51.471816950095004],[179.19959054765482,51.46113125052505],[179.2354862634264,51.413045602460244],[179.27138197919797,51.40770275267526],[179.3790691265127,51.40235990289029],[179.45086055805584,51.37564565396539],[179.41496484228426,51.35961710461046],[179.3790691265127,51.37030280418041],[179.27138197919797,51.35961710461046],[179.2354862634264,51.386331353535354],[179.05600768456853,51.45578840074007],[178.9483205372538,51.541273997299726],[178.84063338993903,51.57867394579458],[178.76884195839588,51.573331096009596],[178.69705052685273,51.59470249514951],[178.6252590953096,51.6214167440744],[178.66115481108116,51.65881669256925],[178.7329462426243,51.632102443644364],[178.76884195839588,51.632102443644364]],[[-176.77822275907593,51.86718783418342],[-176.8141184748475,51.92595918181818],[-176.77822275907593,51.95801628052805],[-176.74232704330436,51.968701980098004],[-176.6346398959896,51.968701980098004],[-176.59874418021803,51.9954162290229],[-176.56284846444646,51.99007337923792],[-176.59874418021803,51.90458778267826],[-176.6346398959896,51.86184498439844],[-176.56284846444646,51.84047358525852],[-176.4910570329033,51.8458164350435],[-176.38336988558856,51.86718783418342],[-176.27568273827384,51.87253068396839],[-176.27568273827384,51.819102186118606],[-176.27568273827384,51.74430228912891],[-176.347474169817,51.733616589558956],[-176.5269527486749,51.760330838483846],[-176.59874418021803,51.690873791279124],[-176.70643132753275,51.68553094149414],[-176.74232704330436,51.63744529342934],[-176.8141184748475,51.61607389428943],[-176.8141184748475,51.65881669256925],[-176.85001419061908,51.68553094149414],[-176.92180562216222,51.59470249514951],[-176.99359705370537,51.60004534493449],[-176.99359705370537,51.65881669256925],[-176.88590990639065,51.733616589558956],[-176.88590990639065,51.765673688268826],[-176.92180562216222,51.787045087408735],[-176.92180562216222,51.81375933633363],[-176.77822275907593,51.819102186118606],[-176.77822275907593,51.86718783418342]],[[-177.78330280068008,51.77635938783878],[-177.85509423222322,51.733616589558956],[-177.81919851645165,51.70690234063406],[-177.85509423222322,51.68018809170917],[-177.89098994799483,51.690873791279124],[-177.9268856637664,51.65347384278427],[-177.89098994799483,51.60538819471947],[-177.9268856637664,51.60004534493449],[-177.96278137953797,51.6481309929993],[-178.10636424262427,51.68018809170917],[-178.10636424262427,51.701559490849085],[-177.96278137953797,51.71758804020402],[-177.96278137953797,51.77635938783878],[-178.03457281108112,51.77635938783878],[-178.0704685268527,51.80841648654865],[-178.21405138993902,51.85650213461346],[-178.21405138993902,51.90458778267826],[-178.14225995839584,51.9206163320332],[-177.99867709530955,51.909930632463244],[-177.96278137953797,51.915273482248224],[-177.9268856637664,51.87787353375337],[-177.9268856637664,51.85650213461346],[-177.85509423222322,51.82444503590359],[-177.7474070849085,51.82978788568857],[-177.6038242218222,51.85650213461346],[-177.63971993759378,51.819102186118606],[-177.78330280068008,51.792387937193716],[-177.78330280068008,51.77635938783878]],[[-177.35255421142116,51.728273739773975],[-177.46024135873589,51.722930889988994],[-177.49613707450746,51.70690234063406],[-177.63971993759378,51.696216641064105],[-177.63971993759378,51.65347384278427],[-177.71151136913693,51.701559490849085],[-177.63971993759378,51.733616589558956],[-177.5679285060506,51.722930889988994],[-177.46024135873589,51.74964513891389],[-177.280762779878,51.78170223762376],[-177.20897134833484,51.81375933633363],[-177.20897134833484,51.8458164350435],[-177.20897134833484,51.92595918181818],[-177.17307563256327,51.941987731173114],[-177.10128420102012,51.93664488138813],[-177.02949276947697,51.89924493289329],[-177.06538848524855,51.85650213461346],[-177.1371799167917,51.81375933633363],[-177.1371799167917,51.728273739773975],[-177.1371799167917,51.70690234063406],[-177.24486706410642,51.68018809170917],[-177.3166584956496,51.690873791279124],[-177.35255421142116,51.728273739773975]],[[-178.78838284228425,51.74430228912891],[-178.8601742738274,51.78170223762376],[-178.8601742738274,51.819102186118606],[-178.82427855805582,51.84047358525852],[-178.75248712651268,51.80841648654865],[-178.75248712651268,51.760330838483846],[-178.78838284228425,51.74430228912891]],[[178.37398908490857,51.765673688268826],[178.30219765336537,51.77635938783878],[178.23040622182222,51.819102186118606],[178.30219765336537,51.819102186118606],[178.37398908490857,51.765673688268826]],[[-175.98851701210123,51.88855923332333],[-175.98851701210123,51.851159284828476],[-176.06030844364437,51.8458164350435],[-176.09620415941595,51.80841648654865],[-176.13209987518752,51.80307363676367],[-176.23978702250227,51.82444503590359],[-176.2038913067307,51.87253068396839],[-176.16799559095912,51.883216383538354],[-176.13209987518752,51.86184498439844],[-176.09620415941595,51.85650213461346],[-176.06030844364437,51.90458778267826],[-175.98851701210123,51.915273482248224],[-175.98851701210123,51.88855923332333]],[[177.58428333793384,52.01678762816282],[177.54838762216227,51.979387679667965],[177.54838762216227,51.95801628052805],[177.6201790537054,51.95267343074307],[177.6201790537054,51.92595918181818],[177.54838762216227,51.915273482248224],[177.40480475907597,51.93130203160316],[177.33301332753283,51.90458778267826],[177.29711761176125,51.8458164350435],[177.18943046444647,51.89390208310831],[177.29711761176125,51.9206163320332],[177.33301332753283,51.96335913031303],[177.5124919063907,51.9954162290229],[177.5124919063907,52.038159027302726],[177.54838762216227,52.12364462386238],[177.6201790537054,52.13967317321732],[177.69197048524856,52.09158752515251],[177.6201790537054,52.06487327622762],[177.58428333793384,52.01678762816282]],[[179.77392200000006,51.947330580958095],[179.73802628422848,51.909930632463244],[179.66623485268533,51.87253068396839],[179.63033913691376,51.87253068396839],[179.52265198959904,51.89924493289329],[179.48675627382747,51.93664488138813],[179.48675627382747,51.98473052945294],[179.52265198959904,51.98473052945294],[179.5944434211422,52.01678762816282],[179.66623485268533,52.02213047794779],[179.77392200000006,51.968701980098004],[179.77392200000006,51.947330580958095]],[[178.44578051645172,51.979387679667965],[178.4816762322233,51.99007337923792],[178.55346766376644,51.974044829882985],[178.589363379538,51.947330580958095],[178.55346766376644,51.90458778267826],[178.51757194799487,51.89924493289329],[178.4816762322233,51.93130203160316],[178.44578051645172,51.979387679667965]],[[-176.0244127278728,52.02213047794779],[-176.0244127278728,51.974044829882985],[-176.09620415941595,51.968701980098004],[-176.16799559095912,52.000759078807874],[-176.2038913067307,52.06487327622762],[-176.13209987518752,52.1183017740774],[-176.06030844364437,52.10761607450745],[-175.98851701210123,52.038159027302726],[-176.0244127278728,52.02213047794779]],[[178.1227190745075,52.04884472687269],[178.19451050605065,52.03281617751775],[178.19451050605065,52.006101928592855],[178.1227190745075,51.98473052945294],[178.08682335873593,52.03281617751775],[178.1227190745075,52.04884472687269]],[[-174.3014183708371,52.27858726762676],[-174.37320980238025,52.27858726762676],[-174.4450012339234,52.30530151655165],[-174.4450012339234,52.32667291569157],[-174.37320980238025,52.315987216121606],[-174.3014183708371,52.3427014650465],[-174.33731408660867,52.380101413541354],[-174.19373122352238,52.4175013620362],[-174.08604407620763,52.39078711311131],[-173.9783569288929,52.32667291569157],[-173.9783569288929,52.2946158169817],[-174.05014836043605,52.225158769776975],[-174.19373122352238,52.23584446934693],[-174.19373122352238,52.198444520852085],[-174.1219397919792,52.16638742214221],[-174.08604407620763,52.12898747364736],[-174.15783550775078,52.12364462386238],[-174.22962693929395,52.10227322472247],[-174.33731408660867,52.11295892429243],[-174.40910551815182,52.04884472687269],[-174.4450012339234,52.05953042644264],[-174.55268838123814,52.038159027302726],[-174.6244798127813,52.03281617751775],[-174.732166960096,52.006101928592855],[-174.7680626758676,52.03281617751775],[-174.87574982318233,52.04350187708771],[-174.98343697049705,52.038159027302726],[-175.01933268626863,52.006101928592855],[-175.0911241178118,52.000759078807874],[-175.16291554935495,52.011444778377836],[-175.30649841244127,52.01678762816282],[-175.19881126512652,52.04884472687269],[-175.12701983358338,52.05953042644264],[-175.0911241178118,52.03281617751775],[-175.05522840204023,52.05953042644264],[-174.98343697049705,52.05953042644264],[-174.94754125472548,52.08090182558256],[-174.9116455389539,52.1183017740774],[-174.83985410741076,52.09158752515251],[-174.80395839163918,52.09158752515251],[-174.66037552855286,52.10761607450745],[-174.55268838123814,52.13967317321732],[-174.51679266546657,52.17707312171217],[-174.40910551815182,52.18241597149715],[-174.4450012339234,52.219815919991994],[-174.3014183708371,52.21447307020702],[-174.26552265506552,52.24118731913191],[-174.26552265506552,52.27324441784178],[-174.3014183708371,52.27858726762676]],[[-173.61939977117714,52.15570172257225],[-173.5117126238624,52.10761607450745],[-173.47581690809082,52.1183017740774],[-173.3681297607761,52.10761607450745],[-173.3681297607761,52.09693037493749],[-173.11685975037506,52.10761607450745],[-173.0091726030603,52.09693037493749],[-173.0450683188319,52.07555897579758],[-173.11685975037506,52.08090182558256],[-173.22454689768978,52.06487327622762],[-173.29633832923292,52.05953042644264],[-173.54760833963397,52.02747332773277],[-173.61939977117714,52.04884472687269],[-173.72708691849186,52.06487327622762],[-173.83477406580658,52.038159027302726],[-173.90656549734976,52.04884472687269],[-173.9783569288929,52.09693037493749],[-174.01425264466448,52.09693037493749],[-174.05014836043605,52.12898747364736],[-173.90656549734976,52.12364462386238],[-173.798878350035,52.10761607450745],[-173.72708691849186,52.12898747364736],[-173.61939977117714,52.15570172257225]],[[-172.65021544534454,52.2679015680568],[-172.61431972957297,52.29995866676667],[-172.5784240138014,52.34804431483148],[-172.43484115071507,52.39078711311131],[-172.32715400340035,52.36407286418642],[-172.29125828762878,52.33201576547655],[-172.3989454349435,52.27858726762676],[-172.54252829802982,52.251873018701865],[-172.61431972957297,52.251873018701865],[-172.65021544534454,52.2679015680568]],[[175.8971846966697,52.33735861526152],[175.8971846966697,52.37475856375637],[175.96897612821286,52.35873001440144],[175.8971846966697,52.33735861526152]],[[173.59985888728878,52.476272709670965],[173.63575460306035,52.508329808380836],[173.7793374661467,52.51367265816582],[173.7075460346035,52.476272709670965],[173.7075460346035,52.444215610961095],[173.7075460346035,52.42284421182118],[173.74344175037507,52.35873001440144],[173.63575460306035,52.35873001440144],[173.59985888728878,52.40147281268126],[173.45627602420248,52.38544426332633],[173.38448459265933,52.40147281268126],[173.38448459265933,52.43352991139113],[173.45627602420248,52.45490131053105],[173.52806745574563,52.44955846074607],[173.59985888728878,52.476272709670965]],[[-171.2861782460246,52.44955846074607],[-171.32207396179618,52.4923012590259],[-171.25028253025303,52.52970120752075],[-171.17849109870988,52.49764410881088],[-171.25028253025303,52.44955846074607],[-171.2861782460246,52.44955846074607]],[[-170.8554296567657,52.55641545644564],[-170.81953394099412,52.63655820322032],[-170.71184679367937,52.67930100150015],[-170.64005536213622,52.695329550855085],[-170.56826393059308,52.67395815171517],[-170.56826393059308,52.6419010530053],[-170.60415964636465,52.59915825472547],[-170.6759510779078,52.60450110451045],[-170.74774250945094,52.58312970537053],[-170.78363822522255,52.540386907090706],[-170.8554296567657,52.55641545644564]],[[-170.1734110571057,52.786157997199716],[-170.065723909791,52.77547229762976],[-170.065723909791,52.722043799779975],[-170.1734110571057,52.722043799779975],[-170.1734110571057,52.786157997199716]],[[172.77425742454253,52.82355794569457],[172.73836170877095,52.876986443544354],[172.63067456145617,52.92507209160916],[172.52298741414145,52.90370069246924],[172.4511959825983,52.92507209160916],[172.63067456145617,52.999871988598855],[172.73836170877095,53.01055768816882],[173.0973188664867,52.99452913881388],[173.2050060138014,52.941100640964095],[173.3126931611162,52.92507209160916],[173.4203803084309,52.84492934483448],[173.4203803084309,52.82890079547955],[173.3126931611162,52.82355794569457],[173.24090172957304,52.85561504440444],[173.2050060138014,52.85027219461946],[173.16911029802984,52.79684369676967],[173.13321458225826,52.786157997199716],[172.98963171917197,52.79684369676967],[172.91784028762882,52.759443748274826],[172.8101531403141,52.7915008469847],[172.77425742454253,52.82355794569457]],[[-169.95803676247627,52.86095789418942],[-169.85034961516152,52.86095789418942],[-169.77855818361837,52.89301499289929],[-169.70676675207523,52.88767214311431],[-169.67087103630365,52.86630074397439],[-169.70676675207523,52.7915008469847],[-169.7426624678468,52.7915008469847],[-169.85034961516152,52.818215095909586],[-169.95803676247627,52.7915008469847],[-170.02982819401942,52.82890079547955],[-169.99393247824784,52.85561504440444],[-169.95803676247627,52.86095789418942]],[[-168.19914668966896,53.256328778277826],[-168.27093812121214,53.24030022892289],[-168.3427295527553,53.186871731073104],[-168.3427295527553,53.154814632363234],[-168.45041670007,53.08535758515851],[-168.4863124158416,53.037271937093706],[-168.59399956315633,53.02658623752375],[-168.70168671047105,52.967814889888984],[-168.73758242624262,52.95178634053405],[-168.91706100510052,52.88232929332933],[-169.02474815241524,52.8395864950495],[-169.06064386818684,52.86095789418942],[-168.9529567208721,52.88767214311431],[-168.84526957355737,52.967814889888984],[-168.7734781420142,53.08001473537353],[-168.8093738577858,53.10672898429843],[-168.8093738577858,53.14412893279328],[-168.7734781420142,53.18152888128812],[-168.6298952789279,53.2616716280628],[-168.52220813161318,53.250985928492845],[-168.45041670007,53.26701447784778],[-168.37862526852686,53.250985928492845],[-168.37862526852686,53.30975727612761],[-168.41452098429843,53.34715722462246],[-168.37862526852686,53.432642821182114],[-168.3427295527553,53.475385619461946],[-168.19914668966896,53.534156967096706],[-168.0196681108111,53.56621406580658],[-167.94787667926795,53.53949981688169],[-167.91198096349638,53.51812841774177],[-167.80429381618163,53.51812841774177],[-167.76839810041005,53.502099868386836],[-167.87608524772477,53.437985670967095],[-167.8401895319532,53.38455717311731],[-168.05556382658267,53.30441442634263],[-168.19914668966896,53.256328778277826]],[[-169.99393247824784,52.89301499289929],[-170.065723909791,52.85561504440444],[-170.10161962556256,52.87164359375937],[-170.10161962556256,52.90370069246924],[-170.10161962556256,52.92507209160916],[-169.99393247824784,52.909043542254224],[-169.99393247824784,52.89301499289929]],[[-169.70676675207523,52.94644349074907],[-169.77855818361837,52.978500589458946],[-169.7426624678468,53.02124338773877],[-169.67087103630365,53.037271937093706],[-169.67087103630365,52.99452913881388],[-169.70676675207523,52.94644349074907]],[[-166.7274223430343,54.004327748174816],[-166.65563091149116,54.01501344774477],[-166.583839479948,53.9829563490349],[-166.65563091149116,53.92418500140014],[-166.61973519571958,53.89212790269026],[-166.54794376417644,53.88144220312031],[-166.4402566168617,53.908156452045205],[-166.4402566168617,53.95624210011001],[-166.36846518531854,54.00967059795979],[-166.36846518531854,53.97761349924992],[-166.33256946954697,53.961584949894984],[-166.2966737537754,53.9829563490349],[-166.22488232223225,53.934870700970095],[-166.22488232223225,53.88144220312031],[-166.33256946954697,53.87075650355035],[-166.40436090109012,53.8333565550555],[-166.40436090109012,53.811985155915586],[-166.54794376417644,53.747870958495845],[-166.54794376417644,53.715813859785975],[-166.47615233263326,53.73718525892589],[-166.40436090109012,53.76389950785078],[-166.22488232223225,53.81732800570057],[-166.18898660646065,53.83869940484048],[-166.1171951749175,53.85472795419542],[-166.08129945914592,53.83869940484048],[-166.1171951749175,53.77458520742074],[-166.15309089068907,53.73184240914091],[-166.26077803800382,53.70512816021602],[-166.2966737537754,53.683756761076104],[-166.4402566168617,53.64101396279628],[-166.47615233263326,53.64635681258125],[-166.54794376417644,53.624985413441344],[-166.583839479948,53.528814117311725],[-166.65563091149116,53.4860713190319],[-166.7274223430343,53.507442718171816],[-166.76331805880588,53.496757018601855],[-166.79921377457748,53.45401422032203],[-166.87100520612063,53.42729997139713],[-166.94279663766378,53.45401422032203],[-166.97869235343535,53.42729997139713],[-167.12227521652167,53.42729997139713],[-167.30175379537954,53.36318577397739],[-167.30175379537954,53.3364715250525],[-167.37354522692272,53.34181437483748],[-167.44533665846586,53.32044297569757],[-167.48123237423744,53.26701447784778],[-167.58891952155216,53.2883858769877],[-167.66071095309533,53.250985928492845],[-167.80429381618163,53.283043027202716],[-167.8401895319532,53.315100125912586],[-167.80429381618163,53.3364715250525],[-167.6966066688669,53.38990002290229],[-167.62481523732373,53.38455717311731],[-167.48123237423744,53.42195712161216],[-167.44533665846586,53.443328520752075],[-167.37354522692272,53.42195712161216],[-167.26585807960797,53.48072846924692],[-167.19406664806482,53.464699919891984],[-167.15817093229325,53.502099868386836],[-167.0863795007501,53.51278556795679],[-167.12227521652167,53.55018551645164],[-167.15817093229325,53.60361401430143],[-167.15817093229325,53.624985413441344],[-167.0504837849785,53.61964256365636],[-167.01458806920692,53.6356711130113],[-167.0863795007501,53.66772821172117],[-167.0504837849785,53.69978531043104],[-167.01458806920692,53.721156709570955],[-166.9069009218922,53.715813859785975],[-166.87100520612063,53.67307106150615],[-166.79921377457748,53.66772821172117],[-166.79921377457748,53.73718525892589],[-166.97869235343535,53.77458520742074],[-167.01458806920692,53.75855665806581],[-167.15817093229325,53.82801370527052],[-167.15817093229325,53.86541365376537],[-167.01458806920692,53.94555640054005],[-166.87100520612063,53.98829919881988],[-166.83510949034905,53.993642048604855],[-166.76331805880588,54.01501344774477],[-166.7274223430343,54.004327748174816]],[[-169.5631838889889,56.60629559345934],[-169.49139245744576,56.58492419431943],[-169.59907960476048,56.53683854625462],[-169.63497532053208,56.5421813960396],[-169.67087103630365,56.58492419431943],[-169.7426624678468,56.59026704410441],[-169.77855818361837,56.62232414281428],[-169.59907960476048,56.60629559345934],[-169.5631838889889,56.60629559345934]],[[-173.0450683188319,60.624118631763174],[-173.11685975037506,60.66151858025802],[-173.08096403460348,60.693575678967896],[-173.0450683188319,60.624118631763174]],[[-165.72234230143016,60.16997640004],[-165.6864465856586,60.14860500090008],[-165.6864465856586,60.05777655455545],[-165.650550869887,59.99366235713571],[-165.57875943834384,59.966948108210815],[-165.54286372257226,59.966948108210815],[-165.57875943834384,59.902833910791074],[-165.6864465856586,59.89214821122112],[-165.75823801720173,59.8974910610061],[-166.00950802760278,59.84940541294129],[-166.08129945914592,59.80666261466146],[-166.04540374337435,59.76926266616661],[-166.04540374337435,59.7478912670267],[-166.15309089068907,59.7478912670267],[-166.18898660646065,59.79063406530653],[-166.36846518531854,59.84940541294129],[-166.4402566168617,59.86009111251125],[-166.61973519571958,59.84940541294129],[-166.65563091149116,59.8707768120812],[-166.76331805880588,59.89214821122112],[-166.9069009218922,59.96160525842584],[-166.97869235343535,59.99366235713571],[-167.12227521652167,59.99366235713571],[-167.2299623638364,60.05777655455545],[-167.33764951115114,60.07380510391039],[-167.37354522692272,60.14860500090008],[-167.4094409426943,60.19669064896489],[-167.30175379537954,60.23943344724472],[-167.12227521652167,60.23409059745974],[-166.94279663766378,60.20737634853485],[-166.79921377457748,60.22874774767477],[-166.83510949034905,60.27683339573957],[-166.76331805880588,60.30889049444944],[-166.65563091149116,60.32491904380438],[-166.583839479948,60.3195761940194],[-166.54794376417644,60.35697614251425],[-166.47615233263326,60.3943760910091],[-166.36846518531854,60.35697614251425],[-166.2966737537754,60.378347541654165],[-166.18898660646065,60.399718940794074],[-166.1171951749175,60.378347541654165],[-166.08129945914592,60.32491904380438],[-165.93771659605963,60.3195761940194],[-165.86592516451645,60.34629044294429],[-165.72234230143016,60.30889049444944],[-165.6864465856586,60.27683339573957],[-165.72234230143016,60.16997640004]],[[-173.0450683188319,60.5172616360636],[-173.0450683188319,60.54931873477347],[-172.93738117151716,60.60809008240824],[-172.93738117151716,60.60274723262326],[-172.9014854557456,60.53329018541854],[-172.79379830843087,60.45849028842884],[-172.54252829802982,60.38903324122412],[-172.36304971917193,60.38369039143914],[-172.21946685608563,60.3195761940194],[-172.36304971917193,60.33560474337433],[-172.47073686648667,60.33560474337433],[-172.5784240138014,60.3195761940194],[-172.7220068768877,60.35697614251425],[-172.93738117151716,60.47986168756875],[-173.0450683188319,60.495890236923685],[-173.0450683188319,60.5172616360636]],[[-160.91231638803882,58.74877835723572],[-160.84052495649567,58.754121207020695],[-160.69694209340935,58.81823540444044],[-160.69694209340935,58.81289255465546],[-160.87642067226724,58.58315001390139],[-160.9482121038104,58.55109291519152],[-161.0917949668967,58.55109291519152],[-161.0917949668967,58.58849286368636],[-161.0558992511251,58.700692709170916],[-160.91231638803882,58.74877835723572]],[[-135.35456675867587,59.02126369626962],[-135.28277532713273,58.95714949884988],[-135.3186710429043,58.946463799279925],[-135.35456675867587,59.02126369626962]],[[-150.78972454045405,59.33114898379838],[-150.68203739313932,59.411291730573055],[-150.61024596159618,59.39526318121812],[-150.61024596159618,59.35786323272327],[-150.68203739313932,59.30443473487348],[-150.7179331089109,59.29374903530353],[-150.78972454045405,59.30977758465846],[-150.78972454045405,59.33114898379838]],[[-151.9383874451445,60.5172616360636],[-151.8307002978298,60.48520453735373],[-151.9383874451445,60.431776039503944],[-151.97428316091612,60.38903324122412],[-151.9383874451445,60.3676618420842],[-152.08197030823084,60.36231899229923],[-151.97428316091612,60.41574749014901],[-151.9383874451445,60.51191878627862],[-151.9383874451445,60.5172616360636]],[[-153.5536946548655,59.38992033143314],[-153.51779893909392,59.38992033143314],[-153.41011179177917,59.416634580358036],[-153.33832036023603,59.379234631863184],[-153.3742160760076,59.33649183358335],[-153.41011179177917,59.32046328422842],[-153.51779893909392,59.32046328422842],[-153.58959037063707,59.3738917820782],[-153.5536946548655,59.38992033143314]],[[-131.1906637291729,55.11029765366536],[-131.1906637291729,55.08892625452545],[-131.22655944494448,55.04618345624562],[-131.22655944494448,55.09426910431043],[-131.1906637291729,55.11029765366536]],[[-131.26245516071606,54.987412108610854],[-131.22655944494448,54.928640760976094],[-131.1906637291729,54.91261221162116],[-131.26245516071606,54.85918371377137],[-131.3701423080308,54.85918371377137],[-131.47782945534556,54.91261221162116],[-131.47782945534556,54.95001216011601],[-131.26245516071606,54.998097808180816],[-131.26245516071606,54.987412108610854]],[[-131.76499518151815,55.38278299269927],[-131.65730803420342,55.30798309570957],[-131.693203749975,55.28126884678468],[-131.693203749975,55.22249749914991],[-131.72909946574657,55.20112610001],[-131.76499518151815,55.1263262030203],[-131.83678661306132,55.20112610001],[-131.8726823288329,55.29195454635463],[-131.8726823288329,55.366754443344334],[-131.83678661306132,55.42018294119411],[-131.80089089728972,55.41484009140914],[-131.76499518151815,55.38278299269927]],[[-158.79446915751575,55.89035372227222],[-158.75857344174418,55.87432517291729],[-158.68678201020103,55.84226807420742],[-158.7226777259726,55.82623952485248],[-158.86626058905892,55.87966802270227],[-158.79446915751575,55.89035372227222]],[[-159.15342631523154,55.87432517291729],[-159.08163488368837,55.85295377377737],[-159.11753059945997,55.82623952485248],[-159.18932203100312,55.84226807420742],[-159.15342631523154,55.87432517291729]],[[-159.368800609861,55.80486812571257],[-159.3329048940894,55.81555382528253],[-159.29700917831784,55.76212532743274],[-159.368800609861,55.75143962786278],[-159.368800609861,55.80486812571257]],[[-157.82528483168318,56.37121020292029],[-157.7893891159116,56.32312455485548],[-157.82528483168318,56.31243885528553],[-157.89707626322632,56.3444959539954],[-157.82528483168318,56.37121020292029]],[[-157.03557908470847,56.55820994539454],[-157.10737051625165,56.55286709560956],[-157.1791619477948,56.53149569646964],[-157.3227448108811,56.52615284668467],[-157.3227448108811,56.5421813960396],[-157.25095337933794,56.579581344534446],[-157.07147480048005,56.579581344534446],[-157.03557908470847,56.55820994539454]],[[-133.23671952815283,55.40949724162416],[-133.30851095969598,55.41484009140914],[-133.30851095969598,55.44689719011901],[-133.23671952815283,55.452240039903984],[-133.23671952815283,55.40949724162416]],[[-131.58551660266028,55.28661169656965],[-131.47782945534556,55.25455459785978],[-131.47782945534556,55.22249749914991],[-131.40603802380238,55.211811799579955],[-131.33424659225923,55.16372615151515],[-131.3701423080308,55.15838330173017],[-131.33424659225923,55.06755485538554],[-131.40603802380238,55.01412635753575],[-131.47782945534556,55.00878350775077],[-131.5496208868887,55.03549775667567],[-131.62141231843185,55.00878350775077],[-131.65730803420342,55.03549775667567],[-131.58551660266028,55.08892625452545],[-131.58551660266028,55.1263262030203],[-131.5496208868887,55.14235475237523],[-131.58551660266028,55.179754700870085],[-131.62141231843185,55.238526048504845],[-131.58551660266028,55.28661169656965]],[[-133.34440667546755,55.56978273517351],[-133.2726152439244,55.53772563646364],[-133.30851095969598,55.48429713861386],[-133.34440667546755,55.452240039903984],[-133.38030239123913,55.4736114390439],[-133.48798953855385,55.43621149054905],[-133.4161981070107,55.42018294119411],[-133.4161981070107,55.38812584248424],[-133.48798953855385,55.366754443344334],[-133.55978097009702,55.3240116450645],[-133.5956766858686,55.243868898289826],[-133.70336383318332,55.302640245924586],[-133.63157240164017,55.36141159355935],[-133.63157240164017,55.430868640764075],[-133.7392595489549,55.4736114390439],[-133.7751552647265,55.457582889688965],[-133.7751552647265,55.53772563646364],[-133.7392595489549,55.55909703560356],[-133.63157240164017,55.5484113360336],[-133.5956766858686,55.50566853775377],[-133.63157240164017,55.489639988398835],[-133.63157240164017,55.457582889688965],[-133.55978097009702,55.489639988398835],[-133.52388525432542,55.527039936893686],[-133.48798953855385,55.51101138753875],[-133.45209382278227,55.55909703560356],[-133.34440667546755,55.56978273517351]],[[-133.84694669626964,55.90638227162716],[-133.8828424120412,55.8476109239924],[-133.9187381278128,55.8476109239924],[-133.95463384358436,55.895696572057204],[-133.9187381278128,55.922410820982094],[-133.84694669626964,55.93309652055205],[-133.84694669626964,55.90638227162716]],[[-133.0931366650665,55.425525790979094],[-133.16492809660966,55.5003256879688],[-133.12903238083808,55.51101138753875],[-133.16492809660966,55.58581128452845],[-133.2726152439244,55.56978273517351],[-133.30851095969598,55.59115413431343],[-133.45209382278227,55.644582632163214],[-133.38030239123913,55.69266828022802],[-133.4161981070107,55.740753928292825],[-133.52388525432542,55.75678247764776],[-133.48798953855385,55.708696829582955],[-133.52388525432542,55.69266828022802],[-133.63157240164017,55.73006822872287],[-133.70336383318332,55.77815387678768],[-133.66746811741174,55.8208966750675],[-133.55978097009702,55.83692522442244],[-133.4161981070107,55.78883957635763],[-133.34440667546755,55.80486812571257],[-133.38030239123913,55.87432517291729],[-133.45209382278227,55.90638227162716],[-133.52388525432542,55.97583931883188],[-133.63157240164017,55.922410820982094],[-133.70336383318332,55.895696572057204],[-133.81105098049807,55.927753670767075],[-133.81105098049807,55.965153619261926],[-133.7751552647265,55.98118216861686],[-133.70336383318332,56.07201061496149],[-133.55978097009702,56.141467662166214],[-133.55978097009702,56.16283906130613],[-133.63157240164017,56.200239009800974],[-133.66746811741174,56.31243885528553],[-133.63157240164017,56.3444959539954],[-133.5956766858686,56.34983880378037],[-133.4161981070107,56.33381025442544],[-133.34440667546755,56.33381025442544],[-133.16492809660966,56.3177817050705],[-133.05724094929494,56.237638958295825],[-133.05724094929494,56.18421046044604],[-133.05724094929494,56.12543911281128],[-132.9136580862086,56.03461066646664],[-132.84186665466547,56.023924966896686],[-132.62649236003602,55.922410820982094],[-132.4829094969497,55.78349672657265],[-132.44701378117813,55.681982580658065],[-132.37522234963495,55.649925481948195],[-132.33932663386338,55.58046843474347],[-132.3034309180918,55.5484113360336],[-132.19574377077709,55.51101138753875],[-132.1598480550055,55.46826858925892],[-132.19574377077709,55.452240039903984],[-132.23163948654866,55.494982838183816],[-132.51880521272128,55.57512558495849],[-132.51880521272128,55.5484113360336],[-132.62649236003602,55.48429713861386],[-132.55470092849285,55.47895428882888],[-132.51880521272128,55.521697087108706],[-132.4829094969497,55.50566853775377],[-132.41111806540655,55.51101138753875],[-132.37522234963495,55.47895428882888],[-132.3034309180918,55.46826858925892],[-132.3034309180918,55.43621149054905],[-132.4829094969497,55.425525790979094],[-132.37522234963495,55.40415439183918],[-132.26753520232023,55.42018294119411],[-132.23163948654866,55.37744014291429],[-132.1598480550055,55.36141159355935],[-132.12395233923394,55.28661169656965],[-132.1598480550055,55.238526048504845],[-132.19574377077709,55.217154649364936],[-132.12395233923394,55.20112610001],[-132.08805662346236,55.206468949794974],[-132.08805662346236,55.238526048504845],[-132.0162651919192,55.275925996999696],[-131.98036947614762,55.25989744764476],[-131.98036947614762,55.211811799579955],[-131.98036947614762,55.16372615151515],[-132.0162651919192,55.15304045194519],[-132.0162651919192,55.12098335323532],[-132.08805662346236,55.04084060646064],[-132.19574377077709,55.00344065796579],[-132.12395233923394,54.987412108610854],[-132.0521609076908,55.03549775667567],[-131.98036947614762,55.03015490689069],[-131.98036947614762,54.8538408639864],[-131.94447376037604,54.78972666656665],[-132.0162651919192,54.69889822022202],[-132.1598480550055,54.69355537043704],[-132.26753520232023,54.73629816871687],[-132.3034309180918,54.720269619361936],[-132.33932663386338,54.81644091549155],[-132.3034309180918,54.84849801420142],[-132.37522234963495,54.91261221162116],[-132.4829094969497,54.901926512051205],[-132.62649236003602,54.966040709470946],[-132.59059664426442,54.998097808180816],[-132.55470092849285,55.09961195409541],[-132.62649236003602,55.115640503450344],[-132.62649236003602,55.15304045194519],[-132.73417950735075,55.13166905280528],[-132.69828379157917,55.04618345624562],[-132.73417950735075,54.998097808180816],[-132.9136580862086,55.04618345624562],[-132.9136580862086,55.08358340474047],[-132.87776237043704,55.1263262030203],[-132.9495538019802,55.211811799579955],[-133.02134523352336,55.206468949794974],[-133.05724094929494,55.249211748074806],[-133.12903238083808,55.249211748074806],[-133.05724094929494,55.185097550655065],[-133.02134523352336,55.1263262030203],[-132.9854495177518,55.06755485538554],[-133.02134523352336,55.03549775667567],[-132.9495538019802,55.01946920732073],[-132.87776237043704,54.896583662266224],[-132.8059709388939,54.869869413341334],[-132.8059709388939,54.92329791119111],[-132.73417950735075,54.93932646054605],[-132.6623880758076,54.901926512051205],[-132.62649236003602,54.88589796269627],[-132.62649236003602,54.779040966996696],[-132.6623880758076,54.76301241764176],[-132.73417950735075,54.8271266150615],[-132.77007522312232,54.82178376527652],[-132.6623880758076,54.682869670867085],[-132.77007522312232,54.67218397129712],[-132.87776237043704,54.69889822022202],[-132.87776237043704,54.75232671807181],[-132.9495538019802,54.78972666656665],[-133.02134523352336,54.8538408639864],[-133.12903238083808,54.93932646054605],[-133.16492809660966,54.960697859685965],[-133.16492809660966,55.03015490689069],[-133.20082381238126,55.04084060646064],[-133.23671952815283,55.09426910431043],[-133.12903238083808,55.09961195409541],[-133.16492809660966,55.1263262030203],[-133.20082381238126,55.13701190259025],[-133.23671952815283,55.185097550655065],[-133.16492809660966,55.20112610001],[-133.23671952815283,55.22784034893489],[-133.34440667546755,55.206468949794974],[-133.38030239123913,55.22784034893489],[-133.45209382278227,55.211811799579955],[-133.48798953855385,55.249211748074806],[-133.45209382278227,55.31866879527952],[-133.38030239123913,55.34004019441944],[-133.34440667546755,55.34538304420442],[-133.30851095969598,55.29195454635463],[-133.23671952815283,55.30798309570957],[-133.2726152439244,55.3507258939894],[-133.23671952815283,55.38278299269927],[-133.12903238083808,55.37744014291429],[-133.05724094929494,55.35606874377437],[-133.05724094929494,55.40415439183918],[-133.0931366650665,55.425525790979094]],[[-147.48731868946896,60.618775781978194],[-147.48731868946896,60.656175730473045],[-147.48731868946896,60.72563277767777],[-147.37963154215421,60.7416613270327],[-147.30784011061107,60.666861430043],[-147.34373582638264,60.62946148154815],[-147.48731868946896,60.618775781978194]],[[-147.34373582638264,60.30354764466446],[-147.34373582638264,60.27683339573957],[-147.48731868946896,60.223404897889786],[-147.48731868946896,60.26614769616961],[-147.34373582638264,60.30354764466446]],[[-147.20015296329635,60.29286194509451],[-147.20015296329635,60.3195761940194],[-147.20015296329635,60.34629044294429],[-147.12836153175317,60.378347541654165],[-147.05657010021002,60.340947593159314],[-147.02067438443845,60.32491904380438],[-147.0924658159816,60.29286194509451],[-147.0924658159816,60.26614769616961],[-146.9488829528953,60.31423334423442],[-146.91298723712373,60.29820479487948],[-146.98477866866688,60.23409059745974],[-147.20015296329635,60.14860500090008],[-147.37963154215421,60.04174800520052],[-147.37963154215421,60.004348056705666],[-147.48731868946896,59.95626240864086],[-147.48731868946896,59.92420530993099],[-147.4514229736974,59.913519610361035],[-147.4514229736974,59.8707768120812],[-147.52321440524054,59.85474826272627],[-147.63090155255526,59.86543396229622],[-147.7026929840984,59.81734831423142],[-147.73858869986998,59.8226911640164],[-147.8821715629563,59.785291215521546],[-147.91806727872788,59.80131976487648],[-147.8821715629563,59.8707768120812],[-147.81038013141315,59.88680536143614],[-147.81038013141315,59.934891009500944],[-147.73858869986998,59.966948108210815],[-147.7026929840984,59.966948108210815],[-147.63090155255526,60.004348056705666],[-147.5591101210121,60.05243370477047],[-147.4155272579258,60.095176503050304],[-147.30784011061107,60.191347799179916],[-147.30784011061107,60.223404897889786],[-147.23604867906792,60.22874774767477],[-147.20015296329635,60.27149054595459],[-147.20015296329635,60.29286194509451]],[[-147.5591101210121,60.58137583348334],[-147.5591101210121,60.53329018541854],[-147.59500583678368,60.50657593649365],[-147.63090155255526,60.437118889288925],[-147.7026929840984,60.405061790579055],[-147.63090155255526,60.3676618420842],[-147.7026929840984,60.28751909530953],[-147.7026929840984,60.2447762970297],[-147.77448441564158,60.153947850685064],[-147.84627584718473,60.19669064896489],[-147.84627584718473,60.218062048104805],[-147.95396299449945,60.22874774767477],[-147.91806727872788,60.27149054595459],[-147.81038013141315,60.474518837783776],[-147.73858869986998,60.474518837783776],[-147.73858869986998,60.50657593649365],[-147.63090155255526,60.56534728412841],[-147.5591101210121,60.58137583348334]],[[-147.95396299449945,60.7416613270327],[-147.91806727872788,60.73631847724772],[-147.84627584718473,60.69891852875287],[-147.8821715629563,60.67220427982798],[-147.91806727872788,60.656175730473045],[-148.02575442604262,60.72563277767777],[-147.95396299449945,60.7416613270327]],[[-147.12836153175317,60.91263252015201],[-147.05657010021002,60.8912611210121],[-147.12836153175317,60.85386117251725],[-147.30784011061107,60.88057542144214],[-147.23604867906792,60.91263252015201],[-147.12836153175317,60.91263252015201]],[[-132.55470092849285,56.63300984238423],[-132.51880521272128,56.670409790879084],[-132.44701378117813,56.65438124152415],[-132.33932663386338,56.64903839173917],[-132.41111806540655,56.58492419431943],[-132.44701378117813,56.58492419431943],[-132.55470092849285,56.63300984238423]],[[-132.9136580862086,56.09872486388638],[-132.9854495177518,56.15215336173617],[-132.9854495177518,56.242981808080806],[-132.9495538019802,56.237638958295825],[-132.9136580862086,56.210924709370936],[-132.87776237043704,56.13078196259626],[-132.9136580862086,56.09872486388638]],[[-132.51880521272128,56.56355279517951],[-132.51880521272128,56.5421813960396],[-132.59059664426442,56.451352949694964],[-132.6623880758076,56.47272434883488],[-132.59059664426442,56.51012429732973],[-132.51880521272128,56.56355279517951]],[[-132.55470092849285,56.40326730163016],[-132.4829094969497,56.44066725012501],[-132.41111806540655,56.40326730163016],[-132.41111806540655,56.38723875227522],[-132.4829094969497,56.35518165356535],[-132.55470092849285,56.36586735313531],[-132.55470092849285,56.40326730163016]],[[-132.9854495177518,56.44066725012501],[-132.87776237043704,56.456695799479945],[-132.8059709388939,56.44066725012501],[-132.73417950735075,56.456695799479945],[-132.6623880758076,56.44066725012501],[-132.62649236003602,56.392581602060204],[-132.69828379157917,56.3444959539954],[-132.6623880758076,56.301753155715566],[-132.6623880758076,56.27503890679068],[-132.73417950735075,56.25901035743574],[-132.87776237043704,56.242981808080806],[-133.05724094929494,56.33381025442544],[-133.05724094929494,56.37121020292029],[-132.9854495177518,56.44066725012501]],[[-136.03658535833586,58.32135037443744],[-136.03658535833586,58.27326472637263],[-136.108376789879,58.257236177017695],[-136.14427250565058,58.27860757615761],[-136.108376789879,58.3053218250825],[-136.03658535833586,58.32135037443744]],[[-135.6417324848485,58.380121722072204],[-135.53404533753377,58.3320360740074],[-135.6417324848485,58.32669322422242],[-135.71352391639164,58.36409317271727],[-135.6417324848485,58.380121722072204]],[[-134.7084438747875,58.21983622852285],[-134.7084438747875,58.161064880888084],[-134.63665244324432,58.161064880888084],[-134.56486101170117,58.193121979597954],[-134.5289652959296,58.17709343024302],[-134.45717386438645,58.171750580458045],[-134.3853824328433,58.15037918131813],[-134.2059038539854,58.161064880888084],[-134.17000813821383,58.134350631963194],[-134.2059038539854,58.08092213411341],[-134.09821670667066,58.01680793669367],[-134.09821670667066,57.974065138413835],[-134.0264252751275,57.93132234013401],[-133.95463384358436,57.856522443144314],[-133.9187381278128,57.8084367950795],[-133.8828424120412,57.685551250025],[-133.81105098049807,57.63212275217521],[-133.81105098049807,57.58403710411041],[-133.84694669626964,57.57869425432543],[-133.84694669626964,57.62143705260526],[-133.99052955935593,57.71760834873487],[-134.0264252751275,57.81912249464946],[-134.09821670667066,57.85117959335933],[-134.13411242244226,57.89392239163916],[-134.2059038539854,57.89392239163916],[-134.09821670667066,57.8084367950795],[-134.09821670667066,57.77637969636963],[-134.13411242244226,57.760351147014696],[-134.09821670667066,57.728294048304825],[-134.0264252751275,57.6588370011001],[-133.9187381278128,57.61609420282028],[-133.95463384358436,57.56800855475547],[-133.84694669626964,57.46649440884088],[-133.9187381278128,57.455808709270926],[-133.8828424120412,57.38100881228122],[-133.8828424120412,57.35963741314131],[-133.95463384358436,57.30620891529153],[-134.0264252751275,57.32758031443144],[-134.09821670667066,57.295523215721566],[-134.17000813821383,57.21003761916191],[-134.27769528552855,57.135237722172214],[-134.3853824328433,57.1138663230323],[-134.3853824328433,57.08715207410741],[-134.49306958015802,57.03372357625762],[-134.60075672747274,57.03372357625762],[-134.63665244324432,57.108523473247324],[-134.63665244324432,57.22606616851685],[-134.60075672747274,57.27415181658166],[-134.5289652959296,57.31689461486148],[-134.56486101170117,57.34360886378637],[-134.56486101170117,57.40238021142114],[-134.49306958015802,57.37032311271127],[-134.45717386438645,57.391694511851185],[-134.60075672747274,57.514580056905686],[-134.60075672747274,57.56266570497049],[-134.6725481590159,57.61609420282028],[-134.7084438747875,57.685551250025],[-134.74433959055906,57.72295119851985],[-134.7084438747875,57.82980819421942],[-134.74433959055906,57.89926524142414],[-134.74433959055906,57.979407988198815],[-134.78023530633064,58.05955073497349],[-134.78023530633064,58.09695068346834],[-134.85202673787379,58.17709343024302],[-134.92381816941696,58.21449337873787],[-134.95971388518853,58.28395042594259],[-134.95971388518853,58.36943602250225],[-134.95971388518853,58.412178820782074],[-134.8161310221022,58.32135037443744],[-134.78023530633064,58.27860757615761],[-134.7084438747875,58.26792187658766],[-134.7084438747875,58.21983622852285]],[[-156.6766219269927,56.06666776517651],[-156.6766219269927,56.02926781668167],[-156.74841335853586,56.03461066646664],[-156.6766219269927,56.06666776517651]],[[-151.86659601360137,58.257236177017695],[-151.79480458205822,58.24655047744774],[-151.8307002978298,58.182436280028],[-151.90249172937294,58.193121979597954],[-151.86659601360137,58.257236177017695]],[[-151.9383874451445,58.914406700570055],[-152.08197030823084,58.914406700570055],[-152.04607459245926,58.946463799279925],[-152.0101788766877,58.941120949494945],[-151.9383874451445,58.914406700570055]],[[-155.67154188538854,55.85829662356235],[-155.63564616961696,55.895696572057204],[-155.5997504538454,55.91172512141214],[-155.56385473807381,55.88501087248724],[-155.5997504538454,55.8476109239924],[-155.56385473807381,55.81021097549755],[-155.5997504538454,55.76212532743274],[-155.70743760116014,55.772811027002696],[-155.7433333169317,55.82623952485248],[-155.67154188538854,55.85829662356235]],[[-152.22555317131713,58.24120762766276],[-152.2973446028603,58.21983622852285],[-152.2614488870887,58.134350631963194],[-152.33324031863188,58.11832208260826],[-152.47682318171817,58.12900778217821],[-152.58451032903292,58.11297923282328],[-152.54861461326135,58.161064880888084],[-152.58451032903292,58.17709343024302],[-152.6204060448045,58.08092213411341],[-152.65630176057607,58.05955073497349],[-152.7639889078908,58.04886503540354],[-152.79988462366236,58.08092213411341],[-152.9434674867487,58.11832208260826],[-153.01525891829183,58.134350631963194],[-153.08705034983498,58.09695068346834],[-153.01525891829183,58.043522185618556],[-152.87167605520554,58.00077938733873],[-152.9434674867487,57.984750837983796],[-153.08705034983498,58.00612223712371],[-153.30242464446445,58.04886503540354],[-153.3742160760076,58.03817933583358],[-153.41011179177917,58.07023643454345],[-153.30242464446445,58.13969348174817],[-153.26652892869288,58.14503633153315],[-153.19473749714973,58.102293533253324],[-153.15884178137816,58.12900778217821],[-153.2306332129213,58.161064880888084],[-153.19473749714973,58.20915052895289],[-153.15884178137816,58.21449337873787],[-153.08705034983498,58.193121979597954],[-153.01525891829183,58.21983622852285],[-153.08705034983498,58.257236177017695],[-153.0511546340634,58.3053218250825],[-152.9434674867487,58.27860757615761],[-152.87167605520554,58.28395042594259],[-152.9434674867487,58.3320360740074],[-152.9075717709771,58.34272177357735],[-152.83578033943394,58.32669322422242],[-152.7639889078908,58.36943602250225],[-152.83578033943394,58.37477887228722],[-152.87167605520554,58.40149312121212],[-152.79988462366236,58.412178820782074],[-152.72809319211922,58.46026446884688],[-152.6204060448045,58.476293018201815],[-152.65630176057607,58.508350116911686],[-152.65630176057607,58.56712146454645],[-152.58451032903292,58.62054996239623],[-152.51271889748975,58.59383571347134],[-152.4409274659466,58.62054996239623],[-152.36913603440345,58.636578511751175],[-152.33324031863188,58.58849286368636],[-152.36913603440345,58.5297215160516],[-152.40503175017503,58.51369296669667],[-152.51271889748975,58.42820737013701],[-152.47682318171817,58.353407473147314],[-152.36913603440345,58.36409317271727],[-152.36913603440345,58.42286452035203],[-152.2973446028603,58.417521670567055],[-152.18965745554556,58.353407473147314],[-152.1178660240024,58.39615027142714],[-152.08197030823084,58.36943602250225],[-152.15376173977398,58.29463612551255],[-151.97428316091612,58.34806462336233],[-151.97428316091612,58.32669322422242],[-151.97428316091612,58.26792187658766],[-151.97428316091612,58.21449337873787],[-152.08197030823084,58.15572203110311],[-152.1178660240024,58.15037918131813],[-152.18965745554556,58.171750580458045],[-152.18965745554556,58.21449337873787],[-152.22555317131713,58.24120762766276]],[[-154.41519183338335,56.57423849474947],[-154.37929611761177,56.55286709560956],[-154.52287898069807,56.50478144754475],[-154.63056612801282,56.47272434883488],[-154.73825327532754,56.40326730163016],[-154.81004470687068,56.43532440034003],[-154.70235755955596,56.520809996899686],[-154.52287898069807,56.60095274367436],[-154.45108754915492,56.60095274367436],[-154.41519183338335,56.57423849474947]],[[-153.94854752835283,56.55820994539454],[-153.8767560968097,56.53149569646964],[-153.94854752835283,56.50478144754475],[-154.12802610721073,56.49943859775977],[-154.1639218229823,56.51012429732973],[-154.23571325452545,56.488752898189816],[-154.3434004018402,56.51012429732973],[-154.37929611761177,56.5421813960396],[-154.30750468606863,56.59560989388939],[-154.23571325452545,56.611638443244324],[-154.19981753875388,56.60629559345934],[-154.09213039143916,56.6169812930293],[-154.05623467566758,56.55820994539454],[-153.94854752835283,56.55820994539454]],[[-152.40503175017503,57.81377964486448],[-152.33324031863188,57.8351510440044],[-152.2973446028603,57.78172254615461],[-152.4409274659466,57.77637969636963],[-152.51271889748975,57.73897974787479],[-152.4409274659466,57.669522700670065],[-152.47682318171817,57.605408503250324],[-152.4409274659466,57.59472280368036],[-152.36913603440345,57.62143705260526],[-152.2614488870887,57.62677990239023],[-152.15376173977398,57.62143705260526],[-152.15376173977398,57.58403710411041],[-152.2973446028603,57.514580056905686],[-152.33324031863188,57.43978015991599],[-152.36913603440345,57.42909446034603],[-152.51271889748975,57.450465859485945],[-152.51271889748975,57.43443731013101],[-152.58451032903292,57.46649440884088],[-152.65630176057607,57.4611515590559],[-152.72809319211922,57.477180108410835],[-152.72809319211922,57.50389435733573],[-152.9075717709771,57.487865807980796],[-152.7639889078908,57.455808709270926],[-152.58451032903292,57.38100881228122],[-152.6204060448045,57.32223746464646],[-152.69219747634764,57.27949466636663],[-152.7639889078908,57.29018036593659],[-152.83578033943394,57.263466117011696],[-152.87167605520554,57.29018036593659],[-152.9075717709771,57.32223746464646],[-153.01525891829183,57.3382660140014],[-153.08705034983498,57.32223746464646],[-153.08705034983498,57.28483751615161],[-153.01525891829183,57.30086606550655],[-152.9434674867487,57.25812326722672],[-153.01525891829183,57.231409018301825],[-153.08705034983498,57.21003761916191],[-153.19473749714973,57.22072331873187],[-153.15884178137816,57.17798052045204],[-152.9434674867487,57.188666220022],[-152.87167605520554,57.167294820882084],[-152.9075717709771,57.12455202260226],[-152.97936320252026,57.11920917281728],[-153.12294606560658,57.09249492389239],[-153.15884178137816,57.10318062346234],[-153.2306332129213,57.07646637453745],[-153.19473749714973,57.03372357625762],[-153.2306332129213,57.00700932733273],[-153.30242464446445,56.990980777977796],[-153.33832036023603,57.00700932733273],[-153.33832036023603,57.0390664260426],[-153.41011179177917,57.08180922432243],[-153.3742160760076,57.11920917281728],[-153.26652892869288,57.172637670667065],[-153.33832036023603,57.194009069806974],[-153.48190322332235,57.08715207410741],[-153.58959037063707,57.09249492389239],[-153.66138180218022,57.08715207410741],[-153.66138180218022,57.05509497539754],[-153.58959037063707,57.04975212561256],[-153.5536946548655,56.99632362776277],[-153.58959037063707,56.94289512991299],[-153.69727751795182,56.926866580558055],[-153.7331732337234,56.89480948184818],[-153.69727751795182,56.87343808270827],[-153.76906894949497,56.83603813421342],[-153.8408603810381,56.83603813421342],[-153.91265181258126,56.766581087008696],[-154.020338959896,56.74520968786879],[-154.020338959896,56.76123823722372],[-154.12802610721073,56.739866838083806],[-154.12802610721073,56.78260963636363],[-154.05623467566758,56.8413809839984],[-154.020338959896,56.857409533353334],[-153.94854752835283,56.916180880988094],[-153.8408603810381,56.958923679267926],[-153.91265181258126,56.96960937883788],[-153.9844432441244,56.953580829482945],[-153.9844432441244,56.99632362776277],[-153.94854752835283,57.06043782518252],[-153.80496466526654,57.1138663230323],[-153.8767560968097,57.11920917281728],[-153.9844432441244,57.06578067496749],[-154.09213039143916,56.96960937883788],[-154.1639218229823,56.94289512991299],[-154.19981753875388,56.91083803120312],[-154.23571325452545,56.87878093249324],[-154.30750468606863,56.84672383378337],[-154.30750468606863,56.916180880988094],[-154.37929611761177,56.958923679267926],[-154.52287898069807,56.990980777977796],[-154.52287898069807,57.07646637453745],[-154.52287898069807,57.194009069806974],[-154.63056612801282,57.268808966796676],[-154.70235755955596,57.28483751615161],[-154.73825327532754,57.31689461486148],[-154.70235755955596,57.40238021142114],[-154.70235755955596,57.445123009700964],[-154.63056612801282,57.509237207120705],[-154.55877469646964,57.54129430583058],[-154.52287898069807,57.57869425432543],[-154.45108754915492,57.56800855475547],[-154.3434004018402,57.63212275217521],[-154.23571325452545,57.6588370011001],[-154.09213039143916,57.64815130153015],[-154.020338959896,57.6588370011001],[-153.9844432441244,57.64815130153015],[-153.9844432441244,57.55198000540054],[-153.91265181258126,57.53060860626062],[-153.91265181258126,57.423751610561055],[-153.80496466526654,57.34895171357135],[-153.76906894949497,57.37032311271127],[-153.80496466526654,57.413065910991094],[-153.8767560968097,57.445123009700964],[-153.8767560968097,57.50389435733573],[-153.8767560968097,57.54129430583058],[-153.80496466526654,57.58937995389539],[-153.8767560968097,57.63212275217521],[-153.8408603810381,57.65349415131513],[-153.66138180218022,57.637465601960194],[-153.66138180218022,57.669522700670065],[-153.8767560968097,57.706922649164916],[-153.94854752835283,57.701579799379935],[-153.94854752835283,57.81377964486448],[-153.8408603810381,57.86720814271427],[-153.7331732337234,57.888579541854185],[-153.66138180218022,57.87789384228422],[-153.5536946548655,57.82980819421942],[-153.5536946548655,57.78706539593959],[-153.5536946548655,57.71760834873487],[-153.48190322332235,57.728294048304825],[-153.44600750755077,57.84049389378937],[-153.33832036023603,57.8084367950795],[-153.33832036023603,57.85117959335933],[-153.44600750755077,57.883236692069204],[-153.5536946548655,57.93132234013401],[-153.51779893909392,57.96872228862886],[-153.44600750755077,57.96337943884388],[-153.26652892869288,57.888579541854185],[-153.2306332129213,57.89392239163916],[-153.12294606560658,57.856522443144314],[-153.08705034983498,57.86720814271427],[-153.19473749714973,57.93132234013401],[-153.26652892869288,57.9580365890589],[-153.30242464446445,57.99543653755375],[-153.2306332129213,57.99543653755375],[-153.12294606560658,57.947350889488945],[-153.08705034983498,57.93666518991899],[-153.01525891829183,57.9580365890589],[-152.87167605520554,57.93132234013401],[-152.87167605520554,57.99543653755375],[-152.72809319211922,57.99009368776877],[-152.72809319211922,57.947350889488945],[-152.9075717709771,57.84049389378937],[-152.9075717709771,57.77103684658466],[-152.83578033943394,57.73897974787479],[-152.83578033943394,57.81912249464946],[-152.79988462366236,57.856522443144314],[-152.72809319211922,57.8351510440044],[-152.6204060448045,57.883236692069204],[-152.6204060448045,57.920636640564055],[-152.54861461326135,57.89926524142414],[-152.47682318171817,57.96337943884388],[-152.4409274659466,57.93132234013401],[-152.33324031863188,57.915293790779074],[-152.36913603440345,57.883236692069204],[-152.40503175017503,57.89926524142414],[-152.47682318171817,57.888579541854185],[-152.40503175017503,57.81377964486448]],[[-134.27769528552855,55.927753670767075],[-134.17000813821383,55.89035372227222],[-134.27769528552855,55.82623952485248],[-134.34948671707173,55.84226807420742],[-134.34948671707173,55.927753670767075],[-134.27769528552855,55.927753670767075]],[[-134.13411242244226,56.07201061496149],[-134.09821670667066,56.050639215821576],[-134.13411242244226,56.00255356775677],[-134.2059038539854,56.05598206560656],[-134.24179956975698,56.06666776517651],[-134.27769528552855,56.1200962630263],[-134.24179956975698,56.16283906130613],[-134.24179956975698,56.22161040894089],[-134.24179956975698,56.269696057005696],[-134.31359100130013,56.29106745614561],[-134.27769528552855,56.35518165356535],[-134.2059038539854,56.40861015141514],[-134.13411242244226,56.40861015141514],[-134.06232099089908,56.392581602060204],[-134.0264252751275,56.419295850985094],[-134.09821670667066,56.47272434883488],[-134.13411242244226,56.488752898189816],[-134.27769528552855,56.58492419431943],[-134.27769528552855,56.62232414281428],[-134.3853824328433,56.675752640664065],[-134.3853824328433,56.72383828872887],[-134.42127814861487,56.83603813421342],[-134.34948671707173,56.90015233163316],[-134.27769528552855,56.90549518141814],[-134.17000813821383,56.85206668356835],[-134.13411242244226,56.88412378227822],[-134.2059038539854,56.90549518141814],[-134.13411242244226,56.926866580558055],[-134.09821670667066,56.93220943034303],[-134.0264252751275,56.89480948184818],[-133.95463384358436,56.798638185718566],[-133.9187381278128,56.76123823722372],[-133.95463384358436,56.734523988298825],[-133.8828424120412,56.72383828872887],[-133.84694669626964,56.80932388528853],[-133.7392595489549,56.77192393679368],[-133.7751552647265,56.729181138513844],[-133.7751552647265,56.675752640664065],[-133.7392595489549,56.643695541954195],[-133.70336383318332,56.59026704410441],[-133.7392595489549,56.57423849474947],[-133.84694669626964,56.57423849474947],[-133.8828424120412,56.488752898189816],[-133.84694669626964,56.43532440034003],[-133.8828424120412,56.429981550555055],[-133.9187381278128,56.37655305270527],[-133.84694669626964,56.34983880378037],[-133.84694669626964,56.32312455485548],[-133.9187381278128,56.210924709370936],[-133.95463384358436,56.200239009800974],[-133.95463384358436,56.168181911091104],[-133.95463384358436,56.09338201410141],[-134.0264252751275,56.08803916431643],[-134.0264252751275,56.114753413241324],[-134.0264252751275,56.16283906130613],[-134.06232099089908,56.22695325872587],[-134.09821670667066,56.22695325872587],[-134.09821670667066,56.178867610661065],[-134.17000813821383,56.16283906130613],[-134.09821670667066,56.141467662166214],[-134.13411242244226,56.07201061496149]],[[-132.55470092849285,56.60629559345934],[-132.55470092849285,56.58492419431943],[-132.6623880758076,56.55286709560956],[-132.73417950735075,56.515467147114705],[-132.8059709388939,56.4940957479748],[-132.87776237043704,56.51012429732973],[-133.05724094929494,56.520809996899686],[-133.0931366650665,56.579581344534446],[-133.02134523352336,56.60629559345934],[-133.0931366650665,56.670409790879084],[-133.20082381238126,56.707809739373936],[-133.2726152439244,56.8146667350735],[-133.30851095969598,56.79329533593359],[-133.30851095969598,56.739866838083806],[-133.2726152439244,56.734523988298825],[-133.23671952815283,56.707809739373936],[-133.23671952815283,56.64903839173917],[-133.16492809660966,56.638352692169214],[-133.0931366650665,56.6169812930293],[-133.0931366650665,56.52615284668467],[-133.16492809660966,56.462038649264926],[-133.20082381238126,56.44601009990999],[-133.34440667546755,56.4673814990499],[-133.4161981070107,56.4940957479748],[-133.45209382278227,56.456695799479945],[-133.52388525432542,56.43532440034003],[-133.5956766858686,56.43532440034003],[-133.66746811741174,56.44601009990999],[-133.66746811741174,56.53683854625462],[-133.66746811741174,56.60095274367436],[-133.70336383318332,56.68109549044904],[-133.66746811741174,56.80932388528853],[-133.70336383318332,56.8413809839984],[-133.7751552647265,56.80932388528853],[-133.8828424120412,56.84672383378337],[-133.9187381278128,56.916180880988094],[-133.9187381278128,56.958923679267926],[-134.06232099089908,57.02838072647264],[-134.0264252751275,57.07646637453745],[-133.8828424120412,57.09783777367736],[-133.70336383318332,57.06578067496749],[-133.63157240164017,57.06043782518252],[-133.45209382278227,57.017695026902686],[-133.34440667546755,57.00166647754775],[-133.30851095969598,57.012352177117705],[-133.0931366650665,57.00700932733273],[-132.9854495177518,56.94289512991299],[-132.9495538019802,56.87343808270827],[-132.9495538019802,56.82535243464346],[-132.9136580862086,56.80398103550355],[-132.8059709388939,56.79329533593359],[-132.77007522312232,56.75589538743874],[-132.73417950735075,56.71315258915891],[-132.62649236003602,56.670409790879084],[-132.59059664426442,56.611638443244324],[-132.55470092849285,56.60629559345934]],[[-134.6725481590159,56.168181911091104],[-134.7084438747875,56.173524760876084],[-134.8161310221022,56.237638958295825],[-134.85202673787379,56.30709600550055],[-134.95971388518853,56.38723875227522],[-134.9956096009601,56.456695799479945],[-135.06740103250326,56.5421813960396],[-135.03150531673168,56.6169812930293],[-135.10329674827483,56.59560989388939],[-135.17508817981798,56.675752640664065],[-135.28277532713273,56.702466889588955],[-135.35456675867587,56.77192393679368],[-135.39046247444745,56.77726678657866],[-135.42635819021902,56.80932388528853],[-135.35456675867587,56.89480948184818],[-135.3186710429043,56.916180880988094],[-135.39046247444745,56.953580829482945],[-135.39046247444745,56.980295078407835],[-135.3186710429043,57.00700932733273],[-135.3186710429043,57.044409275827576],[-135.39046247444745,57.09783777367736],[-135.42635819021902,57.167294820882084],[-135.35456675867587,57.199351919591955],[-135.35456675867587,57.24743756765676],[-135.46225390599062,57.25812326722672],[-135.56994105330534,57.231409018301825],[-135.60583676907692,57.30086606550655],[-135.67762820062006,57.3382660140014],[-135.67762820062006,57.36498026292629],[-135.56994105330534,57.42909446034603],[-135.53404533753377,57.450465859485945],[-135.53404533753377,57.509237207120705],[-135.42635819021902,57.56266570497049],[-135.35456675867587,57.55198000540054],[-135.28277532713273,57.509237207120705],[-135.28277532713273,57.482522958195815],[-135.21098389558955,57.487865807980796],[-135.1391924640464,57.43978015991599],[-135.06740103250326,57.418408760776074],[-134.92381816941696,57.423751610561055],[-134.85202673787379,57.40772306120612],[-134.8161310221022,57.34360886378637],[-134.8161310221022,57.30086606550655],[-134.88792245364536,57.32758031443144],[-134.95971388518853,57.3115517650765],[-134.88792245364536,57.29018036593659],[-134.85202673787379,57.24743756765676],[-134.74433959055906,57.012352177117705],[-134.74433959055906,56.948237979697964],[-134.7084438747875,56.90015233163316],[-134.7084438747875,56.85206668356835],[-134.6725481590159,56.82535243464346],[-134.63665244324432,56.729181138513844],[-134.60075672747274,56.638352692169214],[-134.63665244324432,56.55286709560956],[-134.6725481590159,56.5421813960396],[-134.63665244324432,56.47272434883488],[-134.63665244324432,56.40326730163016],[-134.63665244324432,56.264353207220715],[-134.6725481590159,56.168181911091104]],[[-135.60583676907692,57.89926524142414],[-135.46225390599062,57.8351510440044],[-135.39046247444745,57.80309394529453],[-135.3186710429043,57.74966544744474],[-135.21098389558955,57.728294048304825],[-135.10329674827483,57.75500829722972],[-135.03150531673168,57.74432259765976],[-134.9956096009601,57.765693996799676],[-134.92381816941696,57.74432259765976],[-134.92381816941696,57.68020840024002],[-134.85202673787379,57.62143705260526],[-134.8161310221022,57.49855150755075],[-134.88792245364536,57.4611515590559],[-135.03150531673168,57.455808709270926],[-135.06740103250326,57.46649440884088],[-135.1391924640464,57.49855150755075],[-135.24687961136115,57.54663715561556],[-135.46225390599062,57.63212275217521],[-135.56994105330534,57.67486555045504],[-135.6417324848485,57.65349415131513],[-135.67762820062006,57.62677990239023],[-135.60583676907692,57.60006565346534],[-135.53404533753377,57.482522958195815],[-135.56994105330534,57.450465859485945],[-135.60583676907692,57.43978015991599],[-135.6417324848485,57.40772306120612],[-135.67762820062006,57.37566596249625],[-135.85710677947796,57.391694511851185],[-135.89300249524953,57.40772306120612],[-135.89300249524953,57.43978015991599],[-135.9288982110211,57.4611515590559],[-136.03658535833586,57.51992290669067],[-136.00068964256425,57.54663715561556],[-136.07248107410743,57.59472280368036],[-136.14427250565058,57.62677990239023],[-136.21606393719372,57.637465601960194],[-136.32375108450844,57.760351147014696],[-136.32375108450844,57.78172254615461],[-136.35964680028002,57.82980819421942],[-136.46733394759477,57.856522443144314],[-136.46733394759477,57.89392239163916],[-136.5750210949095,57.92597949034903],[-136.53912537913791,58.07557928432843],[-136.46733394759477,58.09695068346834],[-136.4314382318232,58.134350631963194],[-136.35964680028002,58.15037918131813],[-136.35964680028002,58.193121979597954],[-136.39554251605162,58.27326472637263],[-136.28785536873687,58.26792187658766],[-136.28785536873687,58.225179078307825],[-136.2519596529653,58.171750580458045],[-136.21606393719372,58.182436280028],[-136.14427250565058,58.225179078307825],[-136.03658535833586,58.21983622852285],[-135.96479392679268,58.203807679167916],[-135.9288982110211,58.24655047744774],[-135.8212110637064,58.28395042594259],[-135.78531534793478,58.289293275727566],[-135.7494196321632,58.24120762766276],[-135.60583676907692,58.21449337873787],[-135.4981496217622,58.166407730673065],[-135.53404533753377,58.102293533253324],[-135.6417324848485,58.03817933583358],[-135.6417324848485,57.99543653755375],[-135.60583676907692,57.99009368776877],[-135.56994105330534,58.043522185618556],[-135.4981496217622,58.08626498389839],[-135.46225390599062,58.134350631963194],[-135.39046247444745,58.14503633153315],[-135.28277532713273,58.09695068346834],[-135.10329674827483,58.08626498389839],[-135.06740103250326,58.05955073497349],[-134.95971388518853,58.04886503540354],[-134.92381816941696,58.02215078647865],[-134.92381816941696,57.979407988198815],[-134.92381816941696,57.920636640564055],[-134.9956096009601,57.883236692069204],[-135.1391924640464,57.92597949034903],[-135.17508817981798,57.89926524142414],[-135.06740103250326,57.86720814271427],[-134.95971388518853,57.81377964486448],[-135.03150531673168,57.78172254615461],[-135.21098389558955,57.77637969636963],[-135.3186710429043,57.80309394529453],[-135.39046247444745,57.85117959335933],[-135.4981496217622,57.883236692069204],[-135.60583676907692,57.89926524142414]],[[-135.4981496217622,57.140580571957194],[-135.53404533753377,57.15660912131213],[-135.53404533753377,57.21003761916191],[-135.4981496217622,57.236751868086806],[-135.39046247444745,57.236751868086806],[-135.39046247444745,57.204694769376935],[-135.4981496217622,57.140580571957194]],[[-135.71352391639164,57.32223746464646],[-135.6417324848485,57.30086606550655],[-135.56994105330534,57.24209471787179],[-135.60583676907692,57.22606616851685],[-135.60583676907692,57.1619519710971],[-135.56994105330534,57.14592342174217],[-135.56994105330534,57.09249492389239],[-135.6417324848485,57.02303787668767],[-135.85710677947796,56.99632362776277],[-135.8212110637064,57.09249492389239],[-135.7494196321632,57.11920917281728],[-135.7494196321632,57.15660912131213],[-135.78531534793478,57.17798052045204],[-135.8212110637064,57.172637670667065],[-135.85710677947796,57.22072331873187],[-135.85710677947796,57.263466117011696],[-135.8212110637064,57.3382660140014],[-135.7494196321632,57.34360886378637],[-135.71352391639164,57.32223746464646]],[[-162.59941502930295,63.27417212511251],[-162.41993645044505,63.3756862710271],[-162.41993645044505,63.40774336973697],[-162.3481450189019,63.455829017801776],[-162.27635358735876,63.487886116511646],[-162.31224930313033,63.54131461436143],[-162.24045787158718,63.54131461436143],[-162.09687500850086,63.50925751565156],[-162.0250835769577,63.487886116511646],[-162.0250835769577,63.44514331823182],[-161.84560499809982,63.44514331823182],[-161.66612641924195,63.46651471737173],[-161.59433498769877,63.450486168016795],[-161.30716926152616,63.47185756715671],[-161.1276906826683,63.50391466586658],[-161.0917949668967,63.54665746414641],[-160.91231638803882,63.65885730963096],[-160.7687335249525,63.77105715511551],[-160.7687335249525,63.83517135253525],[-160.84052495649567,63.952714047804776],[-160.87642067226724,63.984771146514646],[-160.9482121038104,64.09162814221422],[-160.9482121038104,64.19314228812881],[-160.98410781958196,64.23588508640864],[-161.235377829983,64.36945633103309],[-161.27127354575458,64.39617057995798],[-161.4148564088409,64.42288482888289],[-161.52254355615563,64.42288482888289],[-161.48664784038405,64.50837042544254],[-161.3789606930693,64.53508467436743],[-161.235377829983,64.50302757565757],[-161.02000353535354,64.49768472587257],[-161.0558992511251,64.54042752415242],[-160.9482121038104,64.55111322372237],[-160.80462924072407,64.60988457135713],[-160.7687335249525,64.7167415670567],[-160.9482121038104,64.82359856275627],[-161.0917949668967,64.87168421082109],[-161.19948211421143,64.91976985888589],[-161.19948211421143,64.88236991039103],[-161.30716926152616,64.85565566146614],[-161.3789606930693,64.77551291469146],[-161.52254355615563,64.75414151555155],[-161.66612641924195,64.7915414640464],[-161.8815007138714,64.71139871727172],[-161.95329214541454,64.70071301770176],[-162.168666440044,64.67934161856185],[-162.20456215581558,64.65797021942194],[-162.24045787158718,64.62057027092709],[-162.3481450189019,64.5938560220022],[-162.52762359775977,64.52974182458246],[-162.59941502930295,64.47097047694768],[-162.59941502930295,64.44959907780778],[-162.63531074507452,64.38548488038803],[-162.70710217661767,64.35877063146314],[-162.81478932393242,64.35342778167816],[-162.81478932393242,64.40685627952794],[-162.850685039704,64.47631332673268],[-162.850685039704,64.49768472587257],[-162.9583721870187,64.54042752415242],[-163.03016361856186,64.54042752415242],[-163.06605933433343,64.58851317221722],[-163.20964219741975,64.63125597049705],[-163.31732934473447,64.58851317221722],[-163.24553791319133,64.55111322372237],[-163.17374648164818,64.54577037393739],[-163.10195505010503,64.50837042544254],[-163.03016361856186,64.5190561250125],[-163.03016361856186,64.47631332673268],[-163.10195505010503,64.40685627952794],[-163.17374648164818,64.40151342974298],[-163.24553791319133,64.42822767866787],[-163.24553791319133,64.47097047694768],[-163.4609122078208,64.53508467436743],[-163.6044950709071,64.56179892329232],[-163.81986936553656,64.57248462286228],[-163.96345222862288,64.55111322372237],[-164.14293080748075,64.56714177307731],[-164.32240938633865,64.56179892329232],[-164.43009653365337,64.54577037393739],[-164.82494940714074,64.44959907780778],[-165.0044279859986,64.43357052845283],[-165.21980228062807,64.47097047694768],[-165.39928085948597,64.49768472587257],[-165.75823801720173,64.53508467436743],[-165.90182088028803,64.55111322372237],[-166.22488232223225,64.58317032243224],[-166.40436090109012,64.63659882028202],[-166.47615233263326,64.73277011641164],[-166.47615233263326,64.79688431383138],[-166.40436090109012,64.83428426232624],[-166.40436090109012,64.87168421082109],[-166.54794376417644,64.93579840824083],[-166.69152662726273,64.98388405630563],[-166.69152662726273,65.03731255415542],[-166.87100520612063,65.0907410520052],[-166.9069009218922,65.12814100050005],[-166.76331805880588,65.11211245114511],[-166.65563091149116,65.11211245114511],[-166.61973519571958,65.13348385028502],[-166.51204804840486,65.14951239963996],[-166.47615233263326,65.17622664856485],[-166.47615233263326,65.22431229662965],[-166.33256946954697,65.27774079447944],[-166.36846518531854,65.29911219361935],[-166.47615233263326,65.33116929232924],[-166.54794376417644,65.3365121421142],[-166.65563091149116,65.32582644254424],[-166.79921377457748,65.3365121421142],[-167.01458806920692,65.38459779017901],[-167.4094409426943,65.40062633953394],[-167.48123237423744,65.4113120391039],[-167.6966066688669,65.49679763566357],[-167.91198096349638,65.55022613351335],[-168.09145954235424,65.57694038243824],[-168.12735525812582,65.62502603050305],[-168.09145954235424,65.68379737813781],[-167.98377239503952,65.72654017641764],[-167.73250238463848,65.77462582448244],[-167.55302380578058,65.82271147254724],[-167.30175379537954,65.886825669967],[-167.12227521652167,65.94559701760176],[-166.97869235343535,65.99368266566657],[-166.83510949034905,66.05245401330133],[-166.51204804840486,66.14328245964596],[-166.33256946954697,66.19136810771076],[-165.7941337329733,66.33562505190518],[-165.39928085948597,66.42111064846483],[-165.11211513331335,66.47453914631463],[-164.717262259826,66.54399619351935],[-164.3942008178818,66.5813961420142],[-163.96345222862288,66.59208184158416],[-163.8916607970797,66.55468189308931],[-163.74807793399341,66.54933904330433],[-163.71218221822184,66.51728194459446],[-163.74807793399341,66.45316774717472],[-163.85576508130814,66.42111064846483],[-163.85576508130814,66.38905354975498],[-163.85576508130814,66.3302822021202],[-163.81986936553656,66.27151085448544],[-163.8916607970797,66.22876805620561],[-164.0711393759376,66.20205380728072],[-163.99934794439446,66.18068240814081],[-163.9275565128513,66.19136810771076],[-163.85576508130814,66.12191106050605],[-163.783973649765,66.0845111120112],[-163.783973649765,66.06313971287128],[-163.64039078667867,66.05779686308631],[-163.49680792359237,66.0845111120112],[-163.35322506050605,66.0845111120112],[-163.17374648164818,66.05779686308631],[-162.99426790279028,66.07916826222622],[-162.74299789238924,66.08985396179617],[-162.63531074507452,66.04176831373137],[-162.45583216621662,66.05779686308631],[-162.38404073467348,66.03108261416142],[-162.3481450189019,66.03108261416142],[-162.13277072427243,66.06848256265627],[-162.0250835769577,66.06313971287128],[-161.84560499809982,66.02039691459146],[-161.77381356655667,66.07382541244124],[-161.66612641924195,66.11122536093609],[-161.63023070347035,66.1539681592159],[-161.5584392719272,66.23945375577557],[-161.48664784038405,66.2608251549155],[-161.34306497729773,66.2554823051305],[-161.30716926152616,66.22342520642064],[-161.19948211421143,66.21273950685068],[-160.98410781958196,66.2554823051305],[-161.0558992511251,66.2821965540554],[-161.1276906826683,66.33562505190518],[-161.34306497729773,66.37836785018501],[-161.52254355615563,66.39439639953994],[-161.70202213501352,66.39439639953994],[-161.80970928232824,66.36233930083009],[-161.91739642964296,66.35165360126013],[-161.84560499809982,66.44248204760476],[-161.8815007138714,66.51193909480948],[-162.0250835769577,66.58673899179917],[-162.09687500850086,66.60811039093909],[-162.168666440044,66.68825313771376],[-162.27635358735876,66.72031023642364],[-162.4917278819882,66.74168163556355],[-162.52762359775977,66.7790815840584],[-162.63531074507452,66.84853863126312],[-162.59941502930295,66.89662427932794],[-162.4917278819882,66.91799567846783],[-162.3481450189019,66.93402422782277],[-162.27635358735876,66.91799567846783],[-162.24045787158718,66.86456718061805],[-162.09687500850086,66.78976728362835],[-162.0250835769577,66.7577101849185],[-162.09687500850086,66.69359598749875],[-162.0609792927293,66.64551033943394],[-161.95329214541454,66.60276754115411],[-161.91739642964296,66.54933904330433],[-161.63023070347035,66.44782489738974],[-161.5584392719272,66.43713919781977],[-161.45075212461248,66.45316774717472],[-161.34306497729773,66.4798819960996],[-161.30716926152616,66.52262479437942],[-161.48664784038405,66.52796764416442],[-161.48664784038405,66.56002474287428],[-161.70202213501352,66.61879609050905],[-161.8815007138714,66.71496738663866],[-161.84560499809982,66.79511013341335],[-161.77381356655667,66.85922433083309],[-161.66612641924195,66.96073847674768],[-161.5584392719272,66.93402422782277],[-161.48664784038405,66.93936707760776],[-161.52254355615563,66.98745272567257],[-161.63023070347035,67.00882412481248],[-161.70202213501352,67.00882412481248],[-161.80970928232824,67.05156692309231],[-161.8815007138714,67.05156692309231],[-162.13277072427243,67.02485267416742],[-162.24045787158718,66.99279557545754],[-162.45583216621662,66.98745272567257],[-162.45583216621662,67.02485267416742],[-162.63531074507452,67.00882412481248],[-162.70710217661767,67.05690977287728],[-162.850685039704,67.03553837373737],[-162.88658075547556,67.00882412481248],[-163.10195505010503,67.04088122352235],[-163.56859935513552,67.09430972137213],[-163.74807793399341,67.13170966986698],[-163.74807793399341,67.21185241664166],[-163.74807793399341,67.2545952149215],[-163.8916607970797,67.41488070847083],[-163.99934794439446,67.53776625352535],[-164.0711393759376,67.58585190159016],[-164.2147222390239,67.63928039943994],[-164.53778368096812,67.7247659959996],[-164.78905369136913,67.8209372921292],[-165.1839065648565,67.96519423632363],[-165.25569799639965,67.9972513350335],[-165.5069680068007,68.06136553245324],[-165.7941337329733,68.08273693159316],[-165.9736123118312,68.12013688008801],[-166.00950802760278,68.1468511290129],[-166.26077803800382,68.24302242514251],[-166.36846518531854,68.28042237363735],[-166.69152662726273,68.33919372127212],[-166.69152662726273,68.371250819982],[-166.36846518531854,68.42467931783179],[-166.2966737537754,68.46207926632663],[-166.2966737537754,68.51016491439142],[-166.22488232223225,68.56359341224122],[-166.18898660646065,68.68113610751075],[-166.18898660646065,68.77730740364035],[-166.22488232223225,68.87882154955494],[-165.650550869887,68.85745015041503],[-165.3274894279428,68.85745015041503],[-164.82494940714074,68.89485009890988],[-164.64547082828284,68.91087864826483],[-164.2506179547955,68.93225004740474],[-163.96345222862288,68.98567854525453],[-163.81986936553656,69.03910704310431],[-163.71218221822184,69.0658212920292],[-163.53270363936394,69.1406211890189],[-163.4609122078208,69.19404968686868],[-163.2814336289629,69.27419243364335],[-163.24553791319133,69.28487813321331],[-163.10195505010503,69.37570657955794],[-163.10195505010503,69.4131065280528],[-163.03016361856186,69.53599207310731],[-163.10195505010503,69.58942057095709],[-163.03016361856186,69.61079197009701],[-162.92247647124714,69.69093471687168],[-163.03016361856186,69.72833466536653],[-163.03016361856186,69.75504891429142],[-162.92247647124714,69.79779171257125],[-162.850685039704,69.8138202619262],[-162.4917278819882,69.97410575547553],[-162.45583216621662,70.04356280268027],[-162.38404073467348,70.04356280268027],[-162.31224930313033,70.10767700010001],[-162.168666440044,70.16110549794979],[-162.0250835769577,70.22521969536953],[-161.91739642964296,70.28933389278927],[-161.70202213501352,70.26796249364935],[-161.63023070347035,70.24124824472446],[-161.3789606930693,70.24124824472446],[-161.27127354575458,70.2572767940794],[-161.02000353535354,70.32673384128412],[-160.98410781958196,70.31604814171416],[-160.73283780918092,70.37481948934894],[-160.48156779877988,70.4549622361236],[-160.48156779877988,70.46564793569357],[-160.23029778837883,70.5564763820382],[-160.05081920952097,70.6312762790279],[-159.79954919911992,70.7327904249425],[-159.6559663360336,70.79690462236223],[-159.5123834729473,70.81827602150214],[-159.2252177467747,70.87170451935194],[-159.15342631523154,70.86101881978198],[-159.15342631523154,70.81827602150214],[-159.3329048940894,70.8075903219322],[-159.29700917831784,70.75950467386738],[-159.00984345214522,70.76484752365236],[-158.97394773637365,70.79690462236223],[-158.65088629442945,70.78621892279227],[-158.3996162840284,70.8022474721472],[-158.3996162840284,70.82361887128712],[-158.25603342094212,70.81827602150214],[-158.04065912631265,70.83430457085709],[-157.75349340014003,70.8770473691369],[-157.502223389739,70.94650441634164],[-157.25095337933794,71.0533614120412],[-157.10737051625165,71.1281613090309],[-156.820204790079,71.28844680258025],[-156.568934779678,71.352561],[-156.53303906390641,71.29378965236523],[-156.35356048504852,71.26173255365536],[-156.2099776219622,71.26173255365536],[-156.0663947588759,71.24036115451545],[-156.03049904310433,71.2029612060206],[-155.95870761156118,71.18693265666566],[-155.7433333169317,71.19227550645064],[-155.5997504538454,71.17090410731072],[-155.52795902230224,71.09610421032103],[-155.56385473807381,71.05870426182618],[-155.70743760116014,71.02130431333133],[-155.81512474847486,70.96787581548153],[-155.99460332733275,70.96253296569657],[-156.03049904310433,70.89841876827683],[-155.95870761156118,70.86101881978198],[-155.99460332733275,70.8075903219322],[-155.886916180018,70.8289617210721],[-155.63564616961696,70.82361887128712],[-155.49206330653067,70.86101881978198],[-155.49206330653067,70.94116156655664],[-155.34848044344434,71.00527576397639],[-155.16900186458648,71.02664716311631],[-155.2766890119012,71.06404711161116],[-155.24079329612962,71.08007566096609],[-155.02541900150015,71.14418985838583],[-154.7741489910991,71.08541851075107],[-154.63056612801282,71.02664716311631],[-154.55877469646964,70.98924721462146],[-154.6664618437844,70.9037616180618],[-154.63056612801282,70.87170451935194],[-154.52287898069807,70.82361887128712],[-154.3434004018402,70.83430457085709],[-154.27160897029705,70.81293317171716],[-154.1639218229823,70.77019037343734],[-153.9844432441244,70.82361887128712],[-153.8767560968097,70.88773306870686],[-153.7331732337234,70.89307591849185],[-153.51779893909392,70.88773306870686],[-153.41011179177917,70.88773306870686],[-153.2306332129213,70.92513301720172],[-153.12294606560658,70.92513301720172],[-153.01525891829183,70.9037616180618],[-152.7639889078908,70.88773306870686],[-152.58451032903292,70.88773306870686],[-152.2614488870887,70.84499027042705],[-152.18965745554556,70.8022474721472],[-152.2973446028603,70.78621892279227],[-152.36913603440345,70.71676187558755],[-152.47682318171817,70.69004762666266],[-152.40503175017503,70.60990487988798],[-152.33324031863188,70.61524772967297],[-152.2614488870887,70.59387633053305],[-152.15376173977398,70.58853348074807],[-151.8307002978298,70.54579068246824],[-151.72301315051507,70.49770503440344],[-151.90249172937294,70.47099078547853],[-151.86659601360137,70.42824798719872],[-151.54353457165718,70.43359083698368],[-151.43584742434246,70.42290513741374],[-151.1845774139414,70.38550518891888],[-151.1845774139414,70.42824798719872],[-151.07689026662666,70.41756228762875],[-151.0409945508551,70.43893368676868],[-150.82562025622562,70.46030508590859],[-150.75382882468247,70.49770503440344],[-150.35897595119513,70.49236218461846],[-150.35897595119513,70.43359083698368],[-150.25128880388039,70.44427653655364],[-150.1077059407941,70.43359083698368],[-149.85643593039305,70.50839073397339],[-149.82054021462147,70.49236218461846],[-149.67695735153515,70.50839073397339],[-149.56927020422043,70.49770503440344],[-149.4615830569057,70.51907643354335],[-149.4256873411341,70.49236218461846],[-149.1744173307331,70.48701933483348],[-148.95904303610362,70.42290513741374],[-148.85135588878887,70.42290513741374],[-148.77956445724573,70.40153373827383],[-148.70777302570258,70.42824798719872],[-148.60008587838786,70.42290513741374],[-148.4923987310731,70.358790939994],[-148.4923987310731,70.32139099149914],[-148.34881586798681,70.3053624421442],[-148.2052330049005,70.34810524042405],[-147.95396299449945,70.31604814171416],[-147.81038013141315,70.27864819321931],[-147.77448441564158,70.21987684558455],[-147.66679726832683,70.19850544644464],[-147.52321440524054,70.19850544644464],[-147.34373582638264,70.18781974687468],[-147.23604867906792,70.21987684558455],[-147.23604867906792,70.17713404730472],[-147.16425724752474,70.15576264816481],[-146.98477866866688,70.14507694859486],[-146.87709152135216,70.18781974687468],[-146.73350865826583,70.17713404730472],[-146.51813436363636,70.18781974687468],[-146.26686435323535,70.17713404730472],[-146.08738577437745,70.14507694859486],[-146.01559434283428,70.13973409880987],[-145.80022004820484,70.15041979837983],[-145.76432433243326,70.12370554945494],[-145.62074146934694,70.08630560096009],[-145.51305432203222,70.07561990139013],[-145.40536717471747,70.03287710311031],[-145.26178431163117,70.01684855375538],[-145.18999288008803,69.99547715461546],[-145.01051430123013,69.97944860526053],[-144.93872286968698,69.9580772061206],[-144.8669314381438,69.97410575547553],[-144.6156614277428,69.96876290569057],[-144.47207856465647,70.02753425332533],[-144.22080855425543,70.03821995289528],[-144.07722569116913,70.0595913520352],[-143.89774711231124,70.12904839923992],[-143.61058138613862,70.14507694859486],[-143.5028942388239,70.13973409880987],[-143.5028942388239,70.09164845074507],[-143.35931137573758,70.09699130053005],[-143.25162422842286,70.11836269966996],[-143.10804136533653,70.07561990139013],[-143.03624993379339,70.09164845074507],[-142.74908420762077,70.04356280268027],[-142.49781419721972,69.97410575547553],[-142.390127049905,69.91533440784079],[-142.28243990259026,69.90464870827083],[-142.06706560796079,69.85122021042105],[-141.99527417641764,69.80313456235623],[-141.85169131333134,69.8138202619262],[-141.70810845024502,69.78710601300129],[-141.52862987138715,69.73367751515151],[-141.4209427240724,69.69627756665666],[-141.4209427240724,69.66422046794679],[-141.38504700830083,69.63216336923692],[-141.24146414521454,69.63216336923692],[-141.20556842944296,69.68559186708671],[-140.9901941348135,69.64819191859186],[-140.9901941348135,68.49947921482148],[-140.9901941348135,65.83874002190218],[-140.9901941348135,62.12545942134213],[-140.9901941348135,61.676660039403934],[-140.9901941348135,60.38903324122412],[-140.9901941348135,60.30354764466446],[-140.52354982978298,60.223404897889786],[-140.4876541140114,60.30889049444944],[-139.98511409320932,60.186004949394935],[-139.6979483670367,60.340947593159314],[-139.0877211989199,60.35697614251425],[-139.0877211989199,60.32491904380438],[-139.19540834623461,60.08983365326532],[-139.01592976737675,59.99366235713571],[-138.80055547274728,59.92954815971597],[-138.69286832543256,59.908176760576055],[-138.65697260966095,59.81200546444644],[-138.62107689388938,59.76926266616661],[-138.01084972577257,59.45403452885288],[-137.61599685228524,59.24566338723872],[-137.5083097049705,58.98920659755975],[-137.5442054207421,58.909063850785074],[-137.43651827342734,58.909063850785074],[-137.25703969456947,58.99989229712971],[-136.8621868210821,59.13880639153915],[-136.82629110531053,59.160177790679064],[-136.5750210949095,59.165520640464045],[-136.46733394759477,59.28306333573357],[-136.46733394759477,59.46472022842284],[-136.35964680028002,59.448691679067906],[-136.28785536873687,59.46472022842284],[-136.2519596529653,59.5234915760576],[-136.2519596529653,59.59294862326232],[-136.2519596529653,59.625005721972194],[-136.18016822142215,59.64103427132713],[-135.9288982110211,59.662405670467045],[-135.46225390599062,59.80131976487648],[-135.24687961136115,59.69980561896189],[-135.1391924640464,59.625005721972194],[-135.10329674827483,59.625005721972194],[-135.03150531673168,59.56623437433743],[-135.03150531673168,59.475405927992796],[-135.06740103250326,59.45403452885288],[-135.06740103250326,59.42197743014301],[-135.03150531673168,59.39526318121812],[-135.03150531673168,59.347177533153314],[-134.95971388518853,59.27772048594859],[-134.7084438747875,59.24566338723872],[-134.6725481590159,59.192234889388935],[-134.56486101170117,59.128120691969194],[-134.49306958015802,59.128120691969194],[-134.3853824328433,59.037292245624556],[-134.3853824328433,58.978520897989796],[-134.31359100130013,58.95714949884988],[-134.31359100130013,58.91974955035503],[-134.24179956975698,58.85563535293529],[-133.84694669626964,58.727406958095806],[-133.70336383318332,58.60986426282628],[-133.55978097009702,58.52437866626662],[-133.38030239123913,58.42820737013701],[-133.45209382278227,58.385464571857185],[-133.34440667546755,58.27326472637263],[-133.16492809660966,58.15037918131813],[-133.0931366650665,58.00077938733873],[-132.87776237043704,57.84049389378937],[-132.77007522312232,57.706922649164916],[-132.6623880758076,57.62143705260526],[-132.55470092849285,57.50389435733573],[-132.37522234963495,57.34895171357135],[-132.26753520232023,57.21538046894689],[-132.3034309180918,57.1619519710971],[-132.37522234963495,57.09783777367736],[-132.23163948654866,57.06043782518252],[-132.0521609076908,57.04975212561256],[-132.08805662346236,56.93755228012801],[-132.12395233923394,56.87343808270827],[-132.08805662346236,56.85206668356835],[-131.94447376037604,56.83603813421342],[-131.8726823288329,56.80398103550355],[-131.90857804460447,56.75055253765376],[-131.8726823288329,56.702466889588955],[-131.83678661306132,56.60095274367436],[-131.58551660266028,56.611638443244324],[-131.47782945534556,56.547524245824576],[-131.15476801340134,56.44601009990999],[-131.0829765818582,56.40861015141514],[-130.79581085568557,56.36586735313531],[-130.61633227682768,56.269696057005696],[-130.47274941374138,56.237638958295825],[-130.4368536979698,56.141467662166214],[-130.32916655065506,56.12543911281128],[-130.2573751191119,56.09872486388638],[-130.1137922560256,56.114753413241324],[-130.00610510871087,56.018582117111706],[-130.04200082448244,55.91706797119711],[-130.07789654025402,55.82623952485248],[-130.1137922560256,55.80486812571257],[-130.1496879717972,55.767468177217715],[-130.1496879717972,55.714039679367936],[-130.1137922560256,55.681982580658065],[-130.1137922560256,55.58046843474347],[-130.07789654025402,55.489639988398835],[-130.04200082448244,55.452240039903984],[-130.00610510871087,55.34004019441944],[-129.9702093929393,55.28661169656965],[-130.1137922560256,55.19578325022502],[-130.18558368756877,55.09426910431043],[-130.18558368756877,55.06221200560056],[-130.2932708348835,54.97138355925592],[-130.32916655065506,54.92329791119111],[-130.47274941374138,54.837812314631456],[-130.5804365610561,54.78972666656665],[-130.65222799259925,54.779040966996696],[-130.61633227682768,54.741641018501845],[-130.68812370837082,54.720269619361936],[-130.72401942414243,54.75232671807181],[-130.759915139914,54.80041236613661],[-130.83170657145715,54.76301241764176],[-130.9034980030003,54.78972666656665],[-130.9393937187719,54.84315516441644],[-130.97528943454347,54.933983610761075],[-130.9393937187719,54.966040709470946],[-131.01118515031504,54.998097808180816],[-130.97528943454347,55.06755485538554],[-131.04708086608662,55.115640503450344],[-131.0829765818582,55.19044040044004],[-130.97528943454347,55.249211748074806],[-130.9393937187719,55.302640245924586],[-130.86760228722872,55.29195454635463],[-130.86760228722872,55.36141159355935],[-130.9034980030003,55.430868640764075],[-130.86760228722872,55.53238278667867],[-130.9034980030003,55.698011130013],[-130.9393937187719,55.75678247764776],[-131.0829765818582,55.895696572057204],[-131.15476801340134,55.90103942184218],[-131.0829765818582,55.82623952485248],[-131.04708086608662,55.76212532743274],[-130.97528943454347,55.68732543044304],[-130.9393937187719,55.57512558495849],[-130.97528943454347,55.53772563646364],[-131.01118515031504,55.4736114390439],[-130.97528943454347,55.393468692269224],[-130.9393937187719,55.34004019441944],[-130.97528943454347,55.33469734463446],[-131.01118515031504,55.398811542054204],[-131.04708086608662,55.37744014291429],[-131.01118515031504,55.34538304420442],[-131.04708086608662,55.28661169656965],[-131.15476801340134,55.19578325022502],[-131.22655944494448,55.19044040044004],[-131.29835087648766,55.23318319871987],[-131.22655944494448,55.29729739613961],[-131.1906637291729,55.36141159355935],[-131.1906637291729,55.393468692269224],[-131.29835087648766,55.38278299269927],[-131.26245516071606,55.3240116450645],[-131.29835087648766,55.28661169656965],[-131.40603802380238,55.238526048504845],[-131.44193373957395,55.238526048504845],[-131.47782945534556,55.33469734463446],[-131.5496208868887,55.29195454635463],[-131.62141231843185,55.34004019441944],[-131.693203749975,55.35606874377437],[-131.72909946574657,55.398811542054204],[-131.83678661306132,55.457582889688965],[-131.83678661306132,55.521697087108706],[-131.72909946574657,55.5484113360336],[-131.65730803420342,55.58046843474347],[-131.72909946574657,55.63923978237823],[-131.693203749975,55.698011130013],[-131.72909946574657,55.73006822872287],[-131.65730803420342,55.767468177217715],[-131.693203749975,55.78883957635763],[-131.72909946574657,55.895696572057204],[-131.83678661306132,55.87432517291729],[-131.80089089728972,55.83692522442244],[-131.76499518151815,55.81021097549755],[-131.83678661306132,55.71938252915291],[-131.83678661306132,55.66595403130313],[-131.90857804460447,55.60183983388338],[-131.98036947614762,55.61786838323832],[-131.94447376037604,55.53772563646364],[-131.98036947614762,55.5003256879688],[-132.0521609076908,55.54306848624862],[-132.1598480550055,55.56443988538854],[-132.19574377077709,55.58581128452845],[-132.23163948654866,55.703353979797974],[-132.26753520232023,55.73006822872287],[-132.19574377077709,55.75143962786278],[-132.19574377077709,55.79952527592759],[-132.12395233923394,55.81021097549755],[-132.08805662346236,55.83158237463746],[-132.0521609076908,55.959810769476945],[-132.08805662346236,56.0452963660366],[-131.98036947614762,56.114753413241324],[-131.94447376037604,56.178867610661065],[-132.0162651919192,56.18421046044604],[-132.0521609076908,56.13078196259626],[-132.08805662346236,56.10941056345634],[-132.1598480550055,56.05598206560656],[-132.12395233923394,55.959810769476945],[-132.1598480550055,55.922410820982094],[-132.26753520232023,55.922410820982094],[-132.3034309180918,55.88501087248724],[-132.33932663386338,55.85295377377737],[-132.37522234963495,55.85295377377737],[-132.41111806540655,55.87966802270227],[-132.41111806540655,55.949125069906984],[-132.44701378117813,56.018582117111706],[-132.51880521272128,56.07735346474647],[-132.62649236003602,56.05598206560656],[-132.62649236003602,56.03461066646664],[-132.69828379157917,56.114753413241324],[-132.73417950735075,56.146810511951195],[-132.73417950735075,56.21626755915591],[-132.69828379157917,56.237638958295825],[-132.59059664426442,56.237638958295825],[-132.59059664426442,56.29641030593059],[-132.51880521272128,56.33915310421042],[-132.44701378117813,56.35518165356535],[-132.37522234963495,56.31243885528553],[-132.33932663386338,56.33915310421042],[-132.41111806540655,56.483410048404835],[-132.37522234963495,56.488752898189816],[-132.26753520232023,56.451352949694964],[-132.23163948654866,56.39792445184518],[-132.19574377077709,56.39792445184518],[-132.19574377077709,56.456695799479945],[-132.3034309180918,56.488752898189816],[-132.37522234963495,56.53149569646964],[-132.37522234963495,56.59560989388939],[-132.26753520232023,56.638352692169214],[-132.3034309180918,56.675752640664065],[-132.44701378117813,56.670409790879084],[-132.51880521272128,56.702466889588955],[-132.51880521272128,56.729181138513844],[-132.37522234963495,56.8146667350735],[-132.44701378117813,56.82000958485848],[-132.55470092849285,56.75589538743874],[-132.62649236003602,56.78260963636363],[-132.77007522312232,56.83603813421342],[-132.8059709388939,56.89480948184818],[-132.87776237043704,56.926866580558055],[-132.9136580862086,56.99632362776277],[-132.84186665466547,57.00700932733273],[-132.8059709388939,57.02838072647264],[-132.84186665466547,57.08180922432243],[-132.9136580862086,57.0390664260426],[-133.02134523352336,57.05509497539754],[-133.0931366650665,57.08180922432243],[-133.20082381238126,57.08715207410741],[-133.20082381238126,57.12455202260226],[-133.23671952815283,57.135237722172214],[-133.30851095969598,57.1138663230323],[-133.52388525432542,57.17798052045204],[-133.55978097009702,57.24209471787179],[-133.48798953855385,57.30620891529153],[-133.4161981070107,57.28483751615161],[-133.30851095969598,57.29018036593659],[-133.2726152439244,57.33292316421642],[-133.34440667546755,57.33292316421642],[-133.45209382278227,57.35429456335633],[-133.45209382278227,57.39703736163616],[-133.52388525432542,57.487865807980796],[-133.52388525432542,57.57869425432543],[-133.55978097009702,57.56266570497049],[-133.63157240164017,57.57869425432543],[-133.66746811741174,57.62677990239023],[-133.66746811741174,57.71226549894989],[-133.5956766858686,57.71760834873487],[-133.52388525432542,57.685551250025],[-133.4161981070107,57.664179850885084],[-133.23671952815283,57.6107513530353],[-133.16492809660966,57.6107513530353],[-133.30851095969598,57.664179850885084],[-133.55978097009702,57.77637969636963],[-133.55978097009702,57.86186529292929],[-133.63157240164017,57.84583674357435],[-133.63157240164017,57.792408245724566],[-133.70336383318332,57.792408245724566],[-133.84694669626964,57.93666518991899],[-134.06232099089908,58.05955073497349],[-134.09821670667066,58.182436280028],[-134.13411242244226,58.198464829382935],[-134.27769528552855,58.193121979597954],[-134.49306958015802,58.21449337873787],[-134.63665244324432,58.24655047744774],[-134.78023530633064,58.39615027142714],[-134.78023530633064,58.49232156755675],[-134.92381816941696,58.60986426282628],[-135.03150531673168,58.732749807880786],[-135.1391924640464,58.84494965336533],[-135.17508817981798,58.99989229712971],[-135.21098389558955,59.07469219411941],[-135.28277532713273,59.192234889388935],[-135.39046247444745,59.29374903530353],[-135.46225390599062,59.27772048594859],[-135.42635819021902,59.24032053745374],[-135.35456675867587,59.21360628852885],[-135.28277532713273,59.08537789368936],[-135.39046247444745,59.09072074347434],[-135.39046247444745,59.04263509540954],[-135.39046247444745,59.02126369626962],[-135.39046247444745,58.973178048204815],[-135.28277532713273,58.81823540444044],[-135.24687961136115,58.78083545594559],[-135.24687961136115,58.73809265766576],[-135.1391924640464,58.61520711261126],[-135.1391924640464,58.58849286368636],[-135.17508817981798,58.57780716411641],[-135.10329674827483,58.42286452035203],[-135.03150531673168,58.31066467486748],[-135.10329674827483,58.29463612551255],[-135.10329674827483,58.198464829382935],[-135.17508817981798,58.20915052895289],[-135.21098389558955,58.23586477787779],[-135.28277532713273,58.23586477787779],[-135.35456675867587,58.27326472637263],[-135.39046247444745,58.32669322422242],[-135.42635819021902,58.40149312121212],[-135.4981496217622,58.385464571857185],[-135.6417324848485,58.42820737013701],[-135.71352391639164,58.39615027142714],[-135.89300249524953,58.380121722072204],[-135.89300249524953,58.449578769276926],[-136.00068964256425,58.46560731863186],[-136.00068964256425,58.481635867986796],[-135.89300249524953,58.508350116911686],[-135.9288982110211,58.57246431433143],[-135.9288982110211,58.62054996239623],[-136.00068964256425,58.71137840874087],[-136.00068964256425,58.74343550745074],[-136.07248107410743,58.81823540444044],[-136.03658535833586,58.83426395379538],[-136.03658535833586,58.914406700570055],[-136.108376789879,58.92509240014001],[-136.108376789879,58.86632105250525],[-136.14427250565058,58.759464056805676],[-136.2519596529653,58.754121207020695],[-136.39554251605162,58.81289255465546],[-136.50322966336634,58.83960680358035],[-136.53912537913791,58.93043524992499],[-136.64681252645266,58.88769245164516],[-136.79039538953896,58.935778099709964],[-136.82629110531053,58.91974955035503],[-136.8621868210821,58.96249234863486],[-136.93397825262525,58.946463799279925],[-136.93397825262525,58.89837815121512],[-136.75449967376738,58.87166390229022],[-136.75449967376738,58.877006752075204],[-136.5750210949095,58.83960680358035],[-136.46733394759477,58.78083545594559],[-136.35964680028002,58.690007009600954],[-136.39554251605162,58.65260706110611],[-136.46733394759477,58.636578511751175],[-136.46733394759477,58.60986426282628],[-136.35964680028002,58.64726421132113],[-136.32375108450844,58.668635610461045],[-136.21606393719372,58.67397846024602],[-136.18016822142215,58.58315001390139],[-136.108376789879,58.51369296669667],[-136.03658535833586,58.380121722072204],[-136.108376789879,58.34272177357735],[-136.2519596529653,58.31600752465246],[-136.28785536873687,58.33737892379238],[-136.28785536873687,58.36409317271727],[-136.32375108450844,58.380121722072204],[-136.39554251605162,58.36409317271727],[-136.35964680028002,58.32669322422242],[-136.39554251605162,58.29463612551255],[-136.53912537913791,58.31600752465246],[-136.5750210949095,58.29463612551255],[-136.5750210949095,58.24655047744774],[-136.5750210949095,58.21983622852285],[-136.64681252645266,58.20915052895289],[-136.7186039579958,58.21983622852285],[-136.7186039579958,58.28395042594259],[-136.79039538953896,58.289293275727566],[-136.93397825262525,58.39080742164216],[-137.00576968416843,58.40683597099709],[-137.11345683148315,58.39080742164216],[-137.18524826302632,58.42820737013701],[-137.29293541034104,58.46026446884688],[-137.5083097049705,58.55643576497649],[-137.68778828382838,58.62054996239623],[-137.68778828382838,58.663292760676065],[-137.79547543114313,58.727406958095806],[-137.93905829422943,58.78083545594559],[-137.93905829422943,58.86632105250525],[-137.974954010001,58.909063850785074],[-138.11853687308732,58.98920659755975],[-138.11853687308732,59.02126369626962],[-138.26211973617362,59.04797794519452],[-138.62107689388938,59.128120691969194],[-138.7646597569757,59.192234889388935],[-138.90824262006203,59.251006237023695],[-139.2671997777778,59.33649183358335],[-139.41078264086408,59.379234631863184],[-139.73384408280828,59.502120176917686],[-139.84153123012302,59.534177275627556],[-139.84153123012302,59.56089152455245],[-139.73384408280828,59.64103427132713],[-139.66205265126513,59.630348571757175],[-139.59026121972198,59.64103427132713],[-139.51846978817883,59.70514846874687],[-139.59026121972198,59.71049131853185],[-139.59026121972198,59.77460551595159],[-139.62615693549355,59.876119661866184],[-139.59026121972198,59.902833910791074],[-139.51846978817883,59.940233859285925],[-139.48257407240726,59.99366235713571],[-139.51846978817883,60.04174800520052],[-139.5543655039504,60.04174800520052],[-139.59026121972198,59.95626240864086],[-139.6979483670367,59.934891009500944],[-139.80563551435145,59.82803401380138],[-140.16459267206722,59.73720556745674],[-140.27227981938194,59.69980561896189],[-140.37996696669668,59.69980561896189],[-140.73892412441245,59.721177018101805],[-140.91840270327032,59.7478912670267],[-141.1696727136714,59.81200546444644],[-141.4209427240724,59.876119661866184],[-141.4209427240724,59.91886246014601],[-141.31325557675768,59.934891009500944],[-141.2773598609861,60.01503375627562],[-141.31325557675768,60.05243370477047],[-141.38504700830083,60.004348056705666],[-141.6004213029303,59.96160525842584],[-141.74400416601662,59.96160525842584],[-141.9234827448745,60.00969090649065],[-142.13885703950396,60.031062305630556],[-142.24654418681868,60.05243370477047],[-142.5337099129913,60.08449080348034],[-142.7131884918492,60.095176503050304],[-142.8926670707071,60.08983365326532],[-143.07214564956496,60.06846225412541],[-143.43110280728075,60.05243370477047],[-143.68237281768177,60.02571945584558],[-143.89774711231124,59.98831950735073],[-144.04132997539756,60.0203766060606],[-144.18491283848385,59.999005206920685],[-144.4361828488849,59.89214821122112],[-144.4361828488849,59.8707768120812],[-144.57976571197122,59.79597691509151],[-144.57976571197122,59.84940541294129],[-144.4361828488849,59.940233859285925],[-144.22080855425543,60.04174800520052],[-144.04132997539756,60.04174800520052],[-144.04132997539756,60.05777655455545],[-144.1131214069407,60.10051935283528],[-144.29259998579857,60.13791930133013],[-144.32849570157015,60.16463355025502],[-144.4361828488849,60.16463355025502],[-144.54386999619962,60.191347799179916],[-144.57976571197122,60.180662099609954],[-144.65155714351437,60.20737634853485],[-144.65155714351437,60.2447762970297],[-144.79514000660066,60.29286194509451],[-144.93872286968698,60.28751909530953],[-144.90282715391538,60.36231899229923],[-144.83103572237223,60.442461739073906],[-145.01051430123013,60.44780458885888],[-145.08230573277328,60.437118889288925],[-145.08230573277328,60.399718940794074],[-145.0464100170017,60.35697614251425],[-145.11820144854485,60.30354764466446],[-145.26178431163117,60.30889049444944],[-145.51305432203222,60.3943760910091],[-145.51305432203222,60.42109033993399],[-145.58484575357537,60.45314743864386],[-145.7284286166617,60.474518837783776],[-145.8361157639764,60.44780458885888],[-145.94380291129113,60.45314743864386],[-145.90790719551956,60.49054738713871],[-145.80022004820484,60.52260448584858],[-145.7284286166617,60.58137583348334],[-145.76432433243326,60.592061533053304],[-145.8361157639764,60.54931873477347],[-146.12328149014903,60.469175987998796],[-146.23096863746375,60.44780458885888],[-146.3386557847785,60.45314743864386],[-146.3386557847785,60.410404640364035],[-146.12328149014903,60.431776039503944],[-146.08738577437745,60.410404640364035],[-146.19507292169217,60.36231899229923],[-146.30276006900692,60.35163329272927],[-146.4822386478648,60.29286194509451],[-146.5899257951795,60.23943344724472],[-146.6617172267227,60.2447762970297],[-146.69761294249426,60.282176245524546],[-146.5899257951795,60.3195761940194],[-146.55403007940794,60.35697614251425],[-146.6617172267227,60.340947593159314],[-146.73350865826583,60.35163329272927],[-146.73350865826583,60.3943760910091],[-146.6258215109511,60.469175987998796],[-146.5899257951795,60.49054738713871],[-146.51813436363636,60.49054738713871],[-146.44634293209322,60.463833138213815],[-146.37455150055007,60.47986168756875],[-146.30276006900692,60.5172616360636],[-146.1591772059206,60.52794733563356],[-145.94380291129113,60.57603298369837],[-145.80022004820484,60.592061533053304],[-145.8361157639764,60.61343293219321],[-145.94380291129113,60.62946148154815],[-146.01559434283428,60.61343293219321],[-146.01559434283428,60.666861430043],[-146.1591772059206,60.62946148154815],[-146.26686435323535,60.624118631763174],[-146.26686435323535,60.64549003090308],[-146.12328149014903,60.70960422832283],[-146.05149005860585,60.7416613270327],[-146.05149005860585,60.779061275527546],[-146.1591772059206,60.72563277767777],[-146.23096863746375,60.73631847724772],[-146.30276006900692,60.714947078107805],[-146.3386557847785,60.73631847724772],[-146.41044721632164,60.693575678967896],[-146.51813436363636,60.67754712961296],[-146.6617172267227,60.693575678967896],[-146.69761294249426,60.7416613270327],[-146.5899257951795,60.75768987638764],[-146.55403007940794,60.752347026602656],[-146.51813436363636,60.77371842574257],[-146.37455150055007,60.78440412531253],[-146.26686435323535,60.81111837423742],[-146.19507292169217,60.84851832273227],[-146.26686435323535,60.869889721872184],[-146.3386557847785,60.82180407380738],[-146.41044721632164,60.81111837423742],[-146.55403007940794,60.81111837423742],[-146.6258215109511,60.869889721872184],[-146.6617172267227,60.869889721872184],[-146.73350865826583,60.81111837423742],[-146.80530008980898,60.80577552445244],[-146.80530008980898,60.85386117251725],[-146.7694043740374,60.88057542144214],[-146.73350865826583,60.91263252015201],[-146.73350865826583,60.95537531843184],[-146.69761294249426,60.98743241714171],[-146.6258215109511,61.08360371327132],[-146.26686435323535,61.088946563056304],[-146.30276006900692,61.121003661766174],[-146.6258215109511,61.121003661766174],[-146.69761294249426,61.06223231413141],[-146.7694043740374,61.0408609149915],[-146.87709152135216,60.97674671757175],[-146.98477866866688,60.934003919291925],[-147.05657010021002,60.94468961886188],[-147.05657010021002,60.99277526692669],[-147.0924658159816,61.00880381628163],[-147.12836153175317,60.98208956735673],[-147.12836153175317,60.939346769076906],[-147.20015296329635,60.95003246864686],[-147.2719443948395,60.97674671757175],[-147.2719443948395,60.91797536993699],[-147.37963154215421,60.875232571657165],[-147.4514229736974,60.896603970797074],[-147.4514229736974,60.939346769076906],[-147.5591101210121,60.907289670367035],[-147.52321440524054,61.01948951585158],[-147.48731868946896,61.07291801370137],[-147.5591101210121,61.08360371327132],[-147.63090155255526,60.971403867786776],[-147.59500583678368,60.875232571657165],[-147.59500583678368,60.84851832273227],[-147.66679726832683,60.843175472947294],[-147.66679726832683,60.88591827122712],[-147.77448441564158,60.91263252015201],[-147.77448441564158,60.875232571657165],[-147.73858869986998,60.8164612240224],[-147.77448441564158,60.81111837423742],[-147.91806727872788,60.82714692359235],[-147.91806727872788,60.81111837423742],[-148.02575442604262,60.78440412531253],[-148.13344157335735,60.79508982488248],[-148.13344157335735,60.82714692359235],[-148.0616501418142,60.939346769076906],[-147.95396299449945,61.03017521542154],[-147.95396299449945,61.07291801370137],[-147.77448441564158,61.179775009400934],[-147.77448441564158,61.211832108110805],[-147.7026929840984,61.249232056605656],[-147.73858869986998,61.26526060596059],[-147.81038013141315,61.20648925832583],[-147.98985871027105,61.08360371327132],[-147.98985871027105,61.05154661456145],[-148.09754585758577,61.00346096649665],[-148.13344157335735,61.07291801370137],[-148.16933728912892,61.06757516391639],[-148.16933728912892,60.998118116711666],[-148.24112872067207,60.939346769076906],[-148.27702443644364,60.91797536993699],[-148.27702443644364,60.8645468720872],[-148.34881586798681,60.80577552445244],[-148.42060729952996,60.82714692359235],[-148.45650301530154,60.78974697509751],[-148.3847115837584,60.76837557595759],[-148.3847115837584,60.688232829182915],[-148.34881586798681,60.682889979397935],[-148.27702443644364,60.752347026602656],[-148.24112872067207,60.76303272617261],[-148.13344157335735,60.75768987638764],[-148.09754585758577,60.7416613270327],[-148.09754585758577,60.66151858025802],[-148.13344157335735,60.624118631763174],[-148.24112872067207,60.59740438283828],[-148.34881586798681,60.52794733563356],[-148.31292015221524,60.474518837783776],[-148.24112872067207,60.495890236923685],[-148.2052330049005,60.56000443434343],[-148.09754585758577,60.59740438283828],[-147.98985871027105,60.5172616360636],[-147.98985871027105,60.47986168756875],[-147.95396299449945,60.442461739073906],[-148.02575442604262,60.27683339573957],[-148.13344157335735,60.282176245524546],[-148.13344157335735,60.32491904380438],[-148.31292015221524,60.26080484638464],[-148.24112872067207,60.223404897889786],[-148.16933728912892,60.21271919831983],[-148.09754585758577,60.218062048104805],[-147.98985871027105,60.17531924982498],[-148.09754585758577,60.121890751975194],[-148.02575442604262,60.11120505240524],[-147.95396299449945,60.14326215111511],[-147.91806727872788,60.13257645154515],[-147.8821715629563,60.10051935283528],[-147.98985871027105,60.06311940434043],[-148.02575442604262,60.00969090649065],[-147.98985871027105,59.999005206920685],[-147.8821715629563,60.06311940434043],[-147.81038013141315,60.05777655455545],[-147.8821715629563,60.004348056705666],[-148.02575442604262,59.95626240864086],[-148.0616501418142,59.98831950735073],[-148.16933728912892,59.95626240864086],[-148.24112872067207,59.95626240864086],[-148.16933728912892,60.02571945584558],[-148.27702443644364,60.01503375627562],[-148.31292015221524,60.031062305630556],[-148.27702443644364,60.05777655455545],[-148.27702443644364,60.153947850685064],[-148.34881586798681,60.153947850685064],[-148.3847115837584,59.999005206920685],[-148.45650301530154,59.96160525842584],[-148.4923987310731,59.999005206920685],[-148.56419016261628,59.98297665756575],[-148.63598159415943,59.940233859285925],[-148.70777302570258,59.96160525842584],[-148.74366874147415,59.98831950735073],[-148.88725160456048,59.95091955885588],[-148.95904303610362,59.999005206920685],[-148.9949387518752,59.98297665756575],[-149.10262589918992,59.99366235713571],[-149.03083446764677,60.04174800520052],[-149.06673018341834,60.06311940434043],[-149.13852161496152,60.0470908549855],[-149.21031304650467,60.00969090649065],[-149.24620876227624,59.940233859285925],[-149.2821044780478,59.908176760576055],[-149.3180001938194,59.98831950735073],[-149.35389590959096,60.07914795369537],[-149.4256873411341,60.08983365326532],[-149.4256873411341,59.999005206920685],[-149.4615830569057,59.95091955885588],[-149.49747877267728,59.966948108210815],[-149.56927020422043,59.86543396229622],[-149.605165919992,59.81200546444644],[-149.53337448844886,59.77994836573657],[-149.53337448844886,59.70514846874687],[-149.64106163576358,59.74254841724172],[-149.67695735153515,59.84940541294129],[-149.71285306730675,59.908176760576055],[-149.74874878307833,59.86009111251125],[-149.74874878307833,59.73186271767177],[-149.71285306730675,59.694462769176916],[-149.74874878307833,59.63569142154215],[-149.85643593039305,59.69980561896189],[-149.85643593039305,59.73720556745674],[-149.89233164616462,59.76391981638164],[-150.03591450925094,59.79063406530653],[-150.00001879347934,59.753234116811676],[-149.9282273619362,59.721177018101805],[-149.9282273619362,59.66774852025202],[-150.17949737233724,59.534177275627556],[-150.287184519652,59.45403452885288],[-150.287184519652,59.42732027992799],[-150.3948716669667,59.38992033143314],[-150.43076738273828,59.405948880788074],[-150.32308023542356,59.58760577347734],[-150.35897595119513,59.598291473047304],[-150.3948716669667,59.55554867476747],[-150.46666309850985,59.45937737863786],[-150.50255881428143,59.46472022842284],[-150.57435024582458,59.57692007390739],[-150.64614167736775,59.5234915760576],[-150.57435024582458,59.49677732713271],[-150.57435024582458,59.443348829282925],[-150.64614167736775,59.42197743014301],[-150.75382882468247,59.42732027992799],[-150.75382882468247,59.3738917820782],[-150.8974116877688,59.30977758465846],[-150.8974116877688,59.26703478637864],[-150.93330740354037,59.23497768766876],[-151.00509883508352,59.251006237023695],[-151.0409945508551,59.29909188508851],[-151.11278598239824,59.26169193659366],[-151.11278598239824,59.218949138313825],[-151.1845774139414,59.20292058895889],[-151.22047312971299,59.224291988098805],[-151.29226456125613,59.20826343874387],[-151.43584742434246,59.256349086808676],[-151.5076388558856,59.224291988098805],[-151.57943028742875,59.197577739173916],[-151.57943028742875,59.160177790679064],[-151.75890886628665,59.160177790679064],[-151.75890886628665,59.218949138313825],[-151.8307002978298,59.20826343874387],[-151.97428316091612,59.256349086808676],[-151.97428316091612,59.31512043444344],[-151.97428316091612,59.347177533153314],[-151.90249172937294,59.35786323272327],[-151.90249172937294,59.42197743014301],[-151.6512217189719,59.48074877777778],[-151.54353457165718,59.46472022842284],[-151.47174314011403,59.470063078207815],[-151.47174314011403,59.502120176917686],[-151.43584742434246,59.53952012541254],[-151.25636884548456,59.55554867476747],[-151.29226456125613,59.598291473047304],[-151.1845774139414,59.59294862326232],[-151.22047312971299,59.64637712111211],[-151.11278598239824,59.66774852025202],[-151.11278598239824,59.694462769176916],[-150.96920311931194,59.785291215521546],[-151.0409945508551,59.79597691509151],[-151.11278598239824,59.77460551595159],[-151.3281602770277,59.683777069606954],[-151.43584742434246,59.66774852025202],[-151.5076388558856,59.63569142154215],[-151.6512217189719,59.64637712111211],[-151.8307002978298,59.721177018101805],[-151.86659601360137,59.77994836573657],[-151.8307002978298,59.844062563156314],[-151.79480458205822,59.876119661866184],[-151.75890886628665,59.91886246014601],[-151.68711743474347,60.031062305630556],[-151.61532600320032,60.10051935283528],[-151.54353457165718,60.127233601760175],[-151.43584742434246,60.21271919831983],[-151.39995170857085,60.26614769616961],[-151.36405599279928,60.35697614251425],[-151.29226456125613,60.38369039143914],[-151.29226456125613,60.51191878627862],[-151.25636884548456,60.5439758849885],[-151.3281602770277,60.57603298369837],[-151.36405599279928,60.656175730473045],[-151.39995170857085,60.720289927892786],[-151.29226456125613,60.7416613270327],[-151.22047312971299,60.779061275527546],[-151.07689026662666,60.78974697509751],[-150.8974116877688,60.85386117251725],[-150.7179331089109,60.939346769076906],[-150.61024596159618,60.97674671757175],[-150.3948716669667,61.0408609149915],[-150.35897595119513,61.02483236563656],[-150.25128880388039,60.95003246864686],[-150.17949737233724,60.92331821972197],[-150.03591450925094,60.92331821972197],[-149.9282273619362,60.939346769076906],[-149.85643593039305,60.966061018001795],[-149.7846444988499,60.966061018001795],[-149.64106163576358,60.928661069506944],[-149.56927020422043,60.939346769076906],[-149.35389590959096,60.896603970797074],[-149.10262589918992,60.88057542144214],[-149.10262589918992,60.907289670367035],[-149.21031304650467,60.939346769076906],[-149.3180001938194,60.928661069506944],[-149.49747877267728,60.98208956735673],[-149.605165919992,60.98208956735673],[-149.74874878307833,61.01948951585158],[-149.82054021462147,61.07826086348634],[-149.85643593039305,61.07826086348634],[-150.07181022502252,61.158403610261026],[-150.00001879347934,61.20114640854085],[-149.9282273619362,61.211832108110805],[-149.82054021462147,61.31868910381038],[-149.71285306730675,61.33471765316531],[-149.71285306730675,61.38280330123012],[-149.4256873411341,61.44691749864986],[-149.4256873411341,61.468288897789776],[-149.53337448844886,61.48966029692969],[-149.71285306730675,61.45226034843484],[-149.82054021462147,61.39348900080007],[-149.89233164616462,61.38280330123012],[-149.9282273619362,61.26526060596059],[-150.00001879347934,61.2385463570357],[-150.07181022502252,61.25457490639064],[-150.2153930881088,61.25991775617561],[-150.287184519652,61.249232056605656],[-150.46666309850985,61.243889206820675],[-150.57435024582458,61.28128915531553],[-150.64614167736775,61.29731770467046],[-150.7179331089109,61.249232056605656],[-150.82562025622562,61.22786065746574],[-151.0409945508551,61.179775009400934],[-151.07689026662666,61.14237506090608],[-151.1486816981698,61.04620376477647],[-151.29226456125613,61.03551806520652],[-151.36405599279928,61.00880381628163],[-151.47174314011403,61.00880381628163],[-151.61532600320032,60.95537531843184],[-151.79480458205822,60.85386117251725],[-151.79480458205822,60.81111837423742],[-151.68711743474347,60.73097562746274],[-151.72301315051507,60.70960422832283],[-151.8307002978298,60.73631847724772],[-151.90249172937294,60.720289927892786],[-152.0101788766877,60.67220427982798],[-152.1178660240024,60.592061533053304],[-152.18965745554556,60.57069013391339],[-152.2973446028603,60.50657593649365],[-152.33324031863188,60.442461739073906],[-152.2973446028603,60.41574749014901],[-152.22555317131713,60.3943760910091],[-152.33324031863188,60.35697614251425],[-152.36913603440345,60.35163329272927],[-152.40503175017503,60.30354764466446],[-152.51271889748975,60.250119146814676],[-152.54861461326135,60.223404897889786],[-152.6204060448045,60.218062048104805],[-152.65630176057607,60.23943344724472],[-152.7639889078908,60.23409059745974],[-152.72809319211922,60.17531924982498],[-152.69219747634764,60.16463355025502],[-152.69219747634764,60.13791930133013],[-152.58451032903292,60.10051935283528],[-152.58451032903292,60.07380510391039],[-152.6204060448045,60.00969090649065],[-152.69219747634764,59.966948108210815],[-152.69219747634764,59.913519610361035],[-152.79988462366236,59.8974910610061],[-152.79988462366236,59.876119661866184],[-152.9434674867487,59.876119661866184],[-153.01525891829183,59.88680536143614],[-153.15884178137816,59.86009111251125],[-153.2306332129213,59.86543396229622],[-153.30242464446445,59.8226911640164],[-153.19473749714973,59.8226911640164],[-153.15884178137816,59.80666261466146],[-153.08705034983498,59.83337686358635],[-153.01525891829183,59.83337686358635],[-152.97936320252026,59.79063406530653],[-153.0511546340634,59.689119919391935],[-153.12294606560658,59.67843421982198],[-153.2306332129213,59.63569142154215],[-153.26652892869288,59.64103427132713],[-153.33832036023603,59.61966287218721],[-153.41011179177917,59.63569142154215],[-153.3742160760076,59.66774852025202],[-153.3742160760076,59.73186271767177],[-153.44600750755077,59.76391981638164],[-153.44600750755077,59.689119919391935],[-153.48190322332235,59.64103427132713],[-153.5536946548655,59.60363432283228],[-153.58959037063707,59.55020582498249],[-153.66138180218022,59.55554867476747],[-153.76906894949497,59.54486297519752],[-153.69727751795182,59.46472022842284],[-153.7331732337234,59.438005979497945],[-153.8408603810381,59.416634580358036],[-153.91265181258126,59.416634580358036],[-153.9844432441244,59.38457748164816],[-154.05623467566758,59.38992033143314],[-154.09213039143916,59.34183468336833],[-154.020338959896,59.3258061340134],[-154.12802610721073,59.29909188508851],[-154.12802610721073,59.26169193659366],[-154.12802610721073,59.20826343874387],[-154.19981753875388,59.14949209110911],[-154.1639218229823,59.101406443044304],[-154.19981753875388,59.06934934433443],[-154.1639218229823,59.01592084648465],[-154.05623467566758,59.07469219411941],[-154.020338959896,59.07469219411941],[-153.8408603810381,59.05332079497949],[-153.80496466526654,59.06934934433443],[-153.69727751795182,59.07469219411941],[-153.62548608640864,59.005235146914686],[-153.5536946548655,58.98386374777478],[-153.48190322332235,58.99454944734473],[-153.41011179177917,58.96783519841984],[-153.33832036023603,58.91974955035503],[-153.30242464446445,58.86632105250525],[-153.33832036023603,58.84494965336533],[-153.41011179177917,58.74343550745074],[-153.5536946548655,58.68466415981598],[-153.58959037063707,58.64192136153615],[-153.66138180218022,58.60986426282628],[-153.91265181258126,58.6045214130413],[-153.94854752835283,58.49232156755675],[-154.05623467566758,58.48697871777178],[-154.05623467566758,58.438893069706964],[-153.9844432441244,58.37477887228722],[-154.09213039143916,58.34272177357735],[-154.1639218229823,58.35875032293229],[-154.1639218229823,58.32135037443744],[-154.09213039143916,58.27860757615761],[-154.12802610721073,58.20915052895289],[-154.23571325452545,58.182436280028],[-154.3434004018402,58.09160783368336],[-154.45108754915492,58.15037918131813],[-154.45108754915492,58.13969348174817],[-154.45108754915492,58.09160783368336],[-154.45108754915492,58.05955073497349],[-154.52287898069807,58.05420788518852],[-154.59467041224124,58.01680793669367],[-154.63056612801282,58.0328364860486],[-154.6664618437844,58.06489358475847],[-154.70235755955596,58.05420788518852],[-154.7741489910991,58.00612223712371],[-154.88183613841386,58.02749363626362],[-154.98952328572858,58.011465086908686],[-155.13310614881487,57.952693739273926],[-155.06131471727173,57.90460809120912],[-155.0972104330433,57.86720814271427],[-155.24079329612962,57.82446534443444],[-155.31258472767277,57.82980819421942],[-155.34848044344434,57.78172254615461],[-155.2766890119012,57.75500829722972],[-155.31258472767277,57.72295119851985],[-155.38437615921595,57.71226549894989],[-155.56385473807381,57.78706539593959],[-155.5997504538454,57.77103684658466],[-155.63564616961696,57.71760834873487],[-155.63564616961696,57.6588370011001],[-155.70743760116014,57.63212275217521],[-155.7433333169317,57.55198000540054],[-155.95870761156118,57.54663715561556],[-156.03049904310433,57.56266570497049],[-156.0663947588759,57.49855150755075],[-156.03049904310433,57.43978015991599],[-156.10229047464748,57.43978015991599],[-156.13818619041905,57.47183725862586],[-156.2099776219622,57.47183725862586],[-156.2099776219622,57.43978015991599],[-156.35356048504852,57.418408760776074],[-156.4971433481348,57.3382660140014],[-156.53303906390641,57.32758031443144],[-156.568934779678,57.29018036593659],[-156.4971433481348,57.27949466636663],[-156.35356048504852,57.3382660140014],[-156.31766476927694,57.295523215721566],[-156.35356048504852,57.24743756765676],[-156.3894562008201,57.24209471787179],[-156.3894562008201,57.21538046894689],[-156.31766476927694,57.18332337023702],[-156.35356048504852,57.15126627152715],[-156.42535191659167,57.12989487238723],[-156.42535191659167,57.08715207410741],[-156.53303906390641,57.04975212561256],[-156.568934779678,57.017695026902686],[-156.568934779678,56.985637928192816],[-156.64072621122114,56.99632362776277],[-156.74841335853586,56.990980777977796],[-156.78430907430743,56.96960937883788],[-156.78430907430743,56.91083803120312],[-156.8561005058506,56.90015233163316],[-156.89199622162218,56.953580829482945],[-156.92789193739375,56.953580829482945],[-156.92789193739375,56.921523730773075],[-156.9996833689369,56.90549518141814],[-157.07147480048005,56.83603813421342],[-157.14326623202322,56.83603813421342],[-157.14326623202322,56.79329533593359],[-157.21505766356637,56.766581087008696],[-157.28684909510952,56.798638185718566],[-157.39453624242424,56.86275238313831],[-157.43043195819584,56.857409533353334],[-157.4663276739674,56.83069528442844],[-157.43043195819584,56.798638185718566],[-157.43043195819584,56.766581087008696],[-157.502223389739,56.76123823722372],[-157.57401482128213,56.702466889588955],[-157.53811910551056,56.675752640664065],[-157.4663276739674,56.670409790879084],[-157.4663276739674,56.62232414281428],[-157.57401482128213,56.62232414281428],[-157.68170196859688,56.611638443244324],[-157.75349340014003,56.675752640664065],[-157.75349340014003,56.68109549044904],[-157.9329719789979,56.65438124152415],[-158.04065912631265,56.59560989388939],[-158.04065912631265,56.57423849474947],[-157.89707626322632,56.59026704410441],[-157.82528483168318,56.55820994539454],[-157.82528483168318,56.515467147114705],[-157.86118054745475,56.483410048404835],[-157.96886769476947,56.515467147114705],[-158.04065912631265,56.51012429732973],[-158.1124505578558,56.520809996899686],[-158.1124505578558,56.462038649264926],[-158.25603342094212,56.4673814990499],[-158.32782485248526,56.483410048404835],[-158.3996162840284,56.456695799479945],[-158.50730343134313,56.38189590249024],[-158.50730343134313,56.3444959539954],[-158.32782485248526,56.32312455485548],[-158.22013770517052,56.29641030593059],[-158.22013770517052,56.269696057005696],[-158.32782485248526,56.232296108510845],[-158.25603342094212,56.210924709370936],[-158.18424198939894,56.237638958295825],[-158.1124505578558,56.232296108510845],[-158.32782485248526,56.16283906130613],[-158.36372056825684,56.13612481238123],[-158.43551199979999,56.06666776517651],[-158.3996162840284,56.01323926732673],[-158.50730343134313,56.023924966896686],[-158.50730343134313,55.98118216861686],[-158.61499057865788,56.050639215821576],[-158.5790948628863,56.10941056345634],[-158.65088629442945,56.09872486388638],[-158.65088629442945,56.03461066646664],[-158.65088629442945,56.018582117111706],[-158.65088629442945,55.959810769476945],[-158.7226777259726,55.954467919691965],[-158.75857344174418,56.00789641754175],[-158.86626058905892,56.00255356775677],[-158.9021563048305,55.93309652055205],[-159.00984345214522,55.927753670767075],[-159.26111346254626,55.89035372227222],[-159.368800609861,55.86898232313231],[-159.40469632563259,55.85295377377737],[-159.40469632563259,55.78883957635763],[-159.47648775717573,55.83158237463746],[-159.44059204140416,55.895696572057204],[-159.54827918871888,55.87966802270227],[-159.5123834729473,55.85295377377737],[-159.47648775717573,55.767468177217715],[-159.54827918871888,55.703353979797974],[-159.5123834729473,55.66595403130313],[-159.62007062026203,55.59649698409841],[-159.72775776757678,55.56978273517351],[-159.72775776757678,55.61252553345334],[-159.6559663360336,55.61786838323832],[-159.6918620518052,55.65526833173317],[-159.6559663360336,55.75143962786278],[-159.62007062026203,55.80486812571257],[-159.6559663360336,55.83158237463746],[-159.79954919911992,55.85829662356235],[-159.87134063066307,55.84226807420742],[-159.8354449148915,55.80486812571257],[-159.90723634643464,55.78349672657265],[-159.94313206220625,55.80486812571257],[-160.0149234937494,55.79952527592759],[-160.05081920952097,55.772811027002696],[-160.05081920952097,55.71938252915291],[-160.19440207260726,55.66061118151815],[-160.26619350415044,55.63923978237823],[-160.40977636723673,55.66595403130313],[-160.4456720830083,55.63923978237823],[-160.40977636723673,55.60183983388338],[-160.4456720830083,55.57512558495849],[-160.4456720830083,55.50566853775377],[-160.55335923032305,55.4736114390439],[-160.58925494609463,55.56443988538854],[-160.6251506618662,55.57512558495849],[-160.66104637763777,55.54306848624862],[-160.69694209340935,55.553754185818576],[-160.7687335249525,55.527039936893686],[-160.66104637763777,55.51635423732373],[-160.66104637763777,55.457582889688965],[-160.7687335249525,55.452240039903984],[-160.84052495649567,55.4736114390439],[-160.80462924072407,55.50566853775377],[-160.87642067226724,55.527039936893686],[-160.9482121038104,55.50566853775377],[-161.02000353535354,55.430868640764075],[-161.235377829983,55.35606874377437],[-161.27127354575458,55.35606874377437],[-161.30716926152616,55.37744014291429],[-161.3789606930693,55.38278299269927],[-161.52254355615563,55.36141159355935],[-161.48664784038405,55.42018294119411],[-161.48664784038405,55.494982838183816],[-161.3789606930693,55.56978273517351],[-161.34306497729773,55.60718268366836],[-161.4148564088409,55.63389693259325],[-161.48664784038405,55.63389693259325],[-161.59433498769877,55.61786838323832],[-161.63023070347035,55.60718268366836],[-161.70202213501352,55.521697087108706],[-161.70202213501352,55.425525790979094],[-161.70202213501352,55.40949724162416],[-161.8815007138714,55.249211748074806],[-161.91739642964296,55.206468949794974],[-161.98918786118614,55.238526048504845],[-162.0609792927293,55.22784034893489],[-161.98918786118614,55.16906900130013],[-161.95329214541454,55.15304045194519],[-161.95329214541454,55.10495480388038],[-162.0609792927293,55.07289770517051],[-162.13277072427243,55.10495480388038],[-162.13277072427243,55.14235475237523],[-162.168666440044,55.15304045194519],[-162.24045787158718,55.09961195409541],[-162.20456215581558,55.06221200560056],[-162.20456215581558,55.03015490689069],[-162.27635358735876,55.01946920732073],[-162.31224930313033,55.04084060646064],[-162.41993645044505,55.03549775667567],[-162.45583216621662,55.0515263060306],[-162.52762359775977,55.115640503450344],[-162.45583216621662,55.1263262030203],[-162.52762359775977,55.249211748074806],[-162.59941502930295,55.29729739613961],[-162.6712064608461,55.29195454635463],[-162.70710217661767,55.22249749914991],[-162.63531074507452,55.19578325022502],[-162.56351931353137,55.13701190259025],[-162.63531074507452,55.09961195409541],[-162.56351931353137,55.01412635753575],[-162.56351931353137,54.97138355925592],[-162.63531074507452,54.998097808180816],[-162.70710217661767,54.98206925882588],[-162.70710217661767,54.960697859685965],[-162.77889360816084,54.933983610761075],[-162.850685039704,54.928640760976094],[-162.92247647124714,54.95001216011601],[-162.9583721870187,55.00344065796579],[-162.9583721870187,55.03015490689069],[-162.99426790279028,55.07824055495549],[-163.06605933433343,55.11029765366536],[-163.17374648164818,55.08892625452545],[-163.20964219741975,55.04084060646064],[-163.06605933433343,54.97138355925592],[-163.03016361856186,54.94466931033103],[-163.20964219741975,54.84849801420142],[-163.31732934473447,54.8271266150615],[-163.38912077627765,54.80041236613661],[-163.31732934473447,54.75232671807181],[-163.24553791319133,54.75232671807181],[-163.17374648164818,54.773698117211715],[-163.1378507658766,54.76301241764176],[-163.06605933433343,54.68821252065206],[-163.06605933433343,54.66149827172717],[-163.1378507658766,54.66684112151215],[-163.1378507658766,54.69355537043704],[-163.2814336289629,54.69355537043704],[-163.35322506050605,54.75232671807181],[-163.42501649204922,54.720269619361936],[-163.42501649204922,54.65615542194219],[-163.49680792359237,54.65615542194219],[-163.56859935513552,54.61341262366236],[-163.74807793399341,54.63478402280228],[-163.96345222862288,54.6294411730173],[-164.0711393759376,54.618755473447344],[-164.2147222390239,54.58669837473747],[-164.32240938633865,54.527927027102706],[-164.35830510211022,54.463812829682965],[-164.46599224942494,54.42107003140314],[-164.60957511251127,54.405041482048205],[-164.64547082828284,54.38901293269327],[-164.75315797559756,54.39435578247824],[-164.8608451229123,54.41572718161816],[-164.8608451229123,54.44244143054305],[-164.89674083868388,54.50655562796279],[-164.93263655445546,54.53326987688769],[-164.93263655445546,54.57601267516751],[-164.93263655445546,54.60272692409241],[-164.75315797559756,54.64012687258725],[-164.717262259826,54.66149827172717],[-164.64547082828284,54.75766956785678],[-164.5736793967397,54.84849801420142],[-164.53778368096812,54.89124081248124],[-164.50188796519654,54.92329791119111],[-164.43009653365337,54.933983610761075],[-164.35830510211022,54.896583662266224],[-164.2147222390239,54.928640760976094],[-164.17882652325233,54.955355009900984],[-164.03524366016603,54.97138355925592],[-163.8916607970797,55.04084060646064],[-163.783973649765,55.056869155815576],[-163.64039078667867,55.04618345624562],[-163.53270363936394,55.0515263060306],[-163.53270363936394,55.01412635753575],[-163.42501649204922,54.97138355925592],[-163.38912077627765,54.901926512051205],[-163.38912077627765,54.8538408639864],[-163.31732934473447,54.88055511291129],[-163.35322506050605,54.95001216011601],[-163.2814336289629,54.94466931033103],[-163.24553791319133,54.960697859685965],[-163.2814336289629,55.00878350775077],[-163.31732934473447,55.1263262030203],[-163.20964219741975,55.16372615151515],[-163.10195505010503,55.185097550655065],[-163.06605933433343,55.174411851085104],[-162.9583721870187,55.16906900130013],[-162.88658075547556,55.185097550655065],[-162.850685039704,55.22249749914991],[-162.88658075547556,55.249211748074806],[-162.88658075547556,55.275925996999696],[-162.70710217661767,55.31866879527952],[-162.63531074507452,55.366754443344334],[-162.56351931353137,55.44689719011901],[-162.4917278819882,55.494982838183816],[-162.31224930313033,55.61252553345334],[-162.24045787158718,55.681982580658065],[-162.13277072427243,55.71938252915291],[-162.09687500850086,55.76212532743274],[-161.8815007138714,55.83158237463746],[-161.80970928232824,55.89035372227222],[-161.70202213501352,55.90638227162716],[-161.59433498769877,55.93843937033703],[-161.45075212461248,55.954467919691965],[-161.30716926152616,55.98118216861686],[-161.27127354575458,55.959810769476945],[-161.19948211421143,55.949125069906984],[-161.0917949668967,55.954467919691965],[-161.0917949668967,55.94378222012201],[-160.91231638803882,55.9972107179718],[-160.87642067226724,55.9972107179718],[-160.80462924072407,55.954467919691965],[-160.84052495649567,55.91706797119711],[-160.91231638803882,55.90103942184218],[-160.9482121038104,55.85295377377737],[-160.9482121038104,55.81555382528253],[-160.80462924072407,55.740753928292825],[-160.7687335249525,55.75678247764776],[-160.66104637763777,55.72472537893789],[-160.66104637763777,55.740753928292825],[-160.7687335249525,55.78349672657265],[-160.7687335249525,55.85829662356235],[-160.73283780918092,55.86898232313231],[-160.6251506618662,55.85829662356235],[-160.51746351455148,55.86898232313231],[-160.48156779877988,55.863639473347334],[-160.48156779877988,55.8208966750675],[-160.4456720830083,55.78883957635763],[-160.37388065146516,55.79418242614261],[-160.302089219922,55.767468177217715],[-160.26619350415044,55.78349672657265],[-160.302089219922,55.8208966750675],[-160.26619350415044,55.85829662356235],[-160.33798493569358,55.86898232313231],[-160.40977636723673,55.90638227162716],[-160.55335923032305,55.93843937033703],[-160.51746351455148,55.98118216861686],[-160.55335923032305,56.00255356775677],[-160.48156779877988,56.07735346474647],[-160.4456720830083,56.12543911281128],[-160.40977636723673,56.232296108510845],[-160.37388065146516,56.28038175657566],[-160.23029778837883,56.3444959539954],[-160.1585063568357,56.39792445184518],[-160.08671492529254,56.40861015141514],[-159.94313206220625,56.47272434883488],[-159.8354449148915,56.5421813960396],[-159.54827918871888,56.62766699259926],[-159.44059204140416,56.643695541954195],[-159.3329048940894,56.670409790879084],[-159.26111346254626,56.702466889588955],[-159.26111346254626,56.72383828872887],[-159.00984345214522,56.8146667350735],[-158.97394773637365,56.85206668356835],[-158.93805202060207,56.82535243464346],[-158.86626058905892,56.79329533593359],[-158.79446915751575,56.78260963636363],[-158.65088629442945,56.78795248614861],[-158.65088629442945,56.8146667350735],[-158.68678201020103,56.926866580558055],[-158.65088629442945,57.03372357625762],[-158.65088629442945,57.06043782518252],[-158.47140771557156,57.21003761916191],[-158.36372056825684,57.263466117011696],[-158.22013770517052,57.32223746464646],[-158.14834627362737,57.34360886378637],[-158.00476341054107,57.40238021142114],[-157.9329719789979,57.477180108410835],[-157.7893891159116,57.54129430583058],[-157.71759768436846,57.56266570497049],[-157.64580625282528,57.49855150755075],[-157.57401482128213,57.487865807980796],[-157.57401482128213,57.514580056905686],[-157.6099105370537,57.6107513530353],[-157.68170196859688,57.6107513530353],[-157.71759768436846,57.637465601960194],[-157.71759768436846,57.72295119851985],[-157.68170196859688,57.77103684658466],[-157.64580625282528,57.86720814271427],[-157.6099105370537,58.0328364860486],[-157.57401482128213,58.12366493239323],[-157.53811910551056,58.161064880888084],[-157.39453624242424,58.171750580458045],[-157.35864052665266,58.21983622852285],[-157.43043195819584,58.21983622852285],[-157.53811910551056,58.27860757615761],[-157.57401482128213,58.3320360740074],[-157.53811910551056,58.39080742164216],[-157.4663276739674,58.481635867986796],[-157.4663276739674,58.50300726712671],[-157.35864052665266,58.53506436583658],[-157.28684909510952,58.599178563256324],[-157.1791619477948,58.657949910891084],[-157.07147480048005,58.70603555895589],[-156.9996833689369,58.81823540444044],[-156.9996833689369,58.877006752075204],[-156.96378765316533,58.90372100100009],[-156.96378765316533,58.941120949494945],[-157.03557908470847,58.95714949884988],[-157.03557908470847,58.914406700570055],[-157.10737051625165,58.86632105250525],[-157.21505766356637,58.83960680358035],[-157.28684909510952,58.83426395379538],[-157.43043195819584,58.79152115551555],[-157.53811910551056,58.77014975637563],[-157.53811910551056,58.754121207020695],[-157.68170196859688,58.727406958095806],[-157.86118054745475,58.679321310031],[-158.04065912631265,58.636578511751175],[-158.14834627362737,58.61520711261126],[-158.22013770517052,58.62054996239623],[-158.32782485248526,58.663292760676065],[-158.36372056825684,58.727406958095806],[-158.43551199979999,58.77014975637563],[-158.50730343134313,58.78083545594559],[-158.5790948628863,58.80220685508551],[-158.5431991471147,58.83960680358035],[-158.50730343134313,58.85563535293529],[-158.47140771557156,58.99989229712971],[-158.36372056825684,59.037292245624556],[-158.3996162840284,59.06400649454945],[-158.50730343134313,59.02126369626962],[-158.61499057865788,58.909063850785074],[-158.7226777259726,58.87166390229022],[-158.75857344174418,58.86632105250525],[-158.79446915751575,58.80220685508551],[-158.75857344174418,58.76480690659066],[-158.86626058905892,58.695349859385935],[-158.83036487328735,58.62589281218121],[-158.75857344174418,58.55109291519152],[-158.68678201020103,58.481635867986796],[-158.79446915751575,58.40683597099709],[-158.9021563048305,58.39080742164216],[-159.0457391679168,58.42286452035203],[-159.2252177467747,58.62054996239623],[-159.40469632563259,58.76480690659066],[-159.5123834729473,58.82357825422542],[-159.6559663360336,58.84494965336533],[-159.58417490449045,58.89837815121512],[-159.62007062026203,58.93043524992499],[-159.72775776757678,58.93043524992499],[-159.76365348334835,58.85563535293529],[-159.79954919911992,58.86097820272027],[-159.79954919911992,58.80754970487048],[-159.90723634643464,58.78083545594559],[-159.97902777797782,58.850292503150314],[-159.97902777797782,58.87166390229022],[-160.05081920952097,58.88769245164516],[-160.08671492529254,58.86097820272027],[-160.1585063568357,58.86632105250525],[-160.1585063568357,58.914406700570055],[-160.23029778837883,58.90372100100009],[-160.302089219922,58.946463799279925],[-160.33798493569358,58.951806649064906],[-160.26619350415044,58.99454944734473],[-160.302089219922,59.06934934433443],[-160.48156779877988,59.0266065460546],[-160.6251506618662,58.96249234863486],[-160.7687335249525,58.909063850785074],[-160.84052495649567,58.8289211040104],[-160.87642067226724,58.877006752075204],[-160.98410781958196,58.850292503150314],[-161.34306497729773,58.74343550745074],[-161.3789606930693,58.70603555895589],[-161.3789606930693,58.668635610461045],[-161.52254355615563,58.631235661966194],[-161.5584392719272,58.60986426282628],[-161.63023070347035,58.6045214130413],[-161.66612641924195,58.56712146454645],[-161.7379178507851,58.55109291519152],[-161.77381356655667,58.599178563256324],[-161.8815007138714,58.636578511751175],[-162.0609792927293,58.62054996239623],[-162.168666440044,58.64726421132113],[-161.98918786118614,58.690007009600954],[-161.95329214541454,58.657949910891084],[-161.8815007138714,58.668635610461045],[-161.84560499809982,58.70603555895589],[-161.77381356655667,58.77549260616061],[-161.77381356655667,58.8289211040104],[-161.77381356655667,58.96783519841984],[-161.84560499809982,59.06400649454945],[-161.98918786118614,59.14949209110911],[-162.0609792927293,59.256349086808676],[-162.0250835769577,59.29374903530353],[-161.95329214541454,59.26169193659366],[-161.95329214541454,59.36320608250825],[-161.84560499809982,59.42732027992799],[-161.77381356655667,59.470063078207815],[-161.7379178507851,59.46472022842284],[-161.70202213501352,59.49143447734773],[-161.77381356655667,59.55554867476747],[-161.84560499809982,59.64637712111211],[-161.91739642964296,59.74254841724172],[-162.0250835769577,59.82803401380138],[-162.09687500850086,59.88146251165116],[-162.09687500850086,59.945576709070906],[-162.168666440044,59.98297665756575],[-162.24045787158718,60.05777655455545],[-162.31224930313033,60.10586220262026],[-162.38404073467348,60.180662099609954],[-162.3481450189019,60.23409059745974],[-162.45583216621662,60.27683339573957],[-162.45583216621662,60.33026189358935],[-162.41993645044505,60.33026189358935],[-162.31224930313033,60.373004691869184],[-162.31224930313033,60.45849028842884],[-162.24045787158718,60.5172616360636],[-162.24045787158718,60.57603298369837],[-162.168666440044,60.624118631763174],[-162.24045787158718,60.624118631763174],[-162.27635358735876,60.59740438283828],[-162.41993645044505,60.399718940794074],[-162.41993645044505,60.3676618420842],[-162.4917278819882,60.33560474337433],[-162.52762359775977,60.30889049444944],[-162.56351931353137,60.223404897889786],[-162.45583216621662,60.19669064896489],[-162.45583216621662,60.17531924982498],[-162.4917278819882,60.11120505240524],[-162.4917278819882,60.0470908549855],[-162.4917278819882,59.999005206920685],[-162.63531074507452,59.972290957995796],[-162.74299789238924,59.97763380778078],[-162.74299789238924,59.95626240864086],[-162.9583721870187,59.908176760576055],[-163.17374648164818,59.844062563156314],[-163.35322506050605,59.81734831423142],[-163.56859935513552,59.80131976487648],[-163.783973649765,59.79597691509151],[-163.9275565128513,59.80131976487648],[-164.10703509170918,59.83871971337133],[-164.14293080748075,59.86543396229622],[-164.2147222390239,59.95091955885588],[-164.14293080748075,59.966948108210815],[-164.14293080748075,59.99366235713571],[-164.17882652325233,60.02571945584558],[-164.3942008178818,60.07914795369537],[-164.50188796519654,60.16997640004],[-164.50188796519654,60.20203349874987],[-164.64547082828284,60.2447762970297],[-164.6813665440544,60.29820479487948],[-164.8608451229123,60.30354764466446],[-164.96853227022703,60.340947593159314],[-165.04032370177018,60.38369039143914],[-165.11211513331335,60.431776039503944],[-165.04032370177018,60.463833138213815],[-164.96853227022703,60.50657593649365],[-165.0044279859986,60.5439758849885],[-165.04032370177018,60.5439758849885],[-165.1839065648565,60.495890236923685],[-165.36338514371437,60.50657593649365],[-165.43517657525754,60.54931873477347],[-165.36338514371437,60.57603298369837],[-165.25569799639965,60.58137583348334],[-165.14801084908493,60.650832880688064],[-165.07621941754178,60.688232829182915],[-164.96853227022703,60.70960422832283],[-165.04032370177018,60.75768987638764],[-165.04032370177018,60.83783262316231],[-164.93263655445546,60.92331821972197],[-165.0044279859986,60.92331821972197],[-165.0044279859986,60.8912611210121],[-165.07621941754178,60.85920402230223],[-165.1839065648565,60.85920402230223],[-165.21980228062807,60.896603970797074],[-165.14801084908493,60.91797536993699],[-165.1839065648565,60.971403867786776],[-165.11211513331335,61.0141466660666],[-165.0044279859986,61.00880381628163],[-164.96853227022703,61.02483236563656],[-164.93263655445546,61.08360371327132],[-165.0044279859986,61.10497511241124],[-165.0044279859986,61.05688946434643],[-165.11211513331335,61.07826086348634],[-165.1839065648565,61.11566081198119],[-165.1839065648565,61.147717910691064],[-165.29159371217122,61.179775009400934],[-165.3274894279428,61.16908930983098],[-165.36338514371437,61.10497511241124],[-165.3274894279428,61.07291801370137],[-165.39928085948597,61.06757516391639],[-165.54286372257226,61.088946563056304],[-165.57875943834384,61.11031796219621],[-165.6146551541154,61.22251780768077],[-165.6146551541154,61.275946305530546],[-165.650550869887,61.29197485488548],[-165.7941337329733,61.308003404240424],[-165.86592516451645,61.33471765316531],[-165.90182088028803,61.42020324972497],[-165.75823801720173,61.457603198219815],[-165.75823801720173,61.50034599649965],[-165.7941337329733,61.527060245424536],[-165.90182088028803,61.55377449434943],[-166.08129945914592,61.53240309520952],[-166.04540374337435,61.50034599649965],[-166.1171951749175,61.495003146714666],[-166.15309089068907,61.54843164456445],[-166.18898660646065,61.585831593059304],[-166.15309089068907,61.63391724112411],[-166.04540374337435,61.63926009090909],[-165.7941337329733,61.67131718961896],[-166.00950802760278,61.73008853725372],[-166.08129945914592,61.79954558445844],[-166.08129945914592,61.81557413381338],[-165.93771659605963,61.83160268316831],[-165.75823801720173,61.82625983338333],[-165.72234230143016,61.84228838273827],[-165.650550869887,61.84763123252325],[-165.6146551541154,61.87434548144814],[-165.6864465856586,61.922431129512944],[-165.75823801720173,62.0079167260726],[-165.72234230143016,62.07737377327732],[-165.6864465856586,62.141487970697064],[-165.3274894279428,62.37657336123612],[-165.25569799639965,62.430001859085905],[-165.11211513331335,62.520830305430536],[-165.07621941754178,62.5796016530653],[-165.0044279859986,62.638373000700064],[-164.93263655445546,62.670430099409934],[-164.82494940714074,62.68645864876487],[-164.8608451229123,62.78262994489449],[-164.78905369136913,62.94825828822882],[-164.717262259826,63.00702963586358],[-164.5736793967397,63.06045813371337],[-164.64547082828284,63.09785808220822],[-164.43009653365337,63.210057927692766],[-164.35830510211022,63.2260864770477],[-164.14293080748075,63.25814357575757],[-164.03524366016603,63.26348642554255],[-163.8916607970797,63.22074362726272],[-163.74807793399341,63.21540077747775],[-163.6044950709071,63.140600880488044],[-163.53270363936394,63.13525803070306],[-163.49680792359237,63.113886631563155],[-163.31732934473447,63.03908673457345],[-163.1378507658766,63.049772434143414],[-163.03016361856186,63.06045813371337],[-162.99426790279028,63.08717238263826],[-162.850685039704,63.15662942984298],[-162.81478932393242,63.204715077907785],[-162.6712064608461,63.23142932683268],[-162.59941502930295,63.27417212511251]],[[-169.27601816281629,63.34362917231723],[-169.09653958395842,63.33828632253225],[-168.98885243664367,63.34362917231723],[-168.70168671047105,63.29554352425242],[-168.7734781420142,63.18334367876787],[-168.84526957355737,63.145943730273025],[-169.02474815241524,63.178000828982896],[-169.20422673127314,63.178000828982896],[-169.38370531013103,63.151286580058],[-169.4196010259026,63.113886631563155],[-169.52728817321733,63.0764866830683],[-169.5631838889889,63.03908673457345],[-169.5631838889889,62.97497253715371],[-169.63497532053208,62.93757258865886],[-169.7426624678468,62.953601138013795],[-169.7426624678468,62.97497253715371],[-169.81445389938995,63.0764866830683],[-169.95803676247627,63.12991518091809],[-170.13751534133414,63.18334367876787],[-170.24520248864889,63.178000828982896],[-170.31699392019203,63.236772176617656],[-170.3528896359636,63.28485782468246],[-170.56826393059308,63.35431487188718],[-170.8554296567657,63.41308621952195],[-170.9631168040804,63.423771919091905],[-171.10669966716674,63.423771919091905],[-171.2861782460246,63.386371970597054],[-171.32207396179618,63.33294347274727],[-171.4656568248825,63.30622922382238],[-171.57334397219722,63.33294347274727],[-171.75282255105512,63.365000571457145],[-171.82461398259827,63.43980046844684],[-171.86050969836984,63.482543266726665],[-171.82461398259827,63.578714562856284],[-171.75282255105512,63.664200159415934],[-171.75282255105512,63.71762865726572],[-171.71692683528354,63.72831435683568],[-171.75282255105512,63.78174285468546],[-171.68103111951197,63.78708570447044],[-171.6451354037404,63.74968575597559],[-171.6451354037404,63.706942957695766],[-171.6092396879688,63.680228708770876],[-171.39386539333935,63.63214306070606],[-171.03490823562356,63.578714562856284],[-170.89132537253727,63.5733717130713],[-170.71184679367937,63.648171610061],[-170.49647249904993,63.69625725812581],[-170.28109820442046,63.68557155855585],[-170.1734110571057,63.62680021092109],[-170.10161962556256,63.610771661566154],[-170.02982819401942,63.5252860650065],[-170.02982819401942,63.487886116511646],[-169.85034961516152,63.43980046844684],[-169.63497532053208,63.429114768876886],[-169.5631838889889,63.37034342124212],[-169.27601816281629,63.34362917231723]],[[-162.59941502930295,63.62145736113611],[-162.52762359775977,63.637485910491044],[-162.45583216621662,63.62145736113611],[-162.38404073467348,63.62680021092109],[-162.3481450189019,63.59474311221122],[-162.3481450189019,63.55200031393139],[-162.59941502930295,63.54131461436143],[-162.6712064608461,63.55734316371637],[-162.6712064608461,63.58405741264126],[-162.59941502930295,63.62145736113611]],[[-109.04300709810981,36.99803688258825],[-109.04300709810981,36.50115185258525],[-109.04300709810981,36.18058086548655],[-109.04300709810981,35.614238788278826],[-109.04300709810981,35.176125105910586],[-109.04300709810981,34.770068522252224],[-109.04300709810981,34.524297432143214],[-109.04300709810981,34.000698153215325],[-109.04300709810981,33.626698668266826],[-109.04300709810981,33.071042290629066],[-109.04300709810981,32.777185552455244],[-109.04300709810981,32.42455746664666],[-109.04300709810981,32.08795793019302],[-109.04300709810981,31.639158548254827],[-109.04300709810981,31.33461611051105]],[[-109.04300709810981,31.33461611051105],[-109.29427710851085,31.33461611051105],[-109.83271284508452,31.33461611051105],[-110.44294001320132,31.33461611051105],[-111.0890628970897,31.33461611051105],[-111.55570720212022,31.48955875427543],[-111.98645579137914,31.62312999889989],[-112.41720438063807,31.751358393739373],[-112.88384868566857,31.89561533793379],[-113.13511869606961,31.970415234923493],[-113.78124157995799,32.17878637653765],[-114.2478858849885,32.32304332073207],[-114.82221733733374,32.49401451385138],[-114.82221733733374,32.51004306320632],[-114.82221733733374,32.61690005890589],[-114.75042590579058,32.64361430783078],[-114.714530190019,32.71841420482048]],[[-114.714530190019,32.71841420482048],[-114.67863447424743,32.73978560396039],[-114.60684304270427,32.72909990439044],[-114.53505161116112,32.75581415331533],[-114.53505161116112,32.79321410181018],[-114.46326017961796,32.846642599659965],[-114.46326017961796,32.910756797079706],[-114.49915589538953,33.01761379277927],[-114.5709473269327,33.03898519191919],[-114.60684304270427,33.02295664256425],[-114.64273875847584,33.04432804170417],[-114.67863447424743,33.03898519191919],[-114.714530190019,33.097756539553956],[-114.67863447424743,33.1618707369737],[-114.67863447424743,33.26872773267327],[-114.714530190019,33.30078483138314],[-114.714530190019,33.338184779877984],[-114.714530190019,33.39695612751275],[-114.67863447424743,33.41832752665266],[-114.64273875847584,33.42901322622262],[-114.60684304270427,33.45572747514751],[-114.5709473269327,33.530527372137215],[-114.53505161116112,33.55189877127712],[-114.53505161116112,33.589298719771975],[-114.53505161116112,33.621355818481845],[-114.53505161116112,33.67478431633163],[-114.49915589538953,33.69615571547155],[-114.49915589538953,33.7335556639664],[-114.49915589538953,33.76561276267627],[-114.53505161116112,33.845755509450946],[-114.49915589538953,33.86712690859086],[-114.49915589538953,33.90986970687069],[-114.53505161116112,33.92589825622562],[-114.46326017961796,33.995355303430344],[-114.42736446384639,34.03809810171017],[-114.42736446384639,34.086183749774975],[-114.42736446384639,34.10755514891489],[-114.31967731653165,34.13426939783979],[-114.28378160076008,34.17166934633463],[-114.2478858849885,34.17166934633463],[-114.17609445344534,34.25181209310931],[-114.14019873767377,34.26249779267927],[-114.14019873767377,34.305240590959095],[-114.17609445344534,34.34798338923892],[-114.21199016921692,34.36401193859386],[-114.28378160076008,34.4281261360136],[-114.35557303230323,34.44949753515351],[-114.39146874807481,34.46018323472347],[-114.39146874807481,34.529640281928195],[-114.42736446384639,34.593754479347936],[-114.42736446384639,34.609783028702864],[-114.46326017961796,34.71129717461746],[-114.53505161116112,34.76472567246725],[-114.5709473269327,34.834182719671965],[-114.64273875847584,34.866239818381835],[-114.64273875847584,34.9998110630063]],[[-114.64273875847584,34.9998110630063],[-114.64273875847584,35.026525311931195],[-114.60684304270427,35.074610959995994],[-114.64273875847584,35.09598235913592],[-114.60684304270427,35.12269660806081],[-114.5709473269327,35.13872515741574],[-114.5709473269327,35.18146795569557],[-114.60684304270427,35.299010650965094],[-114.60684304270427,35.32572489988999],[-114.64273875847584,35.41121049644964],[-114.64273875847584,35.42723904580458],[-114.67863447424743,35.491353243224324],[-114.64273875847584,35.53409604150415],[-114.67863447424743,35.576838839783974],[-114.64273875847584,35.608895938493845],[-114.67863447424743,35.65163873677368],[-114.67863447424743,35.68903868526853],[-114.714530190019,35.71041008440844],[-114.67863447424743,35.75849573247325],[-114.714530190019,35.80658138053805],[-114.67863447424743,35.88672412731273],[-114.714530190019,35.94549547494749],[-114.75042590579058,35.98289542344234],[-114.714530190019,36.025638221722176],[-114.75042590579058,36.08975241914192],[-114.75042590579058,36.105780968496845],[-114.60684304270427,36.13249521742174],[-114.5709473269327,36.15386661656166],[-114.49915589538953,36.14852376677668],[-114.49915589538953,36.13249521742174],[-114.42736446384639,36.143180916991696],[-114.35557303230323,36.143180916991696],[-114.31967731653165,36.105780968496845],[-114.28378160076008,36.047009620862084],[-114.2478858849885,36.014952522152214],[-114.14019873767377,36.025638221722176],[-114.06840730613061,36.18058086548655],[-114.03251159035904,36.19660941484148],[-114.03251159035904,36.38895200710071],[-114.06840730613061,36.65609449634964],[-114.06840730613061,36.99803688258825]],[[-114.06840730613061,36.99803688258825],[-113.96072015881589,36.99803688258825],[-112.95564011721171,36.99803688258825],[-112.34541294909491,37.00337973237323],[-111.41212433903391,37.00337973237323],[-111.05316718131813,37.00337973237323],[-110.51473144474447,37.00337973237323],[-110.4788357289729,36.99803688258825],[-110.0121914239424,36.99803688258825],[-109.61733855045505,36.99803688258825],[-109.04300709810981,36.99803688258825]],[[-94.03859790559055,33.01761379277927],[-94.03859790559055,33.55189877127712],[-94.07449362136214,33.57327017041704],[-94.14628505290528,33.567927320632066],[-94.14628505290528,33.589298719771975],[-94.2898679159916,33.57861302020202],[-94.32576363176317,33.55189877127712],[-94.36165934753475,33.562584470847085],[-94.39755506330633,33.54655592149215],[-94.4334507790779,33.589298719771975],[-94.4334507790779,33.63204151805181],[-94.46934649484947,33.63738436783678]],[[-94.46934649484947,33.63738436783678],[-94.46934649484947,34.18769789568957],[-94.46934649484947,34.641840127412735],[-94.4334507790779,34.93569686558656],[-94.4334507790779,35.39518194709471],[-94.50524221062106,35.93480977537754],[-94.57703364216421,36.298123560756075],[-94.6129293579358,36.50115185258525]],[[-94.6129293579358,36.50115185258525],[-94.11038933713371,36.50115185258525],[-93.71553646364636,36.50115185258525],[-93.14120501130112,36.49580900280028],[-92.78224785358536,36.49580900280028],[-92.35149926432643,36.49580900280028],[-91.99254210661066,36.49580900280028],[-91.52589780158016,36.50115185258525],[-91.41821065426542,36.49580900280028],[-90.70029633883388,36.50115185258525],[-90.16186060226022,36.49580900280028],[-90.12596488648865,36.4156662560256],[-90.09006917071707,36.39963770667067],[-90.05417345494548,36.38360915731573],[-90.09006917071707,36.31949495989599],[-90.05417345494548,36.30346641054105],[-90.09006917071707,36.27140931183118],[-90.12596488648865,36.266066462046204],[-90.12596488648865,36.22866651355135],[-90.23365203380338,36.18592371527153],[-90.23365203380338,36.13249521742174],[-90.30544346534653,36.116466668066806],[-90.37723489688969,35.9935811230123],[-89.7311120130013,35.99892397279728]],[[-89.7311120130013,35.99892397279728],[-89.7311120130013,35.96152402430243],[-89.65932058145815,35.92412407580758],[-89.65932058145815,35.88138127752775],[-89.7311120130013,35.90809552645264],[-89.76700772877287,35.89206697709771],[-89.76700772877287,35.86000987838784],[-89.69521629722972,35.83863847924792],[-89.69521629722972,35.81726708010801],[-89.76700772877287,35.80658138053805],[-89.80290344454446,35.75849573247325],[-89.8746948760876,35.74246718311831],[-89.91059059185918,35.75849573247325],[-89.94648630763076,35.73712433333333],[-89.94648630763076,35.68903868526853],[-89.94648630763076,35.66232443634363],[-89.8746948760876,35.65163873677368],[-89.91059059185918,35.619581638063806],[-89.94648630763076,35.59286738913892],[-89.94648630763076,35.555467440644065],[-89.91059059185918,35.550124590859085],[-89.91059059185918,35.51272464236423],[-89.94648630763076,35.528753191719176],[-89.98238202340234,35.560810290429046],[-90.05417345494548,35.550124590859085],[-90.05417345494548,35.50203894279428],[-90.01827773917391,35.46463899429943],[-90.01827773917391,35.42723904580458],[-90.09006917071707,35.43258189558956],[-90.05417345494548,35.46463899429943],[-90.09006917071707,35.47532469386938],[-90.12596488648865,35.44326759515951],[-90.16186060226022,35.4218961960196],[-90.12596488648865,35.38983909730973],[-90.12596488648865,35.41121049644964],[-90.09006917071707,35.38449624752475],[-90.09006917071707,35.34175344924492],[-90.12596488648865,35.304353500750075],[-90.16186060226022,35.29366780118012],[-90.16186060226022,35.26161070247025],[-90.09006917071707,35.25092500290029],[-90.09006917071707,35.22955360376038],[-90.12596488648865,35.18681080548055],[-90.05417345494548,35.13338230763076],[-90.09006917071707,35.117353758275826],[-90.12596488648865,35.13338230763076],[-90.16186060226022,35.117353758275826],[-90.1977563180318,35.026525311931195],[-90.30544346534653,35.04255386128612],[-90.30544346534653,34.994468213221325]],[[-90.30544346534653,34.994468213221325],[-90.23365203380338,34.95172541494149],[-90.23365203380338,34.90898261666166],[-90.3413391811181,34.86089696859686],[-90.41313061266126,34.834182719671965],[-90.44902632843284,34.88226836773677],[-90.44902632843284,34.89295406730673],[-90.48492204420441,34.86089696859686],[-90.44902632843284,34.82349702010201],[-90.48492204420441,34.79143992139214],[-90.44902632843284,34.74869712311231],[-90.48492204420441,34.72198287418742],[-90.55671347574757,34.75403997289729],[-90.55671347574757,34.73266857375737],[-90.55671347574757,34.7006114750475]],[[-90.55671347574757,34.7006114750475],[-90.48492204420441,34.69526862526253],[-90.44902632843284,34.67389722612261],[-90.520817759976,34.63115442784279],[-90.55671347574757,34.63115442784279],[-90.55671347574757,34.7006114750475]],[[-90.55671347574757,34.7006114750475],[-90.59260919151914,34.66855437633763],[-90.59260919151914,34.615125878487845],[-90.55671347574757,34.561697380638066],[-90.55671347574757,34.54032598149815],[-90.59260919151914,34.51361173257325],[-90.59260919151914,34.48689748364836],[-90.55671347574757,34.4281261360136],[-90.62850490729072,34.39072618751875],[-90.6644006230623,34.374697638163816],[-90.6644006230623,34.32661199009901],[-90.70029633883388,34.32126914031403],[-90.70029633883388,34.369354788378836],[-90.77208777037703,34.369354788378836],[-90.77208777037703,34.342640539453946],[-90.73619205460545,34.305240590959095],[-90.77208777037703,34.2785263420342],[-90.84387920192019,34.26784064246425],[-90.84387920192019,34.20906929482948],[-90.91567063346334,34.24646924332433],[-90.91567063346334,34.21441214461446],[-90.87977491769176,34.182355045904586],[-90.80798348614861,34.182355045904586],[-90.80798348614861,34.144955097409735],[-90.87977491769176,34.13961224762476],[-90.91567063346334,34.16632649654966],[-90.95156634923492,34.13961224762476],[-90.95156634923492,34.10755514891489],[-90.87977491769176,34.080840899989994],[-90.87977491769176,34.027412402140214],[-90.9874620650065,34.01672670257025],[-90.95156634923492,33.9793267540754],[-90.9874620650065,33.968641054505454],[-91.02335778077807,34.000698153215325],[-91.09514921232123,33.97398390429043],[-91.09514921232123,33.95261250515051],[-91.02335778077807,33.92589825622562],[-91.05925349654966,33.86712690859086],[-91.05925349654966,33.813698410741075],[-90.9874620650065,33.79766986138614],[-90.9874620650065,33.77095561246124],[-91.05925349654966,33.776298462246224],[-91.09514921232123,33.77095561246124],[-91.1310449280928,33.7816413120312],[-91.1310449280928,33.72821281418142],[-91.1310449280928,33.7068414150415],[-91.05925349654966,33.71752711461146],[-91.02335778077807,33.67478431633163],[-91.09514921232123,33.6587557669767],[-91.1310449280928,33.67478431633163],[-91.16694064386438,33.7068414150415],[-91.20283635963597,33.69081286568657],[-91.20283635963597,33.66409861676168],[-91.1310449280928,33.626698668266826],[-91.1310449280928,33.599984419341936],[-91.23873207540754,33.562584470847085],[-91.23873207540754,33.55189877127712],[-91.16694064386438,33.498470273427344]],[[-91.16694064386438,33.498470273427344],[-91.23873207540754,33.43969892579258],[-91.20283635963597,33.4343560760076],[-91.16694064386438,33.45038462536253],[-91.16694064386438,33.498470273427344]],[[-91.16694064386438,33.498470273427344],[-91.1310449280928,33.47175602450245],[-91.1310449280928,33.42901322622262],[-91.20283635963597,33.40229897729773],[-91.16694064386438,33.38092757815782],[-91.1310449280928,33.39161327772777],[-91.09514921232123,33.45038462536253],[-91.05925349654966,33.42901322622262],[-91.1310449280928,33.348870479447946],[-91.1310449280928,33.30078483138314],[-91.09514921232123,33.247356333533354],[-91.05925349654966,33.2847562820282],[-91.05925349654966,33.25269918331833],[-91.09514921232123,33.22064208460846],[-91.09514921232123,33.14584218761876],[-91.09514921232123,33.129813638263826],[-91.16694064386438,33.14049933783378],[-91.20283635963597,33.10844223912391],[-91.1310449280928,33.065699440844085],[-91.1310449280928,33.03898519191919],[-91.16694064386438,33.001585243424344]],[[-91.16694064386438,33.001585243424344],[-91.49000208580858,33.00692809320932],[-91.95664639083908,33.00692809320932],[-92.20791640124013,33.00692809320932],[-92.78224785358536,33.0122709429943],[-93.06941357975798,33.01761379277927],[-93.5001621690169,33.01761379277927],[-94.03859790559055,33.01761379277927]],[[-120.24247041884189,34.000698153215325],[-120.17067898729873,34.0060410030003],[-120.13478327152716,34.027412402140214],[-120.062991839984,34.022069552355234],[-119.99120040844085,33.9793267540754],[-119.99120040844085,33.94192680558056],[-120.02709612421242,33.93658395579558],[-120.062991839984,33.91521255665566],[-120.13478327152716,33.89384115751575],[-120.17067898729873,33.92055540644064],[-120.20657470307032,33.99001245364536],[-120.24247041884189,34.000698153215325]],[[-119.77582611381138,34.059469500850085],[-119.7399303980398,34.054126651065104],[-119.70403468226823,34.022069552355234],[-119.63224325072508,34.01672670257025],[-119.5963475349535,34.04878380128012],[-119.52455610341033,34.04344095149515],[-119.56045181918192,34.0060410030003],[-119.5963475349535,33.99001245364536],[-119.66813896649666,33.98466960386038],[-119.70403468226823,33.95795535493549],[-119.84761754535454,33.968641054505454],[-119.88351326112611,33.9793267540754],[-119.88351326112611,34.032755251925195],[-119.9194089768977,34.07549805020502],[-119.77582611381138,34.059469500850085]],[[-120.45784471347136,34.04344095149515],[-120.3860532819282,34.054126651065104],[-120.35015756615661,34.07549805020502],[-120.31426185038504,34.022069552355234],[-120.35015756615661,34.01672670257025],[-120.45784471347136,34.04344095149515]],[[-118.51947606180619,32.89472824772477],[-118.59126749334933,32.969528144714474],[-118.55537177757776,32.98021384428443],[-118.48358034603461,32.93212819621962],[-118.37589319871987,32.841299749874985],[-118.41178891449145,32.79855695159516],[-118.48358034603461,32.85198544944494],[-118.51947606180619,32.89472824772477]],[[-118.48358034603461,33.45038462536253],[-118.37589319871987,33.407641827082706],[-118.37589319871987,33.38627042794279],[-118.30410176717672,33.338184779877984],[-118.33999748294829,33.30078483138314],[-118.37589319871987,33.32215623052305],[-118.44768463026303,33.32749908030803],[-118.48358034603461,33.35421332923292],[-118.48358034603461,33.41832752665266],[-118.55537177757776,33.43969892579258],[-118.59126749334933,33.466413174717474],[-118.55537177757776,33.47175602450245],[-118.48358034603461,33.45038462536253]],[[-119.56045181918192,33.279413432243224],[-119.52455610341033,33.2847562820282],[-119.45276467186719,33.25269918331833],[-119.41686895609561,33.22598493439344],[-119.48866038763876,33.21529923482348],[-119.56045181918192,33.23132778417842],[-119.56045181918192,33.247356333533354],[-119.56045181918192,33.279413432243224]],[[-119.99120040844085,41.993601431543155],[-119.99120040844085,41.619601946594656],[-119.99120040844085,41.18148826422642],[-119.99120040844085,40.871602976697666],[-119.99120040844085,40.497603491749175],[-119.99120040844085,39.95797566346634],[-119.99120040844085,39.541233380238026],[-119.99120040844085,39.22600524292429],[-119.99120040844085,39.001605551955194],[-119.5963475349535,38.71309166356636],[-119.09380751415142,38.37114927732773],[-118.77074607220723,38.14140673657366],[-118.26820605140514,37.76740725162516],[-117.87335317791779,37.49492191259126],[-117.72977031483148,37.37737921732173],[-117.37081315711572,37.12626527742774],[-117.01185599939994,36.84843708860886],[-116.54521169436944,36.50115185258525],[-116.07856738933893,36.15386661656166],[-115.75550594739474,35.88672412731273],[-115.28886164236424,35.51272464236423],[-114.92990448464846,35.25092500290029],[-114.64273875847584,34.9998110630063]],[[-114.714530190019,32.71841420482048],[-115.00169591619162,32.69704280568057],[-115.46834022122212,32.6649857069707],[-116.04267167356736,32.622242908690865],[-116.61700312591259,32.57415726062606],[-117.11954314671468,32.536757312131215],[-117.15543886248625,32.627585758475846],[-117.15543886248625,32.659642857185716],[-117.19133457825782,32.686357106110606],[-117.26312600980098,32.67032855675568],[-117.26312600980098,32.72375705460546],[-117.26312600980098,32.80389980138014],[-117.29902172557256,32.841299749874985],[-117.26312600980098,32.873356848584855],[-117.26312600980098,33.0122709429943],[-117.33491744134415,33.124470788478845],[-117.44260458865887,33.26872773267327],[-117.51439602020201,33.33284193009301],[-117.58618745174518,33.38627042794279],[-117.65797888328834,33.43969892579258],[-117.72977031483148,33.4824417240724],[-117.80156174637463,33.54121307170717],[-117.87335317791779,33.594641569556956],[-117.90924889368938,33.60532726912691],[-118.0169360410041,33.653412917191716],[-118.08872747254725,33.72821281418142],[-118.12462318831884,33.75492706310631],[-118.196414619862,33.76561276267627],[-118.196414619862,33.71752711461146],[-118.26820605140514,33.70149856525653],[-118.30410176717672,33.71218426482648],[-118.37589319871987,33.73889851375137],[-118.41178891449145,33.744241363536354],[-118.41178891449145,33.776298462246224],[-118.41178891449145,33.803012711171114],[-118.37589319871987,33.840412659665965],[-118.44768463026303,33.94192680558056],[-118.48358034603461,33.995355303430344],[-118.51947606180619,34.027412402140214],[-118.55537177757776,34.04344095149515],[-118.73485035643564,34.032755251925195],[-118.8066417879788,34.000698153215325],[-118.84253750375038,34.032755251925195],[-118.9502246510651,34.04878380128012],[-119.09380751415142,34.096869449344936],[-119.129703229923,34.10221229912991],[-119.20149466146614,34.13961224762476],[-119.20149466146614,34.144955097409735],[-119.2732860930093,34.21441214461446],[-119.2732860930093,34.25181209310931],[-119.38097324032404,34.32126914031403],[-119.38097324032404,34.31592629052905],[-119.45276467186719,34.374697638163816],[-119.52455610341033,34.39606903730373],[-119.56045181918192,34.41209758665866],[-119.63224325072508,34.42278328622862],[-119.66813896649666,34.41744043644364],[-119.70403468226823,34.39606903730373],[-119.81172182958295,34.41744043644364],[-119.88351326112611,34.40675473687369],[-119.9194089768977,34.433468985798584],[-119.95530469266927,34.433468985798584],[-119.99120040844085,34.46018323472347],[-120.09888755575557,34.46018323472347],[-120.13478327152716,34.47086893429343],[-120.31426185038504,34.465526084508454],[-120.35015756615661,34.46018323472347],[-120.45784471347136,34.44949753515351],[-120.49374042924293,34.4762117840784],[-120.49374042924293,34.524297432143214],[-120.56553186078608,34.556354530853085],[-120.63732329232923,34.556354530853085],[-120.63732329232923,34.583068779777975],[-120.60142757655765,34.68992577547755],[-120.63732329232923,34.75403997289729],[-120.60142757655765,34.84486841924192],[-120.63732329232923,34.90363976687669],[-120.67321900810082,34.90363976687669],[-120.63732329232923,35.00515391279128],[-120.63732329232923,35.063925260426046],[-120.63732329232923,35.12269660806081],[-120.63732329232923,35.149410856985696],[-120.70911472387239,35.17078225612561],[-120.78090615541555,35.176125105910586],[-120.8526975869587,35.208182204620456],[-120.88859330273027,35.24558215311531],[-120.8526975869587,35.32572489988999],[-120.8526975869587,35.40586764666466],[-120.92448901850184,35.44861044494449],[-120.96038473427343,35.44861044494449],[-120.996280450045,35.459296144514454],[-121.10396759735974,35.550124590859085],[-121.13986331313131,35.59286738913892],[-121.17575902890289,35.63561018741874],[-121.24755046044605,35.65698158655866],[-121.28344617621762,35.673010135913586],[-121.31934189198921,35.71575293419342],[-121.31934189198921,35.78520998139814],[-121.39113332353236,35.82260992989299],[-121.42702903930393,35.85466702860286],[-121.4629247550755,35.88672412731273],[-121.49882047084708,35.97220972387238],[-121.49882047084708,35.99892397279728],[-121.57061190239024,36.025638221722176],[-121.6424033339334,36.116466668066806],[-121.71419476547655,36.19660941484148],[-121.7859861970197,36.22866651355135],[-121.82188191279128,36.234009363336334],[-121.89367334433445,36.31949495989599],[-121.89367334433445,36.38360915731573],[-121.92956906010602,36.485123303230324],[-121.92956906010602,36.55992320022002],[-121.96546477587759,36.581294599359936],[-121.92956906010602,36.634723097209715],[-121.85777762856286,36.602665998499845],[-121.82188191279128,36.65609449634964],[-121.7859861970197,36.80569429032903],[-121.85777762856286,36.93392268516851],[-121.92956906010602,36.97666548344834],[-121.96546477587759,36.955294084308434],[-122.1090476389639,36.955294084308434],[-122.21673478627864,37.014065431943195],[-122.28852621782178,37.099551028502844],[-122.32442193359336,37.136950976997696],[-122.36031764936493,37.17435092549255],[-122.39621336513652,37.19572232463246],[-122.43210908090809,37.24915082248225],[-122.39621336513652,37.361350667966796],[-122.43210908090809,37.43615056495649],[-122.46800479667968,37.478893363236324],[-122.50390051245125,37.49492191259126],[-122.50390051245125,37.52163616151615],[-122.50390051245125,37.59109320872087],[-122.50390051245125,37.601778908290825],[-122.50390051245125,37.68726450485048],[-122.50390051245125,37.7834358009801],[-122.46800479667968,37.80480720012001],[-122.39621336513652,37.81015004990499],[-122.39621336513652,37.788778650765074],[-122.36031764936493,37.71932160356035],[-122.39621336513652,37.7086359039904],[-122.36031764936493,37.66055025592559],[-122.39621336513652,37.639178856785676],[-122.36031764936493,37.59109320872087],[-122.25263050205021,37.575064659365935],[-122.18083907050706,37.505607612161214],[-122.1090476389639,37.505607612161214],[-122.1090476389639,37.52697901130113],[-122.14494335473547,37.5857503589359],[-122.18083907050706,37.665893105710566],[-122.25263050205021,37.71932160356035],[-122.25263050205021,37.76206440184018],[-122.32442193359336,37.7834358009801],[-122.32442193359336,37.81015004990499],[-122.28852621782178,37.8315214490449],[-122.32442193359336,37.89029279667967],[-122.32442193359336,37.9063213460346],[-122.39621336513652,37.91166419581958],[-122.39621336513652,37.93837844474447],[-122.36031764936493,37.975778393239324],[-122.36031764936493,38.007835491949194],[-122.28852621782178,38.013178341734175],[-122.25263050205021,38.045235440444046],[-122.28852621782178,38.071949689368935],[-122.32442193359336,38.11469248764877],[-122.39621336513652,38.15209243614361],[-122.43210908090809,38.11469248764877],[-122.50390051245125,38.10934963786379],[-122.46800479667968,38.071949689368935],[-122.50390051245125,38.01852119151915],[-122.46800479667968,38.00249264216421],[-122.50390051245125,37.96509269366936],[-122.46800479667968,37.90097849624962],[-122.46800479667968,37.8315214490449],[-122.50390051245125,37.820835749474945],[-122.64748337553755,37.9063213460346],[-122.71927480708071,37.89563564646464],[-122.79106623862387,37.949064144314434],[-122.82696195439544,37.99714979237923],[-122.89875338593859,38.02386404130413],[-122.93464910171016,38.034549740874084],[-123.00644053325333,38.00249264216421],[-122.97054481748175,38.11469248764877],[-122.93464910171016,38.15209243614361],[-122.97054481748175,38.20017808420842],[-122.97054481748175,38.24292088248825],[-123.00644053325333,38.29634938033803],[-123.07823196479649,38.323063629262926],[-123.07823196479649,38.36046357775777],[-123.11412768056806,38.45129202410241],[-123.18591911211121,38.49403482238223],[-123.25771054365437,38.510063371737175],[-123.32950197519753,38.563491869586954],[-123.43718912251225,38.7024059639964],[-123.5089805540554,38.73980591249125],[-123.54487626982699,38.7772058609861],[-123.65256341714172,38.84666290819082],[-123.65256341714172,38.87337715711571],[-123.72435484868487,38.91611995539554],[-123.72435484868487,38.95886275367536],[-123.6884591329133,39.006948401740175],[-123.6884591329133,39.05503404980497],[-123.72435484868487,39.16723389528953],[-123.76025056445644,39.20997669356936],[-123.79614628022802,39.279433740774074],[-123.8320419959996,39.37026218711871],[-123.8320419959996,39.44506208410841],[-123.76025056445644,39.55191907980798],[-123.79614628022802,39.60534757765777],[-123.79614628022802,39.685490324432436],[-123.8320419959996,39.72289027292729],[-123.86793771177118,39.82974726862686],[-123.90383342754276,39.86180436733673],[-123.93972914331434,39.90989001540154],[-124.04741629062906,40.01140416131613],[-124.08331200640065,40.027432710671064],[-124.08331200640065,40.064832659165916],[-124.11920772217222,40.10223260766077],[-124.19099915371538,40.12894685658566],[-124.37047773257326,40.26251810121012],[-124.33458201680168,40.3159465990599],[-124.37047773257326,40.3907464960496],[-124.40637344834484,40.438832144114414],[-124.37047773257326,40.502946341534155],[-124.33458201680168,40.615146187018695],[-124.26279058525853,40.73268888228823],[-124.15510343794381,40.87694582648265],[-124.11920772217222,40.92503147454745],[-124.11920772217222,41.026545620462045],[-124.15510343794381,41.053259869386935],[-124.15510343794381,41.14408831573157],[-124.11920772217222,41.22957391229123],[-124.08331200640065,41.37383085648565],[-124.04741629062906,41.43794505390539],[-124.08331200640065,41.550144899389934],[-124.08331200640065,41.60357339723972],[-124.11920772217222,41.65700189508951],[-124.15510343794381,41.71043039293929],[-124.26279058525853,41.78523028992899],[-124.22689486948696,41.84400163756375],[-124.19099915371538,41.94017293369337],[-124.22689486948696,41.998944281328136]],[[-124.22689486948696,41.998944281328136],[-124.01152057485749,41.993601431543155],[-123.72435484868487,41.998944281328136],[-123.43718912251225,42.00428713111311],[-123.3653976909691,41.998944281328136],[-123.15002339633963,42.00962998089808],[-123.04233624902491,42.00428713111311],[-122.64748337553755,42.00428713111311],[-122.36031764936493,42.00962998089808],[-122.00136049164917,42.00428713111311],[-121.57061190239024,41.998944281328136],[-121.0321761658166,41.993601431543155],[-120.63732329232923,41.993601431543155],[-120.27836613461346,41.993601431543155],[-119.99120040844085,41.993601431543155]],[[-104.05350260586059,40.999831371537155],[-103.51506686928693,40.999831371537155],[-102.86894398539854,40.999831371537155],[-102.54588254345434,40.999831371537155],[-102.04334252265227,40.999831371537155],[-102.04334252265227,40.540346290029],[-102.04334252265227,40.000718461746175]],[[-102.04334252265227,40.000718461746175],[-102.04334252265227,39.64809037593759],[-102.04334252265227,39.30080513991399],[-102.04334252265227,38.814605809480945],[-102.04334252265227,38.45129202410241],[-102.04334252265227,38.045235440444046],[-102.04334252265227,37.68192165506551],[-102.04334252265227,37.35066496839684],[-102.04334252265227,36.99269403280328]],[[-102.04334252265227,36.99269403280328],[-102.68946540654065,36.99269403280328],[-102.79715255385538,37.00337973237323],[-103.01252684848485,36.99803688258825]],[[-103.01252684848485,36.99803688258825],[-103.7304411639164,36.99803688258825],[-104.3406683320332,36.99269403280328],[-104.98679121592158,36.99269403280328],[-105.1303740790079,36.99803688258825],[-105.63291409980998,36.99803688258825],[-106.20724555215521,36.99269403280328],[-106.85336843604361,36.99269403280328],[-106.88926415181518,36.99803688258825],[-107.42769988838884,36.99803688258825],[-108.00203134073408,36.99803688258825],[-108.25330135113511,36.99803688258825],[-108.61225850885089,36.99803688258825],[-109.04300709810981,36.99803688258825]],[[-109.04300709810981,36.99803688258825],[-109.04300709810981,37.37737921732173],[-109.04300709810981,37.5323218610861],[-109.04300709810981,37.9063213460346],[-109.04300709810981,38.162778135713566],[-109.04300709810981,38.27497798119812],[-109.04300709810981,38.71843451335133],[-109.04300709810981,38.87337715711571],[-109.04300709810981,39.124491097009695],[-109.04300709810981,39.498490581958194],[-109.04300709810981,39.87249006690669],[-109.04300709810981,40.44417499389939],[-109.04300709810981,40.620489036803676],[-109.04300709810981,40.999831371537155]],[[-109.04300709810981,40.999831371537155],[-108.8994242350235,40.999831371537155],[-108.25330135113511,40.999831371537155],[-107.6430741830183,40.999831371537155],[-106.85336843604361,41.00517422132213],[-106.45851556255626,40.999831371537155],[-106.20724555215521,40.999831371537155],[-105.74060124712472,40.994488521752174],[-105.2739569420942,40.999831371537155],[-104.84320835283528,40.999831371537155],[-104.6637297739774,40.999831371537155],[-104.05350260586059,40.999831371537155]],[[-71.78325412721271,42.00962998089808],[-71.78325412721271,41.65700189508951],[-71.78325412721271,41.41657365476547],[-71.85504555875586,41.41123080498049],[-71.81914984298429,41.34711660756075],[-71.85504555875586,41.32040235863586]],[[-71.85504555875586,41.32040235863586],[-71.89094127452745,41.336430907990795],[-71.9627327060706,41.336430907990795],[-72.03452413761376,41.31505950885088],[-72.07041985338533,41.32040235863586],[-72.14221128492848,41.29903095949595],[-72.17810700070007,41.32040235863586],[-72.21400271647164,41.29903095949595],[-72.24989843224321,41.28300241014101],[-72.39348129532952,41.2616310110011],[-72.46527272687268,41.277659560356035],[-72.53706415841583,41.25094531143114],[-72.57295987418742,41.26697386078608],[-72.68064702150214,41.26697386078608],[-72.68064702150214,41.24560246164616],[-72.7524384530453,41.26697386078608],[-72.89602131613161,41.240259611861184],[-72.89602131613161,41.28300241014101],[-72.96781274767476,41.25094531143114],[-73.00370846344634,41.20285966336634],[-73.03960417921792,41.20820251315131],[-73.14729132653265,41.149431165516546],[-73.18318704230423,41.16545971487149],[-73.25497847384737,41.117374066806676],[-73.29087418961896,41.12805976637664],[-73.36266562116211,41.10668836723672],[-73.43445705270527,41.058602719171915],[-73.50624848424842,41.047917019601954],[-73.57803991579158,41.01051707110711],[-73.61393563156315,41.01585992089208],[-73.64983134733473,40.98380282218221]],[[-73.64983134733473,40.98380282218221],[-73.64983134733473,41.01051707110711],[-73.72162277887789,41.10134551745175],[-73.47035276847684,41.21354536293629],[-73.54214420001999,41.29368810971097],[-73.50624848424842,41.619601946594656],[-73.47035276847684,42.047029929392934]],[[-73.47035276847684,42.047029929392934],[-73.43445705270527,42.052372779177915],[-73.00370846344634,42.03634422982298],[-72.82422988458845,42.03634422982298],[-72.82422988458845,41.998944281328136],[-72.7524384530453,42.00428713111311],[-72.7524384530453,42.031001380038006],[-72.68064702150214,42.03634422982298],[-72.57295987418742,42.031001380038006],[-72.53706415841583,42.03634422982298],[-72.14221128492848,42.031001380038006],[-71.78325412721271,42.025658530253025],[-71.78325412721271,42.00962998089808]],[[-75.408721420142,39.80303301970197],[-75.44461713591359,39.76563307120712],[-75.48051285168516,39.71220457335733],[-75.51640856745674,39.685490324432436]],[[-75.51640856745674,39.685490324432436],[-75.5881999989999,39.653433225722566],[-75.62409571477147,39.600004727872786],[-75.55230428322831,39.562604779377935],[-75.5881999989999,39.498490581958194],[-75.5881999989999,39.46109063346334],[-75.55230428322831,39.41834783518352],[-75.51640856745674,39.36491933733373],[-75.44461713591359,39.31149083948395],[-75.408721420142,39.252719491849184],[-75.408721420142,39.20463384378438],[-75.408721420142,39.156548195719566],[-75.408721420142,39.060376899589954],[-75.33692998859885,39.0229769510951],[-75.30103427282728,38.98557700260026],[-75.30103427282728,38.92680565496549],[-75.19334712551255,38.80926295969597],[-75.12155569396938,38.782548710771074],[-75.08565997819781,38.77186301120112],[-75.04976426242624,38.659663165716566],[-75.04976426242624,38.45129202410241]],[[-75.04976426242624,38.45129202410241],[-75.44461713591359,38.45129202410241],[-75.69588714631462,38.46197772367236],[-75.7317828620862,38.86803430733073],[-75.76767857785778,39.247376642064204],[-75.80357429362935,39.65877607550755],[-75.80357429362935,39.72289027292729]],[[-75.80357429362935,39.72289027292729],[-75.69588714631462,39.80303301970197],[-75.62409571477147,39.83509011841184],[-75.51640856745674,39.83509011841184],[-75.408721420142,39.80303301970197]],[[-77.02402862986298,38.79323441034103],[-77.02402862986298,38.852005757975796],[-77.05992434563456,38.9000914060406],[-77.13171577717772,38.93214850475047]],[[-77.13171577717772,38.93214850475047],[-77.02402862986298,38.99626270217021],[-76.91634148254825,38.89474855625562],[-77.02402862986298,38.79323441034103]],[[-81.58278453285328,24.661396729072905],[-81.54688881708171,24.69345382778278],[-81.54688881708171,24.67742527842784],[-81.51099310131012,24.704139527352734],[-81.43920166976697,24.71482522692269],[-81.43920166976697,24.736196626062608],[-81.4033059539954,24.741539475847585],[-81.36741023822381,24.709482377137714],[-81.33151452245224,24.698796677567756],[-81.29561880668066,24.65071102950295],[-81.4033059539954,24.61865393079308],[-81.4033059539954,24.64536817971797],[-81.47509738553855,24.64536817971797],[-81.61868024862486,24.58659683208321],[-81.69047168016802,24.559882583158316],[-81.79815882748274,24.54385403380338],[-81.79815882748274,24.58659683208321],[-81.69047168016802,24.597282531653164],[-81.65457596439643,24.623996780578057],[-81.61868024862486,24.65071102950295],[-81.58278453285328,24.661396729072905]],[[-82.15711598519852,24.57591113251325],[-82.12122026942694,24.58659683208321],[-82.12122026942694,24.54919688358836],[-82.15711598519852,24.57591113251325]],[[-80.90076593319331,24.778939424342433],[-81.00845308050805,24.720168076707672],[-81.0802445120512,24.71482522692269],[-81.0802445120512,24.69345382778278],[-81.11614022782278,24.709482377137714],[-81.00845308050805,24.730853776277627],[-80.90076593319331,24.778939424342433]],[[-85.172356110011,29.678332677167717],[-85.10056467846785,29.68901837673767],[-85.06466896269626,29.672989827382736],[-85.10056467846785,29.635589878887888],[-85.13646039423942,29.635589878887888],[-85.172356110011,29.678332677167717]],[[-82.26480313251325,26.70236534693469],[-82.22890741674166,26.627565449944996],[-82.19301170097009,26.504679904890487],[-82.15711598519852,26.477965655965598],[-82.08532455365535,26.45659425682568],[-82.04942883788378,26.472622806180617],[-82.01353312211221,26.451251407040704],[-82.04942883788378,26.42453715811581],[-82.08532455365535,26.42453715811581],[-82.15711598519852,26.46727995639564],[-82.19301170097009,26.558108402740274],[-82.22890741674166,26.63825114951495],[-82.26480313251325,26.68099394779478],[-82.26480313251325,26.70236534693469]],[[-80.25464304930493,25.339938651765177],[-80.36233019661965,25.19033885778578],[-80.36233019661965,25.168967458645863],[-80.39822591239124,25.1101961110111],[-80.39822591239124,25.136910359935992],[-80.39822591239124,25.168967458645863],[-80.39822591239124,25.19033885778578],[-80.36233019661965,25.21171025692569],[-80.32643448084808,25.270481604560455],[-80.2905387650765,25.313224402840284],[-80.25464304930493,25.36131005090509],[-80.25464304930493,25.39870999939994],[-80.21874733353334,25.39870999939994],[-80.25464304930493,25.339938651765177]],[[-81.43920166976697,30.709502685668568],[-81.43920166976697,30.698816986098606],[-81.43920166976697,30.602645689968995],[-81.43920166976697,30.52250294319432],[-81.4033059539954,30.47976014491449],[-81.4033059539954,30.399617398139814],[-81.4033059539954,30.271389003300328],[-81.29561880668066,29.966846565556555],[-81.25972309090909,29.90273236813681],[-81.25972309090909,29.785189672867286],[-81.2238273751375,29.737104024802477],[-81.15203594359436,29.55544713211321],[-81.04434879627962,29.3096760420042],[-80.97255736473647,29.149390548454846],[-80.90076593319331,29.06390495189519],[-80.86487021742174,29.010476454045403],[-80.72128735433543,28.759362514151412],[-80.57770449124912,28.583048471247125],[-80.57770449124912,28.529619973397338],[-80.54180877547755,28.460162926192616],[-80.57770449124912,28.41207727812781],[-80.6136002070207,28.363991630063005],[-80.6136002070207,28.257134634363435],[-80.57770449124912,28.176991887588756],[-80.57770449124912,28.09684914081408],[-80.50591305970596,27.968620745974597],[-80.39822591239124,27.738878205220523],[-80.36233019661965,27.642706909090908],[-80.32643448084808,27.59996411081108],[-80.32643448084808,27.525164213821384],[-80.2905387650765,27.498449964896487],[-80.25464304930493,27.38090726962696],[-80.18285161776177,27.2473360250025],[-80.1469559019902,27.193907527152714],[-80.1469559019902,27.161850428442843],[-80.11106018621862,27.017593484248422],[-80.03926875467546,26.85730799069907],[-80.03926875467546,26.798536643064306],[-80.03926875467546,26.56879410231023],[-80.07516447044704,26.445908557255727],[-80.07516447044704,26.26425166456646],[-80.07516447044704,26.232194565856584],[-80.11106018621862,26.087937621662164],[-80.11106018621862,25.986423475747575],[-80.11106018621862,25.842166531553154],[-80.11106018621862,25.772709484348432],[-80.1469559019902,25.740652385638562],[-80.1469559019902,25.665852488648866],[-80.18285161776177,25.68722388778878],[-80.1469559019902,25.71928098649865],[-80.18285161776177,25.745995235423543],[-80.25464304930493,25.71928098649865],[-80.2905387650765,25.639138239723973],[-80.2905387650765,25.61242399079908],[-80.2905387650765,25.56968119251925],[-80.32643448084808,25.500224145314533],[-80.32643448084808,25.39870999939994],[-80.2905387650765,25.382681450045006],[-80.32643448084808,25.339938651765177],[-80.36233019661965,25.31856725262526],[-80.43412162816281,25.233081656065607],[-80.50591305970596,25.201024557355737],[-80.57770449124912,25.19033885778578],[-80.68539163856386,25.136910359935992],[-80.79307878587858,25.136910359935992],[-80.82897450165017,25.17965315821582],[-80.90076593319331,25.163624608860886],[-80.90076593319331,25.14225320972097],[-81.00845308050805,25.126224660366034],[-81.04434879627962,25.126224660366034],[-81.0802445120512,25.120881810581057],[-81.15203594359436,25.163624608860886],[-81.18793165936593,25.22239595649565],[-81.15203594359436,25.32391010241024],[-81.11614022782278,25.355967201120112],[-81.15203594359436,25.462824196819682],[-81.2238273751375,25.50556699509951],[-81.18793165936593,25.532281244024404],[-81.2238273751375,25.558995492949293],[-81.2238273751375,25.61242399079908],[-81.29561880668066,25.68722388778878],[-81.33151452245224,25.71928098649865],[-81.36741023822381,25.772709484348432],[-81.33151452245224,25.815452282628264],[-81.43920166976697,25.868880780478047],[-81.47509738553855,25.868880780478047],[-81.54688881708171,25.900937879187918],[-81.58278453285328,25.89025217961796],[-81.65457596439643,25.89559502940294],[-81.69047168016802,25.852852231123112],[-81.76226311171116,25.95970922682268],[-81.76226311171116,26.007794874887487],[-81.79815882748274,26.087937621662164],[-81.83405454325433,26.23753741564156],[-81.83405454325433,26.29630876327633],[-81.8699502590259,26.376451510051005],[-81.90584597479747,26.42453715811581],[-81.97763740634063,26.45659425682568],[-81.97763740634063,26.477965655965598],[-82.01353312211221,26.488651355535552],[-82.04942883788378,26.520708454245423],[-82.08532455365535,26.493994205320533],[-82.12122026942694,26.483308505750575],[-82.12122026942694,26.54207985338534],[-82.12122026942694,26.63825114951495],[-82.19301170097009,26.68099394779478],[-82.15711598519852,26.70236534693469],[-82.12122026942694,26.697022497149714],[-82.12122026942694,26.664965398439843],[-82.04942883788378,26.745108145214523],[-82.04942883788378,26.803879492849283],[-82.04942883788378,26.878679389838982],[-82.08532455365535,26.88936508940894],[-82.08532455365535,26.958822136613662],[-82.12122026942694,26.95347928682868],[-82.12122026942694,26.92676503790379],[-82.19301170097009,26.91607933833383],[-82.15711598519852,26.85196514091409],[-82.15711598519852,26.787850943494348],[-82.19301170097009,26.771822394139413],[-82.22890741674166,26.771822394139413],[-82.26480313251325,26.78250809370937],[-82.30069884828482,26.8252508919892],[-82.3365945640564,26.910736488548856],[-82.44428171137113,27.060336282528255],[-82.4801774271427,27.14047902930293],[-82.55196885868587,27.300764522852283],[-82.69555172177218,27.445021467046704],[-82.69555172177218,27.498449964896487],[-82.65965600600059,27.525164213821384],[-82.58786457445744,27.594621261026102],[-82.51607314291428,27.706821106510652],[-82.4801774271427,27.722849655865588],[-82.4801774271427,27.7442210550055],[-82.44428171137113,27.765592454145413],[-82.40838599559956,27.835049501350134],[-82.40838599559956,27.899163698769875],[-82.4801774271427,27.92053509790979],[-82.4801774271427,27.861763750275024],[-82.4801774271427,27.824363801780176],[-82.55196885868587,27.85107805070507],[-82.51607314291428,27.877792299629963],[-82.51607314291428,27.931220797479746],[-82.55196885868587,27.968620745974597],[-82.62376029022901,28.000677844684468],[-82.69555172177218,27.995334994899487],[-82.69555172177218,27.973963595759574],[-82.73144743754375,27.94724934683468],[-82.65965600600059,27.91519224812481],[-82.62376029022901,27.909849398339833],[-82.58786457445744,27.8190209519952],[-82.62376029022901,27.781621003500348],[-82.62376029022901,27.71216395629563],[-82.73144743754375,27.69613540694069],[-82.8032388690869,27.792306703070306],[-82.83913458485848,27.824363801780176],[-82.83913458485848,27.88847799919992],[-82.83913458485848,27.963277896189616],[-82.8032388690869,27.95793504640464],[-82.76734315331532,28.054106342534254],[-82.76734315331532,28.12890623952395],[-82.8032388690869,28.155620488448847],[-82.8032388690869,28.187677587158717],[-82.76734315331532,28.219734685868588],[-82.76734315331532,28.246448934793477],[-82.73144743754375,28.294534582858283],[-82.73144743754375,28.326591681568154],[-82.69555172177218,28.369334479847986],[-82.69555172177218,28.401391578557856],[-82.65965600600059,28.44413437683768],[-82.65965600600059,28.529619973397338],[-82.65965600600059,28.588391321032102],[-82.65965600600059,28.647162668666866],[-82.65965600600059,28.69524831673167],[-82.69555172177218,28.721962565656565],[-82.69555172177218,28.759362514151412],[-82.73144743754375,28.85019096049605],[-82.69555172177218,28.903619458345833],[-82.73144743754375,28.973076505550555],[-82.76734315331532,28.994447904690468],[-82.76734315331532,29.05321925232523],[-82.8032388690869,29.106647750175014],[-82.8032388690869,29.144047698669866],[-82.83913458485848,29.1600762480248],[-82.9468217321732,29.16541909780978],[-82.9827174479448,29.176104797379736],[-83.01861316371637,29.13336199909991],[-83.09040459525951,29.218847595659565],[-83.09040459525951,29.266933243724374],[-83.16219602680268,29.288304642864286],[-83.16219602680268,29.34707599049905],[-83.19809174257425,29.37379023942394],[-83.23398745834582,29.421875887488746],[-83.30577888988898,29.43790443684368],[-83.30577888988898,29.475304385338532],[-83.41346603720372,29.51804718361836],[-83.41346603720372,29.614218479747976],[-83.41346603720372,29.66764697759776],[-83.44936175297529,29.678332677167717],[-83.48525746874687,29.710389775877587],[-83.52115318451844,29.72107547544754],[-83.5929446160616,29.785189672867286],[-83.5929446160616,29.81190392179218],[-83.62884033183317,29.84396102050205],[-83.62884033183317,29.886703818781875],[-83.70063176337634,29.924103767276726],[-83.77242319491948,29.977532265126513],[-83.84421462646264,29.998903664266425],[-83.91600605800579,30.046989312331235],[-84.02369320532053,30.105760659965995],[-84.13138035263526,30.08973211061106],[-84.16727606840684,30.073703561256124],[-84.20317178417841,30.08973211061106],[-84.27496321572157,30.09507496039604],[-84.27496321572157,30.05767501190119],[-84.31085893149314,30.068360711471144],[-84.34675464726472,30.05767501190119],[-84.34675464726472,29.988217964696467],[-84.34675464726472,29.977532265126513],[-84.34675464726472,29.924103767276726],[-84.34675464726472,29.897389518351837],[-84.3826503630363,29.892046668566856],[-84.41854607880788,29.90807521792179],[-84.45444179457945,29.929446617061707],[-84.52623322612261,29.90807521792179],[-84.59802465766576,29.87601811921192],[-84.66981608920892,29.827932471147115],[-84.7057118049805,29.827932471147115],[-84.81339895229523,29.758475423942393],[-84.88519038383838,29.737104024802477],[-84.88519038383838,29.77450397329733],[-84.92108609960995,29.785189672867286],[-84.92108609960995,29.74778972437244],[-84.99287753115311,29.715732625662564],[-85.10056467846785,29.72107547544754],[-85.24414754155416,29.683675526952694],[-85.3159389730973,29.69970407630763],[-85.3159389730973,29.795875372437244],[-85.35183468886888,29.897389518351837],[-85.38773040464046,29.94013231663166],[-85.49541755195519,29.961503715771578],[-85.53131326772677,29.993560814481448],[-85.60310469926992,30.05767501190119],[-85.71079184658466,30.09507496039604],[-85.7825832781278,30.1538463080308],[-85.89027042544254,30.21796050545054],[-85.99795757275727,30.271389003300328],[-86.10564472007201,30.3034461020102],[-86.28512329892989,30.362217449644966],[-86.4287061620162,30.3782459989999],[-86.64408045664565,30.394274548354836],[-86.75176760396039,30.394274548354836],[-86.8953504670467,30.37290314921492],[-87.14662047744774,30.330160350935092],[-87.25430762476248,30.314131801580157],[-87.29020334053405,30.324817501150115],[-87.50557763516352,30.282074702870286]],[[-84.99287753115311,30.998016574057402],[-84.99287753115311,30.939245226422642],[-84.92108609960995,30.885816728572856],[-84.92108609960995,30.821702531153115],[-84.92108609960995,30.752245483948393],[-84.8492946680668,30.709502685668568],[-84.52623322612261,30.698816986098606],[-84.0595889210921,30.672102737173716],[-83.48525746874687,30.645388488248823],[-83.1263003110311,30.62401708910891],[-82.55196885868587,30.59195999039904],[-82.22890741674166,30.570588591259124],[-82.22890741674166,30.543874342334234],[-82.22890741674166,30.517160093409338],[-82.19301170097009,30.485102994699467],[-82.19301170097009,30.426331647064707],[-82.19301170097009,30.3782459989999],[-82.15711598519852,30.356874599859985],[-82.12122026942694,30.36756029942994],[-82.04942883788378,30.362217449644966],[-82.04942883788378,30.43701734663466],[-82.01353312211221,30.474417295129513],[-82.01353312211221,30.52250294319432],[-82.01353312211221,30.565245741474147],[-82.01353312211221,30.59195999039904],[-82.04942883788378,30.65607418781878],[-82.04942883788378,30.704159835883587],[-82.04942883788378,30.746902634163416],[-81.97763740634063,30.778959732873286],[-81.94174169056905,30.827045380938095],[-81.90584597479747,30.821702531153115],[-81.8699502590259,30.79498828222822],[-81.79815882748274,30.789645432443244],[-81.76226311171116,30.77361688308831],[-81.72636739593959,30.746902634163416],[-81.69047168016802,30.746902634163416],[-81.54688881708171,30.714845535453545],[-81.47509738553855,30.725531235023503],[-81.43920166976697,30.709502685668568]],[[-84.31085893149314,34.989125363436344],[-84.13138035263526,34.989125363436344],[-83.62884033183317,34.989125363436344],[-83.62884033183317,34.994468213221325],[-83.30577888988898,34.994468213221325],[-83.1263003110311,34.9998110630063]],[[-83.1263003110311,34.9998110630063],[-83.1263003110311,34.94103971537153],[-83.16219602680268,34.91966831623162],[-83.19809174257425,34.88226836773677],[-83.23398745834582,34.87692551795179],[-83.26988317411741,34.82349702010201],[-83.30577888988898,34.82349702010201],[-83.34167460566056,34.79143992139214],[-83.30577888988898,34.75938282268227],[-83.34167460566056,34.7273257239724],[-83.34167460566056,34.68458292569257],[-83.26988317411741,34.63649727762776],[-83.23398745834582,34.609783028702864],[-83.16219602680268,34.588411629562955],[-83.09040459525951,34.529640281928195],[-83.05450887948794,34.5029260330033],[-83.01861316371637,34.47086893429343],[-82.9827174479448,34.48155463386338],[-82.91092601640163,34.48689748364836],[-82.87503030063006,34.45484038493849],[-82.83913458485848,34.36401193859386],[-82.8032388690869,34.337297689668965],[-82.76734315331532,34.28386919181918],[-82.73144743754375,34.26784064246425],[-82.73144743754375,34.182355045904586],[-82.73144743754375,34.150297947194716],[-82.65965600600059,34.13426939783979],[-82.62376029022901,34.086183749774975],[-82.62376029022901,34.07015520042004],[-82.58786457445744,34.032755251925195],[-82.55196885868587,33.94726965536553],[-82.51607314291428,33.93658395579558],[-82.4801774271427,33.90986970687069],[-82.40838599559956,33.86178405880588],[-82.3365945640564,33.835069809880984],[-82.26480313251325,33.76026991289129],[-82.22890741674166,33.70149856525653],[-82.19301170097009,33.66409861676168],[-82.19301170097009,33.63204151805181],[-82.12122026942694,33.589298719771975],[-82.04942883788378,33.562584470847085],[-82.01353312211221,33.530527372137215],[-81.97763740634063,33.48778457385738],[-81.94174169056905,33.46107032493249],[-81.90584597479747,33.43969892579258],[-81.94174169056905,33.407641827082706],[-81.94174169056905,33.343527629662965],[-81.90584597479747,33.32215623052305],[-81.83405454325433,33.306127681168114],[-81.83405454325433,33.27407058245824],[-81.8699502590259,33.25269918331833],[-81.83405454325433,33.23132778417842],[-81.76226311171116,33.19927068546855],[-81.76226311171116,33.1618707369737],[-81.69047168016802,33.11378508890889],[-81.65457596439643,33.092413689768975],[-81.61868024862486,33.097756539553956],[-81.58278453285328,33.055013741274124],[-81.51099310131012,33.028299492349234],[-81.47509738553855,33.00692809320932],[-81.51099310131012,32.9374710460046],[-81.47509738553855,32.89472824772477],[-81.43920166976697,32.85198544944494],[-81.43920166976697,32.83595690009001],[-81.4033059539954,32.750471303530354],[-81.43920166976697,32.70238565546555],[-81.4033059539954,32.67567140654065],[-81.4033059539954,32.61690005890589],[-81.36741023822381,32.57950011041104],[-81.29561880668066,32.558128711271124],[-81.25972309090909,32.536757312131215],[-81.18793165936593,32.46730026492649],[-81.18793165936593,32.42455746664666],[-81.18793165936593,32.36044326922692],[-81.15203594359436,32.32838617051705],[-81.11614022782278,32.285643372237224],[-81.15203594359436,32.24290057395739],[-81.11614022782278,32.189472076107606],[-81.11614022782278,32.12001502890289],[-81.0802445120512,32.08795793019302],[-81.00845308050805,32.098643629762975],[-80.90076593319331,32.039872282128215],[-80.90076593319331,32.034529432343234]],[[-80.90076593319331,32.034529432343234],[-80.82897450165017,32.01315803320332],[-80.86487021742174,31.970415234923493],[-80.90076593319331,31.943700985998596],[-80.93666164896489,31.95972953535353],[-80.97255736473647,31.916986737073707],[-80.93666164896489,31.911643887288726],[-81.00845308050805,31.858215389438943],[-81.04434879627962,31.874243938793878],[-81.0802445120512,31.83150114051405],[-81.04434879627962,31.820815440944095],[-81.0802445120512,31.76738694309431],[-81.11614022782278,31.72464414481448],[-81.18793165936593,31.735329844384438],[-81.18793165936593,31.703272745674568],[-81.15203594359436,31.676558496749674],[-81.11614022782278,31.62312999889989],[-81.15203594359436,31.569701501050105],[-81.25972309090909,31.55367295169517],[-81.25972309090909,31.526958702770276],[-81.18793165936593,31.516273003200318],[-81.25972309090909,31.425444556855684],[-81.29561880668066,31.36667320922092],[-81.25972309090909,31.29187331223122],[-81.29561880668066,31.206387715671568],[-81.33151452245224,31.206387715671568],[-81.36741023822381,31.168987767176716],[-81.36741023822381,31.136930668466846],[-81.4033059539954,31.131587818681865],[-81.4033059539954,31.072816471047105],[-81.4033059539954,31.014045123412338],[-81.43920166976697,31.014045123412338],[-81.51099310131012,30.97664517491749],[-81.43920166976697,30.955273775777577],[-81.4033059539954,30.955273775777577],[-81.4033059539954,30.90718812771277],[-81.43920166976697,30.83773108050805],[-81.43920166976697,30.811016831583157],[-81.47509738553855,30.74155978437844],[-81.43920166976697,30.709502685668568]],[[-85.60310469926992,34.98378251365136],[-85.38773040464046,34.98378251365136],[-84.95698181538154,34.989125363436344],[-84.31085893149314,34.989125363436344]],[[-155.77922903270328,20.248202806680666],[-155.7433333169317,20.23217425732573],[-155.7433333169317,20.20546000840084],[-155.67154188538854,20.16806005990599],[-155.56385473807381,20.12531726162616],[-155.56385473807381,20.130660111411142],[-155.4561675907591,20.10394586248625],[-155.42027187498752,20.077231613561356],[-155.31258472767277,20.039831665066508],[-155.2766890119012,20.013117416141615],[-155.13310614881487,19.92228896979698],[-155.0972104330433,19.84748907280728],[-155.0972104330433,19.81543197409741],[-155.0972104330433,19.73528922732273],[-155.06131471727173,19.729946377537754],[-154.98952328572858,19.740632077107712],[-154.98952328572858,19.692546429042903],[-154.98952328572858,19.63911793119312],[-154.953627569957,19.62843223162316],[-154.953627569957,19.60706083248325],[-154.91773185418543,19.569660883988398],[-154.81004470687068,19.53226093549355],[-154.81004470687068,19.478832437643764],[-154.88183613841386,19.436089639363935],[-154.91773185418543,19.398689690869087],[-154.98952328572858,19.35060404280428],[-155.06131471727173,19.31854694409441],[-155.13310614881487,19.275804145814583],[-155.20489758035805,19.259775596459647],[-155.2766890119012,19.275804145814583],[-155.31258472767277,19.265118446244625],[-155.34848044344434,19.20634709860986],[-155.42027187498752,19.190318549254926],[-155.4561675907591,19.152918600760074],[-155.49206330653067,19.13689005140514],[-155.56385473807381,19.083461553555356],[-155.56385473807381,19.046061605060505],[-155.5997504538454,18.9979759569957],[-155.5997504538454,18.981947407640764],[-155.67154188538854,18.917833210221023],[-155.7433333169317,18.971261708070806],[-155.77922903270328,18.981947407640764],[-155.81512474847486,19.014004506350634],[-155.886916180018,19.03537590549055],[-155.92281189578958,19.120861502050204],[-155.886916180018,19.334575493449346],[-155.92281189578958,19.414718240224023],[-155.92281189578958,19.441432489148916],[-155.92281189578958,19.478832437643764],[-155.95870761156118,19.48951813721372],[-155.95870761156118,19.585689433343333],[-155.99460332733275,19.644460780978097],[-156.03049904310433,19.67117502990299],[-156.0663947588759,19.729946377537754],[-156.0663947588759,19.77803202560256],[-155.99460332733275,19.84748907280728],[-155.92281189578958,19.85283192259226],[-155.85102046424643,19.970374617861786],[-155.85102046424643,19.975717467646763],[-155.81512474847486,20.034488815281527],[-155.85102046424643,20.077231613561356],[-155.886916180018,20.146688660766078],[-155.886916180018,20.237517107110712],[-155.85102046424643,20.269574205820582],[-155.77922903270328,20.248202806680666]],[[-160.1226106410641,21.957914737873786],[-160.1226106410641,21.995314686368637],[-160.05081920952097,21.995314686368637],[-160.08671492529254,21.925857639163915],[-160.08671492529254,21.893800540454045],[-160.1585063568357,21.86708629152915],[-160.19440207260726,21.786943544754475],[-160.26619350415044,21.81365779367937],[-160.23029778837883,21.888457690669068],[-160.19440207260726,21.925857639163915],[-160.1226106410641,21.957914737873786]],[[-159.44059204140416,22.219714377337734],[-159.40469632563259,22.230400076907692],[-159.368800609861,22.219714377337734],[-159.3329048940894,22.187657278627864],[-159.29700917831784,22.150257330133012],[-159.29700917831784,22.112857381638165],[-159.3329048940894,22.048743184218424],[-159.3329048940894,21.963257587658767],[-159.44059204140416,21.872429141314132],[-159.47648775717573,21.888457690669068],[-159.62007062026203,21.899143390239026],[-159.6559663360336,21.957914737873786],[-159.76365348334835,21.979286137013702],[-159.79954919911992,22.01668608550855],[-159.79954919911992,22.06477173357336],[-159.76365348334835,22.102171682068207],[-159.72775776757678,22.144914480348035],[-159.6559663360336,22.17162872927293],[-159.58417490449045,22.22505722712271],[-159.54827918871888,22.230400076907692],[-159.5123834729473,22.209028677767776],[-159.47648775717573,22.23574292669267],[-159.44059204140416,22.219714377337734]],[[-156.9996833689369,21.183201519051906],[-156.96378765316533,21.209915767976796],[-156.96378765316533,21.177858669266925],[-156.8561005058506,21.16717296969697],[-156.78430907430743,21.177858669266925],[-156.71251764276428,21.151144420342035],[-156.74841335853586,21.108401622062207],[-156.78430907430743,21.076344523352336],[-156.89199622162218,21.049630274427443],[-156.96378765316533,21.06565882378238],[-157.07147480048005,21.108401622062207],[-157.14326623202322,21.09771592249225],[-157.25095337933794,21.09237307270727],[-157.3227448108811,21.108401622062207],[-157.28684909510952,21.145801570557055],[-157.25095337933794,21.172515819481948],[-157.25095337933794,21.220601467546754],[-157.21505766356637,21.220601467546754],[-157.14326623202322,21.19923006840684],[-156.9996833689369,21.183201519051906]],[[-156.53303906390641,20.520688145714573],[-156.568934779678,20.510002446144615],[-156.60483049544956,20.52603099549955],[-156.6766219269927,20.504659596359637],[-156.71251764276428,20.52603099549955],[-156.6766219269927,20.55808809420942],[-156.568934779678,20.606173742274226],[-156.53303906390641,20.579459493349333],[-156.568934779678,20.542059544854485],[-156.53303906390641,20.520688145714573]],[[-156.60483049544956,21.02291602550255],[-156.53303906390641,21.006887476147615],[-156.53303906390641,20.969487527652767],[-156.46124763236324,20.894687630663064],[-156.3894562008201,20.921401879587957],[-156.31766476927694,20.94811612851285],[-156.24587333773377,20.932087579157916],[-156.24587333773377,20.91605902980298],[-156.17408190619062,20.87865908130813],[-156.13818619041905,20.862630531953194],[-156.10229047464748,20.825230583458346],[-156.10229047464748,20.830573433243323],[-156.0663947588759,20.80920203410341],[-155.99460332733275,20.793173484748475],[-155.99460332733275,20.766459235823582],[-155.99460332733275,20.723716437543754],[-156.03049904310433,20.686316489048906],[-156.0663947588759,20.654259390339035],[-156.13818619041905,20.62220229162916],[-156.2099776219622,20.627545141414142],[-156.31766476927694,20.584802343134314],[-156.3894562008201,20.579459493349333],[-156.42535191659167,20.584802343134314],[-156.42535191659167,20.611516592059207],[-156.46124763236324,20.723716437543754],[-156.46124763236324,20.782487785178517],[-156.4971433481348,20.798516334533453],[-156.53303906390641,20.77714493539354],[-156.64072621122114,20.81988773367337],[-156.6766219269927,20.867973381738175],[-156.71251764276428,20.921401879587957],[-156.6766219269927,20.95345897829783],[-156.6766219269927,21.006887476147615],[-156.64072621122114,21.028258875287527],[-156.60483049544956,21.02291602550255]],[[-156.9996833689369,20.932087579157916],[-156.89199622162218,20.91605902980298],[-156.820204790079,20.862630531953194],[-156.820204790079,20.80920203410341],[-156.8561005058506,20.766459235823582],[-156.89199622162218,20.73974498689869],[-156.96378765316533,20.73440213711371],[-156.9996833689369,20.787830634963495],[-156.9996833689369,20.814544883888388],[-156.9996833689369,20.85194483238324],[-157.07147480048005,20.87865908130813],[-157.07147480048005,20.905373330233022],[-156.9996833689369,20.932087579157916]],[[-158.04065912631265,21.30608706410641],[-158.1124505578558,21.300744214321433],[-158.14834627362737,21.375544111311132],[-158.18424198939894,21.402258360236022],[-158.18424198939894,21.45034400830083],[-158.22013770517052,21.48774395679568],[-158.22013770517052,21.541172454645466],[-158.25603342094212,21.583915252925294],[-158.1124505578558,21.58925810271027],[-158.07655484208422,21.62665805120512],[-158.07655484208422,21.65871514991499],[-158.00476341054107,21.701457948194818],[-157.96886769476947,21.712143647764776],[-157.9329719789979,21.653372300130012],[-157.9329719789979,21.62665805120512],[-157.82528483168318,21.530486755075508],[-157.86118054745475,21.498429656365637],[-157.82528483168318,21.461029707870786],[-157.7893891159116,21.428972609160915],[-157.7893891159116,21.45568685808581],[-157.75349340014003,21.461029707870786],[-157.75349340014003,21.423629759375938],[-157.71759768436846,21.38088696109611],[-157.71759768436846,21.354172712171216],[-157.64580625282528,21.300744214321433],[-157.71759768436846,21.263344265826582],[-157.71759768436846,21.284715664966498],[-157.82528483168318,21.258001416041605],[-157.86118054745475,21.290058514751475],[-157.89707626322632,21.30608706410641],[-157.96886769476947,21.30608706410641],[-157.96886769476947,21.327458463246323],[-158.04065912631265,21.30608706410641]],[[-111.05316718131813,41.998944281328136],[-111.51981148634863,41.998944281328136],[-112.16593437023703,41.998944281328136],[-112.2018300860086,41.998944281328136],[-112.63257867526752,41.998944281328136],[-113.24280584338435,41.993601431543155],[-113.88892872727273,41.988258581758174],[-114.03251159035904,41.993601431543155]],[[-114.03251159035904,41.993601431543155],[-114.60684304270427,41.993601431543155],[-114.82221733733374,42.00428713111311],[-115.0375916319632,41.993601431543155],[-115.32475735813581,41.993601431543155],[-115.86319309470947,41.998944281328136],[-116.36573311551155,41.998944281328136],[-116.97596028362837,41.998944281328136],[-117.01185599939994,41.998944281328136]],[[-117.01185599939994,41.998944281328136],[-117.01185599939994,42.62405770617062],[-117.01185599939994,43.024771440044006],[-117.01185599939994,43.575084967896785],[-117.01185599939994,43.831541757575756],[-116.97596028362837,43.8689417060706],[-116.97596028362837,43.922370203920394],[-116.97596028362837,43.96511300220022],[-116.94006456785678,44.02388434983498],[-116.97596028362837,44.050598598759876],[-116.97596028362837,44.08799854725473],[-116.94006456785678,44.098684246824675],[-116.9041688520852,44.15211274467447],[-116.94006456785678,44.18951269316932],[-116.97596028362837,44.19485554295429],[-116.97596028362837,44.2429411910191],[-117.04775171517153,44.24828404080408],[-117.04775171517153,44.23225549144914],[-117.11954314671468,44.28034113951395],[-117.15543886248625,44.258969740374035],[-117.2272302940294,44.291026839083905],[-117.19133457825782,44.33911248714871],[-117.2272302940294,44.39788383478347],[-117.2272302940294,44.42459808370837],[-117.2272302940294,44.478026581558154],[-117.15543886248625,44.547483628762876],[-117.11954314671468,44.6169406759676],[-117.04775171517153,44.72914052145214],[-117.04775171517153,44.74516907080708],[-116.94006456785678,44.78256901930193],[-116.9041688520852,44.84668321672167],[-116.86827313631363,44.8894260150015],[-116.83237742054206,44.93216881328132],[-116.86827313631363,44.980254461346135],[-116.83237742054206,45.02299725962596],[-116.79648170477049,45.06039720812081],[-116.79648170477049,45.097797156615655],[-116.72469027322732,45.14053995489549],[-116.68879455745575,45.24205410081008],[-116.68879455745575,45.27411119951995],[-116.68879455745575,45.322196847584756],[-116.58110741014102,45.445082392639264],[-116.54521169436944,45.46111094199419],[-116.54521169436944,45.509196590059005],[-116.47342026282628,45.57865363726373],[-116.47342026282628,45.61605358575858],[-116.54521169436944,45.690853482748274],[-116.54521169436944,45.7335962810281],[-116.58110741014102,45.77633907930793],[-116.65289884168416,45.78168192909291],[-116.68879455745575,45.819081877587756],[-116.79648170477049,45.82442472737273],[-116.79648170477049,45.85648182608261],[-116.83237742054206,45.89388177457745],[-116.9041688520852,45.974024521352135],[-116.9041688520852,45.995395920492044]],[[-116.9041688520852,45.995395920492044],[-116.97596028362837,46.096910066406636],[-116.94006456785678,46.17170996339634],[-116.97596028362837,46.19842421232123],[-116.94006456785678,46.22513846124612],[-116.97596028362837,46.29459550845084],[-117.04775171517153,46.348024006300626],[-117.04775171517153,46.42282390329032],[-117.04775171517153,46.70065209210921],[-117.04775171517153,47.12808007490749],[-117.04775171517153,47.47536531093109],[-117.04775171517153,47.83867909630963],[-117.04775171517153,48.12719298469847],[-117.04775171517153,48.37296407480748],[-117.04775171517153,48.998077499649966]],[[-117.04775171517153,48.998077499649966],[-116.40162883128312,48.998077499649966],[-116.04267167356736,49.00342034943494]],[[-116.04267167356736,49.00342034943494],[-116.04267167356736,48.501192469646966],[-116.04267167356736,47.97759319071907],[-115.89908881048105,47.84402194609461],[-115.86319309470947,47.82799339673967],[-115.86319309470947,47.78525059845984],[-115.82729737893789,47.75319349974997],[-115.71961023162316,47.69442215211521],[-115.71961023162316,47.65702220362036],[-115.68371451585159,47.62496510491049],[-115.68371451585159,47.59290800620062],[-115.75550594739474,47.555508057705765],[-115.71961023162316,47.528793808780875],[-115.68371451585159,47.45399391179117],[-115.71961023162316,47.45399391179117],[-115.71961023162316,47.4219368130813],[-115.61192308430843,47.38453686458645],[-115.54013165276527,47.35247976587658],[-115.54013165276527,47.30439411781178],[-115.39654878967897,47.26165131953195],[-115.32475735813581,47.25630846974697],[-115.25296592659265,47.1494514740474],[-115.1811744950495,47.13342292469247],[-115.07348734773477,47.04793732813281],[-115.0375916319632,46.967794581358135],[-115.00169591619162,46.973137431143115],[-114.92990448464846,46.89833753415341],[-114.92990448464846,46.83422333673367],[-114.85811305310531,46.812851937593756],[-114.82221733733374,46.780794838883885],[-114.75042590579058,46.75942343974397],[-114.78632162156215,46.716680641464144],[-114.75042590579058,46.69530924232423],[-114.714530190019,46.716680641464144],[-114.714530190019,46.73805204060406],[-114.64273875847584,46.73270919081908],[-114.60684304270427,46.70599494189419],[-114.64273875847584,46.67928069296929],[-114.60684304270427,46.64188074447445],[-114.53505161116112,46.64188074447445],[-114.46326017961796,46.63119504490449],[-114.42736446384639,46.66325214361436],[-114.31967731653165,46.66325214361436],[-114.31967731653165,46.60982364576458],[-114.35557303230323,46.508309499849986],[-114.39146874807481,46.497623800280024],[-114.39146874807481,46.444195302430245],[-114.39146874807481,46.412138203720374],[-114.42736446384639,46.38542395479548],[-114.42736446384639,46.33733830673067],[-114.46326017961796,46.24116701060106],[-114.46326017961796,46.17170996339634],[-114.49915589538953,46.16636711361136],[-114.53505161116112,46.123624315331526],[-114.46326017961796,46.096910066406636],[-114.49915589538953,46.04882441834183],[-114.46326017961796,45.995395920492044],[-114.42736446384639,45.98471022092209],[-114.39146874807481,45.95799597199719],[-114.42736446384639,45.93662457285728],[-114.39146874807481,45.8831960750075],[-114.42736446384639,45.85113897629763],[-114.49915589538953,45.85113897629763],[-114.5709473269327,45.77633907930793],[-114.49915589538953,45.722910581458144],[-114.49915589538953,45.66948208360836],[-114.5709473269327,45.63742498489849],[-114.53505161116112,45.60536788618862],[-114.5709473269327,45.5839964870487],[-114.49915589538953,45.55728223812381],[-114.46326017961796,45.562625087908785],[-114.42736446384639,45.509196590059005],[-114.35557303230323,45.48782519091909],[-114.31967731653165,45.46111094199419],[-114.28378160076008,45.482482341134116],[-114.2478858849885,45.52522513941394],[-114.17609445344534,45.55193938833883],[-114.14019873767377,45.55728223812381],[-114.14019873767377,45.5839964870487],[-114.06840730613061,45.594682186618655],[-114.06840730613061,45.626739285328526],[-113.99661587458746,45.658796384038396],[-114.03251159035904,45.690853482748274],[-113.99661587458746,45.70688203210321],[-113.9248244430443,45.68016778317832],[-113.88892872727273,45.64276783468347],[-113.81713729572958,45.600025036403636],[-113.81713729572958,45.51988228962896],[-113.78124157995799,45.51988228962896],[-113.74534586418642,45.482482341134116],[-113.78124157995799,45.45576809220922],[-113.74534586418642,45.40768244414441],[-113.74534586418642,45.39165389478948],[-113.74534586418642,45.32753969736973],[-113.67355443264327,45.284796899089905],[-113.67355443264327,45.252739800380034],[-113.60176300110011,45.18862560296029],[-113.56586728532854,45.129854255325526],[-113.49407585378538,45.065740057905785],[-113.4581801380138,45.06039720812081],[-113.42228442224223,45.006968710271025],[-113.4581801380138,44.95888306220622],[-113.49407585378538,44.948197362636265],[-113.4581801380138,44.86805461586158],[-113.42228442224223,44.84134036693669],[-113.35049299069907,44.81996896779678],[-113.35049299069907,44.78256901930193],[-113.24280584338435,44.825311817581756],[-113.17101441184118,44.787911869086905],[-113.13511869606961,44.77188331973197],[-113.09922298029804,44.72914052145214],[-113.09922298029804,44.69708342274227],[-113.06332726452645,44.68105487338734],[-113.06332726452645,44.6169406759676],[-113.09922298029804,44.600912126612656],[-113.02743154875488,44.52611222962296],[-112.9915358329833,44.451312332633265],[-112.95564011721171,44.419255233923394],[-112.88384868566857,44.39788383478347],[-112.847952969897,44.36048388628863],[-112.8120572541254,44.37651243564356],[-112.847952969897,44.42459808370837],[-112.77616153835383,44.483369431343135],[-112.70437010681069,44.504740830483044],[-112.6684743910391,44.483369431343135],[-112.56078724372438,44.483369431343135],[-112.48899581218122,44.46199803220322],[-112.48899581218122,44.478026581558154],[-112.38130866486648,44.445969482848284],[-112.34541294909491,44.49405513091309],[-112.34541294909491,44.531455079407934],[-112.30951723332333,44.536797929192915],[-112.27362151755176,44.568855027902785],[-112.23772580178017,44.568855027902785],[-112.2018300860086,44.531455079407934],[-112.13003865446545,44.542140778977895],[-112.09414293869386,44.520769379837986],[-112.02235150715072,44.547483628762876],[-111.98645579137914,44.536797929192915],[-111.95056007560756,44.55816932833283],[-111.87876864406441,44.563512178117804],[-111.80697721252125,44.510083680268025],[-111.69929006520653,44.542140778977895],[-111.69929006520653,44.55816932833283],[-111.62749863366336,44.547483628762876],[-111.59160291789179,44.563512178117804],[-111.48391577057706,44.542140778977895],[-111.51981148634863,44.606254976397636],[-111.48391577057706,44.6650263240324],[-111.48391577057706,44.70776912231223],[-111.34033290749075,44.72914052145214],[-111.34033290749075,44.723797671667164],[-111.23264576017601,44.62228352575257],[-111.23264576017601,44.57954072747275],[-111.19675004440444,44.568855027902785],[-111.16085432863287,44.536797929192915],[-111.12495861286129,44.49405513091309],[-111.05316718131813,44.472683731773174]],[[-111.05316718131813,44.472683731773174],[-111.05316718131813,44.018541500050006],[-111.05316718131813,43.50028507090709],[-111.05316718131813,43.19574263316331],[-111.05316718131813,42.72022900230023],[-111.05316718131813,42.50651501090108],[-111.05316718131813,41.998944281328136]],[[-87.79274336133614,42.490486461546155],[-87.79274336133614,42.38362946584658],[-87.82863907710771,42.303486719071905],[-87.79274336133614,42.20731542294229],[-87.75684764556455,42.12717267616762],[-87.6850562140214,42.07374417831783],[-87.6850562140214,42.031001380038006],[-87.61326478247824,41.89208728562856],[-87.61326478247824,41.82797308820882],[-87.57736906670667,41.76385889078908],[-87.54147335093509,41.74783034143414],[-87.54147335093509,41.71043039293929]],[[-87.54147335093509,41.71043039293929],[-87.54147335093509,41.122716916591656],[-87.54147335093509,40.85557442734273],[-87.54147335093509,40.46020354325432],[-87.54147335093509,40.150318255725566],[-87.54147335093509,39.88317576647665],[-87.54147335093509,39.348890787978796],[-87.57736906670667,39.33286223862386],[-87.61326478247824,39.284776590559055],[-87.57736906670667,39.22066239313931],[-87.64916049824983,39.16723389528953],[-87.64916049824983,39.10846254765477],[-87.57736906670667,39.05503404980497],[-87.57736906670667,38.99091985238523],[-87.50557763516352,38.95351990389039],[-87.54147335093509,38.89474855625562],[-87.54147335093509,38.85734860776077],[-87.50557763516352,38.7772058609861],[-87.50557763516352,38.74514876227623],[-87.50557763516352,38.69706311421142],[-87.57736906670667,38.66500601550155],[-87.61326478247824,38.63829176657666],[-87.61326478247824,38.60623466786679],[-87.64916049824983,38.542120470447045],[-87.64916049824983,38.510063371737175],[-87.75684764556455,38.472663423242324],[-87.75684764556455,38.40854922582258],[-87.79274336133614,38.37114927732773],[-87.82863907710771,38.34443502840284],[-87.82863907710771,38.29634938033803],[-87.86453479287928,38.30169223012301],[-87.93632622442244,38.25894943184318],[-87.97222194019402,38.21086378377838],[-87.93632622442244,38.16812098549855],[-87.93632622442244,38.12537818721872],[-88.00811765596559,38.098663938293825],[-87.97222194019402,38.066606839583955],[-88.04401337173717,38.02386404130413],[-88.00811765596559,37.96509269366936],[-88.04401337173717,37.92769274517451],[-88.04401337173717,37.90097849624962],[-88.04401337173717,37.86357854775477],[-88.04401337173717,37.81549289968997],[-88.04401337173717,37.79946435033503]],[[-88.04401337173717,37.79946435033503],[-88.07990908750875,37.74069300270027],[-88.11580480328033,37.7086359039904],[-88.1517005190519,37.665893105710566],[-88.11580480328033,37.575064659365935],[-88.07990908750875,37.52697901130113],[-88.07990908750875,37.48957906280628],[-88.07990908750875,37.47355051345134],[-88.1517005190519,37.47355051345134],[-88.29528338213821,37.452179114311434],[-88.36707481368137,37.40409346624662],[-88.40297052945294,37.42546486538654],[-88.47476196099609,37.388064916891686],[-88.47476196099609,37.33997926882688],[-88.51065767676768,37.2865507709771],[-88.51065767676768,37.259836522052204],[-88.43886624522452,37.20106517441744],[-88.43886624522452,37.15297952635264],[-88.47476196099609,37.072836779577955],[-88.54655339253925,37.067493929792974],[-88.6183448240824,37.12092242764277],[-88.72603197139713,37.14229382678268],[-88.7978234029403,37.19037947484748],[-88.90551055025502,37.22243657355735],[-88.97730198179818,37.227779423342334],[-89.01319769756975,37.2117508739874],[-89.08498912911291,37.15832237613761],[-89.12088484488449,37.12092242764277],[-89.15678056065606,37.08886532893289],[-89.19267627642763,37.0354368310831],[-89.15678056065606,37.00337973237323],[-89.12088484488449,36.982008333233324]],[[-89.12088484488449,36.982008333233324],[-89.19267627642763,36.982008333233324],[-89.19267627642763,37.014065431943195],[-89.2644677079708,37.062151080008],[-89.30036342374237,37.046122530653065],[-89.2644677079708,37.014065431943195],[-89.30036342374237,36.99269403280328],[-89.37215485528553,37.040779680868084],[-89.37215485528553,37.083522479147916],[-89.4080505710571,37.12626527742774],[-89.44394628682868,37.20106517441744],[-89.44394628682868,37.24915082248225],[-89.47984200260025,37.24915082248225],[-89.51573771837184,37.2865507709771],[-89.47984200260025,37.32929356925692],[-89.44394628682868,37.34532211861186],[-89.4080505710571,37.39875061646164],[-89.51573771837184,37.537664710871084],[-89.51573771837184,37.5857503589359],[-89.47984200260025,37.596436058505844],[-89.51573771837184,37.639178856785676],[-89.51573771837184,37.68726450485048],[-89.58752914991499,37.71397875377538],[-89.62342486568656,37.75137870227023],[-89.65932058145815,37.76206440184018],[-89.65932058145815,37.788778650765074],[-89.7311120130013,37.84754999839984],[-89.80290344454446,37.858235697969796],[-89.80290344454446,37.87960709710971],[-89.83879916031603,37.9063213460346],[-89.91059059185918,37.86892139753975],[-89.94648630763076,37.884949946894686],[-89.98238202340234,37.917007045604564],[-89.94648630763076,37.97043554345434],[-90.01827773917391,37.97043554345434],[-90.05417345494548,38.013178341734175],[-90.09006917071707,38.01852119151915],[-90.12596488648865,38.061263989798974],[-90.16186060226022,38.071949689368935],[-90.23365203380338,38.11469248764877],[-90.26954774957495,38.15743528592859],[-90.30544346534653,38.18414953485348],[-90.3413391811181,38.21620663356336],[-90.37723489688969,38.2803208309831],[-90.37723489688969,38.323063629262926],[-90.3413391811181,38.37649212711271],[-90.30544346534653,38.42457777517751],[-90.26954774957495,38.5260919210921],[-90.1977563180318,38.600891818081806],[-90.1977563180318,38.66500601550155],[-90.1977563180318,38.71309166356636],[-90.16186060226022,38.77186301120112],[-90.12596488648865,38.79857726012601],[-90.12596488648865,38.84666290819082],[-90.23365203380338,38.92146280518052],[-90.30544346534653,38.92146280518052],[-90.37723489688969,38.95351990389039],[-90.44902632843284,38.969548453245324],[-90.55671347574757,38.87337715711571],[-90.59260919151914,38.86803430733073],[-90.62850490729072,38.88940570647064],[-90.6644006230623,38.92680565496549],[-90.6644006230623,38.99091985238523],[-90.70029633883388,39.05503404980497],[-90.70029633883388,39.08709114851485],[-90.70029633883388,39.156548195719566],[-90.73619205460545,39.252719491849184],[-90.84387920192019,39.33820508840884],[-90.9874620650065,39.42369068496849],[-91.05925349654966,39.46643348324832],[-91.05925349654966,39.49314773217321],[-91.09514921232123,39.541233380238026],[-91.1310449280928,39.546576230023],[-91.20283635963597,39.60534757765777],[-91.23873207540754,39.63206182658266],[-91.27462779117911,39.66411892529253],[-91.38231493849385,39.73357597249725],[-91.34641922272228,39.78700447034703],[-91.38231493849385,39.813718719271925],[-91.41821065426542,39.84043296819682],[-91.454106370037,39.877832916691666],[-91.41821065426542,39.91523286518652],[-91.49000208580858,40.038118410241026],[-91.49000208580858,40.059489809380935],[-91.52589780158016,40.12894685658566],[-91.49000208580858,40.23580385228523],[-91.454106370037,40.342660847984796],[-91.41821065426542,40.38006079647965]],[[-91.41821065426542,40.38006079647965],[-91.38231493849385,40.3907464960496],[-91.38231493849385,40.45486069346934],[-91.38231493849385,40.51363204110411],[-91.41821065426542,40.540346290029],[-91.34641922272228,40.60980333723372],[-91.23873207540754,40.63651758615862],[-91.20283635963597,40.63651758615862],[-91.1310449280928,40.66857468486849],[-91.1310449280928,40.72734603250325],[-91.09514921232123,40.78077453035303],[-91.09514921232123,40.812831629062906],[-90.9874620650065,40.90900292519252],[-90.95156634923492,40.92503147454745],[-90.95156634923492,41.03723132003201],[-90.95156634923492,41.09600266766677],[-90.9874620650065,41.15477401530153],[-91.05925349654966,41.16545971487149],[-91.1310449280928,41.240259611861184],[-91.09514921232123,41.304373809280925],[-91.05925349654966,41.41123080498049],[-90.9874620650065,41.432602204120414],[-90.91567063346334,41.42191650455045],[-90.84387920192019,41.45397360326032],[-90.73619205460545,41.44863075347534],[-90.6644006230623,41.464659302830285],[-90.59260919151914,41.51274495089508],[-90.55671347574757,41.528773500250026],[-90.44902632843284,41.523430650465045],[-90.41313061266126,41.56617344874488],[-90.3413391811181,41.587544847884786],[-90.3413391811181,41.646316195519546],[-90.30544346534653,41.69440184358436],[-90.30544346534653,41.73180179207921],[-90.26954774957495,41.769201740574054],[-90.1977563180318,41.801258839283925],[-90.16186060226022,41.9081158349835],[-90.16186060226022,41.961544332833284],[-90.12596488648865,42.00428713111311],[-90.16186060226022,42.041687079607954],[-90.16186060226022,42.116486976597656],[-90.1977563180318,42.15388692509251],[-90.37723489688969,42.22334397229723],[-90.41313061266126,42.27677247014701],[-90.41313061266126,42.32485811821182],[-90.48492204420441,42.38362946584658],[-90.55671347574757,42.41568656455645],[-90.55671347574757,42.44240081348134],[-90.6644006230623,42.47980076197619],[-90.62850490729072,42.50651501090108]],[[-90.62850490729072,42.50651501090108],[-90.41313061266126,42.50651501090108],[-90.09006917071707,42.50651501090108],[-89.94648630763076,42.50651501090108],[-89.65932058145815,42.50651501090108],[-89.2644677079708,42.495829311331136],[-88.7978234029403,42.490486461546155],[-88.65424053985399,42.495829311331136],[-88.11580480328033,42.495829311331136],[-87.79274336133614,42.490486461546155]],[[-84.81339895229523,39.103119697869786],[-84.88519038383838,39.05503404980497],[-84.8492946680668,38.98557700260026],[-84.8492946680668,38.95886275367536],[-84.88519038383838,38.92146280518052],[-84.8492946680668,38.9000914060406],[-84.81339895229523,38.89474855625562],[-84.77750323652364,38.86269145754575],[-84.81339895229523,38.84132005840584],[-84.81339895229523,38.79323441034103],[-84.8492946680668,38.782548710771074],[-84.88519038383838,38.79323441034103],[-84.92108609960995,38.7772058609861],[-84.99287753115311,38.7772058609861],[-85.06466896269626,38.73980591249125],[-85.13646039423942,38.7024059639964],[-85.20825182578257,38.68637741464146],[-85.24414754155416,38.73980591249125],[-85.3159389730973,38.73980591249125],[-85.38773040464046,38.72912021292129],[-85.42362612041204,38.73446306270627],[-85.45952183618361,38.70774881378138],[-85.42362612041204,38.659663165716566],[-85.42362612041204,38.61157751765177],[-85.42362612041204,38.563491869586954],[-85.42362612041204,38.5260919210921],[-85.45952183618361,38.504720521952194],[-85.49541755195519,38.46732057345734],[-85.60310469926992,38.45129202410241],[-85.60310469926992,38.42457777517751],[-85.6390004150415,38.3284064790479],[-85.67489613081308,38.29634938033803],[-85.74668756235623,38.26963513141314],[-85.7825832781278,38.291006530553055],[-85.81847899389939,38.27497798119812],[-85.85437470967096,38.23757803270327],[-85.89027042544254,38.2055209339934],[-85.92616614121411,38.162778135713566],[-85.89027042544254,38.08797823872387],[-85.92616614121411,38.0292068910891],[-85.9620618569857,38.007835491949194],[-86.03385328852885,37.99714979237923],[-86.03385328852885,37.95974984388438],[-86.06974900430042,38.00249264216421],[-86.10564472007201,38.013178341734175],[-86.17743615161515,38.013178341734175],[-86.24922758315832,38.055921140014],[-86.28512329892989,38.098663938293825],[-86.28512329892989,38.136063886788676],[-86.35691473047304,38.19483523442344],[-86.35691473047304,38.162778135713566],[-86.32101901470146,38.15209243614361],[-86.32101901470146,38.130721037003696],[-86.39281044624462,38.130721037003696],[-86.4287061620162,38.08797823872387],[-86.46460187778777,38.050578290229026],[-86.50049759355934,38.045235440444046],[-86.53639330933093,37.97043554345434],[-86.50049759355934,37.93837844474447],[-86.53639330933093,37.917007045604564],[-86.5722890251025,37.92234989538954],[-86.60818474087408,37.86892139753975],[-86.64408045664565,37.84220714861486],[-86.67997617241724,37.858235697969796],[-86.64408045664565,37.89563564646464],[-86.67997617241724,37.91166419581958],[-86.71587188818881,37.89563564646464],[-86.75176760396039,37.91166419581958],[-86.78766331973196,37.98646409280928],[-86.85945475127512,37.98646409280928],[-86.93124618281827,37.93837844474447],[-86.96714189858986,37.92769274517451],[-87.038933330133,37.9063213460346],[-87.07482904590458,37.79946435033503],[-87.11072476167617,37.7834358009801],[-87.14662047744774,37.83686429882988],[-87.21841190899089,37.84754999839984],[-87.29020334053405,37.884949946894686],[-87.36199477207721,37.91166419581958],[-87.39789048784878,37.93303559495949],[-87.43378620362036,37.94372129452945],[-87.50557763516352,37.91166419581958],[-87.54147335093509,37.92769274517451],[-87.57736906670667,37.975778393239324],[-87.61326478247824,37.93303559495949],[-87.57736906670667,37.884949946894686],[-87.57736906670667,37.86357854775477],[-87.61326478247824,37.8315214490449],[-87.6850562140214,37.8315214490449],[-87.64916049824983,37.87960709710971],[-87.6850562140214,37.90097849624962],[-87.82863907710771,37.87426424732473],[-87.86453479287928,37.917007045604564],[-87.90043050865086,37.92234989538954],[-87.93632622442244,37.89029279667967],[-87.90043050865086,37.81015004990499],[-87.93632622442244,37.77275010141014],[-88.04401337173717,37.79946435033503]],[[-87.54147335093509,41.71043039293929],[-87.43378620362036,41.64097334573457],[-87.29020334053405,41.619601946594656],[-87.21841190899089,41.62494479637964],[-87.11072476167617,41.646316195519546],[-86.93124618281827,41.71043039293929],[-86.82355903550355,41.7585160410041]],[[-86.82355903550355,41.7585160410041],[-86.53639330933093,41.7585160410041],[-86.14154043584358,41.7585160410041],[-85.7825832781278,41.7585160410041],[-85.3159389730973,41.7585160410041],[-84.81339895229523,41.7585160410041],[-84.81339895229523,41.69440184358436]],[[-84.81339895229523,41.69440184358436],[-84.81339895229523,41.43794505390539],[-84.81339895229523,40.989145671967194],[-84.81339895229523,40.80214592949295],[-84.81339895229523,40.310603749274925],[-84.81339895229523,39.813718719271925],[-84.81339895229523,39.477119182818285],[-84.81339895229523,39.103119697869786]],[[-91.20283635963597,43.50028507090709],[-91.23873207540754,43.457542272627265],[-91.20283635963597,43.39342807520752],[-91.20283635963597,43.35068527692769],[-91.1310449280928,43.3239710280028],[-91.05925349654966,43.25451398079808],[-91.1310449280928,43.201085482948294],[-91.1310449280928,43.15834268466847],[-91.16694064386438,43.1262855859586],[-91.16694064386438,43.040799989398934],[-91.1310449280928,42.96600009240924],[-91.1310449280928,42.90722874477447],[-91.09514921232123,42.88051449584958],[-91.09514921232123,42.8270859979998],[-91.05925349654966,42.75762895079508],[-91.05925349654966,42.736257551655164],[-90.95156634923492,42.68817190359036],[-90.73619205460545,42.640086255525546],[-90.62850490729072,42.543914959395934],[-90.62850490729072,42.50651501090108]],[[-91.41821065426542,40.38006079647965],[-91.49000208580858,40.38006079647965],[-91.52589780158016,40.41211789518952],[-91.52589780158016,40.46020354325432],[-91.56179351735173,40.46020354325432],[-91.63358494889489,40.502946341534155],[-91.63358494889489,40.54568913981398],[-91.66948066466647,40.551031989598954],[-91.70537638043804,40.583089088308824],[-91.74127209620961,40.615146187018695],[-92.10022925392539,40.60446048744875],[-92.74635213781377,40.588431938093805],[-92.92583071667167,40.588431938093805],[-93.24889215861586,40.583089088308824],[-93.53605788478848,40.57774623852385],[-94.03859790559055,40.57240338873888],[-94.50524221062106,40.57240338873888],[-95.00778223142314,40.57774623852385],[-95.51032225222522,40.583089088308824],[-95.76159226262627,40.583089088308824]],[[-95.76159226262627,40.583089088308824],[-95.76159226262627,40.60980333723372],[-95.79748797839784,40.65788898529853],[-95.83338369416941,40.67926038443844],[-95.90517512571257,40.73268888228823],[-95.83338369416941,40.775431680568055],[-95.83338369416941,40.86626012691269],[-95.79748797839784,40.88228867626762],[-95.83338369416941,40.94106002390239],[-95.83338369416941,40.97311712261226],[-95.86927940994099,40.999831371537155],[-95.86927940994099,41.090659817881786],[-95.86927940994099,41.14408831573157],[-95.86927940994099,41.1868311140114],[-95.94107084148415,41.19751681358136],[-95.90517512571257,41.240259611861184],[-95.94107084148415,41.28300241014101],[-95.86927940994099,41.28300241014101],[-95.90517512571257,41.32040235863586],[-95.94107084148415,41.32040235863586],[-95.94107084148415,41.464659302830285],[-96.0128622730273,41.47000215261526],[-95.97696655725572,41.51274495089508],[-96.0128622730273,41.53945919981998],[-96.04875798879888,41.50740210111011],[-96.08465370457046,41.534116350035006],[-96.08465370457046,41.576859148314824],[-96.12054942034203,41.59823054745475],[-96.08465370457046,41.646316195519546],[-96.12054942034203,41.69440184358436],[-96.08465370457046,41.801258839283925],[-96.12054942034203,41.82263023842384],[-96.12054942034203,41.85468733713371],[-96.1564451361136,41.90277298519852],[-96.1564451361136,41.91345868476847],[-96.12054942034203,41.97223003240324],[-96.19234085188519,41.97757288218821],[-96.19234085188519,42.00428713111311],[-96.22823656765677,42.041687079607954],[-96.26413228342834,42.047029929392934],[-96.26413228342834,42.111144126812675],[-96.3359237149715,42.16457262466247],[-96.37181943074307,42.21265827272727],[-96.3359237149715,42.22868682208221],[-96.3359237149715,42.26074392079208],[-96.37181943074307,42.30882956885688],[-96.40771514651465,42.335543817781776],[-96.40771514651465,42.41034371477147],[-96.37181943074307,42.44774366326632],[-96.37181943074307,42.47445791219121],[-96.44361086228622,42.490486461546155]],[[-96.44361086228622,42.490486461546155],[-96.47950657805781,42.490486461546155],[-96.47950657805781,42.554600658965896],[-96.51540229382938,42.6294005559556],[-96.58719372537253,42.68282905380538],[-96.62308944114412,42.704200452945294],[-96.62308944114412,42.736257551655164],[-96.58719372537253,42.8270859979998],[-96.55129800960096,42.84311454735473],[-96.51540229382938,42.89120019541954],[-96.55129800960096,42.923257294129414],[-96.51540229382938,42.960657242624265],[-96.51540229382938,42.97668579197919],[-96.47950657805781,43.008742890689064],[-96.51540229382938,43.024771440044006],[-96.44361086228622,43.072857088108805],[-96.44361086228622,43.11559988638864],[-96.47950657805781,43.14765698509851],[-96.47950657805781,43.22245688208821],[-96.55129800960096,43.22779973187318],[-96.58719372537253,43.297256779077905],[-96.51540229382938,43.31328532843284],[-96.51540229382938,43.39342807520752],[-96.58719372537253,43.43617087348734],[-96.58719372537253,43.478913671767174],[-96.58719372537253,43.50028507090709],[-96.44361086228622,43.50028507090709]],[[-96.44361086228622,43.50028507090709],[-95.72569654685468,43.50028507090709],[-95.15136509450944,43.50028507090709],[-94.46934649484947,43.50028507090709],[-93.78732789518952,43.50028507090709],[-93.28478787438743,43.50028507090709],[-92.78224785358536,43.50028507090709],[-92.42329069586958,43.50028507090709],[-91.95664639083908,43.50028507090709],[-91.20283635963597,43.50028507090709]],[[-102.04334252265227,40.000718461746175],[-101.39721963876387,40.000718461746175],[-100.93057533373337,40.000718461746175],[-100.46393102870287,40.000718461746175],[-99.81780814481448,40.000718461746175],[-99.38705955555555,40.000718461746175],[-98.92041525052505,40.000718461746175],[-98.56145809280927,40.000718461746175],[-98.09481378777878,40.000718461746175],[-97.52048233543354,40.000718461746175],[-97.05383803040304,40.000718461746175],[-96.62308944114412,40.000718461746175],[-96.1564451361136,40.000718461746175],[-95.79748797839784,40.000718461746175],[-95.29494795759575,40.000718461746175]],[[-95.29494795759575,40.000718461746175],[-95.29494795759575,39.98468991239123],[-95.25905224182418,39.94728996389639],[-95.18726081028103,39.936604264326434],[-95.2231565260526,39.90989001540154],[-95.15136509450944,39.90454716561656],[-95.15136509450944,39.88317576647665],[-95.0795736629663,39.86180436733673],[-95.04367794719472,39.86714721712171],[-95.00778223142314,39.89920431583158],[-94.97188651565156,39.89920431583158],[-94.93599079987999,39.88851861626162],[-94.93599079987999,39.85646151755175],[-94.90009508410841,39.83509011841184],[-94.86419936833683,39.80837586948695],[-94.93599079987999,39.79234732013201],[-94.90009508410841,39.72289027292729],[-94.97188651565156,39.7442616720672],[-94.97188651565156,39.69083317421742],[-95.04367794719472,39.66411892529253],[-95.04367794719472,39.621376127012695],[-95.04367794719472,39.57863332873287],[-95.11546937873787,39.5732904789479],[-95.11546937873787,39.535890530453045],[-95.04367794719472,39.49314773217321],[-95.04367794719472,39.46109063346334],[-95.00778223142314,39.44506208410841],[-94.93599079987999,39.38629073647365],[-94.90009508410841,39.30080513991399],[-94.86419936833683,39.26874804120412],[-94.82830365256525,39.20997669356936],[-94.79240793679368,39.20997669356936],[-94.72061650525052,39.16723389528953],[-94.68472078947894,39.18326244464446],[-94.64882507370737,39.156548195719566],[-94.6129293579358,39.16189104550455],[-94.6129293579358,39.11914824722472],[-94.6129293579358,38.8252915090509],[-94.6129293579358,38.62226321722172],[-94.6129293579358,38.21620663356336],[-94.6129293579358,37.77275010141014],[-94.6129293579358,37.52163616151615],[-94.6129293579358,36.99803688258825]],[[-94.6129293579358,36.99803688258825],[-95.00778223142314,36.99803688258825],[-95.40263510491049,36.99803688258825],[-96.0128622730273,36.99803688258825],[-96.51540229382938,36.99803688258825],[-97.01794231463145,36.99803688258825],[-97.44869090389038,36.99803688258825],[-98.02302235623561,36.99803688258825],[-98.34608379817982,36.99803688258825],[-99.02810239783979,36.99803688258825],[-99.6383295659566,36.99803688258825],[-100.21266101830183,37.00337973237323],[-100.75109675487549,36.99803688258825],[-101.3613239229923,36.99803688258825],[-102.04334252265227,36.99269403280328]],[[-89.47984200260025,36.49580900280028],[-89.55163343414341,36.49580900280028]],[[-89.55163343414341,36.49580900280028],[-89.58752914991499,36.549237500650065],[-89.55163343414341,36.575951749574955],[-89.47984200260025,36.570608899789974],[-89.47984200260025,36.52786610151015],[-89.47984200260025,36.49580900280028]],[[-81.97763740634063,37.537664710871084],[-82.30069884828482,37.29723647054705],[-82.3365945640564,37.26517937183718],[-82.51607314291428,37.227779423342334],[-82.73144743754375,37.12092242764277],[-82.73144743754375,37.05680823022302],[-82.76734315331532,37.008722582158214],[-82.83913458485848,37.00337973237323],[-82.87503030063006,36.97666548344834],[-82.83913458485848,36.94995123452345],[-82.87503030063006,36.891179886888686],[-82.9827174479448,36.859122788178816],[-83.09040459525951,36.85377993839384],[-83.1263003110311,36.77898004140414],[-83.1263003110311,36.74158009290929],[-83.19809174257425,36.74158009290929],[-83.37757032143213,36.68815159505951],[-83.41346603720372,36.666780195919586],[-83.52115318451844,36.666780195919586],[-83.62884033183317,36.634723097209715],[-83.66473604760476,36.602665998499845]],[[-83.66473604760476,36.602665998499845],[-83.70063176337634,36.581294599359936],[-83.98779748954895,36.59198029892989],[-84.27496321572157,36.59198029892989],[-84.52623322612261,36.59732314871487],[-84.8492946680668,36.602665998499845],[-85.02877324692469,36.61869454785479],[-85.20825182578257,36.62403739763976],[-85.3159389730973,36.62403739763976],[-85.49541755195519,36.613351698069806],[-85.81847899389939,36.62403739763976],[-86.03385328852885,36.62938024742474],[-86.32101901470146,36.65075164656466],[-86.50049759355934,36.65075164656466],[-86.5722890251025,36.634723097209715],[-86.5722890251025,36.65075164656466],[-87.11072476167617,36.640065946994696],[-87.39789048784878,36.640065946994696],[-87.86453479287928,36.634723097209715],[-87.86453479287928,36.66143734613461],[-88.07990908750875,36.67746589548955],[-88.04401337173717,36.538551801080104],[-88.04401337173717,36.49580900280028],[-88.33117909790978,36.50115185258525],[-88.83371911871187,36.50115185258525],[-89.12088484488449,36.50115185258525],[-89.30036342374237,36.50649470237023],[-89.4080505710571,36.50115185258525]],[[-89.4080505710571,36.50115185258525],[-89.37215485528553,36.613351698069806],[-89.33625913951394,36.634723097209715],[-89.2644677079708,36.565266050005],[-89.22857199219922,36.570608899789974],[-89.19267627642763,36.62938024742474],[-89.15678056065606,36.666780195919586],[-89.19267627642763,36.7148658439844],[-89.15678056065606,36.75760864226422],[-89.12088484488449,36.75226579247925],[-89.12088484488449,36.77363719161916],[-89.19267627642763,36.80569429032903],[-89.15678056065606,36.8377513890389],[-89.12088484488449,36.84843708860886],[-89.12088484488449,36.88583703710371],[-89.08498912911291,36.96597978387838],[-89.12088484488449,36.982008333233324]],[[-84.81339895229523,39.103119697869786],[-84.74160752075207,39.14586249614962],[-84.7057118049805,39.13517679657966],[-84.7057118049805,39.103119697869786],[-84.63392037343733,39.0764054489449],[-84.56212894189419,39.08174829872987],[-84.56212894189419,39.097776848084806],[-84.52623322612261,39.092433998299825],[-84.45444179457945,39.11914824722472],[-84.41854607880788,39.092433998299825],[-84.41854607880788,39.060376899589954],[-84.34675464726472,39.039005500450045],[-84.31085893149314,39.006948401740175],[-84.27496321572157,38.95351990389039],[-84.23906749995,38.89474855625562],[-84.23906749995,38.8252915090509],[-84.20317178417841,38.80392010991099],[-84.0595889210921,38.77186301120112],[-83.98779748954895,38.787891560556055],[-83.84421462646264,38.755834461846185],[-83.84421462646264,38.72377736313631],[-83.77242319491948,38.69706311421142],[-83.77242319491948,38.659663165716566],[-83.66473604760476,38.627606067006695],[-83.62884033183317,38.63829176657666],[-83.62884033183317,38.68637741464146],[-83.52115318451844,38.7024059639964],[-83.48525746874687,38.67569171507151],[-83.37757032143213,38.659663165716566],[-83.30577888988898,38.632948916791676],[-83.30577888988898,38.595548968296825],[-83.23398745834582,38.627606067006695],[-83.19809174257425,38.61692036743674],[-83.1263003110311,38.627606067006695],[-83.09040459525951,38.67569171507151],[-83.05450887948794,38.69706311421142],[-83.01861316371637,38.72377736313631],[-82.9827174479448,38.72377736313631],[-82.91092601640163,38.755834461846185],[-82.87503030063006,38.72912021292129],[-82.83913458485848,38.595548968296825],[-82.8032388690869,38.563491869586954],[-82.73144743754375,38.558149019801974],[-82.65965600600059,38.49937767216721],[-82.62376029022901,38.472663423242324],[-82.58786457445744,38.41923492539254]],[[-82.58786457445744,38.41923492539254],[-82.58786457445744,38.34443502840284],[-82.58786457445744,38.317720779477945],[-82.58786457445744,38.26429228162816],[-82.62376029022901,38.23223518291829],[-82.58786457445744,38.21620663356336],[-82.62376029022901,38.17346383528353],[-82.62376029022901,38.14140673657366],[-82.58786457445744,38.10934963786379],[-82.55196885868587,38.071949689368935],[-82.51607314291428,38.00249264216421],[-82.4801774271427,37.981121243024305],[-82.51607314291428,37.93303559495949],[-82.40838599559956,37.884949946894686],[-82.40838599559956,37.820835749474945],[-82.3365945640564,37.788778650765074],[-82.3365945640564,37.74069300270027],[-82.30069884828482,37.68726450485048],[-82.26480313251325,37.65520740614061],[-82.19301170097009,37.628493157215715],[-82.15711598519852,37.59109320872087],[-82.12122026942694,37.59109320872087],[-82.12122026942694,37.55369326022602],[-82.04942883788378,37.537664710871084],[-81.97763740634063,37.537664710871084]],[[-93.8232236109611,29.68901837673767],[-93.89501504250424,29.76916112351235],[-93.93091075827583,29.795875372437244],[-93.93091075827583,29.817246771577157],[-93.85911932673267,29.865332419641963],[-93.8232236109611,29.91876091749175],[-93.78732789518952,29.988217964696467],[-93.75143217941793,30.020275063406338],[-93.71553646364636,30.068360711471144],[-93.71553646364636,30.08973211061106],[-93.71553646364636,30.111103509750976],[-93.71553646364636,30.1538463080308],[-93.71553646364636,30.207274805880587],[-93.71553646364636,30.24467475437544],[-93.71553646364636,30.292760402440244],[-93.75143217941793,30.33550320072007],[-93.75143217941793,30.388931698569856],[-93.71553646364636,30.442360196419642],[-93.71553646364636,30.543874342334234],[-93.71553646364636,30.575931441044105],[-93.67964074787479,30.597302840184017],[-93.67964074787479,30.640045638463846],[-93.60784931633162,30.693474136313633],[-93.57195360056005,30.784302582658263],[-93.57195360056005,30.827045380938095],[-93.57195360056005,30.885816728572856],[-93.53605788478848,30.939245226422642],[-93.57195360056005,30.97664517491749],[-93.57195360056005,31.003359423842383],[-93.5001621690169,31.0247308229823],[-93.53605788478848,31.08350217061706],[-93.53605788478848,31.18501631653165],[-93.60784931633162,31.174330616961697],[-93.60784931633162,31.27050191309131],[-93.64374503210321,31.27050191309131],[-93.67964074787479,31.30790186158616],[-93.67964074787479,31.361330359435943],[-93.71553646364636,31.436130256425642],[-93.75143217941793,31.468187355135512],[-93.71553646364636,31.505587303630364],[-93.75143217941793,31.526958702770276],[-93.78732789518952,31.526958702770276],[-93.8232236109611,31.55367295169517],[-93.8232236109611,31.607101449544952],[-93.8232236109611,31.62312999889989],[-93.8232236109611,31.665872797179716],[-93.78732789518952,31.687244196319632],[-93.8232236109611,31.746015543954393],[-93.8232236109611,31.77272979287929],[-93.85911932673267,31.815472591159114],[-93.89501504250424,31.89561533793379],[-93.9668064740474,31.92767243664366],[-94.00270218981898,31.991786634063406],[-94.03859790559055,31.997129483848383],[-94.03859790559055,32.43524316621662],[-94.03859790559055,33.01761379277927]],[[-91.16694064386438,33.001585243424344],[-91.20283635963597,32.95884244514451],[-91.20283635963597,32.92144249664966],[-91.16694064386438,32.90007109750975],[-91.1310449280928,32.93212819621962],[-91.1310449280928,32.98021384428443],[-91.09514921232123,32.97487099449945],[-91.05925349654966,32.92678534643464],[-91.05925349654966,32.88938539793979],[-91.09514921232123,32.85732829922992],[-91.1310449280928,32.841299749874985],[-91.16694064386438,32.814585500950095],[-91.16694064386438,32.750471303530354],[-91.05925349654966,32.72909990439044],[-91.05925349654966,32.70238565546555],[-91.1310449280928,32.67567140654065],[-91.16694064386438,32.63827145804581],[-91.1310449280928,32.60621435933594],[-91.1310449280928,32.58484296019602],[-91.05925349654966,32.60621435933594],[-91.02335778077807,32.57950011041104],[-91.09514921232123,32.558128711271124],[-91.05925349654966,32.531414462346234],[-90.9874620650065,32.504700213421344],[-91.02335778077807,32.4886716640664],[-91.09514921232123,32.54744301170117],[-91.1310449280928,32.49935736363636],[-91.09514921232123,32.45661456535653],[-91.02335778077807,32.43524316621662],[-90.9874620650065,32.45127171557156],[-90.95156634923492,32.43524316621662],[-90.9874620650065,32.40318606750675],[-90.9874620650065,32.3657861190119],[-90.9874620650065,32.349757569656965],[-90.91567063346334,32.33907187008701],[-90.91567063346334,32.30167192159216],[-90.9874620650065,32.26961482288229],[-90.95156634923492,32.253586273527354],[-90.9874620650065,32.2161863250325],[-91.05925349654966,32.24290057395739],[-91.1310449280928,32.20550062546255],[-91.16694064386438,32.19481492589259],[-91.16694064386438,32.157414977397735],[-91.16694064386438,32.130700728472846],[-91.05925349654966,32.125357878687865],[-91.05925349654966,32.17878637653765],[-91.02335778077807,32.157414977397735],[-91.02335778077807,32.098643629762975],[-91.09514921232123,32.07727223062306],[-91.09514921232123,32.039872282128215],[-91.05925349654966,32.0185008829883],[-91.1310449280928,31.98644378427843],[-91.16694064386438,31.981100934493448],[-91.20283635963597,31.95972953535353],[-91.20283635963597,31.911643887288726],[-91.27462779117911,31.86355823922392],[-91.34641922272228,31.852872539653966],[-91.38231493849385,31.762044093309328],[-91.27462779117911,31.77272979287929],[-91.27462779117911,31.746015543954393],[-91.38231493849385,31.746015543954393],[-91.38231493849385,31.713958445244522],[-91.38231493849385,31.6445013980398],[-91.41821065426542,31.61244429932993],[-91.454106370037,31.61778714911491],[-91.49000208580858,31.6445013980398],[-91.52589780158016,31.61244429932993],[-91.49000208580858,31.58573005040504],[-91.41821065426542,31.596415749974994],[-91.41821065426542,31.569701501050105],[-91.454106370037,31.537644402340234],[-91.52589780158016,31.532301552555253],[-91.52589780158016,31.446815955995596],[-91.49000208580858,31.393387458145813],[-91.49000208580858,31.36667320922092],[-91.52589780158016,31.3720160590059],[-91.56179351735173,31.43078740664066],[-91.56179351735173,31.39873030793079],[-91.56179351735173,31.377358908790878],[-91.56179351735173,31.345301810081008],[-91.52589780158016,31.318587561156114],[-91.52589780158016,31.275844762876286],[-91.56179351735173,31.25981621352135],[-91.63358494889489,31.265159063306328],[-91.63358494889489,31.233101964596457],[-91.5976892331233,31.19570201610161],[-91.63358494889489,31.11555926932693],[-91.56179351735173,31.072816471047105],[-91.56179351735173,31.040759372337234],[-91.63358494889489,30.998016574057402],[-91.05925349654966,30.998016574057402],[-90.73619205460545,30.998016574057402],[-90.37723489688969,30.998016574057402],[-89.76700772877287,31.003359423842383],[-89.7311120130013,30.99267372427243],[-89.76700772877287,30.94458807620762],[-89.76700772877287,30.91253097749775],[-89.76700772877287,30.896502428142814],[-89.80290344454446,30.8003311320132],[-89.83879916031603,30.768274033303328],[-89.83879916031603,30.725531235023503],[-89.83879916031603,30.672102737173716],[-89.83879916031603,30.6507313380338],[-89.80290344454446,30.597302840184017],[-89.76700772877287,30.517160093409338],[-89.7311120130013,30.490445844484448],[-89.69521629722972,30.453045895989597],[-89.69521629722972,30.40496024792479],[-89.65932058145815,30.356874599859985],[-89.62342486568656,30.34084605050505],[-89.65932058145815,30.3034461020102],[-89.62342486568656,30.228646205020503],[-89.58752914991499,30.180560556955694],[-89.51573771837184,30.180560556955694]],[[-89.51573771837184,30.180560556955694],[-89.58752914991499,30.148503458245823],[-89.62342486568656,30.1538463080308],[-89.69521629722972,30.105760659965995],[-89.69521629722972,30.073703561256124],[-89.76700772877287,30.041646462546254],[-89.80290344454446,30.041646462546254],[-89.8746948760876,30.004246514051403],[-89.83879916031603,29.945475166416642],[-89.76700772877287,29.934789466846684],[-89.69521629722972,29.87067526942694],[-89.62342486568656,29.865332419641963],[-89.58752914991499,29.8813609689969],[-89.58752914991499,29.961503715771578],[-89.58752914991499,29.993560814481448],[-89.47984200260025,30.041646462546254],[-89.47984200260025,30.079046411041105],[-89.37215485528553,30.036303612761273],[-89.44394628682868,30.009589363836383],[-89.44394628682868,29.977532265126513],[-89.37215485528553,29.961503715771578],[-89.37215485528553,29.913418067706772],[-89.30036342374237,29.924103767276726],[-89.2644677079708,29.993560814481448],[-89.22857199219922,29.972189415341532],[-89.22857199219922,29.924103767276726],[-89.2644677079708,29.924103767276726],[-89.30036342374237,29.8813609689969],[-89.22857199219922,29.892046668566856],[-89.2644677079708,29.865332419641963],[-89.37215485528553,29.84396102050205],[-89.33625913951394,29.77984682308231],[-89.37215485528553,29.790532522652263],[-89.44394628682868,29.742446874587458],[-89.44394628682868,29.705046926092606],[-89.51573771837184,29.742446874587458],[-89.65932058145815,29.74778972437244],[-89.65932058145815,29.710389775877587],[-89.55163343414341,29.66764697759776],[-89.62342486568656,29.6569612780278],[-89.65932058145815,29.62490417931793],[-89.69521629722972,29.62490417931793],[-89.65932058145815,29.582161381038105],[-89.69521629722972,29.56078998189819],[-89.69521629722972,29.507361484048403],[-89.62342486568656,29.491332934693467],[-89.58752914991499,29.44324728662866],[-89.55163343414341,29.464618685768578],[-89.51573771837184,29.384475938993898],[-89.44394628682868,29.395161638563856],[-89.37215485528553,29.389818788778875],[-89.33625913951394,29.37913308920892],[-89.33625913951394,29.34173314071407],[-89.30036342374237,29.357761690069005],[-89.22857199219922,29.3096760420042],[-89.19267627642763,29.34707599049905],[-89.15678056065606,29.30433319221922],[-89.08498912911291,29.25090469436944],[-89.08498912911291,29.197476196519652],[-89.01319769756975,29.218847595659565],[-89.01319769756975,29.181447647164717],[-89.04909341334132,29.1600762480248],[-89.01319769756975,29.12801914931493],[-89.04909341334132,29.106647750175014],[-89.04909341334132,29.069247801680167],[-89.12088484488449,29.069247801680167],[-89.15678056065606,29.010476454045403],[-89.22857199219922,29.042533552755273],[-89.22857199219922,29.069247801680167],[-89.33625913951394,29.042533552755273],[-89.37215485528553,29.074590651465144],[-89.4080505710571,29.085276351035102],[-89.4080505710571,29.12801914931493],[-89.47984200260025,29.213504745874587],[-89.55163343414341,29.2348761450145],[-89.62342486568656,29.25090469436944],[-89.65932058145815,29.288304642864286],[-89.7311120130013,29.30433319221922],[-89.83879916031603,29.3096760420042],[-89.83879916031603,29.336390290929092],[-89.80290344454446,29.384475938993898],[-89.83879916031603,29.432561587058707],[-89.83879916031603,29.480647235123513],[-89.91059059185918,29.459275835983597],[-89.94648630763076,29.427218737273726],[-89.98238202340234,29.464618685768578],[-90.01827773917391,29.427218737273726],[-90.01827773917391,29.320361741574157],[-90.01827773917391,29.28296179307931],[-90.05417345494548,29.28296179307931],[-90.09006917071707,29.240218994799477],[-90.05417345494548,29.208161896089607],[-90.01827773917391,29.213504745874587],[-90.09006917071707,29.149390548454846],[-90.16186060226022,29.106647750175014],[-90.23365203380338,29.085276351035102],[-90.23365203380338,29.12801914931493],[-90.30544346534653,29.176104797379736],[-90.26954774957495,29.20281904630463],[-90.30544346534653,29.240218994799477],[-90.3413391811181,29.27761894329433],[-90.37723489688969,29.272276093509348],[-90.41313061266126,29.20281904630463],[-90.44902632843284,29.186790496949694],[-90.48492204420441,29.208161896089607],[-90.44902632843284,29.261590393939393],[-90.520817759976,29.288304642864286],[-90.55671347574757,29.28296179307931],[-90.59260919151914,29.25090469436944],[-90.55671347574757,29.229533295229523],[-90.55671347574757,29.20281904630463],[-90.62850490729072,29.20281904630463],[-90.62850490729072,29.176104797379736],[-90.6644006230623,29.12801914931493],[-90.6644006230623,29.117333449744976],[-90.73619205460545,29.12267629952995],[-90.80798348614861,29.085276351035102],[-90.80798348614861,29.06390495189519],[-90.84387920192019,29.069247801680167],[-90.91567063346334,29.13336199909991],[-90.95156634923492,29.181447647164717],[-90.9874620650065,29.17076194759476],[-91.02335778077807,29.181447647164717],[-91.09514921232123,29.186790496949694],[-91.1310449280928,29.213504745874587],[-91.20283635963597,29.218847595659565],[-91.27462779117911,29.245561844584458],[-91.34641922272228,29.298990342434244],[-91.27462779117911,29.3096760420042],[-91.27462779117911,29.363104539853985],[-91.20283635963597,29.368447389638963],[-91.23873207540754,29.43790443684368],[-91.27462779117911,29.448590136413642],[-91.27462779117911,29.469961535553555],[-91.34641922272228,29.48599008490849],[-91.34641922272228,29.512704333833383],[-91.41821065426542,29.512704333833383],[-91.454106370037,29.544761432543254],[-91.52589780158016,29.52873288318832],[-91.52589780158016,29.56613283168317],[-91.56179351735173,29.63024702910291],[-91.63358494889489,29.62490417931793],[-91.63358494889489,29.737104024802477],[-91.74127209620961,29.74778972437244],[-91.7771678119812,29.742446874587458],[-91.84895924352435,29.705046926092606],[-91.88485495929592,29.710389775877587],[-91.88485495929592,29.758475423942393],[-91.84895924352435,29.8065610720072],[-91.88485495929592,29.83861817071707],[-91.99254210661066,29.795875372437244],[-92.02843782238223,29.77984682308231],[-92.10022925392539,29.742446874587458],[-92.13612496969697,29.69970407630763],[-92.10022925392539,29.619561329532953],[-92.02843782238223,29.62490417931793],[-91.99254210661066,29.614218479747976],[-91.95664639083908,29.608875629962995],[-91.92075067506751,29.635589878887888],[-91.84895924352435,29.63024702910291],[-91.81306352775277,29.603532780178018],[-91.70537638043804,29.55544713211321],[-91.7771678119812,29.523390033403338],[-91.7771678119812,29.491332934693467],[-91.81306352775277,29.475304385338532],[-91.84895924352435,29.502018634263425],[-91.95664639083908,29.539418582758273],[-92.02843782238223,29.582161381038105],[-92.17202068546854,29.582161381038105],[-92.2438121170117,29.539418582758273],[-92.31560354855485,29.534075732973296],[-92.38739498009801,29.55010428232823],[-92.56687355895589,29.571475681468144],[-92.63866499049905,29.58750423082308],[-92.74635213781377,29.619561329532953],[-92.96172643244324,29.715732625662564],[-93.10530929552955,29.74778972437244],[-93.21299644284429,29.77984682308231],[-93.28478787438743,29.77450397329733],[-93.3565793059306,29.763818273727374],[-93.46426645324532,29.76916112351235],[-93.67964074787479,29.74778972437244],[-93.75143217941793,29.737104024802477],[-93.8232236109611,29.68901837673767]],[[-68.44495256045603,44.18951269316932],[-68.40905684468446,44.18951269316932],[-68.37316112891288,44.15745559445944],[-68.44495256045603,44.1200556459646],[-68.48084827622762,44.16279844424442],[-68.44495256045603,44.18951269316932]],[[-68.69622257085707,44.28034113951395],[-68.62443113931393,44.25362689058906],[-68.58853542354234,44.23225549144914],[-68.6603268550855,44.15745559445944],[-68.69622257085707,44.15211274467447],[-68.73211828662865,44.1681412940294],[-68.69622257085707,44.28034113951395]],[[-68.48084827622762,44.37116958585858],[-68.48084827622762,44.3177410880088],[-68.51674399199919,44.33376963736373],[-68.48084827622762,44.37116958585858]],[[-68.62443113931393,44.013198650265025],[-68.6603268550855,44.039912899189915],[-68.6603268550855,44.077312847684766],[-68.62443113931393,44.0933413970397],[-68.58853542354234,44.05594144854486],[-68.62443113931393,44.013198650265025]],[[-68.76801400240024,44.05594144854486],[-68.80390971817181,44.034570049404934],[-68.87570114971496,44.034570049404934],[-68.91159686548654,44.08265569746975],[-68.94749258125812,44.10936994639464],[-68.91159686548654,44.14676989488949],[-68.83980543394338,44.18416984338434],[-68.80390971817181,44.136084195319526],[-68.76801400240024,44.071969997899785],[-68.76801400240024,44.05594144854486]],[[-67.61935109770977,44.520769379837986],[-67.5475596661666,44.472683731773174],[-67.58345538193818,44.451312332633265],[-67.61935109770977,44.520769379837986]],[[-68.94749258125812,44.28034113951395],[-68.91159686548654,44.31239823822382],[-68.91159686548654,44.37651243564356],[-68.87570114971496,44.3658267360736],[-68.87570114971496,44.33376963736373],[-68.87570114971496,44.30171253865386],[-68.91159686548654,44.2429411910191],[-68.94749258125812,44.258969740374035],[-68.94749258125812,44.28034113951395]],[[-70.7063826540654,43.072857088108805],[-70.74227836983698,43.072857088108805],[-70.81406980138013,43.1262855859586],[-70.81406980138013,43.23848543144314],[-70.88586123292329,43.27054253015301],[-70.92175694869486,43.31862817821782],[-70.95765266446644,43.34534242714271],[-70.99354838023801,43.41479947434743],[-70.95765266446644,43.43617087348734],[-70.95765266446644,43.484256521552155],[-70.95765266446644,43.548370718971896],[-70.95765266446644,43.569742118111805],[-70.99354838023801,43.794141809080905],[-70.99354838023801,43.91702735413541],[-70.99354838023801,44.30171253865386],[-71.0294440960096,44.65434062446244],[-71.06533981178117,45.006968710271025],[-71.06533981178117,45.24739695059506],[-71.10123552755275,45.30616829822982]],[[-71.10123552755275,45.30616829822982],[-70.95765266446644,45.33288254715471],[-70.92175694869486,45.3115111480148],[-70.92175694869486,45.27945404930493],[-70.88586123292329,45.2367112510251],[-70.81406980138013,45.30082544844484],[-70.81406980138013,45.33822539693969],[-70.81406980138013,45.37562534543454],[-70.81406980138013,45.40233959435943],[-70.77817408560855,45.42905384328432],[-70.74227836983698,45.42905384328432],[-70.7063826540654,45.39165389478948],[-70.63459122252225,45.38096819521952],[-70.63459122252225,45.41836814371437],[-70.7063826540654,45.48782519091909],[-70.7063826540654,45.514539439843986],[-70.63459122252225,45.60536788618862],[-70.59869550675067,45.63208213511351],[-70.56279979097908,45.66413923382338],[-70.52690407520751,45.66413923382338],[-70.45511264366436,45.70153918231823],[-70.45511264366436,45.70688203210321],[-70.3833212121212,45.7335962810281],[-70.41921692789278,45.79771047844784],[-70.34742549634963,45.85113897629763],[-70.27563406480647,45.88853892479248],[-70.27563406480647,45.96333882178217],[-70.31152978057806,45.96333882178217],[-70.31152978057806,46.02211016941694],[-70.27563406480647,46.05416726812681],[-70.31152978057806,46.064852967696766],[-70.2397383490349,46.1075957659766],[-70.2397383490349,46.14499571447145],[-70.27563406480647,46.19308136253625],[-70.2397383490349,46.26788125952595],[-70.20384263326332,46.29993835823582],[-70.20384263326332,46.32665260716071],[-70.13205120172016,46.35870970587058],[-70.09615548594859,46.412138203720374],[-70.06025977017701,46.41748105350535],[-69.98846833863385,46.69530924232423],[-69.55771974937493,47.122737225122506],[-69.23465830743073,47.459336761576154],[-69.16286687588759,47.45399391179117],[-69.01928401280128,47.405908263726374],[-69.05517972857285,47.37919401480148],[-69.05517972857285,47.2990512680268],[-69.05517972857285,47.245622770177015],[-68.91159686548654,47.181508572757274],[-68.80390971817181,47.213565671467144],[-68.73211828662865,47.24027992039204],[-68.62443113931393,47.245622770177015],[-68.58853542354234,47.28836556845684],[-68.51674399199919,47.2990512680268],[-68.44495256045603,47.283022718671866],[-68.37316112891288,47.2990512680268],[-68.37316112891288,47.34179406630663],[-68.33726541314131,47.35782261566156],[-68.22957826582658,47.34713691609161],[-68.15778683428341,47.32042266716671],[-68.12189111851184,47.29370841824182],[-68.0142039711971,47.24027992039204],[-67.94241253965396,47.19753712211221],[-67.8706211081108,47.1013658259826],[-67.79882967656765,47.06930872727273],[-67.79882967656765,46.59913794619462],[-67.79882967656765,46.27856695909591],[-67.79882967656765,45.941967422642264],[-67.76293396079608,45.915253173717375],[-67.79882967656765,45.8831960750075],[-67.76293396079608,45.82442472737273],[-67.79882967656765,45.80305332823282],[-67.79882967656765,45.72825343124312],[-67.79882967656765,45.68016778317832],[-67.72703824502449,45.66413923382338],[-67.65524681348134,45.61605358575858],[-67.51166395039503,45.58933933683368],[-67.43987251885187,45.60536788618862],[-67.43987251885187,45.57865363726373],[-67.43987251885187,45.503853740274025],[-67.47576823462346,45.509196590059005],[-67.51166395039503,45.48782519091909],[-67.47576823462346,45.42905384328432],[-67.4039768030803,45.37562534543454],[-67.47576823462346,45.29548259865986],[-67.47576823462346,45.27945404930493],[-67.43987251885187,45.226025551455145],[-67.4039768030803,45.1619113540354],[-67.33218537153715,45.12451140554055],[-67.29628965576556,45.14588280468047],[-67.26039393999399,45.18862560296029],[-67.22449822422242,45.1619113540354],[-67.15270679267925,45.1619113540354],[-67.11681107690768,45.1138257059706],[-67.0809153611361,45.028340109410934],[-67.04501964536453,44.942854512851284],[-66.97322821382137,44.91079741414141],[-67.00912392959295,44.84668321672167],[-66.97322821382137,44.80928326822682],[-67.00912392959295,44.77188331973197],[-67.04501964536453,44.77188331973197],[-67.0809153611361,44.7398262210221],[-67.15270679267925,44.69174057295729],[-67.18860250845084,44.64365492489249],[-67.26039393999399,44.62762637553755],[-67.29628965576556,44.65968347424742],[-67.29628965576556,44.70776912231223],[-67.36808108730872,44.69708342274227],[-67.36808108730872,44.67036917381738],[-67.36808108730872,44.632969225322526],[-67.43987251885187,44.59556927682768],[-67.51166395039503,44.63831207510751],[-67.5475596661666,44.62228352575257],[-67.58345538193818,44.55816932833283],[-67.58345538193818,44.531455079407934],[-67.65524681348134,44.52611222962296],[-67.69114252925291,44.536797929192915],[-67.72703824502449,44.49405513091309],[-67.72703824502449,44.49939798069806],[-67.76293396079608,44.542140778977895],[-67.79882967656765,44.542140778977895],[-67.8706211081108,44.52611222962296],[-67.83472539233922,44.483369431343135],[-67.8706211081108,44.45665518241824],[-67.97830825542553,44.387198135213524],[-68.0142039711971,44.3925409849985],[-68.0500996869687,44.328426787578756],[-68.08599540274027,44.34979818671867],[-68.12189111851184,44.40322668456845],[-68.12189111851184,44.478026581558154],[-68.15778683428341,44.472683731773174],[-68.22957826582658,44.49405513091309],[-68.30136969736972,44.451312332633265],[-68.193682550055,44.37116958585858],[-68.15778683428341,44.328426787578756],[-68.22957826582658,44.291026839083905],[-68.30136969736972,44.27499828972897],[-68.30136969736972,44.24828404080408],[-68.30136969736972,44.226912641664164],[-68.40905684468446,44.25362689058906],[-68.44495256045603,44.31239823822382],[-68.40905684468446,44.37651243564356],[-68.44495256045603,44.4406266330633],[-68.44495256045603,44.445969482848284],[-68.51674399199919,44.39788383478347],[-68.55263970777077,44.3177410880088],[-68.51674399199919,44.264312590159015],[-68.55263970777077,44.23759834123412],[-68.58853542354234,44.27499828972897],[-68.69622257085707,44.30171253865386],[-68.73211828662865,44.328426787578756],[-68.80390971817181,44.30705538843884],[-68.83980543394338,44.31239823822382],[-68.80390971817181,44.36048388628863],[-68.80390971817181,44.40856953435343],[-68.76801400240024,44.472683731773174],[-68.83980543394338,44.46199803220322],[-68.87570114971496,44.42994093349335],[-68.91159686548654,44.451312332633265],[-68.98338829702969,44.41391238413841],[-68.94749258125812,44.35514103650365],[-68.94749258125812,44.31239823822382],[-69.05517972857285,44.23225549144914],[-69.05517972857285,44.17348414381438],[-69.09107544434443,44.104027096609656],[-69.05517972857285,44.071969997899785],[-69.09107544434443,44.039912899189915],[-69.19876259165916,43.975798701770174],[-69.19876259165916,43.9437416030603],[-69.27055402320231,43.922370203920394],[-69.27055402320231,43.95977015241524],[-69.34234545474547,43.975798701770174],[-69.41413688628862,43.97045585198519],[-69.41413688628862,43.91702735413541],[-69.48592831783178,43.87962740564056],[-69.52182403360335,43.87428455585558],[-69.55771974937493,43.84222745714571],[-69.59361546514651,43.858256006500646],[-69.66540689668966,43.78879895929593],[-69.70130261246123,43.8208560580058],[-69.73719832823282,43.78879895929593],[-69.73719832823282,43.75674186058606],[-69.84488547554754,43.71934191209121],[-69.88078119131913,43.77811325972597],[-69.9166769070907,43.77811325972597],[-69.98846833863385,43.74071331123112],[-70.02436405440544,43.75674186058606],[-69.98846833863385,43.799484658865886],[-70.06025977017701,43.826198907790776],[-70.20384263326332,43.77277040994099],[-70.20384263326332,43.74071331123112],[-70.2397383490349,43.68194196359636],[-70.20384263326332,43.6231706159616],[-70.20384263326332,43.5964563670367],[-70.20384263326332,43.56439926832683],[-70.2397383490349,43.553713568756876],[-70.27563406480647,43.56439926832683],[-70.34742549634963,43.52699931983198],[-70.3833212121212,43.49494222112211],[-70.3833212121212,43.43617087348734],[-70.3833212121212,43.40411377477747],[-70.45511264366436,43.33999957735773],[-70.52690407520751,43.33465672757276],[-70.56279979097908,43.31328532843284],[-70.59869550675067,43.2491711310131],[-70.56279979097908,43.22245688208821],[-70.63459122252225,43.16368553445344],[-70.63459122252225,43.11559988638864],[-70.67048693829382,43.072857088108805],[-70.7063826540654,43.072857088108805]],[[-76.0548443040304,38.12003533743374],[-76.09074001980197,38.12537818721872],[-76.09074001980197,38.19483523442344],[-76.0548443040304,38.2055209339934],[-76.01894858825882,38.17880668506851],[-76.01894858825882,38.14674958635864],[-76.01894858825882,38.12003533743374],[-76.01894858825882,38.071949689368935],[-76.0548443040304,38.093321088508844],[-76.0548443040304,38.12003533743374]],[[-76.0548443040304,37.95440699409941],[-76.0548443040304,38.034549740874084],[-75.98305287248724,38.01852119151915],[-75.98305287248724,37.95440699409941]],[[-75.98305287248724,37.95440699409941],[-76.0548443040304,37.95440699409941]],[[-77.13171577717772,38.93214850475047],[-77.13171577717772,38.96420560346034],[-77.23940292449244,38.969548453245324],[-77.23940292449244,38.98557700260026],[-77.23940292449244,39.01763410131013],[-77.34709007180717,39.060376899589954],[-77.45477721912191,39.0764054489449],[-77.52656865066506,39.14586249614962],[-77.45477721912191,39.22600524292429],[-77.49067293489348,39.247376642064204],[-77.52656865066506,39.26874804120412],[-77.56246436643664,39.30614798969897],[-77.59836008220822,39.30080513991399],[-77.67015151375136,39.3221765390539],[-77.70604722952295,39.3221765390539]],[[-77.70604722952295,39.3221765390539],[-77.74194294529453,39.33286223862386],[-77.74194294529453,39.42369068496849],[-77.7778386610661,39.44506208410841],[-77.7778386610661,39.48780488238823],[-77.88552580838083,39.55191907980798],[-77.84963009260926,39.562604779377935],[-77.84963009260926,39.60534757765777],[-77.88552580838083,39.61603327722772],[-77.92142152415241,39.589319028302825],[-78.02910867146714,39.60534757765777],[-78.02910867146714,39.63740467636764],[-78.10090010301029,39.68014747464746],[-78.17269153455345,39.6961760240024],[-78.2444829660966,39.64274752615262],[-78.28037868186819,39.621376127012695],[-78.35217011341133,39.64274752615262],[-78.4239615449545,39.621376127012695],[-78.45985726072607,39.5732904789479],[-78.4239615449545,39.557261929592954],[-78.45985726072607,39.5198619810981],[-78.5675444080408,39.5198619810981],[-78.63933583958395,39.541233380238026],[-78.67523155535552,39.546576230023],[-78.78291870267026,39.60534757765777],[-78.81881441844183,39.589319028302825],[-78.890605849985,39.525204830883084],[-78.96239728152814,39.46109063346334],[-78.96239728152814,39.439719234323434],[-79.0341887130713,39.46643348324832],[-79.10598014461445,39.46109063346334],[-79.14187586038604,39.41834783518352],[-79.24956300770076,39.33820508840884],[-79.39314587078707,39.26340519141914],[-79.42904158655865,39.21531954335433],[-79.5008330181018,39.20463384378438],[-79.46493730233023,39.5198619810981],[-79.46493730233023,39.530547680668064],[-79.46493730233023,39.72289027292729]],[[-79.46493730233023,39.72289027292729],[-79.0341887130713,39.72289027292729],[-78.53164869226921,39.72289027292729],[-78.06500438723872,39.72289027292729],[-77.52656865066506,39.717547423142314],[-76.98813291409141,39.717547423142314],[-76.41380146174617,39.72289027292729],[-75.80357429362935,39.72289027292729]],[[-75.04976426242624,38.45129202410241],[-75.08565997819781,38.323063629262926],[-75.08565997819781,38.31237792969297],[-75.19334712551255,38.098663938293825],[-75.22924284128412,38.0292068910891]],[[-75.22924284128412,38.0292068910891],[-75.62409571477147,37.99180694259426],[-75.65999143054304,37.949064144314434]],[[-75.65999143054304,37.949064144314434],[-75.69588714631462,37.975778393239324],[-75.7317828620862,37.96509269366936],[-75.76767857785778,37.97043554345434],[-75.87536572517251,37.917007045604564],[-75.91126144094409,37.92769274517451],[-75.91126144094409,37.975778393239324],[-75.87536572517251,38.013178341734175],[-75.80357429362935,38.061263989798974],[-75.87536572517251,38.077292539153916],[-75.83947000940093,38.11469248764877],[-75.91126144094409,38.14140673657366],[-75.94715715671566,38.136063886788676],[-75.94715715671566,38.18949238463846],[-75.83947000940093,38.21086378377838],[-75.87536572517251,38.24292088248825],[-75.91126144094409,38.23223518291829],[-75.94715715671566,38.27497798119812],[-75.94715715671566,38.253606582058204],[-76.01894858825882,38.30169223012301],[-75.94715715671566,38.323063629262926],[-75.98305287248724,38.36580642754275],[-76.01894858825882,38.37649212711271],[-76.01894858825882,38.33374932883288],[-76.0548443040304,38.30169223012301],[-76.01894858825882,38.2803208309831],[-76.0548443040304,38.24292088248825],[-76.09074001980197,38.253606582058204],[-76.12663573557354,38.285663680768074],[-76.1984271671167,38.30169223012301],[-76.27021859865987,38.317720779477945],[-76.27021859865987,38.41389207560756],[-76.34201003020301,38.49403482238223],[-76.27021859865987,38.504720521952194],[-76.23432288288828,38.5260919210921],[-76.30611431443144,38.568834719371935],[-76.27021859865987,38.61157751765177],[-76.23432288288828,38.627606067006695],[-76.1984271671167,38.60623466786679],[-76.16253145134513,38.63829176657666],[-76.16253145134513,38.67569171507151],[-76.1984271671167,38.67034886528653],[-76.27021859865987,38.73446306270627],[-76.27021859865987,38.71309166356636],[-76.30611431443144,38.72912021292129],[-76.34201003020301,38.77186301120112],[-76.30611431443144,38.8252915090509],[-76.27021859865987,38.84666290819082],[-76.23432288288828,38.814605809480945],[-76.1984271671167,38.83063435883588],[-76.1984271671167,38.86269145754575],[-76.1984271671167,38.92680565496549],[-76.27021859865987,38.942834204320434],[-76.34201003020301,38.90543425582558],[-76.37790574597459,38.93749135453545],[-76.30611431443144,39.028319800880084],[-76.27021859865987,38.98023415281528],[-76.1984271671167,38.974891303030304],[-76.16253145134513,39.001605551955194],[-76.1984271671167,39.044348350235026],[-76.16253145134513,39.092433998299825],[-76.1984271671167,39.097776848084806],[-76.23432288288828,39.060376899589954],[-76.27021859865987,39.13517679657966],[-76.27021859865987,39.14586249614962],[-76.23432288288828,39.26340519141914],[-76.1984271671167,39.284776590559055],[-76.16253145134513,39.33286223862386],[-76.12663573557354,39.37026218711871],[-76.0548443040304,39.37026218711871],[-76.01894858825882,39.40231928582858],[-75.98305287248724,39.45040493389339],[-75.98305287248724,39.477119182818285],[-75.98305287248724,39.541233380238026],[-75.98305287248724,39.557261929592954],[-76.09074001980197,39.535890530453045],[-76.12663573557354,39.498490581958194],[-76.0548443040304,39.477119182818285],[-76.0548443040304,39.44506208410841],[-76.09074001980197,39.43437638453845],[-76.16253145134513,39.37560503690369],[-76.30611431443144,39.316833689268925],[-76.30611431443144,39.348890787978796],[-76.34201003020301,39.35423363776377],[-76.34201003020301,39.31149083948395],[-76.37790574597459,39.31149083948395],[-76.41380146174617,39.25806234163416],[-76.37790574597459,39.23669094249425],[-76.44969717751775,39.19394814421442],[-76.48559289328932,39.20463384378438],[-76.5214886090609,39.188605294429436],[-76.41380146174617,39.129833946794676],[-76.41380146174617,39.08174829872987],[-76.44969717751775,39.05503404980497],[-76.37790574597459,39.012291251525156],[-76.41380146174617,38.99091985238523],[-76.48559289328932,38.974891303030304],[-76.44969717751775,38.942834204320434],[-76.48559289328932,38.91077710561056],[-76.48559289328932,38.88406285668567],[-76.5214886090609,38.86269145754575],[-76.48559289328932,38.84132005840584],[-76.5214886090609,38.79857726012601],[-76.55738432483248,38.76652016141614],[-76.5214886090609,38.72377736313631],[-76.5214886090609,38.67569171507151],[-76.5214886090609,38.61692036743674],[-76.5214886090609,38.531434770877084],[-76.48559289328932,38.48334912281228],[-76.37790574597459,38.38717782668267],[-76.41380146174617,38.31237792969297],[-76.37790574597459,38.29634938033803],[-76.41380146174617,38.25894943184318],[-76.37790574597459,38.21620663356336],[-76.30611431443144,38.136063886788676],[-76.34201003020301,38.12003533743374],[-76.30611431443144,38.045235440444046],[-76.37790574597459,38.061263989798974],[-76.37790574597459,38.104006788078806],[-76.41380146174617,38.104006788078806],[-76.44969717751775,38.14140673657366],[-76.48559289328932,38.11469248764877],[-76.55738432483248,38.15209243614361],[-76.55738432483248,38.18949238463846],[-76.59328004060406,38.21620663356336],[-76.6650714721472,38.23223518291829],[-76.80865433523351,38.23757803270327],[-76.80865433523351,38.2803208309831],[-76.88044576677667,38.26963513141314],[-76.91634148254825,38.291006530553055],[-76.91634148254825,38.323063629262926],[-76.98813291409141,38.349777878187815],[-76.98813291409141,38.39252067646764],[-77.02402862986298,38.445949174317434],[-77.09582006140613,38.40854922582258],[-77.20350720872086,38.36046357775777],[-77.23940292449244,38.38183497689769],[-77.27529864026403,38.48334912281228],[-77.23940292449244,38.552806170017],[-77.16761149294929,38.600891818081806],[-77.13171577717772,38.60623466786679],[-77.13171577717772,38.632948916791676]],[[-77.13171577717772,38.632948916791676],[-77.13171577717772,38.67569171507151],[-77.09582006140613,38.69706311421142],[-77.05992434563456,38.71843451335133],[-77.02402862986298,38.79323441034103]],[[-70.59869550675067,41.47000215261526],[-70.56279979097908,41.47000215261526],[-70.56279979097908,41.41657365476547],[-70.49100835943594,41.3845165560556],[-70.45511264366436,41.39520225562556],[-70.45511264366436,41.34711660756075],[-70.59869550675067,41.34711660756075],[-70.7063826540654,41.341773757775776],[-70.81406980138013,41.31505950885088],[-70.8499655171517,41.34711660756075],[-70.77817408560855,41.35245945734573],[-70.67048693829382,41.44328790369037],[-70.59869550675067,41.47000215261526]],[[-70.09615548594859,41.29903095949595],[-70.06025977017701,41.309716659065906],[-70.02436405440544,41.36848800670067],[-69.95257262286228,41.277659560356035],[-69.95257262286228,41.25094531143114],[-70.02436405440544,41.240259611861184],[-70.13205120172016,41.240259611861184],[-70.2397383490349,41.28834525992599],[-70.09615548594859,41.29903095949595]],[[-72.46527272687268,42.72557185208521],[-71.99862842184217,42.71488615251525],[-71.28071410641063,42.69885760316031],[-71.24481839063905,42.74160040144014],[-71.1730269590959,42.736257551655164],[-71.1730269590959,42.78968604950495],[-71.13713124332432,42.82174314821482],[-71.06533981178117,42.80571459885988],[-71.0294440960096,42.85914309670967],[-70.92175694869486,42.88585734563456],[-70.88586123292329,42.88051449584958],[-70.8499655171517,42.85914309670967],[-70.81406980138013,42.86982879627963]],[[-70.81406980138013,42.86982879627963],[-70.81406980138013,42.78434319971997],[-70.77817408560855,42.704200452945294],[-70.74227836983698,42.66145765466547],[-70.7063826540654,42.65077195509551],[-70.63459122252225,42.68817190359036],[-70.59869550675067,42.63474340574057],[-70.63459122252225,42.6294005559556],[-70.67048693829382,42.581314907890786],[-70.81406980138013,42.55994350875088],[-70.88586123292329,42.543914959395934],[-70.8499655171517,42.490486461546155],[-70.88586123292329,42.458429362836284],[-70.92175694869486,42.46911506240624],[-70.99354838023801,42.426372264126414],[-70.95765266446644,42.35691521692169],[-71.0294440960096,42.32485811821182],[-70.99354838023801,42.266086770577054],[-70.92175694869486,42.266086770577054],[-70.88586123292329,42.30882956885688],[-70.8499655171517,42.266086770577054],[-70.77817408560855,42.25005822122212],[-70.7063826540654,42.20731542294229],[-70.7063826540654,42.16991547444744],[-70.63459122252225,42.08977272767277],[-70.63459122252225,42.052372779177915],[-70.67048693829382,42.014972830683064],[-70.7063826540654,42.00962998089808],[-70.67048693829382,41.961544332833284],[-70.59869550675067,41.94017293369337],[-70.59869550675067,41.95085863326332],[-70.56279979097908,41.929487234123414],[-70.52690407520751,41.86003018691869],[-70.52690407520751,41.81728738863886],[-70.45511264366436,41.76385889078908],[-70.3833212121212,41.737144641864184],[-70.27563406480647,41.73180179207921],[-70.27563406480647,41.71577324272427],[-70.20384263326332,41.75317319121912],[-70.13205120172016,41.7585160410041],[-70.02436405440544,41.78523028992899],[-69.98846833863385,41.806601689068906],[-70.02436405440544,41.87605873627362],[-70.02436405440544,41.929487234123414],[-70.06025977017701,41.929487234123414],[-70.09615548594859,42.00962998089808],[-70.09615548594859,42.041687079607954],[-70.16794691749175,42.057715628962896],[-70.20384263326332,42.031001380038006],[-70.2397383490349,42.06305847874788],[-70.20384263326332,42.084429877887786],[-70.13205120172016,42.06840132853285],[-70.02436405440544,42.020315680468045],[-69.98846833863385,41.95085863326332],[-69.95257262286228,41.81194453885388],[-69.9166769070907,41.68905899379938],[-69.95257262286228,41.64097334573457],[-69.98846833863385,41.66768759465947],[-70.09615548594859,41.66234474487449],[-70.20384263326332,41.646316195519546],[-70.2397383490349,41.63028764616462],[-70.34742549634963,41.63028764616462],[-70.3833212121212,41.614259096809675],[-70.45511264366436,41.60357339723972],[-70.49100835943594,41.550144899389934],[-70.63459122252225,41.53945919981998],[-70.67048693829382,41.518087800680064],[-70.74227836983698,41.48603070197019],[-70.74227836983698,41.50205925132513],[-70.67048693829382,41.544802049604954],[-70.63459122252225,41.582201998099805],[-70.63459122252225,41.60357339723972],[-70.63459122252225,41.65700189508951],[-70.63459122252225,41.69440184358436],[-70.63459122252225,41.71043039293929],[-70.7063826540654,41.737144641864184],[-70.7063826540654,41.6837161440144],[-70.74227836983698,41.69440184358436],[-70.77817408560855,41.65165904530453],[-70.81406980138013,41.62494479637964],[-70.88586123292329,41.63028764616462],[-70.92175694869486,41.6089162470247],[-70.92175694869486,41.53945919981998],[-71.0294440960096,41.496716401540155],[-71.10123552755275,41.50740210111011],[-71.13713124332432,41.496716401540155]],[[-71.13713124332432,41.496716401540155],[-71.13713124332432,41.66234474487449],[-71.20892267486748,41.67303044444444]],[[-71.20892267486748,41.67303044444444],[-71.20892267486748,41.71043039293929]],[[-71.20892267486748,41.71043039293929],[-71.24481839063905,41.75317319121912],[-71.31660982218222,41.77988744014401],[-71.35250553795379,41.82263023842384],[-71.35250553795379,41.89743013541354],[-71.38840125372536,41.89208728562856],[-71.38840125372536,42.020315680468045],[-71.78325412721271,42.00962998089808]],[[-73.47035276847684,42.047029929392934],[-73.50624848424842,42.084429877887786],[-73.36266562116211,42.511857860686064],[-73.25497847384737,42.74694325122512]],[[-73.25497847384737,42.74694325122512],[-72.82422988458845,42.736257551655164],[-72.46527272687268,42.72557185208521]],[[-86.10564472007201,45.006968710271025],[-86.14154043584358,45.001625860486044],[-86.14154043584358,45.039025808980895],[-86.10564472007201,45.039025808980895],[-86.10564472007201,45.006968710271025]],[[-86.03385328852885,45.15656850425042],[-85.9620618569857,45.14053995489549],[-85.99795757275727,45.0871114570457],[-85.99795757275727,45.065740057905785],[-86.06974900430042,45.103140006400636],[-86.06974900430042,45.14053995489549],[-86.03385328852885,45.15656850425042]],[[-88.69013625562556,48.116507285128506],[-88.65424053985399,48.13787868426843],[-88.54655339253925,48.17527863276327],[-88.43886624522452,48.16459293319332],[-88.58244910831083,48.084450186418636],[-88.58244910831083,48.057735937493746],[-88.65424053985399,48.00965028942894],[-88.83371911871187,47.966907491149115],[-88.90551055025502,47.95087894179417],[-88.97730198179818,47.92416469286928],[-88.97730198179818,47.902793293729374],[-88.90551055025502,47.89210759415941],[-89.04909341334132,47.85470764566456],[-89.12088484488449,47.82799339673967],[-89.19267627642763,47.83333624652465],[-89.2644677079708,47.87607904480448],[-89.19267627642763,47.934850392439245],[-89.08498912911291,47.966907491149115],[-88.83371911871187,48.057735937493746],[-88.7978234029403,48.057735937493746],[-88.72603197139713,48.10047873577358],[-88.69013625562556,48.116507285128506]],[[-84.59802465766576,45.83511042694269],[-84.63392037343733,45.86182467586758],[-84.63392037343733,45.8831960750075],[-84.59802465766576,45.82442472737273],[-84.34675464726472,45.77099622952295],[-84.3826503630363,45.74428198059806],[-84.41854607880788,45.722910581458144],[-84.49033751035103,45.73893913081308],[-84.56212894189419,45.79236762866286],[-84.59802465766576,45.83511042694269]],[[-85.53131326772677,45.82976757715771],[-85.45952183618361,45.79771047844784],[-85.45952183618361,45.76565337973797],[-85.53131326772677,45.79771047844784],[-85.53131326772677,45.82976757715771]],[[-85.71079184658466,45.69619633253325],[-85.71079184658466,45.7335962810281],[-85.6390004150415,45.74428198059806],[-85.67489613081308,45.69619633253325],[-85.71079184658466,45.69619633253325]],[[-85.56720898349835,45.76031052995299],[-85.49541755195519,45.72825343124312],[-85.49541755195519,45.68016778317832],[-85.49541755195519,45.62139643554355],[-85.53131326772677,45.57865363726373],[-85.60310469926992,45.5839964870487],[-85.6390004150415,45.600025036403636],[-85.60310469926992,45.63742498489849],[-85.60310469926992,45.68016778317832],[-85.56720898349835,45.71222488188819],[-85.56720898349835,45.76031052995299]],[[-86.82355903550355,41.7585160410041],[-86.71587188818881,41.81728738863886],[-86.60818474087408,41.89208728562856],[-86.5722890251025,41.94017293369337],[-86.5722890251025,41.998944281328136],[-86.50049759355934,42.116486976597656],[-86.39281044624462,42.19662972337234],[-86.35691473047304,42.2554010710071],[-86.28512329892989,42.35691521692169],[-86.24922758315832,42.47980076197619],[-86.21333186738673,42.59734345724572],[-86.21333186738673,42.640086255525546],[-86.21333186738673,42.72022900230023],[-86.21333186738673,42.85914309670967],[-86.21333186738673,42.987371491549155],[-86.24922758315832,43.083542787678766],[-86.32101901470146,43.19574263316331],[-86.39281044624462,43.31862817821782],[-86.4287061620162,43.3987709249925],[-86.46460187778777,43.516313620262025],[-86.53639330933093,43.61782776617662],[-86.53639330933093,43.67659911381138],[-86.46460187778777,43.7460561610161],[-86.4287061620162,43.81551320822082],[-86.4287061620162,43.858256006500646],[-86.46460187778777,43.97045585198519],[-86.50049759355934,44.02388434983498],[-86.50049759355934,44.05594144854486],[-86.4287061620162,44.1200556459646],[-86.35691473047304,44.20554124252425],[-86.35691473047304,44.24828404080408],[-86.28512329892989,44.34445533693369],[-86.24922758315832,44.419255233923394],[-86.24922758315832,44.483369431343135],[-86.21333186738673,44.568855027902785],[-86.24922758315832,44.64899777467747],[-86.24922758315832,44.68639772317232],[-86.24922758315832,44.70776912231223],[-86.10564472007201,44.72914052145214],[-86.06974900430042,44.77188331973197],[-86.06974900430042,44.90545456435643],[-86.03385328852885,44.916140263926394],[-85.99795757275727,44.90545456435643],[-85.92616614121411,44.96956876177617],[-85.85437470967096,44.9375116630663],[-85.81847899389939,44.948197362636265],[-85.7825832781278,44.980254461346135],[-85.74668756235623,45.04971150855086],[-85.67489613081308,45.09245430683068],[-85.6390004150415,45.14588280468047],[-85.60310469926992,45.18862560296029],[-85.53131326772677,45.17793990339034],[-85.60310469926992,45.129854255325526],[-85.56720898349835,45.044368658765876],[-85.60310469926992,45.039025808980895],[-85.6390004150415,45.006968710271025],[-85.60310469926992,44.974911611561154],[-85.60310469926992,44.92682596349635],[-85.6390004150415,44.92148311371137],[-85.6390004150415,44.87339746564656],[-85.6390004150415,44.83065466736673],[-85.6390004150415,44.76654046994699],[-85.60310469926992,44.76654046994699],[-85.56720898349835,44.80928326822682],[-85.53131326772677,44.8894260150015],[-85.53131326772677,44.974911611561154],[-85.45952183618361,44.99094016091609],[-85.49541755195519,44.86805461586158],[-85.56720898349835,44.80928326822682],[-85.56720898349835,44.761197620162015],[-85.53131326772677,44.75051192059206],[-85.49541755195519,44.80394041844184],[-85.45952183618361,44.8146261180118],[-85.38773040464046,44.93216881328132],[-85.38773040464046,44.99628301070106],[-85.38773040464046,45.044368658765876],[-85.35183468886888,45.11916855575557],[-85.38773040464046,45.18862560296029],[-85.38773040464046,45.2367112510251],[-85.38773040464046,45.26876834973497],[-85.3159389730973,45.3115111480148],[-85.28004325732573,45.31685399779978],[-85.20825182578257,45.3595967960796],[-85.13646039423942,45.37028249564956],[-85.02877324692469,45.3595967960796],[-84.92108609960995,45.39165389478948],[-84.92108609960995,45.42371099349935],[-85.02877324692469,45.4343966930693],[-85.10056467846785,45.477139491349135],[-85.13646039423942,45.567967937693766],[-85.06466896269626,45.626739285328526],[-85.02877324692469,45.65345353425342],[-84.95698181538154,45.71222488188819],[-84.95698181538154,45.73893913081308],[-84.92108609960995,45.749624830383034],[-84.81339895229523,45.749624830383034],[-84.77750323652364,45.787024778877885],[-84.56212894189419,45.70153918231823],[-84.45444179457945,45.65345353425342],[-84.41854607880788,45.66948208360836],[-84.3826503630363,45.65345353425342],[-84.34675464726472,45.66413923382338],[-84.20317178417841,45.63742498489849],[-84.13138035263526,45.573310787478746],[-84.09548463686369,45.503853740274025],[-84.0595889210921,45.49316804070406],[-84.02369320532053,45.498510890489044],[-83.91600605800579,45.48782519091909],[-83.80831891069107,45.41836814371437],[-83.73652747914791,45.413025293929394],[-83.5929446160616,45.35425394629463],[-83.48525746874687,45.3595967960796],[-83.41346603720372,45.290139748874886],[-83.37757032143213,45.26876834973497],[-83.41346603720372,45.24739695059506],[-83.37757032143213,45.1619113540354],[-83.30577888988898,45.129854255325526],[-83.26988317411741,45.02299725962596],[-83.34167460566056,45.039025808980895],[-83.41346603720372,45.071082907690766],[-83.44936175297529,45.033682959195914],[-83.44936175297529,44.95354021242124],[-83.37757032143213,44.90545456435643],[-83.30577888988898,44.87874031543154],[-83.30577888988898,44.83065466736673],[-83.30577888988898,44.74516907080708],[-83.26988317411741,44.71311197209721],[-83.30577888988898,44.65434062446244],[-83.30577888988898,44.606254976397636],[-83.30577888988898,44.542140778977895],[-83.34167460566056,44.445969482848284],[-83.30577888988898,44.40322668456845],[-83.34167460566056,44.33911248714871],[-83.37757032143213,44.33376963736373],[-83.41346603720372,44.27499828972897],[-83.52115318451844,44.27499828972897],[-83.55704890029003,44.226912641664164],[-83.5929446160616,44.05594144854486],[-83.66473604760476,44.050598598759876],[-83.70063176337634,44.018541500050006],[-83.66473604760476,43.99182725112511],[-83.77242319491948,43.986484401340135],[-83.84421462646264,43.986484401340135],[-83.88011034223422,43.95977015241524],[-83.91600605800579,43.90099880478047],[-83.91600605800579,43.77811325972597],[-83.95190177377738,43.75139901080108],[-83.91600605800579,43.6712562640264],[-83.84421462646264,43.64454201510151],[-83.77242319491948,43.63385631553155],[-83.66473604760476,43.59111351725173],[-83.5929446160616,43.64988486488649],[-83.52115318451844,43.71934191209121],[-83.48525746874687,43.71399906230623],[-83.41346603720372,43.81017035843584],[-83.41346603720372,43.831541757575756],[-83.34167460566056,43.87962740564056],[-83.34167460566056,43.91168450435043],[-83.26988317411741,43.93839875327532],[-83.26988317411741,43.975798701770174],[-83.19809174257425,43.981141551555154],[-83.05450887948794,44.013198650265025],[-83.01861316371637,44.045255748974895],[-82.9827174479448,44.066627148114804],[-82.91092601640163,44.071969997899785],[-82.87503030063006,44.045255748974895],[-82.8032388690869,44.02388434983498],[-82.73144743754375,43.99182725112511],[-82.69555172177218,43.88497025542554],[-82.62376029022901,43.831541757575756],[-82.62376029022901,43.74071331123112],[-82.58786457445744,43.601799216821675],[-82.58786457445744,43.543027869186915],[-82.55196885868587,43.43617087348734],[-82.51607314291428,43.22779973187318],[-82.4801774271427,43.104914186818675],[-82.40838599559956,43.008742890689064],[-82.40838599559956,42.97668579197919],[-82.44428171137113,42.928600143914394],[-82.4801774271427,42.81105744864486],[-82.4801774271427,42.762971800580054],[-82.51607314291428,42.66680050445044],[-82.51607314291428,42.608029156815675],[-82.58786457445744,42.549257809180915],[-82.69555172177218,42.55994350875088],[-82.69555172177218,42.6294005559556],[-82.65965600600059,42.6294005559556],[-82.62376029022901,42.6774862040204],[-82.69555172177218,42.68817190359036],[-82.8032388690869,42.65611480488049],[-82.8032388690869,42.61871485638564],[-82.8032388690869,42.6026863070307],[-82.76734315331532,42.57062920832083],[-82.83913458485848,42.55994350875088],[-82.87503030063006,42.522543560256025],[-82.87503030063006,42.47445791219121],[-82.87503030063006,42.4530865130513],[-82.87503030063006,42.39965801520152],[-82.9468217321732,42.34088666756675],[-83.05450887948794,42.31951526842684],[-83.09040459525951,42.29280101950195],[-83.1263003110311,42.239372521652164],[-83.1263003110311,42.175258324232416],[-83.1263003110311,42.12717267616762],[-83.1263003110311,42.08977272767277],[-83.19809174257425,42.06840132853285],[-83.19809174257425,42.00962998089808],[-83.23398745834582,41.97223003240324],[-83.26988317411741,41.94017293369337],[-83.34167460566056,41.92414438433843],[-83.34167460566056,41.8814015860586],[-83.37757032143213,41.87071588648865],[-83.44936175297529,41.79057313971397],[-83.41346603720372,41.742487491649165],[-83.44936175297529,41.73180179207921]],[[-83.44936175297529,41.73180179207921],[-83.77242319491948,41.72111609250925],[-84.34675464726472,41.70508754315431],[-84.81339895229523,41.69440184358436]],[[-90.41313061266126,46.567080847484746],[-90.3413391811181,46.60982364576458],[-90.01827773917391,46.67393784318432],[-89.91059059185918,46.73805204060406],[-89.83879916031603,46.79682338823882],[-89.80290344454446,46.81819478737874],[-89.65932058145815,46.83422333673367],[-89.62342486568656,46.81819478737874],[-89.51573771837184,46.83956618651865],[-89.44394628682868,46.83956618651865],[-89.37215485528553,46.85559473587358],[-89.2644677079708,46.903680383938394],[-89.19267627642763,46.93039463286328],[-89.15678056065606,46.98382313071307],[-89.01319769756975,46.994508830283024],[-88.9414062660266,47.021223079207914],[-88.90551055025502,47.1013658259826],[-88.7978234029403,47.13876577447745],[-88.76192768716871,47.15479432383238],[-88.72603197139713,47.18685142254225],[-88.65424053985399,47.2242513710371],[-88.58244910831083,47.245622770177015],[-88.51065767676768,47.29370841824182],[-88.40297052945294,47.373851165016504],[-88.29528338213821,47.4219368130813],[-88.22349195059506,47.432622512651264],[-88.18759623482347,47.459336761576154],[-87.97222194019402,47.48070816071607],[-87.79274336133614,47.47536531093109],[-87.72095192979297,47.437965362436245],[-87.75684764556455,47.405908263726374],[-87.82863907710771,47.38453686458645],[-87.86453479287928,47.39522256415641],[-87.97222194019402,47.38987971437143],[-87.93632622442244,47.34179406630663],[-88.04401337173717,47.2990512680268],[-88.1517005190519,47.21890852125212],[-88.22349195059506,47.20822282168217],[-88.25938766636664,47.14410862426242],[-88.29528338213821,47.09602297619762],[-88.36707481368137,47.06930872727273],[-88.36707481368137,47.021223079207914],[-88.40297052945294,46.97848028092809],[-88.43886624522452,46.973137431143115],[-88.47476196099609,46.88765183458345],[-88.47476196099609,46.83422333673367],[-88.47476196099609,46.786137688668866],[-88.43886624522452,46.786137688668866],[-88.36707481368137,46.83956618651865],[-88.25938766636664,46.93039463286328],[-88.1517005190519,46.967794581358135],[-88.18759623482347,46.903680383938394],[-88.07990908750875,46.91970893329332],[-87.97222194019402,46.903680383938394],[-87.90043050865086,46.909023233723374],[-87.75684764556455,46.86628043544354],[-87.72095192979297,46.82888048694869],[-87.64916049824983,46.812851937593756],[-87.57736906670667,46.780794838883885],[-87.57736906670667,46.72202349124912],[-87.50557763516352,46.68996639253925],[-87.50557763516352,46.64722359425942],[-87.46968191939193,46.63653789468947],[-87.43378620362036,46.6044807959796],[-87.39789048784878,46.593795096409636],[-87.36199477207721,46.54570944834484],[-87.39789048784878,46.524338049204914],[-87.36199477207721,46.502966650065005],[-87.25430762476248,46.48693810071007],[-87.11072476167617,46.497623800280024],[-87.00303761436143,46.535023748774876],[-86.96714189858986,46.524338049204914],[-86.93124618281827,46.470909551355135],[-86.8953504670467,46.46022385178517],[-86.85945475127512,46.438852452645264],[-86.82355903550355,46.438852452645264],[-86.78766331973196,46.476252401140115],[-86.75176760396039,46.476252401140115],[-86.67997617241724,46.45488100200019],[-86.67997617241724,46.497623800280024],[-86.71587188818881,46.54570944834484],[-86.64408045664565,46.561737997699765],[-86.64408045664565,46.535023748774876],[-86.64408045664565,46.48693810071007],[-86.5722890251025,46.465566701570154],[-86.50049759355934,46.524338049204914],[-86.35691473047304,46.57776654705471],[-86.14154043584358,46.67393784318432],[-86.10564472007201,46.65790929382938],[-85.9620618569857,46.67928069296929],[-85.89027042544254,46.68996639253925],[-85.7825832781278,46.67928069296929],[-85.60310469926992,46.67393784318432],[-85.49541755195519,46.67928069296929],[-85.24414754155416,46.75408058995899],[-85.172356110011,46.76476628952895],[-85.06466896269626,46.75942343974397],[-84.95698181538154,46.77010913931393],[-84.99287753115311,46.7273663410341],[-85.02877324692469,46.69530924232423],[-85.02877324692469,46.58310939683968],[-85.02877324692469,46.54036659855986],[-85.06466896269626,46.524338049204914],[-85.02877324692469,46.48159525092509],[-84.92108609960995,46.465566701570154],[-84.8492946680668,46.470909551355135],[-84.81339895229523,46.444195302430245],[-84.66981608920892,46.48693810071007],[-84.63392037343733,46.48693810071007],[-84.56212894189419,46.41748105350535],[-84.45444179457945,46.465566701570154],[-84.41854607880788,46.502966650065005],[-84.34675464726472,46.508309499849986],[-84.31085893149314,46.492280950495044],[-84.23906749995,46.502966650065005],[-84.23906749995,46.535023748774876],[-84.13138035263526,46.529680898989895],[-84.09548463686369,46.502966650065005],[-84.13138035263526,46.41748105350535],[-84.13138035263526,46.315966907590756],[-84.13138035263526,46.23582416081608],[-84.20317178417841,46.2304813110311],[-84.23906749995,46.20910991189119],[-84.23906749995,46.17705281318132],[-84.20317178417841,46.16102426382638],[-84.16727606840684,46.18239566296629],[-84.13138035263526,46.18239566296629],[-84.09548463686369,46.15033856425642],[-84.02369320532053,46.13431001490149],[-84.0595889210921,46.091567216621655],[-83.98779748954895,46.032795868986895],[-83.95190177377738,46.032795868986895],[-83.91600605800579,46.000738770277025],[-83.88011034223422,45.995395920492044],[-83.84421462646264,46.027453019201914],[-83.80831891069107,45.995395920492044],[-83.77242319491948,46.01676731963196],[-83.77242319491948,46.04882441834183],[-83.80831891069107,46.07553866726673],[-83.70063176337634,46.10225291619162],[-83.62884033183317,46.10225291619162],[-83.5929446160616,46.091567216621655],[-83.52115318451844,46.011424469846986],[-83.48525746874687,45.995395920492044],[-83.52115318451844,45.9312817230723],[-83.55704890029003,45.909910323932394],[-83.66473604760476,45.947310272427245],[-83.70063176337634,45.93662457285728],[-83.77242319491948,45.9312817230723],[-83.88011034223422,45.968681671567154],[-83.91600605800579,45.95799597199719],[-83.98779748954895,45.968681671567154],[-84.02369320532053,45.95799597199719],[-84.09548463686369,45.979367371137116],[-84.23906749995,45.968681671567154],[-84.23906749995,45.95799597199719],[-84.34675464726472,45.95799597199719],[-84.3826503630363,45.9312817230723],[-84.52623322612261,46.006081620062005],[-84.56212894189419,46.032795868986895],[-84.59802465766576,46.027453019201914],[-84.66981608920892,46.05416726812681],[-84.7057118049805,46.027453019201914],[-84.66981608920892,45.968681671567154],[-84.7057118049805,45.968681671567154],[-84.74160752075207,45.90456747414741],[-84.7057118049805,45.85113897629763],[-84.74160752075207,45.83511042694269],[-84.8492946680668,45.87251037543754],[-84.8492946680668,45.89922462436243],[-84.92108609960995,45.9312817230723],[-84.99287753115311,46.006081620062005],[-85.13646039423942,46.04882441834183],[-85.20825182578257,46.04348156855686],[-85.35183468886888,46.091567216621655],[-85.38773040464046,46.08088151705171],[-85.42362612041204,46.10225291619162],[-85.53131326772677,46.091567216621655],[-85.60310469926992,46.032795868986895],[-85.67489613081308,45.968681671567154],[-85.71079184658466,45.95799597199719],[-85.81847899389939,45.979367371137116],[-85.85437470967096,45.96333882178217],[-85.89027042544254,45.968681671567154],[-85.92616614121411,45.9312817230723],[-86.03385328852885,45.96333882178217],[-86.21333186738673,45.96333882178217],[-86.28512329892989,45.941967422642264],[-86.32101901470146,45.90456747414741],[-86.32101901470146,45.85113897629763],[-86.35691473047304,45.79236762866286],[-86.4287061620162,45.79236762866286],[-86.4287061620162,45.76565337973797],[-86.50049759355934,45.74428198059806],[-86.50049759355934,45.754967680168015],[-86.53639330933093,45.70688203210321],[-86.5722890251025,45.70688203210321],[-86.5722890251025,45.66413923382338],[-86.64408045664565,45.658796384038396],[-86.60818474087408,45.62139643554355],[-86.64408045664565,45.61605358575858],[-86.71587188818881,45.64811068446845],[-86.71587188818881,45.68551063296329],[-86.5722890251025,45.81373902780278],[-86.53639330933093,45.85113897629763],[-86.53639330933093,45.88853892479248],[-86.5722890251025,45.89922462436243],[-86.64408045664565,45.86182467586758],[-86.64408045664565,45.83511042694269],[-86.78766331973196,45.86182467586758],[-86.78766331973196,45.81373902780278],[-86.82355903550355,45.77099622952295],[-86.82355903550355,45.722910581458144],[-86.93124618281827,45.69619633253325],[-86.96714189858986,45.70688203210321],[-86.96714189858986,45.754967680168015],[-87.00303761436143,45.8083961780178],[-87.00303761436143,45.84045327672767],[-87.07482904590458,45.81373902780278],[-87.07482904590458,45.717567731673164],[-87.11072476167617,45.68551063296329],[-87.18251619321931,45.66413923382338],[-87.25430762476248,45.55193938833883],[-87.29020334053405,45.503853740274025],[-87.32609905630562,45.445082392639264],[-87.32609905630562,45.42905384328432],[-87.39789048784878,45.37028249564956],[-87.46968191939193,45.27411119951995],[-87.54147335093509,45.19396845274527],[-87.57736906670667,45.16725420382038],[-87.61326478247824,45.12451140554055],[-87.57736906670667,45.097797156615655]],[[-87.57736906670667,45.097797156615655],[-87.64916049824983,45.10848285618562],[-87.6850562140214,45.14588280468047],[-87.72095192979297,45.17793990339034],[-87.6850562140214,45.27945404930493],[-87.64916049824983,45.33822539693969],[-87.64916049824983,45.37028249564956],[-87.6850562140214,45.39165389478948],[-87.75684764556455,45.34891109650965],[-87.82863907710771,45.35425394629463],[-87.86453479287928,45.37028249564956],[-87.86453479287928,45.40768244414441],[-87.86453479287928,45.4343966930693],[-87.82863907710771,45.46645379177917],[-87.79274336133614,45.498510890489044],[-87.79274336133614,45.535910838983895],[-87.79274336133614,45.6107107359736],[-87.82863907710771,45.64811068446845],[-87.79274336133614,45.67482493339334],[-87.82863907710771,45.71222488188819],[-87.90043050865086,45.76031052995299],[-87.97222194019402,45.76031052995299],[-88.00811765596559,45.79771047844784],[-88.04401337173717,45.78168192909291],[-88.07990908750875,45.787024778877885],[-88.1517005190519,45.819081877587756],[-88.07990908750875,45.85648182608261],[-88.11580480328033,45.92059602350235],[-88.1517005190519,45.93662457285728],[-88.33117909790978,45.96333882178217],[-88.36707481368137,45.99005307070706],[-88.40297052945294,45.974024521352135],[-88.51065767676768,46.011424469846986],[-88.58244910831083,46.01676731963196],[-88.6183448240824,45.99005307070706],[-88.72603197139713,46.027453019201914],[-88.76192768716871,46.01676731963196],[-88.83371911871187,46.038138718771876],[-89.08498912911291,46.13965286468647],[-89.47984200260025,46.214452761676164],[-90.12596488648865,46.33733830673067],[-90.12596488648865,46.35870970587058],[-90.16186060226022,46.438852452645264],[-90.23365203380338,46.502966650065005],[-90.26954774957495,46.502966650065005],[-90.3413391811181,46.556395147914785],[-90.37723489688969,46.535023748774876],[-90.41313061266126,46.567080847484746]],[[-96.44361086228622,43.50028507090709],[-96.44361086228622,43.975798701770174],[-96.44361086228622,44.46199803220322],[-96.44361086228622,44.96422591199119],[-96.44361086228622,45.29548259865986],[-96.47950657805781,45.3595967960796],[-96.62308944114412,45.40768244414441],[-96.69488087268726,45.413025293929394],[-96.73077658845884,45.45576809220922],[-96.76667230423043,45.51988228962896],[-96.87435945154515,45.60536788618862],[-96.83846373577357,45.64276783468347],[-96.76667230423043,45.69619633253325],[-96.65898515691569,45.74428198059806],[-96.62308944114412,45.787024778877885],[-96.58719372537253,45.82442472737273],[-96.55129800960096,45.93662457285728]],[[-96.55129800960096,45.93662457285728],[-96.58719372537253,46.027453019201914],[-96.55129800960096,46.08622436683668],[-96.58719372537253,46.219795611461144],[-96.58719372537253,46.33199545694569],[-96.65898515691569,46.37473825522552],[-96.73077658845884,46.438852452645264],[-96.73077658845884,46.476252401140115],[-96.76667230423043,46.58310939683968],[-96.802568020002,46.63119504490449],[-96.802568020002,46.66325214361436],[-96.76667230423043,46.7273663410341],[-96.802568020002,46.81819478737874],[-96.76667230423043,46.83422333673367],[-96.76667230423043,46.89299468436843],[-96.802568020002,46.962451731573154],[-96.802568020002,46.967794581358135],[-96.802568020002,47.10670867576758],[-96.83846373577357,47.19753712211221],[-96.83846373577357,47.29370841824182],[-96.83846373577357,47.38453686458645],[-96.87435945154515,47.4219368130813],[-96.83846373577357,47.50742240964097],[-96.83846373577357,47.587565156415636],[-96.87435945154515,47.619622255125506],[-96.91025516731673,47.68907930233023],[-96.94615088308831,47.76922204910491],[-96.98204659885988,47.80662199759976],[-97.01794231463145,47.9188218430843],[-97.05383803040304,47.9455360920092],[-97.08973374617462,48.052393087708765],[-97.08973374617462,48.06842163706371],[-97.16152517771776,48.1699357829783],[-97.12562946194619,48.23404998039804],[-97.12562946194619,48.28213562846284],[-97.16152517771776,48.36227837523752],[-97.12562946194619,48.458449671367134],[-97.16152517771776,48.54393526792679],[-97.08973374617462,48.68819221212121],[-97.12562946194619,48.72559216061606],[-97.16152517771776,48.85382055545554],[-97.19742089348935,48.90724905330533],[-97.23331660926092,48.966020400940096],[-97.23331660926092,48.998077499649966]],[[-97.23331660926092,48.998077499649966],[-96.94615088308831,48.998077499649966],[-96.40771514651465,48.998077499649966],[-95.97696655725572,48.998077499649966],[-95.36673938913891,48.998077499649966],[-95.15136509450944,48.998077499649966],[-95.15136509450944,49.38276268416841],[-95.04367794719472,49.35070558545854],[-94.97188651565156,49.37207698459846],[-94.86419936833683,49.32399133653365],[-94.82830365256525,49.29193423782378],[-94.7565122210221,49.12096304470447],[-94.7565122210221,49.09959164556456],[-94.7565122210221,48.998077499649966],[-94.72061650525052,48.998077499649966],[-94.68472078947894,48.88587765416541],[-94.72061650525052,48.82176345674567],[-94.68472078947894,48.77902065846584],[-94.57703364216421,48.72024931083108],[-94.54113792639264,48.704220761476144],[-94.4334507790779,48.69353506190619],[-94.4334507790779,48.709563611261125],[-94.25397220022002,48.69887791169117],[-94.25397220022002,48.65079226362636],[-94.14628505290528,48.645449413841376],[-94.00270218981898,48.645449413841376],[-93.93091075827583,48.62942086448645],[-93.85911932673267,48.62942086448645],[-93.78732789518952,48.57064951685168],[-93.8232236109611,48.527906718571856],[-93.78732789518952,48.517221019001894],[-93.64374503210321,48.517221019001894],[-93.64374503210321,48.53324956835684],[-93.53605788478848,48.527906718571856],[-93.46426645324532,48.54393526792679],[-93.46426645324532,48.5920209159916],[-93.3565793059306,48.613392315131506],[-93.3565793059306,48.62407801470147],[-93.24889215861586,48.645449413841376],[-93.21299644284429,48.6401065640564],[-93.1771007270727,48.62407801470147],[-92.99762214821482,48.62407801470147],[-92.7104564220422,48.53859241814181],[-92.63866499049905,48.54393526792679],[-92.63866499049905,48.501192469646966],[-92.7104564220422,48.495849619861986],[-92.7104564220422,48.463792521152115],[-92.63866499049905,48.437078272227225],[-92.49508212741274,48.44776397179717],[-92.45918641164116,48.399678323732374],[-92.45918641164116,48.35159267566756],[-92.42329069586958,48.2928213280328],[-92.35149926432643,48.2180214310431],[-92.27970783278327,48.244735679967995],[-92.31560354855485,48.28747847824782],[-92.27970783278327,48.34090697609761],[-92.27970783278327,48.35693552545254],[-92.20791640124013,48.34624982588258],[-92.17202068546854,48.36227837523752],[-92.10022925392539,48.35159267566756],[-91.99254210661066,48.31953557695769],[-91.99254210661066,48.26610707910791],[-91.88485495929592,48.239392830183014],[-91.84895924352435,48.207335731473144],[-91.70537638043804,48.19665003190319],[-91.70537638043804,48.1432215340534],[-91.70537638043804,48.116507285128506],[-91.63358494889489,48.0951358859886],[-91.56179351735173,48.0951358859886],[-91.56179351735173,48.04170738813881],[-91.49000208580858,48.06842163706371],[-91.41821065426542,48.04705023792379],[-91.38231493849385,48.06842163706371],[-91.23873207540754,48.084450186418636],[-91.1310449280928,48.14856438383838],[-90.9874620650065,48.2180214310431],[-90.87977491769176,48.244735679967995],[-90.84387920192019,48.239392830183014],[-90.84387920192019,48.17527863276327],[-90.77208777037703,48.10047873577358],[-90.62850490729072,48.10582158555855],[-90.59260919151914,48.12185013491349],[-90.55671347574757,48.0951358859886],[-90.44902632843284,48.10047873577358],[-90.37723489688969,48.089793036203616],[-90.30544346534653,48.10582158555855],[-90.12596488648865,48.11116443534353],[-90.01827773917391,48.084450186418636],[-89.98238202340234,48.014993139213914],[-89.8746948760876,47.988278890289024],[-89.80290344454446,48.014993139213914],[-89.76700772877287,48.025678838783875],[-89.69521629722972,48.00965028942894],[-89.62342486568656,48.00965028942894],[-89.58752914991499,47.993621740074005],[-89.58752914991499,47.966907491149115],[-89.69521629722972,47.94019324222422],[-89.80290344454446,47.89210759415941],[-89.91059059185918,47.86005049544954],[-89.98238202340234,47.82799339673967],[-90.05417345494548,47.811964847384736],[-90.1977563180318,47.779907748674866],[-90.23365203380338,47.774564898889885],[-90.3413391811181,47.747850649964995],[-90.44902632843284,47.73182210061006],[-90.520817759976,47.70510785168517],[-90.73619205460545,47.62496510491049],[-90.87977491769176,47.555508057705765],[-91.02335778077807,47.464679611361134],[-91.16694064386438,47.36850831523152],[-91.20283635963597,47.34179406630663],[-91.34641922272228,47.20822282168217],[-91.41821065426542,47.17082287318732],[-91.49000208580858,47.12808007490749],[-91.56179351735173,47.090680126412636],[-91.66948066466647,47.01588022942294],[-91.70537638043804,47.005194529852986],[-91.81306352775277,46.935737482648264],[-91.84895924352435,46.9250517830783],[-92.10022925392539,46.786137688668866],[-92.06433353815382,46.74339489038904],[-92.02843782238223,46.70599494189419]],[[-92.02843782238223,46.70599494189419],[-92.10022925392539,46.748737740174015],[-92.13612496969697,46.73805204060406],[-92.20791640124013,46.6525664440444],[-92.27970783278327,46.66859499339934],[-92.27970783278327,46.07553866726673],[-92.31560354855485,46.064852967696766],[-92.35149926432643,46.011424469846986],[-92.42329069586958,46.027453019201914],[-92.45918641164116,45.974024521352135],[-92.53097784318432,45.98471022092209],[-92.56687355895589,45.95265312221222],[-92.63866499049905,45.9312817230723],[-92.7104564220422,45.89388177457745],[-92.78224785358536,45.76565337973797],[-92.85403928512851,45.717567731673164],[-92.88993500090008,45.63742498489849],[-92.88993500090008,45.573310787478746],[-92.81814356935693,45.562625087908785],[-92.78224785358536,45.567967937693766],[-92.7104564220422,45.541253688768876],[-92.7104564220422,45.514539439843986],[-92.63866499049905,45.439739542854284],[-92.63866499049905,45.39699674457445],[-92.7104564220422,45.35425394629463],[-92.7104564220422,45.33822539693969],[-92.74635213781377,45.290139748874886],[-92.74635213781377,45.220682701670164],[-92.78224785358536,45.18328275317532],[-92.74635213781377,45.10848285618562],[-92.78224785358536,45.08176860726073],[-92.78224785358536,45.04971150855086],[-92.78224785358536,45.028340109410934],[-92.78224785358536,44.96956876177617],[-92.74635213781377,44.9375116630663],[-92.78224785358536,44.89476886478648],[-92.78224785358536,44.84134036693669],[-92.81814356935693,44.75051192059206],[-92.74635213781377,44.71845482188219],[-92.63866499049905,44.63831207510751],[-92.63866499049905,44.6169406759676],[-92.56687355895589,44.600912126612656],[-92.53097784318432,44.568855027902785],[-92.35149926432643,44.55816932833283],[-92.31560354855485,44.536797929192915],[-92.27970783278327,44.472683731773174],[-92.20791640124013,44.4406266330633],[-92.06433353815382,44.40322668456845],[-91.95664639083908,44.36048388628863],[-91.92075067506751,44.33376963736373],[-91.92075067506751,44.28568398929893],[-91.88485495929592,44.27499828972897],[-91.88485495929592,44.20019839273927],[-91.81306352775277,44.16279844424442],[-91.70537638043804,44.1200556459646],[-91.63358494889489,44.06128429832983],[-91.5976892331233,44.02922719961996],[-91.49000208580858,44.018541500050006],[-91.454106370037,44.00251295069506],[-91.38231493849385,43.93305590349034],[-91.27462779117911,43.84757030693069],[-91.23873207540754,43.77277040994099],[-91.27462779117911,43.70865621252125],[-91.27462779117911,43.61782776617662],[-91.23873207540754,43.580427817681766],[-91.23873207540754,43.548370718971896],[-91.20283635963597,43.50028507090709]],[[-90.30544346534653,34.994468213221325],[-89.91059059185918,34.994468213221325],[-89.44394628682868,34.994468213221325],[-88.83371911871187,34.994468213221325],[-88.18759623482347,34.994468213221325]],[[-88.40297052945294,30.36756029942994],[-88.43886624522452,30.346188900290027],[-88.43886624522452,30.330160350935092],[-88.51065767676768,30.319474651365134],[-88.51065767676768,30.34084605050505],[-88.58244910831083,30.346188900290027],[-88.58244910831083,30.356874599859985],[-88.65424053985399,30.362217449644966],[-88.69013625562556,30.346188900290027],[-88.76192768716871,30.346188900290027],[-88.83371911871187,30.41030309770977],[-88.86961483448344,30.394274548354836],[-88.90551055025502,30.394274548354836],[-89.01319769756975,30.383588848784875],[-89.08498912911291,30.36756029942994],[-89.2644677079708,30.3034461020102],[-89.2644677079708,30.351531750075004],[-89.30036342374237,30.37290314921492],[-89.33625913951394,30.36756029942994],[-89.33625913951394,30.33550320072007],[-89.33625913951394,30.3034461020102],[-89.4080505710571,30.255360453945393],[-89.44394628682868,30.18590340674067],[-89.47984200260025,30.191246256525652],[-89.51573771837184,30.180560556955694]],[[-94.6129293579358,36.50115185258525],[-94.6129293579358,36.99803688258825]],[[-95.29494795759575,40.000718461746175],[-95.36673938913891,40.032775560456045],[-95.40263510491049,40.038118410241026],[-95.43853082068206,40.059489809380935],[-95.40263510491049,40.12894685658566],[-95.47442653645365,40.18237535443544],[-95.47442653645365,40.23046100250025],[-95.5462179679968,40.27320380078008],[-95.5462179679968,40.28923235013501],[-95.61800939953996,40.3159465990599],[-95.65390511531153,40.41746074497449],[-95.65390511531153,40.44417499389939],[-95.6898008310831,40.470889242824285],[-95.6898008310831,40.529660590459045],[-95.76159226262627,40.524317740674064],[-95.76159226262627,40.583089088308824]],[[-89.4080505710571,36.50115185258525],[-89.44394628682868,36.46375190409041],[-89.47984200260025,36.47443760366036],[-89.47984200260025,36.49580900280028]],[[-89.55163343414341,36.49580900280028],[-89.51573771837184,36.47978045344534],[-89.55163343414341,36.42100910581058],[-89.51573771837184,36.37292345774577],[-89.51573771837184,36.3408663590359],[-89.62342486568656,36.3408663590359],[-89.62342486568656,36.30880926032603],[-89.55163343414341,36.27140931183118],[-89.55163343414341,36.25003791269127],[-89.58752914991499,36.23935221312131],[-89.69521629722972,36.25538076247625],[-89.69521629722972,36.22332366376638],[-89.62342486568656,36.169895165916586],[-89.58752914991499,36.12715236763676],[-89.69521629722972,36.084409569356936],[-89.69521629722972,36.03632392129212],[-89.69521629722972,35.99892397279728],[-89.7311120130013,35.99892397279728]],[[-116.04267167356736,49.00342034943494],[-115.21707021082108,48.998077499649966],[-114.39146874807481,49.00342034943494],[-114.06840730613061,48.998077499649966],[-113.70945014841485,48.998077499649966],[-113.02743154875488,48.998077499649966],[-112.2018300860086,48.998077499649966],[-111.48391577057706,48.998077499649966],[-111.01727146554656,48.998077499649966],[-110.1557742870287,48.998077499649966],[-109.50965140314031,48.998077499649966],[-109.00711138233824,48.998077499649966],[-108.25330135113511,48.998077499649966],[-107.42769988838884,48.998077499649966],[-106.49441127832783,48.998077499649966],[-106.0636626890689,48.998077499649966],[-105.34574837363736,48.998077499649966],[-104.87910406860686,48.998077499649966],[-104.05350260586059,48.998077499649966]],[[-104.05350260586059,48.998077499649966],[-104.05350260586059,48.59736376577658],[-104.05350260586059,47.972250340934096],[-104.05350260586059,47.747850649964995],[-104.05350260586059,47.34179406630663],[-104.05350260586059,46.82888048694869],[-104.05350260586059,46.508309499849986],[-104.05350260586059,45.947310272427245]],[[-104.05350260586059,45.947310272427245],[-104.05350260586059,45.749624830383034],[-104.05350260586059,45.37562534543454],[-104.05350260586059,45.001625860486044],[-104.05350260586059,44.99628301070106]],[[-104.05350260586059,44.99628301070106],[-104.48425119511951,44.99628301070106],[-105.09447836323632,45.001625860486044],[-105.84828839443945,45.001625860486044],[-105.9200798259826,44.99628301070106],[-106.27903698369838,44.99628301070106],[-107.06874273067307,44.99628301070106],[-107.14053416221623,45.001625860486044],[-107.75076133033303,45.001625860486044],[-108.25330135113511,45.001625860486044],[-109.07890281388138,45.001625860486044],[-109.11479852965296,45.006968710271025],[-109.76092141354135,45.001625860486044],[-110.11987857125713,45.001625860486044],[-110.19167000280028,44.99628301070106],[-110.37114858165816,45.001625860486044],[-110.40704429742975,44.99628301070106],[-110.69421002360237,44.99094016091609],[-110.80189717091709,45.001625860486044],[-111.05316718131813,45.001625860486044],[-111.05316718131813,44.62228352575257],[-111.05316718131813,44.472683731773174]],[[-104.05350260586059,40.999831371537155],[-104.05350260586059,41.41657365476547],[-104.05350260586059,41.88674443584358],[-104.05350260586059,42.12717267616762],[-104.05350260586059,42.50117216111611],[-104.05350260586059,42.99805719111911]],[[-104.05350260586059,42.99805719111911],[-103.62275401660166,42.99805719111911],[-103.12021399579957,43.00340004090409],[-102.47409111191119,42.99805719111911],[-101.86386394379437,42.99805719111911],[-101.61259393339334,42.99805719111911],[-101.00236676527652,42.99805719111911],[-100.64340960756076,42.99805719111911],[-99.92549529212921,42.99805719111911],[-99.45885098709871,42.99805719111911],[-98.88451953475348,42.99805719111911],[-98.48966666126613,42.99805719111911],[-98.45377094549455,42.9499715430543],[-98.34608379817982,42.9018858949895],[-98.31018808240825,42.88585734563456],[-98.27429236663666,42.8751716460646],[-98.13070950355035,42.82174314821482],[-98.02302235623561,42.762971800580054],[-97.95123092469247,42.768314650365035],[-97.8794394931493,42.81640029842984],[-97.8794394931493,42.85914309670967],[-97.84354377737773,42.86982879627963],[-97.77175234583459,42.84845739713971],[-97.69996091429142,42.84311454735473],[-97.59227376697669,42.85914309670967],[-97.55637805120512,42.84845739713971],[-97.52048233543354,42.85914309670967],[-97.44869090389038,42.84845739713971],[-97.4127951881188,42.864485946494646],[-97.37689947234723,42.85380024692469],[-97.30510804080407,42.86982879627963],[-97.23331660926092,42.84845739713971],[-97.19742089348935,42.81105744864486],[-97.16152517771776,42.79502889928993],[-97.12562946194619,42.77365750015001],[-97.08973374617462,42.77365750015001],[-96.98204659885988,42.762971800580054],[-96.94615088308831,42.72022900230023],[-96.91025516731673,42.736257551655164],[-96.802568020002,42.704200452945294],[-96.802568020002,42.672143354235416],[-96.73077658845884,42.66680050445044],[-96.69488087268726,42.65077195509551],[-96.69488087268726,42.608029156815675],[-96.69488087268726,42.575972058105805],[-96.62308944114412,42.554600658965896],[-96.62308944114412,42.511857860686064],[-96.55129800960096,42.522543560256025],[-96.51540229382938,42.485143611761174],[-96.44361086228622,42.490486461546155]],[[-119.99120040844085,41.993601431543155],[-119.77582611381138,41.998944281328136],[-119.20149466146614,41.993601431543155],[-118.69895464066407,41.993601431543155],[-118.196414619862,41.998944281328136],[-117.62208316751676,41.998944281328136],[-117.01185599939994,41.998944281328136]],[[-114.03251159035904,41.993601431543155],[-114.03251159035904,41.88674443584358],[-114.03251159035904,41.491373551755174],[-114.03251159035904,41.20820251315131],[-114.03251159035904,40.77008883078308],[-114.03251159035904,40.39608934583458],[-114.03251159035904,39.995375611961194],[-114.03251159035904,39.498490581958194],[-114.03251159035904,39.006948401740175],[-114.06840730613061,38.49937767216721],[-114.03251159035904,38.26429228162816],[-114.03251159035904,37.826178599259926],[-114.06840730613061,37.59109320872087],[-114.06840730613061,36.99803688258825]],[[-71.4960884010401,45.012311560056006],[-71.4960884010401,45.071082907690766],[-71.42429696949694,45.129854255325526],[-71.42429696949694,45.14053995489549],[-71.38840125372536,45.21533985188519],[-71.35250553795379,45.27411119951995],[-71.28071410641063,45.30082544844484],[-71.24481839063905,45.24739695059506],[-71.13713124332432,45.24205410081008],[-71.10123552755275,45.30616829822982]],[[-70.7063826540654,43.072857088108805],[-70.7063826540654,43.040799989398934],[-70.77817408560855,42.987371491549155],[-70.81406980138013,42.90722874477447],[-70.81406980138013,42.86982879627963]],[[-72.46527272687268,42.72557185208521],[-72.46527272687268,42.75762895079508],[-72.53706415841583,42.81105744864486],[-72.53706415841583,42.88585734563456],[-72.53706415841583,42.91791444434443],[-72.53706415841583,42.9499715430543],[-72.46527272687268,42.97134294219421],[-72.4293770111011,43.008742890689064],[-72.46527272687268,43.051485688968896],[-72.4293770111011,43.08888563746375],[-72.4293770111011,43.12094273617362],[-72.46527272687268,43.14765698509851],[-72.4293770111011,43.201085482948294],[-72.4293770111011,43.25985683058306],[-72.39348129532952,43.31328532843284],[-72.4293770111011,43.361370976497646],[-72.39348129532952,43.49494222112211],[-72.39348129532952,43.510970770477044],[-72.35758557955795,43.580427817681766],[-72.32168986378637,43.601799216821675],[-72.32168986378637,43.66591341424142],[-72.28579414801479,43.70331336273627],[-72.28579414801479,43.73537046144614],[-72.24989843224321,43.7460561610161],[-72.17810700070007,43.80482750865086],[-72.17810700070007,43.858256006500646],[-72.14221128492848,43.90099880478047],[-72.1063155691569,43.91702735413541],[-72.1063155691569,43.99182725112511],[-72.07041985338533,44.045255748974895],[-72.03452413761376,44.077312847684766],[-72.03452413761376,44.098684246824675],[-72.03452413761376,44.15745559445944],[-72.07041985338533,44.18951269316932],[-72.03452413761376,44.23759834123412],[-72.07041985338533,44.26965543994399],[-72.03452413761376,44.3177410880088],[-71.99862842184217,44.33911248714871],[-71.89094127452745,44.34979818671867],[-71.85504555875586,44.33911248714871],[-71.81914984298429,44.36048388628863],[-71.78325412721271,44.39788383478347],[-71.71146269566955,44.41391238413841],[-71.67556697989798,44.4406266330633],[-71.6396712641264,44.472683731773174],[-71.60377554835483,44.48871228112811],[-71.56787983258324,44.563512178117804],[-71.56787983258324,44.64899777467747],[-71.6396712641264,44.74516907080708],[-71.56787983258324,44.793254718871886],[-71.56787983258324,44.84668321672167],[-71.4960884010401,44.91079741414141],[-71.53198411681167,44.99628301070106],[-71.4960884010401,45.012311560056006]],[[-74.69080710471046,41.35780230713071],[-74.475432810081,41.24560246164616],[-74.29595423122312,41.17080256465646],[-73.90110135773577,40.999831371537155],[-73.90110135773577,40.98380282218221],[-73.93699707350734,40.8876315260526],[-73.97289278927892,40.82886017841784],[-74.0087885050505,40.75406028142814],[-74.0087885050505,40.711317483148314]],[[-74.0087885050505,40.711317483148314],[-74.08057993659365,40.67391753465346],[-74.08057993659365,40.64720328572857]],[[-74.08057993659365,40.64720328572857],[-74.18826708390839,40.64720328572857],[-74.18826708390839,40.63117473637364]],[[-74.18826708390839,40.63117473637364],[-74.22416279967996,40.57774623852385],[-74.26005851545153,40.540346290029],[-74.26005851545153,40.48691779217921],[-74.26005851545153,40.465546393039304],[-74.18826708390839,40.438832144114414],[-74.11647565236522,40.45486069346934],[-74.04468422082208,40.41746074497449],[-74.0087885050505,40.41211789518952],[-73.97289278927892,40.36937509690969],[-73.97289278927892,40.29991804970497],[-74.04468422082208,40.123604006800676],[-74.08057993659365,39.90989001540154],[-74.08057993659365,39.76563307120712],[-74.15237136813681,39.69083317421742],[-74.22416279967996,39.557261929592954],[-74.26005851545153,39.51451913131313],[-74.29595423122312,39.509176281528156],[-74.29595423122312,39.471776333033304],[-74.40364137853784,39.35957648754875],[-74.51132852585258,39.31149083948395],[-74.61901567316731,39.24203379227923],[-74.65491138893888,39.20997669356936],[-74.72670282048205,39.11914824722472],[-74.69080710471046,39.103119697869786],[-74.76259853625362,39.0229769510951],[-74.7984942520252,38.99091985238523],[-74.87028568356835,38.942834204320434],[-74.9420771151115,38.92680565496549],[-74.97797283088308,38.942834204320434],[-74.9420771151115,39.001605551955194],[-74.90618139933993,39.08709114851485],[-74.87028568356835,39.156548195719566],[-74.97797283088308,39.188605294429436],[-75.01386854665466,39.19394814421442],[-75.04976426242624,39.21531954335433],[-75.15745140974097,39.1992909939994],[-75.19334712551255,39.24203379227923],[-75.30103427282728,39.29011944034403],[-75.33692998859885,39.33820508840884],[-75.37282570437043,39.34354793819382],[-75.408721420142,39.380947886688666],[-75.44461713591359,39.39163358625862],[-75.48051285168516,39.439719234323434],[-75.55230428322831,39.46109063346334],[-75.51640856745674,39.535890530453045],[-75.51640856745674,39.57863332873287],[-75.55230428322831,39.60534757765777],[-75.55230428322831,39.63206182658266],[-75.51640856745674,39.685490324432436]],[[-75.408721420142,39.80303301970197],[-75.33692998859885,39.85111866776677],[-75.26513855705569,39.85111866776677],[-75.15745140974097,39.88317576647665],[-75.12155569396938,39.89920431583158],[-75.12155569396938,39.95797566346634],[-75.08565997819781,39.97934706260626],[-75.04976426242624,40.01140416131613],[-75.01386854665466,40.022089860886084],[-74.9420771151115,40.070175508950896],[-74.87028568356835,40.08086120852085],[-74.7984942520252,40.12894685658566],[-74.7984942520252,40.118261157015695],[-74.72670282048205,40.14497540594059],[-74.76259853625362,40.214432453145314],[-74.83438996779677,40.25183240164016],[-74.87028568356835,40.29457519991999],[-74.9420771151115,40.33731799819982],[-74.97797283088308,40.39608934583458],[-75.01386854665466,40.41211789518952],[-75.04976426242624,40.41746074497449],[-75.08565997819781,40.45486069346934],[-75.08565997819781,40.540346290029],[-75.08565997819781,40.567060538953896],[-75.19334712551255,40.57774623852385],[-75.19334712551255,40.64720328572857],[-75.19334712551255,40.67926038443844],[-75.19334712551255,40.6899460840084],[-75.19334712551255,40.72734603250325],[-75.19334712551255,40.75406028142814],[-75.15745140974097,40.775431680568055],[-75.12155569396938,40.79146022992299],[-75.04976426242624,40.871602976697666],[-75.12155569396938,40.95174572347234],[-75.12155569396938,40.989145671967194],[-75.01386854665466,41.03723132003201],[-74.97797283088308,41.10668836723672],[-74.90618139933993,41.13874546594659],[-74.87028568356835,41.18148826422642],[-74.83438996779677,41.277659560356035],[-74.76259853625362,41.34711660756075],[-74.69080710471046,41.35780230713071]],[[-106.5303069940994,31.783415492449244],[-106.99695129912992,31.783415492449244],[-107.42769988838884,31.783415492449244],[-108.21740563536353,31.783415492449244],[-108.21740563536353,31.33461611051105],[-108.71994565616562,31.33461611051105],[-109.04300709810981,31.33461611051105]],[[-103.01252684848485,36.99803688258825],[-103.01252684848485,36.50115185258525]],[[-103.01252684848485,36.50115185258525],[-103.04842256425643,36.50115185258525],[-103.04842256425643,36.057695320432046],[-103.04842256425643,35.62492448784879],[-103.04842256425643,35.25092500290029],[-103.04842256425643,34.8502112690269],[-103.04842256425643,34.46018323472347],[-103.04842256425643,34.0060410030003],[-103.04842256425643,33.38627042794279],[-103.04842256425643,33.001585243424344],[-103.04842256425643,32.52072876277627],[-103.04842256425643,32.002472333633364],[-103.7304411639164,32.002472333633364],[-104.01760689008901,32.002472333633364],[-104.52014691089109,32.002472333633364],[-104.91499978437844,32.002472333633364],[-105.41753980518051,32.002472333633364],[-106.13545412061207,32.002472333633364],[-106.60209842564257,32.002472333633364],[-106.63799414141414,31.92767243664366],[-106.63799414141414,31.89561533793379],[-106.63799414141414,31.8689010890089],[-106.56620270987099,31.810129741374137],[-106.5303069940994,31.783415492449244]],[[-74.18826708390839,40.63117473637364],[-74.08057993659365,40.64720328572857]],[[-74.08057993659365,40.64720328572857],[-74.04468422082208,40.60446048744875],[-74.11647565236522,40.54568913981398],[-74.15237136813681,40.535003440244026],[-74.26005851545153,40.497603491749175],[-74.26005851545153,40.54568913981398],[-74.22416279967996,40.561717689168916],[-74.18826708390839,40.63117473637364]],[[-71.92683699029902,41.28834525992599],[-71.99862842184217,41.25094531143114],[-72.03452413761376,41.272316710571054],[-71.92683699029902,41.28834525992599]],[[-73.32676990539053,45.012311560056006],[-73.32676990539053,44.92148311371137],[-73.39856133693368,44.84668321672167],[-73.32676990539053,44.80394041844184],[-73.36266562116211,44.7398262210221],[-73.36266562116211,44.70242627252725],[-73.39856133693368,44.6169406759676],[-73.39856133693368,44.5902264270427],[-73.32676990539053,44.55282647854786],[-73.29087418961896,44.478026581558154],[-73.29087418961896,44.42994093349335],[-73.32676990539053,44.37116958585858],[-73.32676990539053,44.27499828972897],[-73.32676990539053,44.2429411910191],[-73.39856133693368,44.18951269316932],[-73.43445705270527,44.045255748974895],[-73.39856133693368,44.02922719961996],[-73.39856133693368,43.93305590349034],[-73.36266562116211,43.87428455585558],[-73.39856133693368,43.8208560580058],[-73.36266562116211,43.77277040994099],[-73.36266562116211,43.72468476187619],[-73.39856133693368,43.69262766316631],[-73.43445705270527,43.63385631553155],[-73.43445705270527,43.58577066746675],[-73.39856133693368,43.580427817681766],[-73.36266562116211,43.6231706159616],[-73.29087418961896,43.6231706159616],[-73.29087418961896,43.580427817681766],[-73.25497847384737,43.56439926832683],[-73.25497847384737,43.52699931983198],[-73.25497847384737,43.25985683058306],[-73.25497847384737,43.03545713961396],[-73.29087418961896,42.832428847784776],[-73.29087418961896,42.800371749074905],[-73.25497847384737,42.74694325122512]],[[-73.64983134733473,40.98380282218221],[-73.6857270631063,40.94640287368736],[-73.75751849464946,40.91434577497749],[-73.79341421042103,40.86091727712771],[-73.82930992619261,40.83420302820282],[-73.79341421042103,40.79680307970797],[-73.72162277887789,40.871602976697666],[-73.6857270631063,40.85557442734273],[-73.64983134733473,40.89831722562256],[-73.57803991579158,40.91434577497749],[-73.50624848424842,40.91968862476247],[-73.50624848424842,40.94106002390239],[-73.43445705270527,40.935717174117414],[-73.39856133693368,40.95174572347234],[-73.36266562116211,40.92503147454745],[-73.29087418961896,40.92503147454745],[-73.2190827580758,40.903660075407544],[-73.14729132653265,40.93037432433243],[-73.14729132653265,40.967774272827285],[-73.07549989498949,40.97311712261226],[-73.03960417921792,40.962431423042304],[-72.78833416881687,40.967774272827285],[-72.68064702150214,40.989145671967194],[-72.57295987418742,40.999831371537155],[-72.53706415841583,41.03723132003201],[-72.46527272687268,41.053259869386935],[-72.4293770111011,41.085316968096805],[-72.39348129532952,41.09600266766677],[-72.35758557955795,41.13340261616162],[-72.24989843224321,41.04257416981698],[-72.17810700070007,41.031888470247026],[-72.17810700070007,41.053259869386935],[-72.1063155691569,40.989145671967194],[-71.99862842184217,41.03723132003201],[-71.9627327060706,41.06928841874188],[-71.92683699029902,41.079974118311824],[-71.89094127452745,41.053259869386935],[-72.1063155691569,40.97311712261226],[-72.39348129532952,40.86626012691269],[-72.57295987418742,40.812831629062906],[-72.7524384530453,40.75940313121312],[-72.93191703190318,40.711317483148314],[-73.03960417921792,40.66857468486849],[-73.2190827580758,40.63117473637364],[-73.29087418961896,40.620489036803676],[-73.32676990539053,40.63651758615862],[-73.43445705270527,40.60446048744875],[-73.57803991579158,40.583089088308824],[-73.75751849464946,40.583089088308824],[-73.75751849464946,40.588431938093805],[-73.93699707350734,40.54568913981398],[-73.93699707350734,40.57240338873888],[-74.0087885050505,40.588431938093805],[-74.04468422082208,40.62583188658866],[-74.0087885050505,40.65788898529853],[-74.0087885050505,40.711317483148314]],[[-74.69080710471046,41.35780230713071],[-74.72670282048205,41.38985940584058],[-74.76259853625362,41.42191650455045],[-74.90618139933993,41.43794505390539],[-74.90618139933993,41.47000215261526],[-74.97797283088308,41.48068785218521],[-74.97797283088308,41.50740210111011],[-75.08565997819781,41.60357339723972],[-75.04976426242624,41.619601946594656],[-75.04976426242624,41.75317319121912],[-75.12155569396938,41.774544590359035],[-75.08565997819781,41.81194453885388],[-75.12155569396938,41.84400163756375],[-75.19334712551255,41.87071588648865],[-75.26513855705569,41.87071588648865],[-75.26513855705569,41.94017293369337],[-75.30103427282728,41.95085863326332],[-75.37282570437043,41.998944281328136],[-75.7317828620862,41.998944281328136],[-76.34201003020301,41.998944281328136],[-76.73686290369037,42.00428713111311],[-77.13171577717772,41.998944281328136],[-77.84963009260926,41.998944281328136],[-78.28037868186819,41.998944281328136],[-78.60344012381238,41.998944281328136],[-78.890605849985,41.998944281328136],[-79.17777157615761,41.998944281328136],[-79.46493730233023,41.998944281328136],[-79.75210302850284,41.998944281328136],[-79.75210302850284,42.271429620362035]],[[-79.75210302850284,42.271429620362035],[-79.64441588118811,42.31417241864186],[-79.53672873387337,42.36225806670667],[-79.42904158655865,42.426372264126414],[-79.35725015501549,42.490486461546155],[-79.24956300770076,42.53322925982598],[-79.14187586038604,42.554600658965896],[-79.10598014461445,42.613372006600656],[-79.07008442884288,42.64542910531053],[-79.0341887130713,42.68817190359036],[-78.92650156575657,42.736257551655164],[-78.85471013421342,42.78434319971997],[-78.85471013421342,42.84311454735473],[-78.890605849985,42.9018858949895],[-78.92650156575657,42.955314392839284],[-78.99829299729973,42.987371491549155],[-79.0341887130713,43.014085740474044],[-78.99829299729973,43.06217138853885],[-79.07008442884288,43.078199937893785],[-79.0341887130713,43.142314135313526],[-79.07008442884288,43.23848543144314],[-79.07008442884288,43.25985683058306],[-78.96239728152814,43.28122822972297],[-78.81881441844183,43.31862817821782],[-78.71112727112711,43.33999957735773],[-78.63933583958395,43.35602812671267],[-78.49575297649764,43.37739952585258],[-78.3880658291829,43.37739952585258],[-78.2444829660966,43.36671382628263],[-78.10090010301029,43.37739952585258],[-77.99321295569557,43.36671382628263],[-77.88552580838083,43.35068527692769],[-77.74194294529453,43.33999957735773],[-77.70604722952295,43.3239710280028],[-77.67015151375136,43.28122822972297],[-77.56246436643664,43.24382828122812],[-77.52656865066506,43.233142581658164],[-77.49067293489348,43.2491711310131],[-77.38298578757875,43.27588537993799],[-77.27529864026403,43.27588537993799],[-77.09582006140613,43.28657107950795],[-77.02402862986298,43.27054253015301],[-76.95223719831982,43.27054253015301],[-76.91634148254825,43.29191392929293],[-76.77275861946194,43.31862817821782],[-76.70096718791879,43.34534242714271],[-76.62917575637563,43.41479947434743],[-76.41380146174617,43.521656470047006],[-76.30611431443144,43.510970770477044],[-76.23432288288828,43.52699931983198],[-76.1984271671167,43.575084967896785],[-76.1984271671167,43.64988486488649],[-76.1984271671167,43.71934191209121],[-76.23432288288828,43.80482750865086],[-76.27021859865987,43.84222745714571],[-76.23432288288828,43.87962740564056],[-76.1984271671167,43.86359885628563],[-76.12663573557354,43.8956559549955],[-76.12663573557354,43.954427302630265],[-76.27021859865987,43.99717010091009],[-76.30611431443144,44.02388434983498],[-76.30611431443144,44.06128429832983],[-76.37790574597459,44.071969997899785],[-76.37790574597459,44.098684246824675],[-76.30611431443144,44.20019839273927],[-76.23432288288828,44.20554124252425],[-76.16253145134513,44.23759834123412],[-76.16253145134513,44.28034113951395],[-76.09074001980197,44.30171253865386],[-75.98305287248724,44.34979818671867],[-75.98305287248724,44.34445533693369],[-75.91126144094409,44.3658267360736],[-75.80357429362935,44.42994093349335],[-75.80357429362935,44.472683731773174],[-75.76767857785778,44.515426530053006],[-75.62409571477147,44.62228352575257],[-75.51640856745674,44.70242627252725],[-75.37282570437043,44.78256901930193],[-75.22924284128412,44.86805461586158],[-75.04976426242624,44.93216881328132],[-74.97797283088308,44.985597311131116],[-74.90618139933993,44.985597311131116],[-74.83438996779677,45.017654409840986],[-74.72670282048205,44.99094016091609],[-74.69080710471046,45.001625860486044],[-74.475432810081,44.99628301070106],[-74.3318499469947,44.99094016091609],[-74.15237136813681,44.99094016091609],[-73.8652056419642,45.001625860486044],[-73.64983134733473,45.001625860486044],[-73.32676990539053,45.012311560056006]],[[-75.76767857785778,35.1974965050505],[-75.69588714631462,35.22955360376038],[-75.62409571477147,35.23489645354535],[-75.5881999989999,35.26161070247025],[-75.55230428322831,35.2722964020402],[-75.51640856745674,35.23489645354535],[-75.62409571477147,35.22955360376038],[-75.76767857785778,35.18146795569557],[-75.94715715671566,35.106668058705864],[-75.94715715671566,35.117353758275826],[-75.91126144094409,35.149410856985696],[-75.76767857785778,35.1974965050505]],[[-75.65999143054304,35.92946692559256],[-75.65999143054304,35.90809552645264],[-75.62409571477147,35.85466702860286],[-75.62409571477147,35.81726708010801],[-75.65999143054304,35.82260992989299],[-75.65999143054304,35.86000987838784],[-75.7317828620862,35.92412407580758],[-75.65999143054304,35.92946692559256]],[[-75.87536572517251,36.549237500650065],[-75.80357429362935,36.35689490839084],[-75.76767857785778,36.22866651355135],[-75.7317828620862,36.111123818281825],[-75.65999143054304,36.020295371937195],[-75.55230428322831,35.865352728172816],[-75.62409571477147,35.89206697709771],[-75.62409571477147,35.92412407580758],[-75.69588714631462,35.9935811230123],[-75.7317828620862,36.00426682258225],[-75.7317828620862,36.041666771077104],[-75.76767857785778,36.15386661656166],[-75.76767857785778,36.2179808139814],[-75.80357429362935,36.24469506290629],[-75.80357429362935,36.28743786118612],[-75.83947000940093,36.30346641054105],[-75.83947000940093,36.3408663590359],[-75.83947000940093,36.38360915731573],[-75.83947000940093,36.4156662560256],[-75.87536572517251,36.44238050495049],[-75.91126144094409,36.47978045344534],[-76.01894858825882,36.50115185258525],[-76.01894858825882,36.485123303230324],[-76.01894858825882,36.44238050495049],[-75.94715715671566,36.4156662560256],[-75.91126144094409,36.42635195559556],[-75.91126144094409,36.36758060796079],[-75.83947000940093,36.201952264626456],[-75.83947000940093,36.17523801570157],[-75.80357429362935,36.111123818281825],[-75.80357429362935,36.073723869786974],[-75.87536572517251,36.12715236763676],[-75.87536572517251,36.15920946634664],[-75.91126144094409,36.21263796419642],[-75.94715715671566,36.19660941484148],[-75.94715715671566,36.16455231613161],[-76.01894858825882,36.18592371527153],[-76.0548443040304,36.22866651355135],[-76.09074001980197,36.23935221312131],[-76.12663573557354,36.28743786118612],[-76.16253145134513,36.266066462046204],[-76.12663573557354,36.21263796419642],[-76.09074001980197,36.201952264626456],[-76.0548443040304,36.137838067206715],[-76.16253145134513,36.12180951785179],[-76.23432288288828,36.09509526892689],[-76.27021859865987,36.105780968496845],[-76.30611431443144,36.084409569356936],[-76.41380146174617,36.079066719571955],[-76.44969717751775,36.025638221722176],[-76.5214886090609,36.00426682258225],[-76.59328004060406,36.00426682258225],[-76.62917575637563,36.03632392129212],[-76.6650714721472,36.041666771077104],[-76.73686290369037,36.14852376677668],[-76.73686290369037,36.201952264626456],[-76.6650714721472,36.266066462046204],[-76.70096718791879,36.27675216161616],[-76.73686290369037,36.21263796419642],[-76.73686290369037,36.14852376677668],[-76.73686290369037,36.06838102000199],[-76.6650714721472,35.9935811230123],[-76.70096718791879,35.96686687408741],[-76.6650714721472,35.93480977537754],[-76.5214886090609,35.94549547494749],[-76.44969717751775,35.97220972387238],[-76.41380146174617,35.98289542344234],[-76.37790574597459,35.94015262516251],[-76.30611431443144,35.94549547494749],[-76.27021859865987,35.97220972387238],[-76.16253145134513,35.9935811230123],[-76.0548443040304,35.9935811230123],[-76.01894858825882,35.956181174517454],[-76.01894858825882,35.9187812260226],[-76.0548443040304,35.85466702860286],[-76.0548443040304,35.80658138053805],[-76.0548443040304,35.71575293419342],[-76.01894858825882,35.66766728612861],[-75.98305287248724,35.769181432043204],[-75.98305287248724,35.83863847924792],[-75.98305287248724,35.897409826882686],[-75.91126144094409,35.94015262516251],[-75.91126144094409,35.97755257365736],[-75.83947000940093,35.97755257365736],[-75.76767857785778,35.93480977537754],[-75.7317828620862,35.81192423032303],[-75.7317828620862,35.769181432043204],[-75.69588714631462,35.69438153505351],[-75.7317828620862,35.673010135913586],[-75.7317828620862,35.62492448784879],[-75.76767857785778,35.59286738913892],[-75.83947000940093,35.57149598999899],[-75.87536572517251,35.587524539353936],[-75.91126144094409,35.57149598999899],[-75.91126144094409,35.53943889128912],[-75.94715715671566,35.53409604150415],[-75.94715715671566,35.491353243224324],[-75.98305287248724,35.47532469386938],[-76.01894858825882,35.4218961960196],[-76.0548443040304,35.40586764666466],[-76.0548443040304,35.368467698169816],[-76.12663573557354,35.3470962990299],[-76.12663573557354,35.331067749674965],[-76.27021859865987,35.34175344924492],[-76.30611431443144,35.35778199859986],[-76.34201003020301,35.3470962990299],[-76.44969717751775,35.363124848384835],[-76.44969717751775,35.38449624752475],[-76.48559289328932,35.37381054795479],[-76.55738432483248,35.41121049644964],[-76.59328004060406,35.50738179257925],[-76.48559289328932,35.51272464236423],[-76.48559289328932,35.53943889128912],[-76.55738432483248,35.528753191719176],[-76.59328004060406,35.53943889128912],[-76.62917575637563,35.51272464236423],[-76.59328004060406,35.459296144514454],[-76.59328004060406,35.38449624752475],[-76.70096718791879,35.42723904580458],[-76.77275861946194,35.41655334623462],[-76.8445500510051,35.44861044494449],[-76.95223719831982,35.47532469386938],[-77.02402862986298,35.51272464236423],[-77.02402862986298,35.491353243224324],[-76.95223719831982,35.43792474537453],[-76.88044576677667,35.43258189558956],[-76.6650714721472,35.3470962990299],[-76.48559289328932,35.32038205010501],[-76.48559289328932,35.29366780118012],[-76.48559289328932,35.26161070247025],[-76.48559289328932,35.21352505440544],[-76.55738432483248,35.16543940634063],[-76.55738432483248,35.12269660806081],[-76.59328004060406,35.06926811021102],[-76.62917575637563,35.053239560856085],[-76.80865433523351,34.962411114511454],[-76.98813291409141,35.058582410641066],[-76.98813291409141,35.00515391279128],[-76.88044576677667,34.95706826472647],[-76.77275861946194,34.91966831623162],[-76.62917575637563,34.989125363436344],[-76.48559289328932,35.00515391279128],[-76.48559289328932,35.06926811021102],[-76.44969717751775,35.058582410641066],[-76.41380146174617,34.9998110630063],[-76.37790574597459,34.97309681408141],[-76.34201003020301,34.97309681408141],[-76.34201003020301,35.03186816171617],[-76.30611431443144,35.00515391279128],[-76.30611431443144,34.989125363436344],[-76.27021859865987,34.94103971537153],[-76.34201003020301,34.871582668166816],[-76.41380146174617,34.85555411881188],[-76.44969717751775,34.78609707160716],[-76.5214886090609,34.68458292569257],[-76.59328004060406,34.7006114750475],[-76.59328004060406,34.770068522252224],[-76.62917575637563,34.78609707160716],[-76.62917575637563,34.71664002440244],[-76.6650714721472,34.70595432483248],[-76.5214886090609,34.652525826982696],[-76.37790574597459,34.80746847074707],[-76.30611431443144,34.86089696859686],[-76.23432288288828,34.9250111660166],[-76.09074001980197,35.047896711071104],[-76.0548443040304,35.074610959995994],[-76.01894858825882,35.058582410641066],[-76.12663573557354,34.989125363436344],[-76.23432288288828,34.90363976687669],[-76.30611431443144,34.8502112690269],[-76.37790574597459,34.78609707160716],[-76.48559289328932,34.66321152655266],[-76.5214886090609,34.588411629562955],[-76.55738432483248,34.615125878487845],[-76.55738432483248,34.647182977197716],[-76.6650714721472,34.69526862526253],[-76.77275861946194,34.69526862526253],[-76.91634148254825,34.68458292569257],[-77.02402862986298,34.66321152655266],[-77.13171577717772,34.63115442784279],[-77.20350720872086,34.60444017891789],[-77.3111943560356,34.53498313171317],[-77.45477721912191,34.47086893429343],[-77.59836008220822,34.401411887088706],[-77.67015151375136,34.342640539453946],[-77.74194294529453,34.273183492249224],[-77.81373437683767,34.16098364676468],[-77.88552580838083,34.07015520042004],[-77.92142152415241,33.97398390429043],[-77.95731723992398,33.90986970687069],[-77.95731723992398,33.85109835923592],[-77.99321295569557,33.8564412090209],[-78.02910867146714,33.88849830773077],[-78.10090010301029,33.904526857085706],[-78.17269153455345,33.91521255665566],[-78.28037868186819,33.90986970687069],[-78.3880658291829,33.904526857085706],[-78.49575297649764,33.86712690859086],[-78.53164869226921,33.85109835923592]],[[-78.53164869226921,33.85109835923592],[-78.890605849985,34.13426939783979],[-79.24956300770076,34.44949753515351],[-79.35725015501549,34.54566883128312],[-79.68031159695968,34.802125620962094],[-79.85979017581758,34.80746847074707],[-80.50591305970596,34.81815417031703],[-80.79307878587858,34.81815417031703],[-80.79307878587858,34.93569686558656],[-80.93666164896489,35.106668058705864],[-81.04434879627962,35.04255386128612],[-81.04434879627962,35.085296659565955],[-81.04434879627962,35.112010908490845],[-81.04434879627962,35.149410856985696],[-81.2238273751375,35.16009655655566],[-81.72636739593959,35.18146795569557],[-82.19301170097009,35.19215365526553],[-82.26480313251325,35.1974965050505],[-82.37249027982797,35.18681080548055],[-82.40838599559956,35.1974965050505],[-82.44428171137113,35.176125105910586],[-82.55196885868587,35.16009655655566],[-82.62376029022901,35.13872515741574],[-82.76734315331532,35.06926811021102],[-82.76734315331532,35.085296659565955],[-83.1263003110311,34.9998110630063]],[[-84.31085893149314,34.989125363436344],[-84.27496321572157,35.2242107539754],[-84.23906749995,35.266953552255224],[-84.20317178417841,35.24558215311531],[-84.09548463686369,35.24558215311531],[-84.0595889210921,35.266953552255224],[-84.02369320532053,35.299010650965094],[-84.02369320532053,35.3470962990299],[-84.02369320532053,35.37381054795479],[-84.02369320532053,35.40586764666466],[-83.95190177377738,35.46463899429943],[-83.91600605800579,35.47532469386938],[-83.88011034223422,35.518067492149214],[-83.80831891069107,35.523410341934195],[-83.77242319491948,35.560810290429046],[-83.62884033183317,35.56615314021402],[-83.48525746874687,35.560810290429046],[-83.44936175297529,35.614238788278826],[-83.37757032143213,35.640953037203715],[-83.34167460566056,35.66766728612861],[-83.30577888988898,35.65698158655866],[-83.26988317411741,35.69438153505351],[-83.23398745834582,35.72643863376338],[-83.19809174257425,35.73178148354835],[-83.16219602680268,35.763838582258224],[-83.1263003110311,35.763838582258224],[-83.09040459525951,35.79055283118312],[-82.9827174479448,35.77452428182818],[-82.91092601640163,35.87069557795779],[-82.91092601640163,35.91343837623762],[-82.91092601640163,35.94549547494749],[-82.83913458485848,35.95083832473247],[-82.83913458485848,35.92946692559256],[-82.8032388690869,35.95083832473247],[-82.76734315331532,35.988238273227324],[-82.69555172177218,36.047009620862084],[-82.62376029022901,36.06303817021702],[-82.58786457445744,36.03098107150715],[-82.62376029022901,35.99892397279728],[-82.62376029022901,35.96686687408741],[-82.55196885868587,35.96686687408741],[-82.51607314291428,35.97755257365736],[-82.44428171137113,36.00960967236723],[-82.40838599559956,36.084409569356936],[-82.37249027982797,36.116466668066806],[-82.30069884828482,36.137838067206715],[-82.26480313251325,36.13249521742174],[-82.19301170097009,36.15920946634664],[-82.15711598519852,36.14852376677668],[-82.12122026942694,36.105780968496845],[-82.08532455365535,36.105780968496845],[-82.04942883788378,36.12180951785179],[-81.90584597479747,36.30346641054105],[-81.8699502590259,36.33552350925092],[-81.79815882748274,36.35689490839084],[-81.76226311171116,36.3408663590359],[-81.72636739593959,36.35689490839084],[-81.72636739593959,36.41032340624062],[-81.69047168016802,36.46909475387538],[-81.69047168016802,36.538551801080104],[-81.69047168016802,36.586637449144916]],[[-81.69047168016802,36.586637449144916],[-81.36741023822381,36.575951749574955],[-81.29561880668066,36.575951749574955],[-80.82897450165017,36.55992320022002],[-80.72128735433543,36.55992320022002],[-80.2905387650765,36.543894650865084],[-79.89568589158915,36.543894650865084],[-79.5008330181018,36.538551801080104],[-78.96239728152814,36.543894650865084],[-78.49575297649764,36.538551801080104],[-77.74194294529453,36.543894650865084],[-77.3111943560356,36.543894650865084],[-76.91634148254825,36.543894650865084],[-76.80865433523351,36.549237500650065],[-76.30611431443144,36.549237500650065],[-75.87536572517251,36.549237500650065]],[[-104.05350260586059,48.998077499649966],[-103.37148400620062,48.998077499649966],[-102.83304826962696,48.998077499649966],[-102.22282110151015,48.998077499649966],[-101.61259393339334,48.998077499649966],[-101.11005391259125,48.998077499649966],[-100.42803531293129,48.998077499649966],[-99.92549529212921,48.998077499649966],[-99.38705955555555,48.998077499649966],[-98.88451953475348,48.998077499649966],[-97.95123092469247,48.998077499649966],[-97.23331660926092,48.998077499649966]],[[-96.55129800960096,45.93662457285728],[-97.16152517771776,45.93662457285728],[-97.77175234583459,45.93662457285728],[-98.41787522972297,45.93662457285728],[-99.24347669246924,45.941967422642264],[-99.74601671327133,45.941967422642264],[-100.17676530253026,45.941967422642264],[-100.93057533373337,45.941967422642264],[-101.43311535453545,45.941967422642264],[-102.18692538573858,45.941967422642264],[-102.90483970117012,45.947310272427245],[-103.65864973237323,45.947310272427245],[-104.05350260586059,45.947310272427245]],[[-82.83913458485848,41.71043039293929],[-82.76734315331532,41.69440184358436],[-82.8032388690869,41.66234474487449],[-82.83913458485848,41.646316195519546],[-82.83913458485848,41.71043039293929]],[[-83.44936175297529,41.73180179207921],[-83.44936175297529,41.70508754315431],[-83.34167460566056,41.68905899379938],[-83.34167460566056,41.69974469336934],[-83.23398745834582,41.646316195519546],[-83.05450887948794,41.59288769766977],[-82.9827174479448,41.53945919981998],[-82.9468217321732,41.51274495089508],[-82.91092601640163,41.518087800680064],[-82.83913458485848,41.550144899389934],[-82.83913458485848,41.587544847884786],[-82.8032388690869,41.53945919981998],[-82.73144743754375,41.53945919981998],[-82.73144743754375,41.518087800680064],[-82.62376029022901,41.42725935433543],[-82.51607314291428,41.3845165560556],[-82.4801774271427,41.37917370627062],[-82.37249027982797,41.42725935433543],[-82.26480313251325,41.432602204120414],[-82.19301170097009,41.464659302830285],[-82.01353312211221,41.518087800680064],[-81.94174169056905,41.491373551755174],[-81.8699502590259,41.48603070197019],[-81.79815882748274,41.496716401540155],[-81.76226311171116,41.48603070197019],[-81.58278453285328,41.560830598959896],[-81.54688881708171,41.614259096809675],[-81.51099310131012,41.62494479637964],[-81.43920166976697,41.67303044444444],[-81.36741023822381,41.72645894229423],[-81.29561880668066,41.7585160410041],[-81.25972309090909,41.76385889078908],[-81.11614022782278,41.81728738863886],[-81.00845308050805,41.85468733713371],[-80.90076593319331,41.87071588648865],[-80.79307878587858,41.9081158349835],[-80.72128735433543,41.91880153455345],[-80.50591305970596,41.97757288218821]],[[-80.50591305970596,41.97757288218821],[-80.50591305970596,41.66768759465947],[-80.50591305970596,41.25094531143114],[-80.50591305970596,40.63651758615862]],[[-80.50591305970596,40.63651758615862],[-80.57770449124912,40.615146187018695],[-80.6136002070207,40.620489036803676],[-80.64949592279227,40.57240338873888],[-80.6136002070207,40.535003440244026],[-80.6136002070207,40.48157494239423],[-80.6136002070207,40.438832144114414],[-80.6136002070207,40.3159465990599],[-80.6136002070207,40.26251810121012],[-80.64949592279227,40.23046100250025],[-80.68539163856386,40.19840390379038],[-80.72128735433543,40.155661105510546],[-80.72128735433543,40.10223260766077],[-80.72128735433543,40.07551835873587],[-80.72128735433543,40.04880410981098],[-80.757183070107,39.968661363036304],[-80.79307878587858,39.92057571497149],[-80.79307878587858,39.86180436733673],[-80.82897450165017,39.84043296819682],[-80.82897450165017,39.79769016991699],[-80.86487021742174,39.75494737163716],[-80.82897450165017,39.717547423142314],[-80.86487021742174,39.6961760240024],[-80.86487021742174,39.621376127012695],[-80.93666164896489,39.61603327722772],[-81.00845308050805,39.55191907980798],[-81.11614022782278,39.48780488238823],[-81.15203594359436,39.44506208410841],[-81.18793165936593,39.42903353475347],[-81.2238273751375,39.38629073647365],[-81.25972309090909,39.38629073647365],[-81.33151452245224,39.34354793819382],[-81.4033059539954,39.35423363776377],[-81.4033059539954,39.38629073647365],[-81.43920166976697,39.40766213561356],[-81.54688881708171,39.33820508840884],[-81.58278453285328,39.26874804120412],[-81.69047168016802,39.2740908909891],[-81.69047168016802,39.22600524292429],[-81.72636739593959,39.21531954335433],[-81.76226311171116,39.17791959485949],[-81.72636739593959,39.11914824722472],[-81.76226311171116,39.092433998299825],[-81.79815882748274,39.08174829872987],[-81.79815882748274,39.060376899589954],[-81.76226311171116,39.01763410131013],[-81.79815882748274,38.92680565496549],[-81.79815882748274,38.94817705410541],[-81.83405454325433,38.9000914060406],[-81.90584597479747,38.87337715711571],[-81.94174169056905,38.9000914060406],[-81.90584597479747,38.93749135453545],[-81.94174169056905,38.98557700260026],[-81.97763740634063,38.99091985238523],[-81.97763740634063,39.0229769510951],[-82.04942883788378,39.0229769510951],[-82.04942883788378,38.99626270217021],[-82.08532455365535,38.974891303030304],[-82.15711598519852,38.9000914060406],[-82.15711598519852,38.84132005840584],[-82.22890741674166,38.79323441034103],[-82.19301170097009,38.70774881378138],[-82.19301170097009,38.68103456485649],[-82.15711598519852,38.627606067006695],[-82.19301170097009,38.595548968296825],[-82.26480313251325,38.595548968296825],[-82.30069884828482,38.5795204189419],[-82.30069884828482,38.49403482238223],[-82.3365945640564,38.45129202410241],[-82.40838599559956,38.44060632453245],[-82.51607314291428,38.4032063760376],[-82.58786457445744,38.41923492539254]],[[-94.46934649484947,33.63738436783678],[-94.50524221062106,33.616012968696865],[-94.54113792639264,33.653412917191716],[-94.64882507370737,33.69081286568657],[-94.72061650525052,33.685470015901586],[-94.72061650525052,33.7068414150415],[-94.79240793679368,33.75492706310631],[-94.82830365256525,33.73889851375137],[-94.93599079987999,33.78698416181618],[-94.97188651565156,33.835069809880984],[-95.04367794719472,33.86178405880588],[-95.04367794719472,33.89384115751575],[-95.0795736629663,33.89384115751575],[-95.11546937873787,33.93658395579558],[-95.2231565260526,33.96329820472047],[-95.25905224182418,33.904526857085706],[-95.29494795759575,33.877812608160816],[-95.40263510491049,33.86712690859086],[-95.5462179679968,33.88315545794579],[-95.5462179679968,33.9312411060106],[-95.58211368376837,33.93658395579558],[-95.65390511531153,33.904526857085706],[-95.72569654685468,33.88315545794579],[-95.76159226262627,33.89384115751575],[-95.76159226262627,33.8564412090209],[-95.79748797839784,33.86178405880588],[-95.83338369416941,33.835069809880984],[-95.94107084148415,33.88849830773077],[-95.94107084148415,33.86178405880588],[-96.04875798879888,33.835069809880984],[-96.08465370457046,33.845755509450946],[-96.1564451361136,33.840412659665965],[-96.1564451361136,33.77095561246124],[-96.22823656765677,33.74958421332133],[-96.26413228342834,33.77095561246124],[-96.30002799919991,33.75492706310631],[-96.30002799919991,33.71218426482648],[-96.3359237149715,33.685470015901586],[-96.40771514651465,33.744241363536354],[-96.40771514651465,33.776298462246224],[-96.51540229382938,33.77095561246124],[-96.51540229382938,33.81904126052605],[-96.58719372537253,33.81904126052605],[-96.62308944114412,33.840412659665965],[-96.58719372537253,33.872469758375836],[-96.65898515691569,33.90986970687069],[-96.69488087268726,33.85109835923592],[-96.69488087268726,33.82972696009601],[-96.76667230423043,33.82438411031103],[-96.802568020002,33.86712690859086],[-96.83846373577357,33.872469758375836],[-96.87435945154515,33.85109835923592],[-96.91025516731673,33.89384115751575],[-96.91025516731673,33.9312411060106],[-96.91025516731673,33.95795535493549],[-96.98204659885988,33.9312411060106],[-96.98204659885988,33.88849830773077],[-97.01794231463145,33.845755509450946],[-97.08973374617462,33.79766986138614],[-97.08973374617462,33.76561276267627],[-97.08973374617462,33.72821281418142],[-97.12562946194619,33.71752711461146],[-97.16152517771776,33.73889851375137],[-97.19742089348935,33.803012711171114],[-97.19742089348935,33.82972696009601],[-97.16152517771776,33.845755509450946],[-97.19742089348935,33.89384115751575],[-97.19742089348935,33.91521255665566],[-97.23331660926092,33.89918400730073],[-97.2692123250325,33.86178405880588],[-97.30510804080407,33.877812608160816],[-97.34100375657566,33.872469758375836],[-97.37689947234723,33.81904126052605],[-97.4127951881188,33.81904126052605],[-97.44869090389038,33.840412659665965],[-97.44869090389038,33.904526857085706],[-97.48458661966197,33.92055540644064],[-97.55637805120512,33.89918400730073],[-97.59227376697669,33.92055540644064],[-97.59227376697669,33.95261250515051],[-97.62816948274828,33.9793267540754],[-97.66406519851985,33.99001245364536],[-97.735856630063,33.93658395579558],[-97.84354377737773,33.8564412090209],[-97.8794394931493,33.85109835923592],[-97.95123092469247,33.877812608160816],[-97.95123092469247,33.88315545794579],[-97.95123092469247,33.95261250515051],[-97.95123092469247,33.99001245364536],[-97.98712664046404,34.0060410030003],[-98.02302235623561,33.995355303430344],[-98.09481378777878,34.000698153215325],[-98.13070950355035,34.086183749774975],[-98.09481378777878,34.12892654805481],[-98.09481378777878,34.1556407969797],[-98.16660521932192,34.112897998699864],[-98.23839665086508,34.13426939783979],[-98.31018808240825,34.13426939783979],[-98.34608379817982,34.1556407969797],[-98.38197951395139,34.12892654805481],[-98.41787522972297,34.080840899989994],[-98.48966666126613,34.064812350635066],[-98.48966666126613,34.07015520042004],[-98.56145809280927,34.150297947194716],[-98.63324952435244,34.16632649654966],[-98.70504095589558,34.13426939783979],[-98.77683238743874,34.13426939783979],[-98.81272810321032,34.1556407969797],[-98.92041525052505,34.177012196119605],[-98.95631096629663,34.20906929482948],[-98.9922066820682,34.21975499439944],[-99.02810239783979,34.19838359525953],[-99.06399811361136,34.20906929482948],[-99.13578954515451,34.2037264450445],[-99.1716852609261,34.21441214461446],[-99.20758097669767,34.28386919181918],[-99.20758097669767,34.342640539453946],[-99.27937240824082,34.38538333773377],[-99.24347669246924,34.401411887088706],[-99.3152681240124,34.42278328622862],[-99.38705955555555,34.45484038493849],[-99.38705955555555,34.44415468536853],[-99.38705955555555,34.38004048794879],[-99.42295527132713,34.374697638163816],[-99.49474670287029,34.41209758665866],[-99.56653813441343,34.41744043644364],[-99.60243385018502,34.374697638163816],[-99.71012099749974,34.38004048794879],[-99.74601671327133,34.42278328622862],[-99.85370386058605,34.51361173257325],[-99.88959957635764,34.551011681068104],[-99.96139100790079,34.577725929992994],[-99.99728672367236,34.561697380638066],[-99.99728672367236,35.03186816171617],[-99.99728672367236,35.619581638063806],[-99.99728672367236,36.057695320432046],[-99.99728672367236,36.50115185258525],[-100.53572246024602,36.50115185258525],[-101.07415819681968,36.50115185258525],[-101.61259393339334,36.50115185258525],[-102.25871681728172,36.50115185258525],[-103.01252684848485,36.50115185258525]],[[-124.22689486948696,41.998944281328136],[-124.26279058525853,42.047029929392934],[-124.2986863010301,42.052372779177915],[-124.37047773257326,42.116486976597656],[-124.37047773257326,42.1806011740174],[-124.37047773257326,42.21800112251225],[-124.40637344834484,42.25005822122212],[-124.40637344834484,42.30882956885688],[-124.44226916411642,42.3302009679968],[-124.40637344834484,42.3782866160616],[-124.44226916411642,42.44240081348134],[-124.40637344834484,42.575972058105805],[-124.40637344834484,42.66145765466547],[-124.478164879888,42.730914701870184],[-124.51406059565957,42.736257551655164],[-124.51406059565957,42.78968604950495],[-124.54995631143115,42.84311454735473],[-124.51406059565957,42.91791444434443],[-124.44226916411642,42.99805719111911],[-124.44226916411642,43.072857088108805],[-124.44226916411642,43.11559988638864],[-124.40637344834484,43.18505693359336],[-124.37047773257326,43.27054253015301],[-124.40637344834484,43.30794247864786],[-124.33458201680168,43.35068527692769],[-124.2986863010301,43.43617087348734],[-124.22689486948696,43.55905641854186],[-124.15510343794381,43.81017035843584],[-124.15510343794381,43.95977015241524],[-124.11920772217222,44.104027096609656],[-124.08331200640065,44.33376963736373],[-124.08331200640065,44.4406266330633],[-124.08331200640065,44.49939798069806],[-124.04741629062906,44.65968347424742],[-124.08331200640065,44.68105487338734],[-124.04741629062906,44.7398262210221],[-124.08331200640065,44.77188331973197],[-124.08331200640065,44.83065466736673],[-124.04741629062906,44.90011171457145],[-124.01152057485749,45.044368658765876],[-123.97562485908591,45.14588280468047],[-123.97562485908591,45.31685399779978],[-123.97562485908591,45.34891109650965],[-123.97562485908591,45.42905384328432],[-123.97562485908591,45.48782519091909],[-123.93972914331434,45.509196590059005],[-123.93972914331434,45.66413923382338],[-123.93972914331434,45.7335962810281],[-123.97562485908591,45.754967680168015],[-123.97562485908591,45.83511042694269],[-123.97562485908591,45.909910323932394],[-124.01152057485749,45.947310272427245],[-123.93972914331434,45.979367371137116],[-123.93972914331434,46.011424469846986],[-123.93972914331434,46.070195817481746],[-123.97562485908591,46.16636711361136],[-124.01152057485749,46.22513846124612],[-123.93972914331434,46.19308136253625],[-123.90383342754276,46.17170996339634],[-123.86793771177118,46.1556814140414],[-123.8320419959996,46.187738512751274],[-123.76025056445644,46.20910991189119],[-123.72435484868487,46.19842421232123],[-123.61666770137015,46.23582416081608],[-123.58077198559856,46.2304813110311],[-123.54487626982699,46.25719555995599]],[[-123.54487626982699,46.25719555995599],[-123.47308483828382,46.26788125952595],[-123.43718912251225,46.2304813110311],[-123.43718912251225,46.18239566296629],[-123.3653976909691,46.14499571447145],[-123.29360625942594,46.14499571447145],[-123.15002339633963,46.187738512751274],[-123.11412768056806,46.187738512751274],[-123.00644053325333,46.13431001490149],[-122.97054481748175,46.10225291619162],[-122.89875338593859,46.08622436683668],[-122.86285767016702,46.032795868986895],[-122.82696195439544,45.96333882178217],[-122.82696195439544,45.915253173717375],[-122.79106623862387,45.86716752565256],[-122.79106623862387,45.8083961780178],[-122.7551705228523,45.78168192909291],[-122.7551705228523,45.7335962810281],[-122.79106623862387,45.68016778317832],[-122.7551705228523,45.658796384038396],[-122.68337909130913,45.61605358575858],[-122.61158765976597,45.60536788618862],[-122.46800479667968,45.57865363726373],[-122.43210908090809,45.562625087908785],[-122.39621336513652,45.573310787478746],[-122.32442193359336,45.54659653855386],[-122.25263050205021,45.54659653855386],[-122.18083907050706,45.57865363726373],[-122.1090476389639,45.5839964870487],[-121.89367334433445,45.65345353425342],[-121.85777762856286,45.690853482748274],[-121.82188191279128,45.70688203210321],[-121.75009048124812,45.69619633253325],[-121.6424033339334,45.70688203210321],[-121.53471618661867,45.72825343124312],[-121.4629247550755,45.70153918231823],[-121.39113332353236,45.690853482748274],[-121.35523760776078,45.70688203210321],[-121.21165474467446,45.66948208360836],[-121.17575902890289,45.60536788618862],[-121.13986331313131,45.6107107359736],[-121.06807188158817,45.64811068446845],[-120.96038473427343,45.658796384038396],[-120.88859330273027,45.64276783468347],[-120.8526975869587,45.66948208360836],[-120.67321900810082,45.717567731673164],[-120.63732329232923,45.74428198059806],[-120.56553186078608,45.73893913081308],[-120.49374042924293,45.70153918231823],[-120.3860532819282,45.70153918231823],[-120.27836613461346,45.722910581458144],[-120.20657470307032,45.72825343124312],[-120.17067898729873,45.76031052995299],[-120.062991839984,45.787024778877885],[-119.95530469266927,45.82442472737273],[-119.81172182958295,45.84579612651265],[-119.66813896649666,45.85648182608261],[-119.63224325072508,45.90456747414741],[-119.56045181918192,45.92593887328732],[-119.52455610341033,45.909910323932394],[-119.38097324032404,45.92059602350235],[-119.2732860930093,45.941967422642264],[-119.20149466146614,45.92593887328732],[-119.129703229923,45.9312817230723],[-119.02201608260826,45.979367371137116],[-118.98612036683669,46.000738770277025],[-118.12462318831884,46.000738770277025],[-117.47850030443044,45.995395920492044],[-116.9041688520852,45.995395920492044]],[[-80.50591305970596,41.97757288218821],[-80.32643448084808,42.03634422982298],[-80.18285161776177,42.09511557745775],[-80.1469559019902,42.116486976597656],[-80.1469559019902,42.14854407530753],[-80.07516447044704,42.175258324232416],[-80.07516447044704,42.143201225522546],[-79.93158160736073,42.20731542294229],[-79.75210302850284,42.271429620362035]],[[-79.46493730233023,39.72289027292729],[-79.85979017581758,39.72289027292729],[-80.50591305970596,39.72289027292729],[-80.50591305970596,40.07551835873587],[-80.50591305970596,40.63651758615862]],[[-71.13713124332432,41.496716401540155],[-71.1730269590959,41.48603070197019],[-71.20892267486748,41.544802049604954],[-71.20892267486748,41.59823054745475],[-71.24481839063905,41.619601946594656],[-71.24481839063905,41.50205925132513],[-71.31660982218222,41.47534500240024],[-71.31660982218222,41.518087800680064],[-71.28071410641063,41.576859148314824],[-71.28071410641063,41.62494479637964],[-71.20892267486748,41.64097334573457],[-71.20892267486748,41.67303044444444]],[[-71.60377554835483,41.19751681358136],[-71.56787983258324,41.19751681358136],[-71.56787983258324,41.149431165516546],[-71.60377554835483,41.15477401530153],[-71.60377554835483,41.19751681358136]],[[-71.20892267486748,41.71043039293929],[-71.24481839063905,41.64097334573457],[-71.28071410641063,41.70508754315431],[-71.35250553795379,41.72645894229423],[-71.42429696949694,41.66234474487449],[-71.38840125372536,41.587544847884786],[-71.46019268526852,41.582201998099805],[-71.42429696949694,41.534116350035006],[-71.42429696949694,41.47000215261526],[-71.46019268526852,41.432602204120414],[-71.4960884010401,41.37383085648565],[-71.53198411681167,41.37917370627062],[-71.6396712641264,41.36314515691569],[-71.71146269566955,41.33108805820582],[-71.81914984298429,41.31505950885088],[-71.85504555875586,41.32040235863586]],[[-78.53164869226921,33.85109835923592],[-78.5675444080408,33.845755509450946],[-78.71112727112711,33.79766986138614],[-78.81881441844183,33.744241363536354],[-78.92650156575657,33.63738436783678],[-78.99829299729973,33.567927320632066],[-79.0341887130713,33.535870221922195],[-79.07008442884288,33.4824417240724],[-79.14187586038604,33.375584728372836],[-79.17777157615761,33.25269918331833],[-79.17777157615761,33.20461353525352],[-79.17777157615761,33.17255643654365],[-79.24956300770076,33.124470788478845],[-79.32135443924392,33.092413689768975],[-79.35725015501549,33.00692809320932],[-79.42904158655865,33.01761379277927],[-79.5008330181018,33.001585243424344],[-79.53672873387337,33.033642342134215],[-79.57262444964496,33.00692809320932],[-79.60852016541654,32.95349959535953],[-79.57262444964496,32.905413947294726],[-79.64441588118811,32.88938539793979],[-79.68031159695968,32.85198544944494],[-79.71620731273127,32.80389980138014],[-79.85979017581758,32.75581415331533],[-79.89568589158915,32.686357106110606],[-79.96747732313231,32.63827145804581],[-80.00337303890389,32.61690005890589],[-80.07516447044704,32.600871509550956],[-80.1469559019902,32.57950011041104],[-80.18285161776177,32.54744301170117],[-80.21874733353334,32.558128711271124],[-80.32643448084808,32.47798596449645],[-80.36233019661965,32.49401451385138],[-80.39822591239124,32.472643114711474],[-80.43412162816281,32.49935736363636],[-80.47001734393439,32.49935736363636],[-80.47001734393439,32.46195741514151],[-80.47001734393439,32.42455746664666],[-80.43412162816281,32.38715751815181],[-80.47001734393439,32.317700470947095],[-80.57770449124912,32.27495767266726],[-80.6136002070207,32.27495767266726],[-80.64949592279227,32.24824342374237],[-80.68539163856386,32.2161863250325],[-80.72128735433543,32.162757827182716],[-80.82897450165017,32.10932932933293],[-80.90076593319331,32.05055798169817],[-80.90076593319331,32.034529432343234]],[[-104.05350260586059,42.99805719111911],[-104.05350260586059,43.29191392929293],[-104.05350260586059,43.85291315671567],[-104.05350260586059,44.17882699359936],[-104.05350260586059,44.69174057295729],[-104.05350260586059,44.99628301070106]],[[-83.66473604760476,36.602665998499845],[-83.62884033183317,36.59732314871487],[-83.26988317411741,36.59732314871487],[-83.26988317411741,36.59198029892989],[-82.87503030063006,36.59198029892989],[-82.4801774271427,36.59198029892989],[-81.94174169056905,36.59198029892989],[-81.90584597479747,36.61869454785479],[-81.65457596439643,36.613351698069806],[-81.69047168016802,36.586637449144916]],[[-97.23331660926092,26.413851458545857],[-97.23331660926092,26.45659425682568],[-97.2692123250325,26.520708454245423],[-97.30510804080407,26.558108402740274],[-97.30510804080407,26.57413695209521],[-97.34100375657566,26.648936849084908],[-97.34100375657566,26.70236534693469],[-97.37689947234723,26.723736746074607],[-97.37689947234723,26.766479544354436],[-97.37689947234723,26.81990804220422],[-97.37689947234723,26.873336540054005],[-97.37689947234723,26.948136437043704],[-97.37689947234723,27.156507578657866],[-97.37689947234723,27.20459322672267],[-97.37689947234723,27.300764522852283],[-97.37689947234723,27.35953587048705],[-97.34100375657566,27.41830721812181],[-97.30510804080407,27.46105001640164],[-97.2692123250325,27.557221312531254],[-97.23331660926092,27.63202120952095],[-97.19742089348935,27.648049758875885],[-97.19742089348935,27.680106857585756],[-97.16152517771776,27.733535355435542],[-97.08973374617462,27.78696385328533],[-97.08973374617462,27.824363801780176],[-97.05383803040304,27.840392351135115],[-96.98204659885988,27.952592196619662],[-96.98204659885988,27.97930644554455],[-96.91025516731673,28.05944919231923],[-96.87435945154515,28.075477741674167],[-96.87435945154515,28.118220539953995],[-96.83846373577357,28.107534840384037],[-96.802568020002,28.123563389738973],[-96.802568020002,28.176991887588756],[-96.802568020002,28.187677587158717],[-96.69488087268726,28.19836328672867],[-96.65898515691569,28.225077535653565],[-96.65898515691569,28.251791784578458],[-96.58719372537253,28.299877432643264],[-96.51540229382938,28.32124883178318],[-96.44361086228622,28.337277381138115],[-96.44361086228622,28.32124883178318],[-96.55129800960096,28.27316318371837],[-96.62308944114412,28.230420385438542],[-96.76667230423043,28.13424908930893],[-96.83846373577357,28.06479204210421],[-96.94615088308831,27.989992145114513],[-97.01794231463145,27.909849398339833],[-97.05383803040304,27.835049501350134],[-97.08973374617462,27.792306703070306],[-97.16152517771776,27.674764007800782],[-97.2692123250325,27.471735715971597],[-97.34100375657566,27.34885017091709],[-97.37689947234723,27.209936076507653],[-97.37689947234723,27.10307908080808],[-97.37689947234723,26.990879235323533],[-97.37689947234723,26.910736488548856],[-97.34100375657566,26.73442244564456],[-97.23331660926092,26.435222857685766],[-97.23331660926092,26.413851458545857]],[[-93.8232236109611,29.68901837673767],[-93.85911932673267,29.678332677167717],[-94.00270218981898,29.683675526952694],[-94.14628505290528,29.646275578457846],[-94.57703364216421,29.469961535553555],[-94.68472078947894,29.432561587058707],[-94.72061650525052,29.400504488348833],[-94.72061650525052,29.368447389638963],[-94.7565122210221,29.395161638563856],[-94.72061650525052,29.43790443684368],[-94.68472078947894,29.475304385338532],[-94.6129293579358,29.475304385338532],[-94.57703364216421,29.491332934693467],[-94.57703364216421,29.534075732973296],[-94.54113792639264,29.51804718361836],[-94.50524221062106,29.523390033403338],[-94.54113792639264,29.571475681468144],[-94.7565122210221,29.523390033403338],[-94.79240793679368,29.52873288318832],[-94.72061650525052,29.62490417931793],[-94.68472078947894,29.72107547544754],[-94.7565122210221,29.785189672867286],[-94.82830365256525,29.758475423942393],[-94.86419936833683,29.72107547544754],[-94.86419936833683,29.672989827382736],[-94.93599079987999,29.6569612780278],[-94.93599079987999,29.69970407630763],[-95.00778223142314,29.6569612780278],[-95.00778223142314,29.63024702910291],[-94.97188651565156,29.603532780178018],[-95.00778223142314,29.55544713211321],[-94.97188651565156,29.512704333833383],[-94.90009508410841,29.496675784478448],[-94.93599079987999,29.448590136413642],[-94.90009508410841,29.432561587058707],[-94.90009508410841,29.368447389638963],[-94.90009508410841,29.3096760420042],[-94.93599079987999,29.28296179307931],[-94.93599079987999,29.288304642864286],[-95.00778223142314,29.229533295229523],[-95.11546937873787,29.176104797379736],[-95.15136509450944,29.149390548454846],[-95.15136509450944,29.111990599959995],[-95.15136509450944,29.085276351035102],[-95.0795736629663,29.12801914931493],[-95.00778223142314,29.186790496949694],[-95.00778223142314,29.20281904630463],[-94.86419936833683,29.288304642864286],[-94.82830365256525,29.30433319221922],[-94.82830365256525,29.34173314071407],[-94.72061650525052,29.331047441144115],[-94.79240793679368,29.27761894329433],[-95.04367794719472,29.149390548454846],[-95.11546937873787,29.09061920082008],[-95.11546937873787,29.069247801680167],[-95.25905224182418,28.962390805980597],[-95.29494795759575,28.935676557055707],[-95.36673938913891,28.898276608560856],[-95.36673938913891,28.866219509850986],[-95.43853082068206,28.860876660066005],[-95.58211368376837,28.791419612861283],[-95.79748797839784,28.6631912180218],[-95.86927940994099,28.63113411931193],[-96.08465370457046,28.55633422232223],[-96.22823656765677,28.492220024902487],[-96.22823656765677,28.508248574257426],[-96.04875798879888,28.588391321032102],[-95.97696655725572,28.604419870387037],[-95.97696655725572,28.641819818881885],[-96.04875798879888,28.652505518451846],[-96.1564451361136,28.609762720172014],[-96.19234085188519,28.588391321032102],[-96.22823656765677,28.641819818881885],[-96.19234085188519,28.689905466946694],[-96.19234085188519,28.700591166516652],[-96.30002799919991,28.67387691759176],[-96.30002799919991,28.647162668666866],[-96.37181943074307,28.620448419741976],[-96.47950657805781,28.572362771677167],[-96.51540229382938,28.63647696909691],[-96.55129800960096,28.641819818881885],[-96.55129800960096,28.689905466946694],[-96.58719372537253,28.727305415441542],[-96.65898515691569,28.69524831673167],[-96.62308944114412,28.63647696909691],[-96.62308944114412,28.583048471247125],[-96.58719372537253,28.583048471247125],[-96.51540229382938,28.55633422232223],[-96.51540229382938,28.52427712361236],[-96.40771514651465,28.465505775977597],[-96.40771514651465,28.44413437683768],[-96.55129800960096,28.38002017941794],[-96.58719372537253,28.35330593049305],[-96.65898515691569,28.337277381138115],[-96.69488087268726,28.34796308070807],[-96.69488087268726,28.406734428342833],[-96.76667230423043,28.406734428342833],[-96.802568020002,28.363991630063005],[-96.802568020002,28.31056313221322],[-96.802568020002,28.289191733073306],[-96.802568020002,28.257134634363435],[-96.802568020002,28.225077535653565],[-96.87435945154515,28.176991887588756],[-96.94615088308831,28.123563389738973],[-97.01794231463145,28.150277638663866],[-97.05383803040304,28.187677587158717],[-97.16152517771776,28.13424908930893],[-97.19742089348935,28.086163441244125],[-97.16152517771776,28.05944919231923],[-97.12562946194619,28.05944919231923],[-97.05383803040304,28.107534840384037],[-97.01794231463145,28.043420642964296],[-97.05383803040304,28.022049243824384],[-97.19742089348935,27.824363801780176],[-97.23331660926092,27.824363801780176],[-97.23331660926092,27.877792299629963],[-97.34100375657566,27.867106600060005],[-97.37689947234723,27.840392351135115],[-97.37689947234723,27.781621003500348],[-97.37689947234723,27.7442210550055],[-97.30510804080407,27.71216395629563],[-97.2692123250325,27.69613540694069],[-97.30510804080407,27.57324986188619],[-97.37689947234723,27.45036431683168],[-97.37689947234723,27.412964368336834],[-97.4127951881188,27.327478771777177],[-97.52048233543354,27.27939312371237],[-97.48458661966197,27.338164471347135],[-97.52048233543354,27.35953587048705],[-97.52048233543354,27.338164471347135],[-97.59227376697669,27.284735973497348],[-97.62816948274828,27.284735973497348],[-97.62816948274828,27.241993175217523],[-97.55637805120512,27.23130747564756],[-97.44869090389038,27.263364574357436],[-97.4127951881188,27.25802172457246],[-97.44869090389038,27.145821879087908],[-97.44869090389038,27.097736231023102],[-97.48458661966197,27.092393381238125],[-97.48458661966197,27.001564934893487],[-97.55637805120512,26.990879235323533],[-97.55637805120512,26.937450737473746],[-97.55637805120512,26.900050788978895],[-97.55637805120512,26.841279441344135],[-97.52048233543354,26.803879492849283],[-97.48458661966197,26.76113669456946],[-97.48458661966197,26.707708196719672],[-97.44869090389038,26.632908299729973],[-97.44869090389038,26.61153690059006],[-97.4127951881188,26.552765552955293],[-97.44869090389038,26.451251407040704],[-97.4127951881188,26.445908557255727],[-97.37689947234723,26.39248005940594],[-97.37689947234723,26.365765810481047],[-97.34100375657566,26.349737261126112],[-97.34100375657566,26.312337312631264],[-97.34100375657566,26.269594514351432],[-97.30510804080407,26.274937364136413],[-97.30510804080407,26.226851716071607],[-97.30510804080407,26.18410891779178],[-97.30510804080407,26.157394668866885],[-97.2692123250325,26.087937621662164],[-97.19742089348935,26.07725192209221],[-97.19742089348935,26.039851973597358],[-97.23331660926092,26.023823424242423],[-97.23331660926092,25.997109175317533],[-97.16152517771776,26.00245202510251],[-97.16152517771776,26.04519482338234],[-97.16152517771776,26.061223372737274],[-97.16152517771776,25.9543663770377],[-97.23331660926092,25.95970922682268],[-97.2692123250325,25.9543663770377],[-97.34100375657566,25.92230927832783],[-97.37689947234723,25.916966428542853],[-97.37689947234723,25.868880780478047],[-97.37689947234723,25.842166531553154],[-97.4127951881188,25.842166531553154],[-97.44869090389038,25.874223630263025],[-97.52048233543354,25.884909329832983],[-97.55637805120512,25.93299497789779],[-97.59227376697669,25.938337827682766],[-97.66406519851985,26.023823424242423],[-97.69996091429142,26.03450912381238],[-97.77175234583459,26.03450912381238],[-97.80764806160616,26.061223372737274],[-97.84354377737773,26.050537673167316],[-97.8794394931493,26.06656622252225],[-97.95123092469247,26.050537673167316],[-97.98712664046404,26.06656622252225],[-98.02302235623561,26.06656622252225],[-98.02302235623561,26.039851973597358],[-98.09481378777878,26.06656622252225],[-98.16660521932192,26.055880522952293],[-98.16660521932192,26.07725192209221],[-98.23839665086508,26.07190907230723],[-98.31018808240825,26.119994720372034],[-98.34608379817982,26.15205181908191],[-98.38197951395139,26.157394668866885],[-98.41787522972297,26.18410891779178],[-98.45377094549455,26.221508866286626],[-98.48966666126613,26.210823166716672],[-98.59735380858086,26.253565964996497],[-98.66914524012401,26.23753741564156],[-98.70504095589558,26.29096591349135],[-98.74093667166717,26.32302301220122],[-98.77683238743874,26.333708711771177],[-98.81272810321032,26.371108660266025],[-98.88451953475348,26.35508011091109],[-98.92041525052505,26.381794359835983],[-98.95631096629663,26.397822909190918],[-98.9922066820682,26.397822909190918],[-99.02810239783979,26.413851458545857],[-99.09989382938294,26.397822909190918],[-99.09989382938294,26.42453715811581],[-99.09989382938294,26.477965655965598],[-99.13578954515451,26.526051304030403],[-99.1716852609261,26.536737003600358],[-99.1716852609261,26.622222600160015],[-99.20758097669767,26.654279698869885],[-99.20758097669767,26.723736746074607],[-99.24347669246924,26.745108145214523],[-99.24347669246924,26.787850943494348],[-99.27937240824082,26.841279441344135],[-99.3152681240124,26.878679389838982],[-99.35116383978398,26.92142218811881],[-99.38705955555555,26.93210788768877],[-99.38705955555555,26.974850685968597],[-99.45885098709871,27.022936334033403],[-99.45885098709871,27.060336282528255],[-99.42295527132713,27.092393381238125],[-99.42295527132713,27.151164728872885],[-99.42295527132713,27.17787897779778],[-99.45885098709871,27.225964625862588],[-99.45885098709871,27.2473360250025],[-99.49474670287029,27.274050273927394],[-99.49474670287029,27.338164471347135],[-99.49474670287029,27.412964368336834],[-99.49474670287029,27.45036431683168],[-99.49474670287029,27.487764265326533],[-99.53064241864186,27.498449964896487],[-99.49474670287029,27.56256416231623],[-99.53064241864186,27.60530696059606],[-99.60243385018502,27.642706909090908],[-99.6383295659566,27.626678359735973],[-99.67422528172817,27.658735458445843],[-99.71012099749974,27.653392608660866],[-99.7819124290429,27.733535355435542],[-99.81780814481448,27.7442210550055],[-99.81780814481448,27.77627815371537],[-99.88959957635764,27.797649552855283],[-99.88959957635764,27.840392351135115],[-99.88959957635764,27.861763750275024],[-99.88959957635764,27.899163698769875],[-99.92549529212921,27.941906497049704],[-99.92549529212921,27.97930644554455],[-99.99728672367236,27.995334994899487],[-100.03318243944395,28.06479204210421],[-100.06907815521552,28.086163441244125],[-100.06907815521552,28.144934788878885],[-100.21266101830183,28.193020436943694],[-100.21266101830183,28.230420385438542],[-100.2485567340734,28.235763235223523],[-100.28445244984498,28.28384888328833],[-100.28445244984498,28.3159059819982],[-100.35624388138814,28.401391578557856],[-100.32034816561656,28.428105827482746],[-100.35624388138814,28.47619147554755],[-100.35624388138814,28.50290572447245],[-100.39213959715971,28.513591424042403],[-100.42803531293129,28.550991372537254],[-100.39213959715971,28.583048471247125],[-100.46393102870287,28.609762720172014],[-100.46393102870287,28.641819818881885],[-100.49982674447445,28.6631912180218],[-100.49982674447445,28.7379911150115],[-100.53572246024602,28.764705363936393],[-100.53572246024602,28.823476711571157],[-100.5716181760176,28.828819561356134],[-100.60751389178918,28.903619458345833],[-100.64340960756076,28.903619458345833],[-100.64340960756076,28.94101940684068],[-100.64340960756076,28.983762205120513],[-100.67930532333233,29.10130490039004],[-100.7152010391039,29.12801914931493],[-100.78699247064706,29.17076194759476],[-100.75109675487549,29.197476196519652],[-100.78699247064706,29.245561844584458],[-100.8946796179618,29.28296179307931],[-100.8946796179618,29.3096760420042],[-100.96647104950495,29.34707599049905],[-101.00236676527652,29.368447389638963],[-101.07415819681968,29.459275835983597],[-101.14594962836283,29.475304385338532],[-101.18184534413442,29.512704333833383],[-101.25363677567756,29.539418582758273],[-101.25363677567756,29.59284708060806],[-101.25363677567756,29.608875629962995],[-101.32542820722072,29.59818993039304],[-101.32542820722072,29.6569612780278],[-101.3613239229923,29.66230412781278],[-101.39721963876387,29.731761175017503],[-101.46901107030703,29.77984682308231],[-101.54080250185018,29.763818273727374],[-101.57669821762175,29.77450397329733],[-101.72028108070806,29.76916112351235],[-101.79207251225122,29.790532522652263],[-101.8279682280228,29.790532522652263],[-101.86386394379437,29.80121822222222],[-101.93565537533753,29.790532522652263],[-101.9715510911091,29.81190392179218],[-102.04334252265227,29.8065610720072],[-102.04334252265227,29.785189672867286],[-102.11513395419541,29.790532522652263],[-102.151029669967,29.81190392179218],[-102.18692538573858,29.84396102050205],[-102.22282110151015,29.84396102050205],[-102.29461253305331,29.87601811921192],[-102.33050824882488,29.87067526942694],[-102.40229968036803,29.76916112351235],[-102.47409111191119,29.785189672867286],[-102.54588254345434,29.753132574157412],[-102.58177825922593,29.763818273727374],[-102.6176739749975,29.737104024802477],[-102.68946540654065,29.737104024802477],[-102.68946540654065,29.678332677167717],[-102.72536112231224,29.640932728672865],[-102.72536112231224,29.59818993039304],[-102.76125683808381,29.59284708060806],[-102.76125683808381,29.55010428232823],[-102.79715255385538,29.523390033403338],[-102.79715255385538,29.496675784478448],[-102.83304826962696,29.44324728662866],[-102.83304826962696,29.400504488348833],[-102.83304826962696,29.357761690069005],[-102.86894398539854,29.352418840284027],[-102.90483970117012,29.293647492649264],[-102.90483970117012,29.261590393939393],[-102.86894398539854,29.224190445444542],[-102.94073541694169,29.176104797379736],[-103.01252684848485,29.17076194759476],[-103.01252684848485,29.12801914931493],[-103.084318280028,29.09061920082008],[-103.084318280028,29.05856210211021],[-103.12021399579957,28.983762205120513],[-103.15610971157116,28.978419355335532],[-103.22790114311431,28.98910505490549],[-103.26379685888588,28.983762205120513],[-103.33558829042904,29.02116215361536],[-103.37148400620062,29.02116215361536],[-103.44327543774378,29.042533552755273],[-103.51506686928693,29.117333449744976],[-103.5509625850585,29.154733398239824],[-103.62275401660166,29.16541909780978],[-103.65864973237323,29.1600762480248],[-103.7304411639164,29.19213334673467],[-103.80223259545954,29.256247544154412],[-103.83812831123112,29.27761894329433],[-103.98171117431743,29.293647492649264],[-104.05350260586059,29.320361741574157],[-104.08939832163216,29.368447389638963],[-104.16118975317532,29.384475938993898],[-104.1970854689469,29.41119018791879],[-104.1970854689469,29.475304385338532],[-104.26887690049004,29.512704333833383],[-104.30477261626163,29.52873288318832],[-104.3406683320332,29.51804718361836],[-104.41245976357635,29.55544713211321],[-104.41245976357635,29.571475681468144],[-104.52014691089109,29.640932728672865],[-104.55604262666266,29.678332677167717],[-104.55604262666266,29.76916112351235],[-104.62783405820582,29.817246771577157],[-104.62783405820582,29.87067526942694],[-104.6637297739774,29.924103767276726],[-104.6637297739774,29.977532265126513],[-104.69962548974897,30.05233216211621],[-104.69962548974897,30.084389260826082],[-104.69962548974897,30.132474908890888],[-104.69962548974897,30.180560556955694],[-104.77141692129213,30.3034461020102],[-104.8073126370637,30.33550320072007],[-104.8073126370637,30.362217449644966],[-104.84320835283528,30.388931698569856],[-104.84320835283528,30.420988797279726],[-104.87910406860686,30.458388745774577],[-104.87910406860686,30.511817243624364],[-104.91499978437844,30.570588591259124],[-104.91499978437844,30.602645689968995],[-104.95089550015001,30.607988539753975],[-104.98679121592158,30.66141703760376],[-105.09447836323632,30.720188385238522],[-105.09447836323632,30.74155978437844],[-105.16626979477948,30.752245483948393],[-105.20216551055105,30.789645432443244],[-105.2739569420942,30.8003311320132],[-105.2739569420942,30.821702531153115],[-105.38164408940894,30.853759629862985],[-105.41753980518051,30.891159578357836],[-105.48933123672367,30.94458807620762],[-105.52522695249525,30.987330874487448],[-105.56112266826682,30.99267372427243],[-105.5970183840384,31.08350217061706],[-105.63291409980998,31.11555926932693],[-105.70470553135314,31.136930668466846],[-105.74060124712472,31.163644917391736],[-105.77649696289629,31.168987767176716],[-105.77649696289629,31.201044865886587],[-105.88418411021102,31.286530462446244],[-105.9200798259826,31.313244711371134],[-105.95597554175417,31.36667320922092],[-105.99187125752576,31.393387458145813],[-106.0636626890689,31.39873030793079],[-106.17134983638364,31.457501655565558],[-106.20724555215521,31.468187355135512],[-106.24314126792679,31.54298725212521],[-106.27903698369838,31.564358651265124],[-106.31493269946995,31.61778714911491],[-106.35082841524152,31.697929895889587],[-106.3867241310131,31.729986994599457],[-106.45851556255626,31.76738694309431],[-106.49441127832783,31.746015543954393],[-106.5303069940994,31.783415492449244]],[[-111.05316718131813,41.998944281328136],[-111.05316718131813,41.582201998099805],[-111.05316718131813,40.999831371537155],[-110.55062716051606,40.994488521752174],[-110.51473144474447,40.994488521752174],[-110.11987857125713,40.994488521752174],[-109.5455471189119,40.999831371537155],[-109.04300709810981,40.999831371537155]],[[-73.32676990539053,45.012311560056006],[-72.86012560036004,45.017654409840986],[-72.57295987418742,45.012311560056006],[-72.32168986378637,45.001625860486044],[-71.92683699029902,45.006968710271025],[-71.4960884010401,45.012311560056006]],[[-75.98305287248724,37.95440699409941],[-76.01894858825882,37.917007045604564],[-76.0548443040304,37.95440699409941]],[[-75.22924284128412,38.0292068910891],[-75.30103427282728,37.95974984388438],[-75.33692998859885,37.87426424732473],[-75.408721420142,37.87426424732473],[-75.44461713591359,37.86357854775477],[-75.51640856745674,37.79946435033503],[-75.5881999989999,37.68192165506551],[-75.62409571477147,37.607121758075806],[-75.5881999989999,37.569721809580955],[-75.65999143054304,37.47355051345134],[-75.65999143054304,37.43080771517151],[-75.7317828620862,37.37203636753675],[-75.7317828620862,37.3346364190419],[-75.76767857785778,37.30792217011701],[-75.80357429362935,37.29723647054705],[-75.80357429362935,37.22243657355735],[-75.80357429362935,37.19572232463246],[-75.91126144094409,37.11557957785779],[-75.91126144094409,37.131608127212715],[-75.98305287248724,37.12092242764277],[-75.98305287248724,37.15832237613761],[-76.01894858825882,37.20640802420242],[-76.01894858825882,37.259836522052204],[-76.01894858825882,37.32929356925692],[-75.98305287248724,37.36669351775177],[-75.98305287248724,37.43615056495649],[-75.94715715671566,37.5323218610861],[-75.94715715671566,37.564378959795974],[-75.91126144094409,37.62315030743074],[-75.80357429362935,37.76206440184018],[-75.80357429362935,37.79412150055005],[-75.7317828620862,37.80480720012001],[-75.69588714631462,37.86357854775477],[-75.69588714631462,37.93837844474447],[-75.65999143054304,37.949064144314434]],[[-77.13171577717772,38.632948916791676],[-77.20350720872086,38.61692036743674],[-77.23940292449244,38.63829176657666],[-77.23940292449244,38.590206118511844],[-77.3111943560356,38.49403482238223],[-77.3111943560356,38.45129202410241],[-77.3111943560356,38.39786352625262],[-77.27529864026403,38.33909217861786],[-77.23940292449244,38.33374932883288],[-77.16761149294929,38.34443502840284],[-77.13171577717772,38.36580642754275],[-77.09582006140613,38.36580642754275],[-77.05992434563456,38.4032063760376],[-77.02402862986298,38.37649212711271],[-77.02402862986298,38.31237792969297],[-76.95223719831982,38.25894943184318],[-76.95223719831982,38.21620663356336],[-76.8445500510051,38.162778135713566],[-76.77275861946194,38.16812098549855],[-76.73686290369037,38.136063886788676],[-76.70096718791879,38.15743528592859],[-76.62917575637563,38.14674958635864],[-76.59328004060406,38.10934963786379],[-76.5214886090609,38.071949689368935],[-76.5214886090609,38.0292068910891],[-76.48559289328932,38.013178341734175],[-76.41380146174617,37.96509269366936],[-76.34201003020301,37.949064144314434],[-76.27021859865987,37.91166419581958],[-76.23432288288828,37.89029279667967],[-76.23432288288828,37.8315214490449],[-76.30611431443144,37.81015004990499],[-76.30611431443144,37.71932160356035],[-76.30611431443144,37.68726450485048],[-76.34201003020301,37.64452170657066],[-76.30611431443144,37.62315030743074],[-76.37790574597459,37.61246460786079],[-76.48559289328932,37.665893105710566],[-76.5214886090609,37.64452170657066],[-76.5214886090609,37.665893105710566],[-76.55738432483248,37.70329305420542],[-76.59328004060406,37.76740725162516],[-76.6650714721472,37.79412150055005],[-76.6650714721472,37.826178599259926],[-76.73686290369037,37.83686429882988],[-76.73686290369037,37.87426424732473],[-76.77275861946194,37.86892139753975],[-76.73686290369037,37.79946435033503],[-76.70096718791879,37.7834358009801],[-76.6650714721472,37.756721552055204],[-76.62917575637563,37.74603585248525],[-76.59328004060406,37.71932160356035],[-76.55738432483248,37.64452170657066],[-76.5214886090609,37.61246460786079],[-76.44969717751775,37.61246460786079],[-76.41380146174617,37.580407509150916],[-76.30611431443144,37.564378959795974],[-76.37790574597459,37.52163616151615],[-76.34201003020301,37.49492191259126],[-76.30611431443144,37.516293311731175],[-76.27021859865987,37.44683626452645],[-76.23432288288828,37.388064916891686],[-76.27021859865987,37.31860786968697],[-76.34201003020301,37.361350667966796],[-76.37790574597459,37.38272206710671],[-76.44969717751775,37.36669351775177],[-76.41380146174617,37.3346364190419],[-76.37790574597459,37.2865507709771],[-76.41380146174617,37.25449367226722],[-76.48559289328932,37.24915082248225],[-76.48559289328932,37.21709372377238],[-76.37790574597459,37.227779423342334],[-76.41380146174617,37.15832237613761],[-76.34201003020301,37.163665225922585],[-76.34201003020301,37.14229382678268],[-76.30611431443144,37.12626527742774],[-76.27021859865987,37.083522479147916],[-76.30611431443144,37.00337973237323],[-76.34201003020301,37.014065431943195],[-76.41380146174617,36.97132263366336],[-76.44969717751775,37.03009398129813],[-76.55738432483248,37.078179629362936],[-76.62917575637563,37.12092242764277],[-76.59328004060406,37.15832237613761],[-76.6650714721472,37.22243657355735],[-76.73686290369037,37.2117508739874],[-76.77275861946194,37.19037947484748],[-76.73686290369037,37.15297952635264],[-76.70096718791879,37.14763667656766],[-76.70096718791879,37.20106517441744],[-76.6650714721472,37.110236728072806],[-76.6650714721472,37.05680823022302],[-76.62917575637563,37.0354368310831],[-76.59328004060406,37.03009398129813],[-76.55738432483248,37.00337973237323],[-76.48559289328932,36.94995123452345],[-76.48559289328932,36.89652273667367],[-76.37790574597459,36.90186558645864],[-76.37790574597459,36.92323698559856],[-76.34201003020301,36.91789413581358],[-76.34201003020301,36.96063693409341],[-76.27021859865987,36.96597978387838],[-76.23432288288828,36.94460838473847],[-76.09074001980197,36.90720843624362],[-76.01894858825882,36.93392268516851],[-75.98305287248724,36.92323698559856],[-75.94715715671566,36.762951492049204],[-75.87536572517251,36.62938024742474],[-75.87536572517251,36.549237500650065]],[[-81.97763740634063,37.537664710871084],[-81.94174169056905,37.50026476237623],[-82.01353312211221,37.478893363236324],[-81.94174169056905,37.44683626452645],[-81.94174169056905,37.41477916581658],[-81.94174169056905,37.361350667966796],[-81.8699502590259,37.30792217011701],[-81.8699502590259,37.2865507709771],[-81.76226311171116,37.27586507140714],[-81.72636739593959,37.23846512291229],[-81.69047168016802,37.20106517441744],[-81.54688881708171,37.20640802420242],[-81.43920166976697,37.27052222162216],[-81.4033059539954,37.27586507140714],[-81.4033059539954,37.31326501990199],[-81.36741023822381,37.33997926882688],[-81.33151452245224,37.29723647054705],[-81.2238273751375,37.23312227312731],[-81.11614022782278,37.27586507140714],[-80.97255736473647,37.30257932033203],[-80.93666164896489,37.29723647054705],[-80.86487021742174,37.34532211861186],[-80.90076593319331,37.38272206710671],[-80.86487021742174,37.42546486538654],[-80.79307878587858,37.39340776667667],[-80.757183070107,37.37203636753675],[-80.72128735433543,37.39340776667667],[-80.54180877547755,37.47355051345134],[-80.50591305970596,37.478893363236324],[-80.47001734393439,37.42546486538654],[-80.2905387650765,37.505607612161214],[-80.32643448084808,37.564378959795974],[-80.25464304930493,37.596436058505844],[-80.21874733353334,37.628493157215715],[-80.25464304930493,37.64452170657066],[-80.2905387650765,37.69260735463546],[-80.25464304930493,37.73000730313031],[-80.25464304930493,37.756721552055204],[-80.1469559019902,37.87426424732473],[-80.1469559019902,37.884949946894686],[-80.07516447044704,37.94372129452945],[-80.00337303890389,37.99180694259426],[-79.93158160736073,38.10934963786379],[-79.93158160736073,38.14140673657366],[-79.89568589158915,38.19483523442344],[-79.85979017581758,38.23757803270327],[-79.78799874427442,38.27497798119812],[-79.82389446004599,38.30703507990799],[-79.75210302850284,38.355120727972796],[-79.68031159695968,38.42992062496249],[-79.71620731273127,38.472663423242324],[-79.64441588118811,38.590206118511844],[-79.53672873387337,38.552806170017],[-79.46493730233023,38.45663487388739],[-79.32135443924392,38.41389207560756],[-79.28545872347235,38.42457777517751],[-79.21366729192918,38.49403482238223],[-79.21366729192918,38.5260919210921],[-79.17777157615761,38.58486326872687],[-79.14187586038604,38.65432031593159],[-79.10598014461445,38.659663165716566],[-79.10598014461445,38.7024059639964],[-79.07008442884288,38.74514876227623],[-79.0341887130713,38.79323441034103],[-78.99829299729973,38.852005757975796],[-78.85471013421342,38.76117731163116],[-78.78291870267026,38.88406285668567],[-78.74702298689868,38.92680565496549],[-78.71112727112711,38.90543425582558],[-78.67523155535552,38.92680565496549],[-78.63933583958395,38.969548453245324],[-78.60344012381238,38.96420560346034],[-78.5675444080408,39.01763410131013],[-78.5675444080408,39.033662650665065],[-78.49575297649764,39.10846254765477],[-78.45985726072607,39.11380539743974],[-78.3880658291829,39.16723389528953],[-78.4239615449545,39.1992909939994],[-78.3880658291829,39.24203379227923],[-78.4239615449545,39.25806234163416],[-78.35217011341133,39.316833689268925],[-78.35217011341133,39.35423363776377],[-78.35217011341133,39.46643348324832],[-78.17269153455345,39.34354793819382],[-77.81373437683767,39.129833946794676],[-77.7778386610661,39.20997669356936],[-77.74194294529453,39.29546229012901],[-77.70604722952295,39.3221765390539]],[[-122.50390051245125,48.28747847824782],[-122.61158765976597,48.2928213280328],[-122.64748337553755,48.26610707910791],[-122.68337909130913,48.22336428082808],[-122.61158765976597,48.207335731473144],[-122.5756919439944,48.12185013491349],[-122.5756919439944,48.10047873577358],[-122.53979622822283,48.052393087708765],[-122.50390051245125,48.057735937493746],[-122.50390051245125,48.0951358859886],[-122.43210908090809,48.052393087708765],[-122.36031764936493,48.03636453835384],[-122.36031764936493,47.95087894179417],[-122.36031764936493,47.90813614351435],[-122.43210908090809,47.91347899329933],[-122.43210908090809,47.95087894179417],[-122.46800479667968,47.988278890289024],[-122.50390051245125,47.972250340934096],[-122.61158765976597,48.031021688568856],[-122.61158765976597,48.07376448684868],[-122.61158765976597,48.11116443534353],[-122.61158765976597,48.15390723362336],[-122.68337909130913,48.15390723362336],[-122.71927480708071,48.19130718211821],[-122.7551705228523,48.22870713061306],[-122.71927480708071,48.30350702760276],[-122.68337909130913,48.35693552545254],[-122.64748337553755,48.399678323732374],[-122.5756919439944,48.39433547394739],[-122.5756919439944,48.35159267566756],[-122.50390051245125,48.31953557695769],[-122.50390051245125,48.28747847824782]],[[-122.46800479667968,47.51276525942594],[-122.43210908090809,47.464679611361134],[-122.43210908090809,47.41659396329633],[-122.39621336513652,47.37919401480148],[-122.46800479667968,47.34179406630663],[-122.50390051245125,47.33110836673667],[-122.53979622822283,47.34713691609161],[-122.50390051245125,47.4486510620062],[-122.46800479667968,47.51276525942594]],[[-122.79106623862387,48.60270661556156],[-122.7551705228523,48.55996381728173],[-122.79106623862387,48.50653531943194],[-122.82696195439544,48.490506770077005],[-122.79106623862387,48.431735422442244],[-122.86285767016702,48.4157068730873],[-122.93464910171016,48.458449671367134],[-122.97054481748175,48.45310682158215],[-123.04233624902491,48.458449671367134],[-123.11412768056806,48.490506770077005],[-123.15002339633963,48.527906718571856],[-123.18591911211121,48.581335216421635],[-123.18591911211121,48.59736376577658],[-123.18591911211121,48.62407801470147],[-123.11412768056806,48.62407801470147],[-123.11412768056806,48.59736376577658],[-123.04233624902491,48.57064951685168],[-123.00644053325333,48.59736376577658],[-123.04233624902491,48.61873516491649],[-123.00644053325333,48.65613511341134],[-122.93464910171016,48.7149064610461],[-122.86285767016702,48.709563611261125],[-122.7551705228523,48.66147796319632],[-122.82696195439544,48.61873516491649],[-122.79106623862387,48.60270661556156]],[[-122.64748337553755,48.586678066206616],[-122.5756919439944,48.549278117711765],[-122.64748337553755,48.53859241814181],[-122.64748337553755,48.586678066206616]],[[-122.71927480708071,48.60804946534653],[-122.68337909130913,48.57064951685168],[-122.71927480708071,48.53859241814181],[-122.7551705228523,48.581335216421635],[-122.71927480708071,48.60804946534653]],[[-123.54487626982699,46.25719555995599],[-123.65256341714172,46.26788125952595],[-123.6884591329133,46.29459550845084],[-123.72435484868487,46.29993835823582],[-123.76025056445644,46.27322410931093],[-123.79614628022802,46.283909808880885],[-123.86793771177118,46.24116701060106],[-123.90383342754276,46.24650986038604],[-123.97562485908591,46.31062405780578],[-124.01152057485749,46.315966907590756],[-124.04741629062906,46.27856695909591],[-124.08331200640065,46.27322410931093],[-124.04741629062906,46.32665260716071],[-124.04741629062906,46.492280950495044],[-124.08331200640065,46.63119504490449],[-124.01152057485749,46.58310939683968],[-124.04741629062906,46.497623800280024],[-124.01152057485749,46.465566701570154],[-123.93972914331434,46.476252401140115],[-123.90383342754276,46.535023748774876],[-123.97562485908591,46.63653789468947],[-123.93972914331434,46.67393784318432],[-123.86793771177118,46.70065209210921],[-123.86793771177118,46.73270919081908],[-123.97562485908591,46.72202349124912],[-124.01152057485749,46.71133779167917],[-124.08331200640065,46.748737740174015],[-124.11920772217222,46.83422333673367],[-124.15510343794381,46.903680383938394],[-124.04741629062906,46.89299468436843],[-123.97562485908591,46.91970893329332],[-123.93972914331434,46.91970893329332],[-123.86793771177118,46.94642318221822],[-123.90383342754276,46.973137431143115],[-123.97562485908591,46.97848028092809],[-124.01152057485749,47.031908778777876],[-124.11920772217222,47.04259447834784],[-124.15510343794381,47.021223079207914],[-124.11920772217222,46.94642318221822],[-124.19099915371538,46.9250517830783],[-124.15510343794381,46.994508830283024],[-124.19099915371538,47.090680126412636],[-124.22689486948696,47.21890852125212],[-124.22689486948696,47.28836556845684],[-124.26279058525853,47.30439411781178],[-124.33458201680168,47.35782261566156],[-124.33458201680168,47.41659396329633],[-124.37047773257326,47.54482235813581],[-124.37047773257326,47.63030795469547],[-124.44226916411642,47.747850649964995],[-124.478164879888,47.76922204910491],[-124.478164879888,47.81730769716971],[-124.54995631143115,47.83867909630963],[-124.54995631143115,47.86539334523452],[-124.62174774297429,47.88676474437443],[-124.65764345874588,47.966907491149115],[-124.69353917451745,48.10047873577358],[-124.72943489028904,48.1699357829783],[-124.69353917451745,48.18596433233323],[-124.65764345874588,48.33022127652765],[-124.69353917451745,48.35159267566756],[-124.72943489028904,48.38899262416241],[-124.58585202720272,48.38364977437743],[-124.37047773257326,48.28213562846284],[-124.22689486948696,48.26076422932293],[-124.11920772217222,48.2180214310431],[-124.04741629062906,48.17527863276327],[-123.90383342754276,48.15925008340834],[-123.76025056445644,48.15390723362336],[-123.6884591329133,48.16459293319332],[-123.58077198559856,48.13253583448345],[-123.54487626982699,48.14856438383838],[-123.5089805540554,48.13253583448345],[-123.40129340674068,48.116507285128506],[-123.25771054365437,48.116507285128506],[-123.15002339633963,48.16459293319332],[-123.07823196479649,48.12185013491349],[-123.04233624902491,48.07910733663366],[-122.97054481748175,48.0951358859886],[-122.93464910171016,48.089793036203616],[-122.93464910171016,48.06842163706371],[-122.86285767016702,48.04705023792379],[-122.86285767016702,48.11116443534353],[-122.82696195439544,48.13253583448345],[-122.7551705228523,48.1432215340534],[-122.7551705228523,48.116507285128506],[-122.79106623862387,48.089793036203616],[-122.7551705228523,48.052393087708765],[-122.71927480708071,48.089793036203616],[-122.68337909130913,48.10047873577358],[-122.68337909130913,48.014993139213914],[-122.71927480708071,47.988278890289024],[-122.64748337553755,47.929507542654264],[-122.64748337553755,47.86539334523452],[-122.68337909130913,47.86539334523452],[-122.68337909130913,47.83333624652465],[-122.7551705228523,47.80127914781478],[-122.7551705228523,47.747850649964995],[-122.79106623862387,47.70510785168517],[-122.82696195439544,47.69442215211521],[-122.79106623862387,47.79059344824482],[-122.86285767016702,47.779907748674866],[-122.89875338593859,47.6730507529753],[-122.97054481748175,47.61427940534053],[-123.11412768056806,47.459336761576154],[-123.15002339633963,47.35782261566156],[-123.11412768056806,47.36316546544654],[-123.11412768056806,47.38987971437143],[-122.97054481748175,47.587565156415636],[-122.86285767016702,47.65167935383538],[-122.7551705228523,47.6730507529753],[-122.7551705228523,47.73716495039504],[-122.68337909130913,47.80127914781478],[-122.5756919439944,47.87607904480448],[-122.61158765976597,47.9188218430843],[-122.53979622822283,47.9188218430843],[-122.50390051245125,47.88142189458945],[-122.50390051245125,47.742507800180014],[-122.53979622822283,47.747850649964995],[-122.53979622822283,47.710450701470144],[-122.50390051245125,47.69976500190019],[-122.50390051245125,47.65167935383538],[-122.50390051245125,47.63565080448045],[-122.50390051245125,47.587565156415636],[-122.53979622822283,47.555508057705765],[-122.53979622822283,47.523450958995895],[-122.50390051245125,47.51276525942594],[-122.53979622822283,47.470022461146115],[-122.53979622822283,47.39522256415641],[-122.53979622822283,47.373851165016504],[-122.5756919439944,47.32042266716671],[-122.53979622822283,47.283022718671866],[-122.61158765976597,47.21890852125212],[-122.68337909130913,47.283022718671866],[-122.68337909130913,47.34179406630663],[-122.71927480708071,47.33110836673667],[-122.7551705228523,47.277679868886885],[-122.64748337553755,47.20287997189719],[-122.71927480708071,47.12808007490749],[-122.7551705228523,47.16548002340234],[-122.82696195439544,47.245622770177015],[-122.79106623862387,47.28836556845684],[-122.82696195439544,47.32042266716671],[-122.86285767016702,47.27233701910191],[-122.82696195439544,47.20822282168217],[-122.79106623862387,47.122737225122506],[-122.71927480708071,47.1013658259826],[-122.68337909130913,47.1013658259826],[-122.5756919439944,47.1761657229723],[-122.5756919439944,47.245622770177015],[-122.53979622822283,47.29370841824182],[-122.43210908090809,47.26699416931693],[-122.39621336513652,47.28836556845684],[-122.43210908090809,47.32042266716671],[-122.32442193359336,47.34713691609161],[-122.32442193359336,47.38987971437143],[-122.36031764936493,47.459336761576154],[-122.36031764936493,47.48070816071607],[-122.39621336513652,47.51276525942594],[-122.39621336513652,47.57153660706071],[-122.36031764936493,47.59290800620062],[-122.36031764936493,47.62496510491049],[-122.43210908090809,47.65702220362036],[-122.36031764936493,47.73182210061006],[-122.39621336513652,47.779907748674866],[-122.39621336513652,47.80662199759976],[-122.32442193359336,47.84936479587958],[-122.32442193359336,47.95087894179417],[-122.21673478627864,47.97759319071907],[-122.21673478627864,48.031021688568856],[-122.28852621782178,48.052393087708765],[-122.36031764936493,48.12719298469847],[-122.36031764936493,48.19130718211821],[-122.39621336513652,48.22870713061306],[-122.46800479667968,48.18596433233323],[-122.46800479667968,48.13253583448345],[-122.50390051245125,48.13253583448345],[-122.53979622822283,48.18596433233323],[-122.53979622822283,48.25007852975297],[-122.39621336513652,48.25007852975297],[-122.36031764936493,48.28747847824782],[-122.39621336513652,48.32487842674267],[-122.50390051245125,48.36227837523752],[-122.5756919439944,48.431735422442244],[-122.64748337553755,48.41036402330233],[-122.68337909130913,48.437078272227225],[-122.64748337553755,48.47982107050704],[-122.71927480708071,48.495849619861986],[-122.61158765976597,48.522563868786875],[-122.5756919439944,48.50653531943194],[-122.53979622822283,48.469135370937096],[-122.50390051245125,48.458449671367134],[-122.46800479667968,48.490506770077005],[-122.46800479667968,48.55996381728173],[-122.43210908090809,48.59736376577658],[-122.50390051245125,48.65613511341134],[-122.50390051245125,48.7149064610461],[-122.50390051245125,48.75230640954095],[-122.53979622822283,48.773677808680866],[-122.64748337553755,48.773677808680866],[-122.68337909130913,48.80039205760576],[-122.71927480708071,48.85382055545554],[-122.79106623862387,48.88587765416541],[-122.7551705228523,48.928620452445244],[-122.82696195439544,48.9393061520152],[-122.82696195439544,48.955334701370134],[-122.7551705228523,49.00342034943494],[-122.1090476389639,49.00342034943494],[-121.75009048124812,48.998077499649966],[-121.13986331313131,49.00342034943494],[-120.70911472387239,48.998077499649966],[-119.99120040844085,48.998077499649966],[-119.41686895609561,48.998077499649966],[-118.84253750375038,48.998077499649966],[-118.196414619862,48.998077499649966],[-117.62208316751676,49.00342034943494],[-117.04775171517153,48.998077499649966]],[[-90.41313061266126,47.026565928992895],[-90.44902632843284,46.994508830283024],[-90.44902632843284,47.04259447834784],[-90.44902632843284,47.07465157705771],[-90.41313061266126,47.07465157705771],[-90.41313061266126,47.026565928992895]],[[-90.77208777037703,46.94642318221822],[-90.70029633883388,46.95710888178817],[-90.70029633883388,46.91970893329332],[-90.73619205460545,46.91436608350835],[-90.77208777037703,46.94642318221822]],[[-90.55671347574757,46.844909036303626],[-90.6644006230623,46.81819478737874],[-90.77208777037703,46.75408058995899],[-90.80798348614861,46.786137688668866],[-90.73619205460545,46.8021662380238],[-90.62850490729072,46.876966135013504],[-90.55671347574757,46.844909036303626]],[[-90.55671347574757,46.95710888178817],[-90.520817759976,46.95710888178817],[-90.55671347574757,46.91436608350835],[-90.62850490729072,46.909023233723374],[-90.62850490729072,46.941080332433245],[-90.55671347574757,46.95710888178817]],[[-90.77208777037703,47.031908778777876],[-90.62850490729072,47.04259447834784],[-90.59260919151914,46.98916598049804],[-90.6644006230623,46.94642318221822],[-90.70029633883388,46.98382313071307],[-90.77208777037703,46.999851680068005],[-90.77208777037703,47.031908778777876]],[[-92.02843782238223,46.70599494189419],[-91.95664639083908,46.67928069296929],[-91.81306352775277,46.68996639253925],[-91.63358494889489,46.73270919081908],[-91.56179351735173,46.75942343974397],[-91.52589780158016,46.75942343974397],[-91.41821065426542,46.79148053845384],[-91.38231493849385,46.79148053845384],[-91.34641922272228,46.81819478737874],[-91.27462779117911,46.83422333673367],[-91.23873207540754,46.86628043544354],[-91.16694064386438,46.844909036303626],[-91.1310449280928,46.86093758565856],[-91.09514921232123,46.86093758565856],[-90.9874620650065,46.91970893329332],[-90.9874620650065,46.941080332433245],[-90.91567063346334,46.93039463286328],[-90.87977491769176,46.95710888178817],[-90.84387920192019,46.95710888178817],[-90.77208777037703,46.89833753415341],[-90.80798348614861,46.82353763716371],[-90.87977491769176,46.75408058995899],[-90.84387920192019,46.70065209210921],[-90.91567063346334,46.66325214361436],[-90.95156634923492,46.59913794619462],[-90.91567063346334,46.58310939683968],[-90.77208777037703,46.64722359425942],[-90.73619205460545,46.68996639253925],[-90.59260919151914,46.59913794619462],[-90.520817759976,46.58310939683968],[-90.520817759976,46.588452246624655],[-90.41313061266126,46.567080847484746]],[[-87.57736906670667,45.097797156615655],[-87.61326478247824,45.044368658765876],[-87.61326478247824,44.974911611561154],[-87.75684764556455,44.96422591199119],[-87.82863907710771,44.95354021242124],[-87.82863907710771,44.916140263926394],[-87.82863907710771,44.8894260150015],[-87.86453479287928,44.84134036693669],[-87.90043050865086,44.825311817581756],[-87.93632622442244,44.755854770377034],[-87.97222194019402,44.71845482188219],[-88.00811765596559,44.600912126612656],[-88.04401337173717,44.568855027902785],[-88.00811765596559,44.536797929192915],[-87.93632622442244,44.536797929192915],[-87.86453479287928,44.606254976397636],[-87.79274336133614,44.63831207510751],[-87.75684764556455,44.64365492489249],[-87.72095192979297,44.69174057295729],[-87.72095192979297,44.723797671667164],[-87.61326478247824,44.83599751715171],[-87.50557763516352,44.86805461586158],[-87.46968191939193,44.8627117660766],[-87.39789048784878,44.90545456435643],[-87.36199477207721,44.985597311131116],[-87.32609905630562,45.033682959195914],[-87.25430762476248,45.08176860726073],[-87.25430762476248,45.16725420382038],[-87.18251619321931,45.1619113540354],[-87.11072476167617,45.18862560296029],[-87.11072476167617,45.258082650165015],[-87.00303761436143,45.30082544844484],[-86.96714189858986,45.29548259865986],[-86.96714189858986,45.24739695059506],[-87.00303761436143,45.21533985188519],[-87.038933330133,45.220682701670164],[-87.038933330133,45.11916855575557],[-87.038933330133,45.0871114570457],[-87.07482904590458,45.05505435833583],[-87.11072476167617,45.06039720812081],[-87.14662047744774,45.012311560056006],[-87.18251619321931,44.96956876177617],[-87.18251619321931,44.93216881328132],[-87.21841190899089,44.90011171457145],[-87.21841190899089,44.87339746564656],[-87.25430762476248,44.84668321672167],[-87.29020334053405,44.80394041844184],[-87.32609905630562,44.71845482188219],[-87.39789048784878,44.63831207510751],[-87.43378620362036,44.606254976397636],[-87.46968191939193,44.55282647854786],[-87.54147335093509,44.323083937793776],[-87.50557763516352,44.23225549144914],[-87.50557763516352,44.17882699359936],[-87.57736906670667,44.14676989488949],[-87.64916049824983,44.104027096609656],[-87.64916049824983,44.050598598759876],[-87.6850562140214,44.018541500050006],[-87.72095192979297,43.87962740564056],[-87.72095192979297,43.81017035843584],[-87.6850562140214,43.76742756015601],[-87.72095192979297,43.68194196359636],[-87.79274336133614,43.56439926832683],[-87.79274336133614,43.49494222112211],[-87.79274336133614,43.46288512241224],[-87.86453479287928,43.39342807520752],[-87.90043050865086,43.2491711310131],[-87.86453479287928,43.16902838423842],[-87.90043050865086,43.136971285528546],[-87.86453479287928,43.072857088108805],[-87.90043050865086,43.040799989398934],[-87.90043050865086,42.99805719111911],[-87.82863907710771,42.94462869326932],[-87.86453479287928,42.89120019541954],[-87.82863907710771,42.83777169756975],[-87.75684764556455,42.78434319971997],[-87.79274336133614,42.70954330273027],[-87.82863907710771,42.64542910531053],[-87.82863907710771,42.527886410041006],[-87.79274336133614,42.490486461546155]],[[-86.8953504670467,45.33288254715471],[-86.96714189858986,45.34356824672467],[-86.93124618281827,45.413025293929394],[-86.82355903550355,45.40768244414441],[-86.8953504670467,45.33288254715471]]],\\\"bbox\\\":[-179.14734,18.917833210221023,179.77392200000006,71.352561]}\"},{\"title\":\"./_data/us-states-data.json\",\"contents\":\"[{\\\"name\\\":\\\"Alabama\\\",\\\"myValue\\\":5045},{\\\"name\\\":\\\"Alaska\\\",\\\"myValue\\\":57064},{\\\"name\\\":\\\"Arizona\\\",\\\"myValue\\\":1135},{\\\"name\\\":\\\"Arkansas\\\",\\\"myValue\\\":52035.477},{\\\"name\\\":\\\"California\\\",\\\"myValue\\\":655779},{\\\"name\\\":\\\"Colorado\\\",\\\"myValue\\\":10641},{\\\"name\\\":\\\"Connecticut\\\",\\\"myValue\\\":48422},{\\\"name\\\":\\\"Delaware\\\",\\\"myValue\\\":19459},{\\\"name\\\":\\\"District of Columbia\\\",\\\"myValue\\\":612},{\\\"name\\\":\\\"Florida\\\",\\\"myValue\\\":5624},{\\\"name\\\":\\\"Georgia\\\",\\\"myValue\\\":17513},{\\\"name\\\":\\\"Hawaii\\\",\\\"myValue\\\":64222},{\\\"name\\\":\\\"Idaho\\\",\\\"myValue\\\":82643.117},{\\\"name\\\":\\\"Illinois\\\",\\\"myValue\\\":255518},{\\\"name\\\":\\\"Indiana\\\",\\\"myValue\\\":135826},{\\\"name\\\":\\\"Iowa\\\",\\\"myValue\\\":55857.13},{\\\"name\\\":\\\"Kansas\\\",\\\"myValue\\\":381758.717},{\\\"name\\\":\\\"Kentucky\\\",\\\"myValue\\\":93986},{\\\"name\\\":\\\"Louisiana\\\",\\\"myValue\\\":432033},{\\\"name\\\":\\\"Maine\\\",\\\"myValue\\\":60842},{\\\"name\\\":\\\"Maryland\\\",\\\"myValue\\\":9757},{\\\"name\\\":\\\"Massachusetts\\\",\\\"myValue\\\":78001},{\\\"name\\\":\\\"Michigan\\\",\\\"myValue\\\":256538.901},{\\\"name\\\":\\\"Minnesota\\\",\\\"myValue\\\":188626},{\\\"name\\\":\\\"Mississippi\\\",\\\"myValue\\\":126923},{\\\"name\\\":\\\"Missouri\\\",\\\"myValue\\\":68741.522},{\\\"name\\\":\\\"Montana\\\",\\\"myValue\\\":145545.801},{\\\"name\\\":\\\"Nebraska\\\",\\\"myValue\\\":76824.171},{\\\"name\\\":\\\"Nevada\\\",\\\"myValue\\\":109781.18},{\\\"name\\\":\\\"New Hampshire\\\",\\\"myValue\\\":2952},{\\\"name\\\":\\\"New Jersey\\\",\\\"myValue\\\":17354},{\\\"name\\\":\\\"New Mexico\\\",\\\"myValue\\\":555779},{\\\"name\\\":\\\"New York\\\",\\\"myValue\\\":47126.399},{\\\"name\\\":\\\"North Carolina\\\",\\\"myValue\\\":148617},{\\\"name\\\":\\\"North Dakota\\\",\\\"myValue\\\":16900},{\\\"name\\\":\\\"Ohio\\\",\\\"myValue\\\":40860.694},{\\\"name\\\":\\\"Oklahoma\\\",\\\"myValue\\\":168594},{\\\"name\\\":\\\"Oregon\\\",\\\"myValue\\\":9588},{\\\"name\\\":\\\"Pennsylvania\\\",\\\"myValue\\\":447442},{\\\"name\\\":\\\"Rhode Island\\\",\\\"myValue\\\":555779},{\\\"name\\\":\\\"South Carolina\\\",\\\"myValue\\\":825060},{\\\"name\\\":\\\"South Dakota\\\",\\\"myValue\\\":795811},{\\\"name\\\":\\\"Tennessee\\\",\\\"myValue\\\":341234},{\\\"name\\\":\\\"Texas\\\",\\\"myValue\\\":861231},{\\\"name\\\":\\\"Utah\\\",\\\"myValue\\\":289169},{\\\"name\\\":\\\"Vermont\\\",\\\"myValue\\\":759216},{\\\"name\\\":\\\"Virginia\\\",\\\"myValue\\\":139490},{\\\"name\\\":\\\"Washington\\\",\\\"myValue\\\":966455},{\\\"name\\\":\\\"West Virginia\\\",\\\"myValue\\\":24038.21},{\\\"name\\\":\\\"Wisconsin\\\",\\\"myValue\\\":154157},{\\\"name\\\":\\\"Wyoming\\\",\\\"myValue\\\":297093.141}]\"},{\"title\":\"./_data/us-states-labels.json\",\"contents\":\"[\\n  {\\n    \\\"name\\\": \\\"Alabama\\\",\\n    \\\"abbr\\\": \\\"AL\\\",\\n    \\\"center\\\": [\\n      -86.67,\\n      32.58\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Alaska\\\",\\n    \\\"abbr\\\": \\\"AK\\\",\\n    \\\"center\\\": [\\n      -152,\\n      65\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Arizona\\\",\\n    \\\"abbr\\\": \\\"AZ\\\",\\n    \\\"center\\\": [\\n      -111.4,\\n      34.16\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Arkansas\\\",\\n    \\\"abbr\\\": \\\"AR\\\",\\n    \\\"center\\\": [\\n      -92.48,\\n      34.75\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"California\\\",\\n    \\\"abbr\\\": \\\"CA\\\",\\n    \\\"center\\\": [\\n      -119.27,\\n      36\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Colorado\\\",\\n    \\\"abbr\\\": \\\"CO\\\",\\n    \\\"center\\\": [\\n      -105.54,\\n      38.3\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Connecticut\\\",\\n    \\\"abbr\\\": \\\"CT\\\",\\n    \\\"center\\\": [\\n      -72.75,\\n      41.1\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Delaware\\\",\\n    \\\"abbr\\\": \\\"DE\\\",\\n    \\\"center\\\": [\\n      -75.42,\\n      39.14\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"District of Columbia\\\",\\n    \\\"abbr\\\": \\\"DC\\\",\\n    \\\"center\\\": [\\n      -77.02,\\n      38.89\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Florida\\\",\\n    \\\"abbr\\\": \\\"FL\\\",\\n    \\\"center\\\": [\\n      -81.5,\\n      27.65\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Georgia\\\",\\n    \\\"abbr\\\": \\\"GA\\\",\\n    \\\"center\\\": [\\n      -83.21,\\n      31.8\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Hawaii\\\",\\n    \\\"abbr\\\": \\\"HI\\\",\\n    \\\"center\\\": [\\n      -157.53,\\n      20.57\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Idaho\\\",\\n    \\\"abbr\\\": \\\"ID\\\",\\n    \\\"center\\\": [\\n      -114.5,\\n      43.5\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Illinois\\\",\\n    \\\"abbr\\\": \\\"IL\\\",\\n    \\\"center\\\": [\\n      -89.2,\\n      39.74\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Indiana\\\",\\n    \\\"abbr\\\": \\\"IN\\\",\\n    \\\"center\\\": [\\n      -86.2,\\n      39.76\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Iowa\\\",\\n    \\\"abbr\\\": \\\"IA\\\",\\n    \\\"center\\\": [\\n      -93.37,\\n      41.4\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Kansas\\\",\\n    \\\"abbr\\\": \\\"KS\\\",\\n    \\\"center\\\": [\\n      -98.32,\\n      38.1\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Kentucky\\\",\\n    \\\"abbr\\\": \\\"KY\\\",\\n    \\\"center\\\": [\\n      -84.35,\\n      37.1\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Louisiana\\\",\\n    \\\"abbr\\\": \\\"LA\\\",\\n    \\\"center\\\": [\\n      -92.3,\\n      29.9\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Maine\\\",\\n    \\\"abbr\\\": \\\"ME\\\",\\n    \\\"center\\\": [\\n      -69.03,\\n      45.26\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Maryland\\\",\\n    \\\"abbr\\\": \\\"MD\\\",\\n    \\\"center\\\": [\\n      -77.27,\\n      38.81\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Massachusetts\\\",\\n    \\\"abbr\\\": \\\"MA\\\",\\n    \\\"center\\\": [\\n      -71.85,\\n      41.8\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Michigan\\\",\\n    \\\"abbr\\\": \\\"MI\\\",\\n    \\\"center\\\": [\\n      -84.7,\\n      42.3\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Minnesota\\\",\\n    \\\"abbr\\\": \\\"MN\\\",\\n    \\\"center\\\": [\\n      -94.5,\\n      46.44\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Mississippi\\\",\\n    \\\"abbr\\\": \\\"MS\\\",\\n    \\\"center\\\": [\\n      -89.7,\\n      32.58\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Missouri\\\",\\n    \\\"abbr\\\": \\\"MO\\\",\\n    \\\"center\\\": [\\n      -92.42,\\n      37.5\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Montana\\\",\\n    \\\"abbr\\\": \\\"MT\\\",\\n    \\\"center\\\": [\\n      -110.04,\\n      46.68\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Nebraska\\\",\\n    \\\"abbr\\\": \\\"NE\\\",\\n    \\\"center\\\": [\\n      -99.67,\\n      41.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Nevada\\\",\\n    \\\"abbr\\\": \\\"NV\\\",\\n    \\\"center\\\": [\\n      -116.6,\\n      38.7\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"New Hampshire\\\",\\n    \\\"abbr\\\": \\\"NH\\\",\\n    \\\"center\\\": [\\n      -71.62,\\n      43\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"New Jersey\\\",\\n    \\\"abbr\\\": \\\"NJ\\\",\\n    \\\"center\\\": [\\n      -74.72,\\n      40.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"New Mexico\\\",\\n    \\\"abbr\\\": \\\"NM\\\",\\n    \\\"center\\\": [\\n      -106.02,\\n      34.16\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"New York\\\",\\n    \\\"abbr\\\": \\\"NY\\\",\\n    \\\"center\\\": [\\n      -75.1,\\n      42.3\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"North Carolina\\\",\\n    \\\"abbr\\\": \\\"NC\\\",\\n    \\\"center\\\": [\\n      -79.7,\\n      35.21\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"North Dakota\\\",\\n    \\\"abbr\\\": \\\"ND\\\",\\n    \\\"center\\\": [\\n      -100.3,\\n      46.8\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Ohio\\\",\\n    \\\"abbr\\\": \\\"OH\\\",\\n    \\\"center\\\": [\\n      -82.9,\\n      40.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Oklahoma\\\",\\n    \\\"abbr\\\": \\\"OK\\\",\\n    \\\"center\\\": [\\n      -97.2,\\n      35.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Oregon\\\",\\n    \\\"abbr\\\": \\\"OR\\\",\\n    \\\"center\\\": [\\n      -120.51,\\n      43.23\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Pennsylvania\\\",\\n    \\\"abbr\\\": \\\"PA\\\",\\n    \\\"center\\\": [\\n      -77.59,\\n      40.4\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Rhode Island\\\",\\n    \\\"abbr\\\": \\\"RI\\\",\\n    \\\"center\\\": [\\n      -71.49,\\n      41.58\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"South Carolina\\\",\\n    \\\"abbr\\\": \\\"SC\\\",\\n    \\\"center\\\": [\\n      -80.93,\\n      33.5\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"South Dakota\\\",\\n    \\\"abbr\\\": \\\"SD\\\",\\n    \\\"center\\\": [\\n      -100.24,\\n      44.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Tennessee\\\",\\n    \\\"abbr\\\": \\\"TN\\\",\\n    \\\"center\\\": [\\n      -85.98,\\n      35.4\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Texas\\\",\\n    \\\"abbr\\\": \\\"TX\\\",\\n    \\\"center\\\": [\\n      -99.06,\\n      31.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Utah\\\",\\n    \\\"abbr\\\": \\\"UT\\\",\\n    \\\"center\\\": [\\n      -111.55,\\n      39.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Vermont\\\",\\n    \\\"abbr\\\": \\\"VT\\\",\\n    \\\"center\\\": [\\n      -72.6,\\n      43.65\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Virginia\\\",\\n    \\\"abbr\\\": \\\"VA\\\",\\n    \\\"center\\\": [\\n      -78.6,\\n      37.1\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Washington\\\",\\n    \\\"abbr\\\": \\\"WA\\\",\\n    \\\"center\\\": [\\n      -119.9,\\n      46.7\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"West Virginia\\\",\\n    \\\"abbr\\\": \\\"WV\\\",\\n    \\\"center\\\": [\\n      -80.65,\\n      38.0\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Wisconsin\\\",\\n    \\\"abbr\\\": \\\"WI\\\",\\n    \\\"center\\\": [\\n      -90.1,\\n      43.8\\n    ]\\n  },\\n  {\\n    \\\"name\\\": \\\"Wyoming\\\",\\n    \\\"abbr\\\": \\\"WY\\\",\\n    \\\"center\\\": [\\n      -107.55,\\n      43\\n    ]\\n  }\\n]\"}]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -781,8 +781,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/MapSvg.html b/docs/example/MapSvg.html
index e7e73141..ece046f7 100644
--- a/docs/example/MapSvg.html
+++ b/docs/example/MapSvg.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Map (svg, tooltip, pre-projected)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -279,7 +279,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/MapSvg.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, Html } from 'layercake';\\n  import { feature } from 'topojson-client';\\n  import { geoIdentity } from 'd3-geo';\\n  import { scaleQuantize } from 'd3-scale';\\n  import { format } from 'd3-format';\\n\\n  import MapSvg from './_components/Map.svg.svelte';\\n  import Tooltip from './_components/Tooltip.html.svelte';\\n\\n  // This example loads json data as json using @rollup/plugin-json\\n  import usStates from './_data/states-albers-10m.json';\\n  import stateData from './_data/us-states-data.json';\\n\\n  const colorKey = 'myValue';\\n\\n  /* --------------------------------------------\\n   * Create lookups to more easily join our data\\n   * `dataJoinKey` is the name of the field in the data\\n   * `mapJoinKey` is the name of the field in the map file\\n   */\\n  const dataJoinKey = 'name';\\n  const mapJoinKey = 'name';\\n  const dataLookup = new Map();\\n\\n  const geojson = feature(usStates, usStates.objects.states);\\n  const projection = geoIdentity;\\n\\n  stateData.forEach(d => {\\n    dataLookup.set(d[dataJoinKey], d);\\n  });\\n\\n  let evt;\\n  let hideTooltip = true;\\n\\n  // Create a flat array of objects that LayerCake can use to measure\\n  // extents for the color scale\\n  const flatData = geojson.features.map(d => d.properties);\\n  const colors = ['#ffdecc', '#ffc09c', '#ffa06b', '#ff7a33'];\\n\\n  const addCommas = format(',');\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    data={geojson}\\n    z={d => dataLookup.get(d[mapJoinKey])[colorKey]}\\n    zScale={scaleQuantize()}\\n    zRange={colors}\\n    {flatData}\\n  >\\n    \u003CSvg>\\n      \u003CMapSvg\\n        {projection}\\n        on:mousemove={event => evt = hideTooltip = event}\\n        on:mouseout={() => hideTooltip = true}\\n      />\\n    \u003C/Svg>\\n\\n    \u003CHtml\\n      pointerEvents={false}\\n    >\\n      {#if hideTooltip !== true}\\n        \u003CTooltip\\n          {evt}\\n          let:detail\\n        >\\n          \u003C!-- For the tooltip, do another data join because the hover event only has the data from the geography data -->\\n          {@const tooltipData = { ...detail.props, ...dataLookup.get(detail.props[mapJoinKey]) }}\\n          {#each Object.entries(tooltipData) as [key, value]}\\n            {@const keyCapitalized = key.replace(/^\\\\w/, d => d.toUpperCase())}\\n            \u003Cdiv class=\\\"row\\\">\u003Cspan>{keyCapitalized}:\u003C/span> {typeof value === 'number' ? addCommas(value) : value}\u003C/div>\\n          {/each}\\n        \u003C/Tooltip>\\n      {/if}\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A map component using pre-projected topojson. The SVG map component uses Layer Cake's built-in `raise` function (adapted from [d3-selection](https://github.com/d3/d3-selection)) to ensure the hovered-over SVG element is always on top of its siblings. The tooltip uses Svelte's [createEventDispatcher](https://svelte.dev/docs#createEventDispatcher).\\n\\nThe topojson file `states-albers-10m.json` is taken from the [U.S. Atlas TopoJSON](https://github.com/topojson/us-atlas) repository. This file is designed to fit a 975×610 viewport. Within the map component we can pass in [d3.geoIdentity](https://github.com/d3/d3-geo/blob/main/README.md#geoIdentity) in place of a projection function, in order to scale the SVG to fit its container.\\n\\nFor an example using a client-side projection function, see the [layered map](/example/MapLayered) example or the [map components examples](https://layercake.graphics/components#map).\\n\",\"components\":[{\"title\":\"./_components/Map.svg.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG map using the `geoPath` function from [d3-geo](https://github.com/d3/d3-geo).\\n -->\\n\u003Cscript>\\n  import { getContext, createEventDispatcher } from 'svelte';\\n  import { geoPath } from 'd3-geo';\\n  import { raise } from 'layercake';\\n\\n  const { data, width, height, zGet } = getContext('LayerCake');\\n\\n  /** @type {Function} projection - A D3 projection function. Pass this in as an uncalled function, e.g. `projection={geoAlbersUsa}`. */\\n  export let projection;\\n\\n  /** @type {Number} [fixedAspectRatio] - By default, the map fills to fit the $width and $height. If instead you want a fixed-aspect ratio, like for a server-side rendered map, set that here. */\\n  export let fixedAspectRatio = undefined;\\n\\n  /** @type {String} [fill] - The shape's fill color. By default, the fill will be determined by the z-scale, unless this prop is set. */\\n  export let fill = undefined;\\n\\n  /** @type {String} [stroke='#333'] - The shape's stroke color. */\\n  export let stroke = '#333';\\n\\n  /** @type {Number} [strokeWidth=0.5] - The shape's stroke width. */\\n  export let strokeWidth = 0.5;\\n\\n  /** @type {Array} [features] - A list of GeoJSON features. Use this if you want to draw a subset of the features in `$data` while keeping the zoom on the whole GeoJSON feature set. By default, it plots everything in `$data.features` if left unset. */\\n  export let features = undefined;\\n\\n  /* --------------------------------------------\\n   * Here's how you would do cross-component hovers\\n   */\\n  const dispatch = createEventDispatcher();\\n\\n  $: fitSizeRange = fixedAspectRatio ? [100, 100 / fixedAspectRatio] : [$width, $height];\\n\\n  $: projectionFn = projection()\\n    .fitSize(fitSizeRange, $data);\\n\\n  $: geoPathFn = geoPath(projectionFn);\\n\\n  function handleMousemove(feature) {\\n    return function handleMousemoveFn(e) {\\n      raise(this);\\n      // When the element gets raised, it flashes 0,0 for a second so skip that\\n      if (e.layerX !== 0 && e.layerY !== 0) {\\n        dispatch('mousemove', { e, props: feature.properties });\\n      }\\n    }\\n  }\\n\u003C/script>\\n\\n\u003Cg\\n  class=\\\"map-group\\\"\\n  on:mouseout={(e) => dispatch('mouseout')}\\n  on:blur={(e) => dispatch('mouseout')}\\n>\\n  {#each (features || $data.features) as feature}\\n    \u003Cpath\\n      class=\\\"feature-path\\\"\\n      fill=\\\"{fill || $zGet(feature.properties)}\\\"\\n      stroke={stroke}\\n      stroke-width={strokeWidth}\\n      d=\\\"{geoPathFn(feature)}\\\"\\n      on:mouseover={(e) => dispatch('mousemove', { e, props: feature.properties })}\\n      on:focus={(e) => dispatch('mousemove', { e, props: feature.properties })}\\n      on:mousemove={handleMousemove(feature)}\\n    >\u003C/path>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  /* .feature-path {\\n    stroke: #333;\\n    stroke-width: 0.5px;\\n  } */\\n  .feature-path:hover {\\n    stroke: #000;\\n    stroke-width: 2px;\\n  }\\n  /**\\n   * Disable the outline on feature click.\\n   * Depending on map funtionality and accessiblity issues,\\n   * you may not want this rule. Read more:\\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/:focus\\n   * https://github.com/mhkeller/layercake/issues/63\\n   */\\n  .feature-path:focus {\\n    outline: none;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Tooltip.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a hover tooltip. It creates a slot with an exposed variable via `let:detail` that contains information about the event. Use the slot to populate the body of the tooltip using the exposed variable `detail`.\\n -->\\n\u003Cscript>\\n  /** @type {Object} evt - A svelte event created via [`dispatch`](https://svelte.dev/docs#createEventDispatcher) with event information under `evt.detail.e`. */\\n  export let evt = {};\\n\\n  /** @type {Number} [offset=-35] - A y-offset from the hover point, in pixels. */\\n  export let offset = -35;\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .tooltip {\\n    position: absolute;\\n    width: 150px;\\n    border: 1px solid #ccc;\\n    font-size: 13px;\\n    background: rgba(255, 255, 255, 0.85);\\n    transform: translate(-50%, -100%);\\n    padding: 5px;\\n    z-index: 15;\\n  }\\n\u003C/style>\\n\\n{#if evt.detail}\\n  \u003Cdiv\\n    class=\\\"tooltip\\\"\\n    style=\\\"\\n      top:{evt.detail.e.layerY + offset}px;\\n      left:{evt.detail.e.layerX}px;\\n    \\\"\\n  >\\n    \u003Cslot detail={evt.detail}>\u003C/slot>\\n  \u003C/div>\\n{/if}\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[],\"jsons\":[{\"title\":\"./_data/states-albers-10m.json\",\"contents\":\"{\\\"type\\\":\\\"Topology\\\",\\\"bbox\\\":[-57.66491068874468,12.97635452036684,957.5235629133763,606.5694262668667],\\\"transform\\\":{\\\"scale\\\":[0.010151986255883769,0.005935990077365771],\\\"translate\\\":[-57.66491068874468,12.97635452036684]},\\\"objects\\\":{\\\"states\\\":{\\\"type\\\":\\\"GeometryCollection\\\",\\\"geometries\\\":[{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[0]],[[1,2,3,4,5]]],\\\"id\\\":\\\"01\\\",\\\"properties\\\":{\\\"name\\\":\\\"Alabama\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[6]],[[7]],[[8]],[[9]],[[10]],[[11]],[[12]],[[13]],[[14]],[[15]],[[16]],[[17]],[[18]],[[19]],[[20]],[[21]],[[22]],[[23]],[[24]],[[25]],[[26]],[[27]],[[28]],[[29]],[[30]],[[31]],[[32]],[[33]],[[34]],[[35]],[[36]],[[37]],[[38]],[[39]],[[40]],[[41]],[[42]],[[43]],[[44]],[[45]],[[46]],[[47]],[[48]],[[49]],[[50]],[[51]],[[52]],[[53]],[[54]],[[55]],[[56]],[[57]],[[58]],[[59]],[[60]],[[61]]],\\\"id\\\":\\\"02\\\",\\\"properties\\\":{\\\"name\\\":\\\"Alaska\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[62,63,64,65,66]],\\\"id\\\":\\\"04\\\",\\\"properties\\\":{\\\"name\\\":\\\"Arizona\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[67,68,69,70,71,72]],\\\"id\\\":\\\"08\\\",\\\"properties\\\":{\\\"name\\\":\\\"Colorado\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[73]],[[74]],[[75]],[[76]],[[77]],[[78]],[[79]],[[80]],[[81]],[[82,83,-4]]],\\\"id\\\":\\\"12\\\",\\\"properties\\\":{\\\"name\\\":\\\"Florida\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[84,85,86,87,-83,-3]],\\\"id\\\":\\\"13\\\",\\\"properties\\\":{\\\"name\\\":\\\"Georgia\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[88,89,90,91,92]],\\\"id\\\":\\\"18\\\",\\\"properties\\\":{\\\"name\\\":\\\"Indiana\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[93,94,95,-70]],\\\"id\\\":\\\"20\\\",\\\"properties\\\":{\\\"name\\\":\\\"Kansas\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[96]],[[97]],[[98]],[[99]],[[100]],[[101]],[[102]],[[103,104]]],\\\"id\\\":\\\"23\\\",\\\"properties\\\":{\\\"name\\\":\\\"Maine\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[105]],[[106]],[[107,108,109,110,111,112,113,114]]],\\\"id\\\":\\\"25\\\",\\\"properties\\\":{\\\"name\\\":\\\"Massachusetts\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[115,116,117,118,119]],\\\"id\\\":\\\"27\\\",\\\"properties\\\":{\\\"name\\\":\\\"Minnesota\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[120,121,122,123,124,125,126,127]],\\\"id\\\":\\\"34\\\",\\\"properties\\\":{\\\"name\\\":\\\"New Jersey\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[128]],[[129]],[[130,131,132,-86,133]]],\\\"id\\\":\\\"37\\\",\\\"properties\\\":{\\\"name\\\":\\\"North Carolina\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[134,-120,135,136]],\\\"id\\\":\\\"38\\\",\\\"properties\\\":{\\\"name\\\":\\\"North Dakota\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-71,-96,137,138,139,140]],\\\"id\\\":\\\"40\\\",\\\"properties\\\":{\\\"name\\\":\\\"Oklahoma\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[141,142,-123,143,144,145,146]],\\\"id\\\":\\\"42\\\",\\\"properties\\\":{\\\"name\\\":\\\"Pennsylvania\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[147,-136,-119,148,149,150]],\\\"id\\\":\\\"46\\\",\\\"properties\\\":{\\\"name\\\":\\\"South Dakota\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-140,151,152,153,154]],\\\"id\\\":\\\"48\\\",\\\"properties\\\":{\\\"name\\\":\\\"Texas\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-151,155,-68,156,157,158]],\\\"id\\\":\\\"56\\\",\\\"properties\\\":{\\\"name\\\":\\\"Wyoming\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-114,159,160,161]],\\\"id\\\":\\\"09\\\",\\\"properties\\\":{\\\"name\\\":\\\"Connecticut\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[162,163,164,165,166,167,168,-138,-95,169]],\\\"id\\\":\\\"29\\\",\\\"properties\\\":{\\\"name\\\":\\\"Missouri\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[170,-146,171,172,173]],\\\"id\\\":\\\"54\\\",\\\"properties\\\":{\\\"name\\\":\\\"West Virginia\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[174,175,176,-93,177,-164]],\\\"id\\\":\\\"17\\\",\\\"properties\\\":{\\\"name\\\":\\\"Illinois\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-72,-141,-155,178,-66]],\\\"id\\\":\\\"35\\\",\\\"properties\\\":{\\\"name\\\":\\\"New Mexico\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-169,179,180,181,-152,-139]],\\\"id\\\":\\\"05\\\",\\\"properties\\\":{\\\"name\\\":\\\"Arkansas\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[182]],[[183]],[[184]],[[185]],[[186]],[[187]],[[188]],[[189,190,-63,191]]],\\\"id\\\":\\\"06\\\",\\\"properties\\\":{\\\"name\\\":\\\"California\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[-128,192]],[[-144,-122,193,194]]],\\\"id\\\":\\\"10\\\",\\\"properties\\\":{\\\"name\\\":\\\"Delaware\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[195,196]],\\\"id\\\":\\\"11\\\",\\\"properties\\\":{\\\"name\\\":\\\"District of Columbia\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[197]],[[198]],[[199]],[[200]],[[201]],[[202]],[[203]],[[204]]],\\\"id\\\":\\\"15\\\",\\\"properties\\\":{\\\"name\\\":\\\"Hawaii\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-118,205,-175,-163,206,-149]],\\\"id\\\":\\\"19\\\",\\\"properties\\\":{\\\"name\\\":\\\"Iowa\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[-178,-92,207,-174,208,209,-165]],[[210,-167]]],\\\"id\\\":\\\"21\\\",\\\"properties\\\":{\\\"name\\\":\\\"Kentucky\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[211,212]],[[213]],[[-145,-195,214,215,216,217,-196,218,-172]]],\\\"id\\\":\\\"24\\\",\\\"properties\\\":{\\\"name\\\":\\\"Maryland\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[219]],[[220]],[[221]],[[222]],[[223]],[[224]],[[225]],[[226]],[[227,228,-90]],[[229]],[[230,231]]],\\\"id\\\":\\\"26\\\",\\\"properties\\\":{\\\"name\\\":\\\"Michigan\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[232]],[[233]],[[234]],[[235]],[[-181,236,-6,237,238]]],\\\"id\\\":\\\"28\\\",\\\"properties\\\":{\\\"name\\\":\\\"Mississippi\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[239,-137,-148,-159,240]],\\\"id\\\":\\\"30\\\",\\\"properties\\\":{\\\"name\\\":\\\"Montana\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[241,-104,242,-109,243]],\\\"id\\\":\\\"33\\\",\\\"properties\\\":{\\\"name\\\":\\\"New Hampshire\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[244]],[[245]],[[246,-126]],[[247]],[[248]],[[249,250,-115,-162,251,-124,-143]]],\\\"id\\\":\\\"36\\\",\\\"properties\\\":{\\\"name\\\":\\\"New York\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[252]],[[253]],[[-229,254,-147,-171,-208,-91]]],\\\"id\\\":\\\"39\\\",\\\"properties\\\":{\\\"name\\\":\\\"Ohio\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[255,256,257,-190,258]],\\\"id\\\":\\\"41\\\",\\\"properties\\\":{\\\"name\\\":\\\"Oregon\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-168,-211,-166,-210,259,-134,-85,-2,-237,-180]],\\\"id\\\":\\\"47\\\",\\\"properties\\\":{\\\"name\\\":\\\"Tennessee\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[260,-157,-73,-65,261]],\\\"id\\\":\\\"49\\\",\\\"properties\\\":{\\\"name\\\":\\\"Utah\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[-216,262]],[[263,-212]],[[-173,-219,-197,-218,264,-131,-260,-209]]],\\\"id\\\":\\\"51\\\",\\\"properties\\\":{\\\"name\\\":\\\"Virginia\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[265]],[[266]],[[267]],[[268]],[[269]],[[270]],[[271]],[[272]],[[273]],[[274]],[[275,-256,276]]],\\\"id\\\":\\\"53\\\",\\\"properties\\\":{\\\"name\\\":\\\"Washington\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[277]],[[278]],[[279]],[[280]],[[281]],[[282]],[[283]],[[284]],[[285]],[[286]],[[287,-232,288,-176,-206,-117]]],\\\"id\\\":\\\"55\\\",\\\"properties\\\":{\\\"name\\\":\\\"Wisconsin\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-150,-207,-170,-94,-69,-156]],\\\"id\\\":\\\"31\\\",\\\"properties\\\":{\\\"name\\\":\\\"Nebraska\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-133,289,-87]],\\\"id\\\":\\\"45\\\",\\\"properties\\\":{\\\"name\\\":\\\"South Carolina\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-276,290,-241,-158,-261,291,-257]],\\\"id\\\":\\\"16\\\",\\\"properties\\\":{\\\"name\\\":\\\"Idaho\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[-258,-292,-262,-64,-191]],\\\"id\\\":\\\"32\\\",\\\"properties\\\":{\\\"name\\\":\\\"Nevada\\\"}},{\\\"type\\\":\\\"Polygon\\\",\\\"arcs\\\":[[292,-244,-108,-251]],\\\"id\\\":\\\"50\\\",\\\"properties\\\":{\\\"name\\\":\\\"Vermont\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[293]],[[294]],[[295]],[[296]],[[297]],[[298]],[[299]],[[-182,-239,300,-153]]],\\\"id\\\":\\\"22\\\",\\\"properties\\\":{\\\"name\\\":\\\"Louisiana\\\"}},{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[-111,301]],[[302]],[[303]],[[-160,-113,304]]],\\\"id\\\":\\\"44\\\",\\\"properties\\\":{\\\"name\\\":\\\"Rhode Island\\\"}}]},\\\"nation\\\":{\\\"type\\\":\\\"GeometryCollection\\\",\\\"geometries\\\":[{\\\"type\\\":\\\"MultiPolygon\\\",\\\"arcs\\\":[[[0]],[[83,4,237,300,153,178,66,191,258,276,290,239,134,115,287,230,288,176,88,227,254,141,249,292,241,104,242,109,301,111,304,160,251,124,246,126,192,120,193,214,262,216,264,131,289,87]],[[6]],[[7]],[[8]],[[9]],[[10]],[[11]],[[12]],[[13]],[[14]],[[15]],[[16]],[[17]],[[18]],[[19]],[[20]],[[21]],[[22]],[[23]],[[24]],[[25]],[[26]],[[27]],[[28]],[[29]],[[30]],[[31]],[[32]],[[33]],[[34]],[[35]],[[36]],[[37]],[[38]],[[39]],[[40]],[[41]],[[42]],[[43]],[[44]],[[45]],[[46]],[[47]],[[48]],[[49]],[[50]],[[51]],[[52]],[[53]],[[54]],[[55]],[[56]],[[57]],[[58]],[[59]],[[60]],[[61]],[[73]],[[74]],[[75]],[[76]],[[77]],[[78]],[[79]],[[80]],[[81]],[[96]],[[97]],[[98]],[[99]],[[100]],[[101]],[[102]],[[105]],[[106]],[[128]],[[129]],[[182]],[[183]],[[184]],[[185]],[[186]],[[187]],[[188]],[[197]],[[198]],[[199]],[[200]],[[201]],[[202]],[[203]],[[204]],[[212,263]],[[213]],[[219]],[[220]],[[221]],[[222]],[[223]],[[224]],[[225]],[[226]],[[229]],[[232]],[[233]],[[234]],[[235]],[[244]],[[245]],[[247]],[[248]],[[252]],[[253]],[[265]],[[266]],[[267]],[[268]],[[269]],[[270]],[[271]],[[272]],[[273]],[[274]],[[277]],[[278]],[[279]],[[280]],[[281]],[[282]],[[283]],[[284]],[[285]],[[286]],[[293]],[[294]],[[295]],[[296]],[[297]],[[298]],[[299]],[[302]],[[303]]]}]}},\\\"arcs\\\":[[[69506,80772],[380,-157],[7,-84],[101,130],[-57,89],[-74,-43],[-256,100],[-101,-35]],[[68880,62501],[-7,-46],[1414,-189],[1042,-124],[1847,-308],[396,-61]],[[73572,61773],[70,469],[326,1939],[906,5571],[62,59],[-19,125],[95,129],[64,485],[82,222],[132,204],[41,265],[67,105],[-46,398],[134,66],[87,117],[-60,183],[-141,178],[-78,187],[35,181],[6,285],[-28,289],[-92,408],[70,398],[-3,146],[146,260],[52,384],[-38,200],[20,139],[-32,271],[22,258],[-42,80],[37,340],[156,271],[91,397]],[[75694,76782],[-1690,351],[-1190,211],[-1182,171],[-870,144],[24,123],[-67,390],[174,280],[45,157],[254,224],[34,165],[-79,476],[74,193],[89,89],[-101,97],[-35,248],[-81,121],[59,51],[-94,99]],[[71058,80372],[-260,157],[-344,138],[-239,26],[45,-129],[86,72],[239,-124],[16,-113],[-189,-303],[-123,-105],[-67,-290],[44,-199],[-29,-297],[-54,-152],[-142,-85],[-95,167],[22,122],[-71,405],[12,507],[-45,224],[-105,29],[0,-120],[-145,-111],[-105,62],[-33,-66],[-117,89]],[[69359,80276],[-134,-1892],[-235,-3167],[-52,-748],[28,-1877],[54,-5177],[39,-2880],[26,-1662],[-109,-102],[-96,-270]],[[15941,90739],[47,-223],[44,31],[-91,192]],[[15442,93819],[42,-103],[61,69],[-2,-172],[161,-206],[65,-149],[-24,-118],[125,-104],[-52,383],[56,-94],[91,167],[61,-77],[-34,266],[-96,-86],[21,114],[-138,-53],[-22,160],[-134,106],[-181,-103]],[[15046,95861],[118,-96],[59,144],[-121,21],[-56,-69]],[[14874,94754],[65,-192],[169,-201],[102,16],[39,195],[12,-197],[-32,-217],[89,-105],[62,78],[103,-23],[-54,-154],[151,129],[-76,-123],[164,31],[-6,121],[73,-20],[100,-147],[76,287],[-61,-38],[-7,239],[131,-34],[-74,268],[-171,-105],[62,163],[-90,160],[-146,117],[126,37],[-146,104],[-35,115],[-45,-119],[22,-151],[-141,441],[-92,126],[-105,34],[128,-263],[-55,-17],[72,-272],[-209,417],[-96,-196],[-2,-257],[-109,-143],[6,-104]],[[14854,96003],[119,-221],[61,63],[-150,199],[-30,-41]],[[14435,96805],[71,-113],[-3,201],[-68,-88]],[[12752,97824],[9,-151],[50,124],[-59,27]],[[12678,97489],[67,-76],[-9,284],[-62,-20],[4,-188]],[[12397,97795],[79,-153],[-37,-93],[62,-101],[107,47],[-29,107],[-182,193]],[[12157,97232],[72,-101],[166,95],[-15,134],[-78,-137],[-13,286],[-67,-120],[-52,93],[-13,-250]],[[12330,92853],[20,-148],[159,-124],[-98,298],[-81,-26]],[[11676,97411],[39,-75],[105,122],[-77,52],[-67,-99]],[[11421,97611],[92,-25],[-51,170],[-41,-145]],[[12196,86075],[110,-33],[3,101],[-113,-68]],[[11193,98205],[7,-58],[201,186],[-53,52],[-155,-180]],[[10074,98386],[132,-10],[-14,76],[-118,-66]],[[9884,98128],[28,-56],[93,143],[-78,113],[-43,-200]],[[9682,98209],[113,-63],[74,186],[-177,16],[-10,-139]],[[10033,90043],[198,78],[97,-139],[133,6],[96,-81],[10,159],[78,-4],[46,160],[9,450],[-177,9],[-80,127],[-69,-160],[-79,-22],[-242,-381],[-20,-202]],[[8760,99025],[201,-102],[44,40],[207,-329],[81,99],[18,-87],[-104,-66],[-43,-110],[68,-138],[186,-32],[-15,119],[68,60],[68,-133],[63,124],[-181,237],[211,-121],[-7,104],[-91,97],[-133,39],[-116,210],[-179,-40],[-91,90],[-160,62],[-95,-123]],[[10675,82812],[212,-149],[259,-225],[359,-268],[208,-116],[258,-84],[179,32],[3,186],[-78,336],[32,183],[188,49],[135,-11],[107,107],[84,-50],[90,95],[111,-270],[174,40],[-34,-143],[-119,-104],[-125,45],[27,-218],[-102,-299],[-65,-31],[-31,-168],[101,-102],[79,236],[-30,174],[135,305],[80,-38],[-150,-350],[42,-213],[90,-120],[-80,-103],[-217,52],[-362,-286],[11,-172],[-42,-387],[-325,-737],[-149,-171],[-58,-196],[-145,-222],[101,-35],[57,-159],[54,-421],[247,104],[311,-10],[225,-224],[99,-195],[58,-394],[60,-252],[230,-468],[124,-140],[155,74],[134,-81],[172,-212],[165,-284],[130,-88],[129,133],[238,-92],[95,-123],[169,-392],[73,-5],[239,172],[18,100],[-124,170],[9,164],[76,21],[36,-151],[89,-111],[39,-154],[107,159],[10,262],[103,77],[76,-154],[171,-50],[267,120],[-63,180],[15,104],[188,61],[-39,166],[196,58],[50,-112],[143,-13],[16,65],[234,-168],[186,129],[46,-33],[77,145],[36,-63],[150,172],[144,34],[71,-53],[278,-28],[134,149],[130,66],[89,-35],[179,-246],[166,-87],[551,444],[124,25],[1418,12234],[190,47],[10,-122],[203,99],[84,-245],[227,-110],[4,366],[81,102],[140,60],[56,170],[488,525],[126,408],[191,-431],[94,-51],[20,-175],[-40,-232],[66,-31],[-47,-166],[141,-156],[148,-261],[221,220],[16,190],[72,162],[106,-8],[172,209],[90,202],[189,83],[249,287],[-21,71],[168,240],[75,170],[120,154],[207,362],[194,296],[-17,181],[140,-19],[14,241],[121,28],[67,249],[100,-76],[255,139],[134,-28],[163,80],[44,114],[138,-54],[87,232],[-10,219],[60,227],[143,342],[-50,542],[-96,348],[-67,-105],[-46,75],[-181,-461],[66,-185],[-64,-302],[-87,-260],[-74,-60],[126,281],[34,394],[-31,143],[-124,16],[-143,-77],[-105,-175],[23,-170],[-52,-334],[-1,316],[-43,99],[27,150],[-112,-62],[-45,-134],[24,-199],[-48,-275],[15,-216],[-61,230],[44,113],[-91,164],[-86,-215],[-101,-7],[-30,-132],[44,-187],[80,-60],[-58,-170],[83,-8],[-191,-138],[-25,-161],[-107,-53],[-138,-197],[-246,-69],[-17,-242],[-74,-272],[-79,-23],[-12,-118],[219,58],[-197,-160],[-63,12],[-197,-273],[-56,-280],[-14,125],[-202,37],[-118,-282],[-218,-386],[-127,-421],[-122,-123],[-27,93],[136,181],[38,204],[156,360],[128,533],[-132,-48],[-62,-149],[-84,1],[-99,114],[-52,-307],[-111,-222],[-48,110],[-114,-66],[-46,-158],[-33,119],[-95,-53],[-7,89],[133,14],[132,153],[58,1],[130,346],[-120,172],[-65,3],[-42,154],[-132,-181],[-66,30],[-218,-176],[-178,-190],[-18,-114],[-174,-184],[-149,-44],[-131,-111],[-217,-96],[-195,-143],[33,-152],[61,18],[-66,-341],[9,-235],[-56,319],[-180,249],[-233,14],[-225,-109],[45,-181],[-124,91],[-378,-50],[-106,16],[-520,275],[-130,306],[42,-206],[75,-155],[63,-18],[-114,-134],[-235,-23],[60,-74],[-91,-38],[36,-191],[-147,213],[-200,-177],[-79,43],[77,-189],[-140,182],[18,139],[-225,153],[14,-275],[61,16],[238,-222],[-52,-153],[-98,142],[43,-170],[-167,120],[-82,-68],[187,-179],[-137,77],[-85,-183],[36,-225],[-119,271],[-49,-239],[-30,256],[-69,86],[-49,-100],[-80,202],[-155,53],[54,-382],[-81,19],[-55,417],[100,20],[-67,366],[85,-174],[66,194],[-57,288],[133,221],[-78,173],[-83,21],[-49,-271],[-26,268],[-72,47],[-193,-61],[-106,186],[31,-165],[-51,-198],[-4,275],[-110,-27],[14,416],[-118,-191],[43,157],[-154,355],[-34,20],[-54,-246],[-11,222],[-55,6],[-96,278],[-121,28],[-42,-91],[-70,163],[-63,8],[-94,-123],[32,-226],[144,-94],[201,-416],[-51,12],[-148,203],[-148,-173],[58,-357],[110,-270],[43,-434],[-59,-226],[143,-114],[236,-345],[75,178],[75,43],[82,-148],[254,89],[-245,-157],[-133,-173],[129,-322],[98,-94],[-71,-54],[-93,156],[-33,201],[-181,9],[-69,-64],[-137,170],[-49,181],[-117,56],[-117,218],[40,161],[-55,1],[-171,314],[31,150],[-189,301],[66,136],[-91,263],[-158,25],[83,47],[-18,182],[-278,203],[13,145],[-154,94],[-17,467],[38,-73],[125,26],[142,115],[46,137],[-46,163],[-111,177],[-89,7],[-65,157],[24,152],[-87,322],[-105,104],[-104,2],[-167,132],[7,119],[-95,44],[7,143],[-126,-77],[-56,304],[-130,-26],[7,168],[-79,-51],[-148,237],[92,-55],[-4,206],[-99,261],[-140,18],[-143,251],[-72,-133],[-137,326],[-23,-91],[-80,128],[12,136],[-101,-74],[-95,40],[-76,182],[155,167],[-162,174],[-21,142],[-59,-166],[-5,187],[-85,-70],[-28,88],[-262,72],[-27,251],[-96,114],[72,-316],[-108,-54],[-96,146],[-155,135],[-73,160],[-141,-94],[-175,196],[-122,-30],[86,-328],[-111,-5],[-67,296],[-97,212],[-62,-41],[27,166],[-91,-84],[-45,172],[-96,-64],[2,-270],[-45,-80],[-49,103],[52,124],[-12,221],[-127,31],[-84,-269],[-73,76],[74,152],[-166,152],[82,55],[43,164],[-116,-146],[-125,154],[-223,-68],[-121,89],[-18,84],[-138,62],[-89,-60],[-27,-222],[119,-83],[89,-232],[319,-170],[161,27],[77,247],[29,-326],[197,-30],[156,-328],[167,-282],[214,-226],[286,-107],[156,5],[-66,263],[52,123],[18,-196],[128,51],[88,147],[29,-84],[-149,-228],[110,-343],[266,-358],[125,-86],[260,-267],[118,87],[8,-256],[135,-318],[136,-147],[168,-260],[74,-747],[79,-59],[-57,-145],[48,-302],[170,-263],[22,-219],[-42,8],[-424,300],[-153,-250],[32,-281],[-120,168],[-47,221],[52,293],[-84,115],[-66,-54],[-111,-471],[-127,-245],[-81,191],[-51,-152],[-103,-107],[11,-156],[-186,185],[-249,181],[-20,100],[-164,122],[-65,-154],[79,-145],[12,-260],[-80,-424],[52,-138],[108,-127],[-113,-637],[-84,-319],[-48,23],[-19,190],[-80,-6],[-160,138],[-230,33],[-171,-99],[-7,-258],[-68,-89],[-93,-324],[-95,-85],[-51,-143],[78,-106],[-157,-17],[179,-244],[5,-205],[-59,-151],[79,-31],[-86,-254],[-43,121],[-68,-32],[0,-240],[-86,-117],[-3,-116],[72,-86],[-50,-94],[-93,29],[21,-165],[125,-7],[-79,-221],[165,10],[-22,-218],[51,-173],[369,-634],[-1,-135],[124,-392],[88,-131],[104,-36],[136,97],[126,269],[99,-9],[149,-193],[162,-313],[81,71],[153,31],[160,-46],[150,-336],[-38,-433],[4,-196],[-83,-234],[-79,-48],[48,-139],[123,64],[80,-131],[14,-141],[-118,-296],[-74,185],[-95,-39],[-176,110],[-138,172],[-105,254],[-4,-237],[-91,-210],[-51,57],[83,169],[-76,-7],[-105,-152],[-275,-47],[-212,91],[-384,-319],[-59,-223],[43,-158],[-74,-195],[-40,-223],[76,60],[118,-183],[-56,-103],[-284,-198],[-165,-283],[-4,-109]],[[8131,99405],[170,-218],[19,-146],[90,-89],[116,59],[-30,-111],[66,-167],[169,-61],[90,94],[-45,168],[-220,115],[-117,211],[-337,186],[29,-41]],[[8483,94388],[117,58],[-45,83],[-72,-141]],[[7690,99248],[115,-18],[13,144],[-120,-45],[-8,-81]],[[8324,93559],[119,-32],[-70,110],[-49,-78]],[[7260,99402],[111,-86],[-4,130],[-97,42],[-10,-86]],[[9073,85044],[82,-289],[23,154],[214,247],[170,-101],[111,166],[-7,167],[156,236],[273,203],[-86,173],[-177,-76],[-129,242],[-40,-211],[-144,-347],[-144,-241],[-78,-48],[-147,95],[-80,-120],[3,-250]],[[6374,99403],[99,-80],[51,59],[-60,96],[-90,-75]],[[7988,88764],[78,-103],[-11,129],[204,374],[-177,-152],[-94,-248]],[[5678,99277],[107,94],[93,-16],[110,136],[185,96],[-217,-19],[-244,-168],[-34,-123]],[[5065,99087],[161,47],[356,-23],[-4,-141],[103,-89],[69,166],[-126,114],[38,114],[-177,44],[-154,-54],[-266,-178]],[[4678,98790],[94,108],[-57,122],[-56,-57],[19,-173]],[[4597,99098],[134,-43],[-3,92],[-110,44],[-21,-93]],[[4199,99135],[142,-179],[46,-182],[107,30],[-49,180],[139,41],[-33,164],[-83,-57],[-186,76],[-83,-73]],[[3893,98832],[254,11],[35,-137],[64,76],[-80,190],[-77,21],[-45,-103],[-151,-58]],[[3705,98464],[133,37],[37,197],[-113,200],[-52,-176],[69,19],[-74,-277]],[[2703,97629],[93,9],[33,99],[-101,71],[-25,-179]],[[2214,97770],[118,120],[86,361],[-87,-256],[-117,-225]],[[1666,96970],[161,-15],[70,-133],[31,91],[-238,180],[-24,-123]],[[183,94948],[150,-16],[-12,216],[-138,-200]],[[3,93989],[97,-21],[195,194],[72,315],[-72,-107],[-48,47],[-122,-62],[-49,-294],[-73,-72]],[[25124,95090],[81,-118],[51,81],[-51,118],[-81,-81]],[[25034,95023],[14,-161],[-46,-173],[92,49],[55,249],[-115,36]],[[24855,94663],[14,-76],[95,94],[3,250],[-112,-268]],[[24158,93842],[17,-68],[85,176],[-102,-108]],[[24110,93691],[33,-161],[142,12],[12,158],[-80,94],[-107,-103]],[[24024,95001],[0,-142],[132,-88],[66,85],[-25,152],[-95,166],[-7,-170],[-71,-3]],[[23894,94360],[61,-318],[-63,-29],[7,-201],[181,-50],[182,317],[134,63],[103,138],[166,313],[-134,-41],[-16,137],[77,-81],[139,130],[20,194],[78,-104],[28,94],[-17,286],[53,-91],[72,293],[-8,132],[-123,47],[-102,-29],[52,-130],[-141,-80],[-37,-261],[-58,78],[28,178],[-83,-21],[-48,-206],[-88,-9],[184,397],[57,-93],[90,178],[-71,-22],[68,159],[-88,20],[-187,-257],[-92,-329],[-95,67],[-24,-129],[137,-203],[-117,-158],[-235,-176],[49,-97],[-18,-246],[-64,209],[-57,-69]],[[23676,94551],[100,-32],[-46,118],[-54,-86]],[[23442,93359],[39,-143],[94,-32],[70,128],[-28,-204],[-68,-59],[50,-123],[246,1],[93,-56],[130,212],[202,195],[-91,178],[-141,25],[-6,124],[-99,-11],[-90,114],[-45,-119],[6,641],[-54,147],[-77,-120],[-68,-291],[-1,-247],[-56,-4],[-106,-356]],[[22874,91471],[120,122],[34,132],[50,-65],[159,-33],[16,107],[173,287],[60,227],[-112,-215],[-88,-62],[55,162],[118,142],[86,314],[-178,553],[-43,18],[-62,-238],[37,-251],[-86,-125],[-96,-243],[-14,-143],[-169,-454],[-60,-235]],[[22808,92958],[68,-314],[174,116],[89,-32],[39,206],[202,624],[104,595],[8,134],[-73,-59],[-251,-492],[-203,-158],[60,-14],[-4,-233],[-73,-67],[18,-224],[-72,57],[-86,-139]],[[22770,93146],[15,-154],[118,129],[4,281],[-86,61],[14,-185],[-65,-132]],[[22337,92395],[-24,-198],[61,-128],[-39,-153],[85,100],[98,-88],[58,-146],[164,133],[210,16],[45,154],[-74,88],[86,54],[122,380],[-103,94],[-235,-169],[43,242],[-34,181],[-81,-17],[-131,-193],[-45,15],[-102,-276],[-104,-89]],[[17580,91326],[38,-191],[142,-287],[94,-372],[66,151],[-184,481],[47,59],[-203,159]],[[17539,90713],[44,-321],[78,-154],[-4,287],[-41,296],[-77,-108]],[[19970,66387],[65,-52],[134,60],[171,-33],[6,-131],[139,-165],[38,-233],[-51,-496],[-150,-33],[-122,-91],[-42,-247],[80,-216],[53,-417],[-85,-155],[84,-202],[-29,-178],[185,-31],[25,-104],[149,-244],[71,-56],[45,-484],[69,-46],[6,-591],[57,-59],[-30,-272],[220,-292],[71,-289],[185,-59],[135,-93],[206,-263],[58,-158],[-50,-197],[-81,-92],[-160,-384],[-89,-60],[42,-268],[-61,-264],[18,-68],[-40,-416],[-121,-252],[-31,-281],[-69,-170],[59,-487]],[[21130,57818],[83,-258],[-59,-105],[129,-83],[31,-125],[24,-629],[-18,-338],[-54,-333],[96,-444],[-46,-175],[-1,-237],[36,-162],[-7,-200],[47,-176],[63,-57],[-82,-300],[39,-317],[-19,-239],[42,-54],[221,-26],[87,-54],[106,38],[3,84],[238,28],[87,297],[-21,59],[113,209],[153,14],[218,-544],[43,-39],[86,-746],[104,-1007],[147,-1305]],[[23019,50594],[855,279],[1774,548],[1962,566],[1594,421],[51,38],[1476,375],[1017,243]],[[31748,53064],[-508,6249],[-181,2264],[-472,5802],[-144,1799],[-450,5498]],[[29993,74676],[-1790,-441],[-864,-222],[-1155,-307],[-3138,-3103],[-450,-441],[-2897,-2988],[58,-202],[4,-258],[96,-94],[113,-233]],[[32975,37767],[867,205],[1496,317],[1947,389],[392,90],[819,151],[1448,238],[300,36],[1037,155]],[[41281,39348],[927,129],[1118,143],[1295,149],[-144,3845]],[[44477,43614],[-168,4810],[-101,2730],[-57,1687],[-89,2368]],[[44062,55209],[-1157,-141],[-535,-85]],[[42370,54983],[-2357,-301],[-1165,-181],[-211,-43],[-1901,-326],[-1175,-218],[-11,-32],[-1061,-214],[-1347,-285],[-1394,-319]],[[31748,53064],[115,-1438],[55,-594],[196,-2424],[2,-431],[139,-1699],[139,-1549],[425,-5250],[42,-454],[114,-1458]],[[85919,97958],[89,-224],[40,97],[-83,167],[-46,-40]],[[85736,98213],[57,-143],[52,81],[-109,62]],[[85214,98724],[354,-394],[52,85],[-304,347],[-102,-38]],[[83862,99608],[105,-374],[302,-372],[157,-255],[104,-106],[301,142],[41,160],[112,109],[-305,274],[-30,-81],[-193,68],[-12,84],[-321,322],[-255,116],[-6,-87]],[[83457,99810],[252,-176],[-36,182],[-212,75],[-4,-81]],[[83145,99811],[34,-123],[81,-1],[-13,152],[-102,-28]],[[82261,91868],[41,48],[195,645],[193,133],[47,-69],[103,43],[-160,144],[-215,-201],[-193,-580],[-11,-163]],[[81555,99934],[106,-66],[40,63],[-143,68],[-3,-65]],[[76646,81241],[191,-195],[-26,165],[-145,109],[-20,-79]],[[75694,76782],[53,244],[101,173],[20,257],[64,242],[99,133],[2615,-305],[707,-77],[1759,-212],[-32,100],[85,210],[3,234],[97,230],[232,-75],[21,-453],[-6,-326],[-114,-328],[5,-510],[98,7],[29,-197],[105,-2],[60,95],[119,-19],[179,128],[129,-25],[221,56],[93,-74],[91,39]],[[82527,76327],[36,36],[4,375],[44,293],[58,141],[119,776],[251,1112],[123,398],[40,274],[258,818],[312,873],[211,562],[634,1338],[323,573],[142,446],[-104,217],[-4,385],[84,492],[75,297],[158,439],[328,796],[265,849],[122,430],[251,649],[14,109],[183,505],[206,797],[70,853],[3,479],[28,685],[6,680],[71,925],[-7,675],[-39,-205],[-75,-65],[-84,129],[-36,318],[-41,102],[16,171],[-41,146],[7,255],[48,245],[43,40],[-41,187],[-70,102],[28,114],[140,-170],[156,-818],[-17,414],[-179,782],[-37,280],[-360,866],[-154,258],[-26,-33],[298,-616],[41,-183],[17,-377],[-207,-8],[-239,140],[-155,196],[-143,-108],[-124,79],[-39,143],[-355,176],[-139,-134],[-83,-202],[10,-425],[52,-37],[-138,-441],[-94,-133],[0,-111],[-97,-223],[-68,-40],[-63,-264],[-122,24],[-96,-307],[-179,-55],[-342,-270],[-118,201],[-157,-372],[-146,-452],[-131,-756],[-99,-298],[-101,-160],[-224,-187],[-16,-142],[-106,19],[34,134],[-94,61],[-113,-560],[-102,-144],[106,-95],[76,111],[31,-533],[-32,-276],[-67,-30],[6,-268],[-80,35],[-103,170],[97,463],[-196,152],[-21,169],[-25,-241],[-52,-152],[-150,-272],[-235,-527],[-87,-288],[-232,-547],[-286,-491],[-131,-333],[90,137],[96,-120],[107,-306],[162,-617],[80,-89],[58,-296],[-60,-231],[-155,-32],[65,358],[-169,-59],[39,-121],[-76,-326],[-286,-163],[28,207],[-70,108],[115,108],[86,-11],[110,334],[-59,156],[0,266],[-154,83],[40,272],[-52,60],[-38,-351],[-129,-295],[-85,-98],[-64,-231],[4,-515],[-56,-204],[-69,-524],[61,-19],[24,301],[58,281],[60,8],[-19,-271],[-62,-90],[70,-263],[99,-853],[-3,-602],[-58,-205],[-3,-184],[-93,-75],[16,-143],[-91,-337],[63,-229],[-175,-321],[13,-106],[-67,-166],[-72,7],[2,-272],[-47,-34],[-333,3],[-96,205],[-93,-308],[-17,-189],[-163,-54],[-28,-203],[-105,-268],[-153,-32],[-44,-136],[-183,-118],[-27,-363],[-46,-212],[-80,-4],[-172,-141],[-111,-213],[-8,-103],[-121,-259],[-104,-122],[-212,-159],[-291,-175],[-196,-205],[-189,89],[-57,82],[-222,-49],[5,113],[-166,264],[85,309],[-22,109],[-166,-2],[-40,-79],[-156,105],[-236,362],[-43,8],[-358,482],[17,-196],[-76,-25],[-133,289],[-248,46],[102,141],[17,124],[116,48],[391,-385],[168,-312],[20,39],[-143,302],[-490,503],[-364,-278],[-135,2],[-113,116],[-107,-290],[-61,-329],[47,-200],[24,341],[58,291],[55,61],[57,-140],[-9,-275],[-145,-364],[-90,-135],[-164,-57],[-111,-112],[-131,-208],[-193,-120],[-165,-198],[-211,-190],[-247,-167],[-443,-201],[-279,-71],[-519,6],[-225,54],[-318,135],[-444,236],[-213,81],[-54,-22],[-419,231]],[[73572,61773],[398,-68],[802,-177],[1113,-230]],[[75885,61298],[1265,-269],[-2,-21],[918,-243]],[[78066,60765],[-3,232],[-194,300],[-36,220],[-91,144],[-35,245],[45,177],[210,221],[115,2],[175,301],[166,132],[108,-80],[154,75],[78,344],[80,76],[109,259],[57,339],[111,145],[87,228],[96,128],[95,301],[60,-7],[210,259],[148,78],[192,242],[149,465],[128,124],[48,-32],[120,94],[136,266],[148,138],[-32,309],[79,135],[119,37],[8,216],[97,124],[72,-31],[27,212],[122,136],[172,38],[92,135],[165,136],[3,270],[85,143],[-15,76],[115,135],[6,201],[46,137],[-17,171],[79,183],[-38,88],[114,174],[166,36],[191,304],[-15,117],[217,519],[-53,184],[90,189],[27,271],[103,78],[108,-71],[170,185],[79,6]],[[83114,71024],[83,17],[-17,218],[-81,122],[-74,-32],[-23,167],[66,8],[-91,225],[-142,-37],[-3,188],[70,4],[-34,221],[-101,206],[-120,-9],[74,143],[55,-32],[21,276],[-51,276],[-152,40],[-10,94],[119,-52],[49,67],[-139,619],[35,293],[-7,324],[-39,4],[-78,298],[-58,25],[1,455],[-125,185],[134,46],[27,-89],[30,262],[-45,391],[-1,266],[40,114]],[[68755,36530],[95,123],[115,-36],[-31,139],[272,45],[228,-135],[292,-294],[170,-224]],[[69896,36148],[1702,-293],[1620,-318],[17,245]],[[73235,35782],[263,3703],[109,1630],[113,1885],[177,2707]],[[73897,45707],[-117,230],[114,214],[16,126],[-44,233],[145,35],[-49,183],[30,207],[-129,-14],[-151,90],[-309,416],[-138,-143],[-105,-18],[-216,89],[-30,162],[107,534],[-124,327],[-180,146],[-52,446],[-133,249],[-95,-57],[-63,57],[-25,213],[-84,256],[22,287],[-14,226],[-45,97],[-137,85],[-10,127],[-127,-193],[-122,30],[-177,-186],[-13,-271],[-145,-198],[-34,127],[81,24],[-126,210],[-104,-34],[58,116],[-23,145],[-111,49],[3,288],[41,139],[-141,61],[-13,246],[-101,22],[16,-203],[-121,81],[-61,-67],[-93,-279],[-106,24],[-71,171],[-220,189],[-42,413],[-96,81],[-76,-206],[-66,1],[-329,-305],[-124,-2],[-98,150],[-155,-246],[-49,172],[69,169],[-26,211],[-103,33],[-35,-283],[-250,142],[-139,-167],[-49,132],[68,320],[-59,134],[-150,-72]],[[68662,51678],[-138,-393],[145,22],[-95,-83],[81,-233],[-62,-228],[124,-130],[2,-128],[-71,72],[56,-194],[67,-46],[-111,-249],[86,-356],[34,111],[41,-142],[51,102],[67,-349],[44,-37],[71,-304],[-22,-107],[136,-145],[-13,-129],[51,-389],[40,-114],[121,-134],[23,-319],[-109,-297],[47,-375],[-120,-115],[-4,-265],[-112,-174],[-26,-229],[102,-215],[-61,-156],[31,-312],[78,-41],[-96,-1779],[-120,-2504],[-168,-3209],[-77,-1575]],[[44477,43614],[1074,114],[1741,156],[977,74],[1091,66],[1033,52],[1067,44],[1496,43],[1519,20],[1435,-5]],[[55910,44178],[176,351],[108,38],[24,92],[154,30],[41,-133],[143,40],[-22,108],[113,141],[-82,133],[23,117],[73,-54],[-24,179],[-122,-71],[-25,229],[-96,83],[-61,342],[-73,14],[2,139],[97,154],[17,119],[101,98],[84,211],[77,-28],[-36,158],[19,198],[93,121],[40,225],[79,23],[72,131],[84,-58],[44,99],[121,7],[-25,138],[8,1969],[18,2539],[0,689],[25,2987]],[[57180,55736],[-1580,26],[-1748,2],[-1700,-30],[-1265,-39],[-1541,-77],[-1058,-66],[-400,-35],[-1413,-101],[-1205,-95],[-1208,-112]],[[98249,17157],[80,-70],[-28,138],[-52,-68]],[[98072,17379],[-8,-281],[189,209],[-58,185],[-123,-113]],[[97911,16723],[18,-160],[74,213],[-92,-53]],[[97504,17360],[72,-41],[41,118],[-113,-77]],[[97633,18829],[27,-143],[42,237],[-69,-94]],[[97421,17896],[20,-151],[117,-211],[42,177],[116,210],[-35,153],[-96,90],[-81,-41],[-26,-244],[-57,17]],[[97299,17401],[37,-249],[-19,-265],[74,19],[-9,490],[-83,5]],[[95336,23105],[-232,-159],[-36,-337],[-289,-340],[-94,-273],[-24,-533],[-45,-55],[-155,-812],[-357,-2014],[-279,-1518],[-390,-2000]],[[93435,15064],[106,-102],[-19,-103],[161,66],[69,236],[72,26],[25,-300],[-22,-239],[-56,-114],[90,-153],[88,109],[121,-29],[-57,-208],[-129,-118],[-23,-98],[62,-393],[103,-289],[215,-367],[-86,-199],[78,-262],[102,-201],[-3,-209],[-127,-19],[30,-139],[-64,-64],[37,-148],[-54,-24],[60,-356],[-109,-124],[22,-308],[44,-151],[-22,-115],[72,-143],[47,-222],[55,-55],[-79,-1065],[670,-3350],[232,26],[52,-40],[67,478],[52,185],[245,141],[229,-362],[85,-25],[85,-134],[4,-114],[84,-76],[211,-78],[-38,-198],[51,-92],[287,-11],[45,94],[334,223],[169,285],[151,59],[307,1702],[219,1163],[221,1226],[62,68],[-57,166],[111,182],[-56,110],[80,460],[134,-9],[3,-69],[140,190],[236,-19],[64,-97],[116,336],[-121,120],[87,211],[87,84],[27,197],[-44,253],[112,164],[97,217],[120,74],[49,-111],[-16,-155],[117,33],[100,-43],[163,283],[162,408],[103,76],[71,368],[-202,774],[-115,150],[-106,-280],[-129,172],[96,148],[-39,172],[-65,-11],[-41,220],[-129,50],[30,103],[112,77],[-86,245],[-98,-108],[-66,-161],[-106,210],[-70,-167],[-5,217],[-40,69],[-4,256],[-96,7],[-82,216],[-46,-67],[-14,323],[-100,-58],[-28,-136],[-110,98],[50,203],[-46,269],[74,74],[-182,149],[-145,-34],[-144,-295],[16,-110],[104,-144],[-56,-122],[-37,147],[-46,-141],[-180,271],[57,128],[-9,155],[109,174],[10,148],[-84,309],[5,141],[91,145],[10,231],[-79,75],[-65,-257],[-15,-196],[-117,-94],[-59,-192],[57,-203],[-130,-74],[-39,-101],[-89,115],[-52,-360],[34,-170],[-68,-183],[-68,327],[-81,-73],[-98,173],[121,218],[10,161],[-57,107],[-17,252],[17,239],[-32,42],[33,302],[92,-20],[-59,124],[76,128],[-21,170],[-153,63],[-30,263],[-83,44],[18,189],[-55,59],[-9,-300],[-56,-24],[-65,179],[-7,-219],[-90,74],[29,165],[-67,161],[-4,172],[-90,-131],[12,155],[-63,141],[-84,-49],[22,217],[-89,-140],[-38,342],[-132,220],[-66,-251],[-92,26],[-72,313],[-76,-2],[-48,213],[-92,7],[-55,218],[55,246],[-32,123],[-84,-58],[-118,189],[-17,141],[70,194],[-72,232],[34,96],[-171,178],[-39,367],[44,88],[-21,358],[-41,275],[-42,61]],[[97059,29277],[86,40],[166,-94],[91,-102],[34,-256],[148,288],[-63,194],[-169,63],[-249,-65],[-44,-68]],[[96137,29538],[104,-48],[63,-339],[126,-264],[72,19],[57,186],[119,62],[34,-154],[43,270],[-412,219],[-82,201],[-124,-152]],[[91476,26056],[1287,-471]],[[92763,25585],[762,-279],[1095,-426],[50,-205],[103,-27],[-37,-194],[66,-153],[117,7],[21,-220],[147,-172],[139,33],[42,-65]],[[95268,23884],[166,635],[165,84],[48,-167],[96,71],[-47,334],[-46,-28],[-202,266],[-73,54],[62,78],[-48,256],[-73,69],[-48,201],[93,186],[-84,49],[41,238],[84,9],[15,-132],[79,-64],[74,128],[139,12],[101,117],[36,139],[165,243],[2,304],[-68,51],[107,137],[193,33],[86,243],[0,171],[144,150],[167,12],[137,-47],[63,51],[89,-194],[240,-257],[21,-94],[-116,-427],[-58,136],[-51,-309],[-57,-162],[-102,-68],[-59,119],[-96,-52],[78,-111],[233,56],[170,282],[165,481],[84,430],[-3,287],[-32,216],[-17,-326],[-73,-38],[-266,234],[-77,104],[-152,41],[-140,190],[-58,240],[-216,156],[-197,459],[-232,256],[20,-97],[184,-204],[181,-414],[4,-160],[-90,-352],[47,-90],[-171,-68],[29,189],[-63,-8],[15,204],[-78,-23],[17,118],[-162,97],[-3,418],[-129,140],[-129,49]],[[95592,29215],[-113,-592],[-111,-14]],[[95368,28609],[-67,-111]],[[95301,28498],[-83,-129],[-122,-56],[-86,-431],[-65,50],[-72,-467],[-660,339]],[[94213,27804],[-11,-57],[-1533,618],[0,132],[-77,54],[-16,-148],[-313,124],[-772,279]],[[91491,28806],[-53,-123],[38,-2627]],[[52912,9721],[1223,21],[1539,2],[319,-5],[-7,-1454],[141,115],[157,-61],[145,165],[44,112],[82,653],[34,78],[106,812],[-26,198],[18,202],[76,138],[154,141],[149,26],[33,-62],[226,39],[62,185],[325,13],[244,43],[61,221],[19,205],[223,-14],[264,-119],[2,-175],[161,-82],[11,-58],[208,-70],[45,70],[289,-16],[390,297],[138,-22],[1,165],[-92,22],[-18,122],[86,95],[222,-56],[80,172],[-16,187],[162,488],[147,-115],[-61,-255],[63,-150],[84,30],[226,-67],[86,137],[-5,212],[76,118],[97,-25],[46,112],[225,13],[-11,109],[134,269],[120,-52],[-5,245],[116,-102],[91,67],[86,-86],[180,-71],[162,-261],[233,-287],[134,-112],[70,17],[14,191],[90,93],[-28,88],[58,151],[180,-37],[86,-85],[42,101],[636,-124],[167,84],[93,257],[150,92],[73,-119],[105,-43],[75,57],[183,18],[135,-87],[-142,201],[-161,113],[-137,205],[-192,132],[-72,128],[-407,263],[-123,113],[-157,72],[-146,123],[-291,327],[-193,275],[-224,370],[-212,394],[-25,102],[-243,528],[-174,323],[-143,148],[-134,298],[-57,39],[-150,284],[-114,115],[-312,472],[128,301]],[[60864,18223],[-118,-155],[-150,131],[-15,240],[-139,-22],[49,2243],[-52,35],[-30,190],[-134,-8],[-53,188],[-78,-38],[-42,125],[-137,80],[-102,153],[-86,264],[-24,242],[-129,186],[-23,301],[11,243],[173,17],[198,424],[8,213],[-71,242],[-91,180],[-6,386],[42,311],[-71,113],[46,193],[29,348],[-35,173],[19,197],[-61,347],[115,124],[275,419],[34,131],[322,24],[55,70],[55,228],[111,143],[260,124],[210,245],[92,495],[97,141],[175,154],[214,341],[244,98],[254,554],[72,272],[-32,252],[10,362],[62,117],[-14,134],[47,182]],[[62450,30375],[-839,69],[-1825,125],[-1493,72],[-1805,50],[-1333,18],[-1150,-4]],[[54005,30705],[16,-4613],[4,-2277],[-56,-226],[-201,-197],[-104,-15],[-74,-174],[-44,-222],[-151,-351],[40,-174],[284,-359],[109,-279],[32,-439]],[[53860,21379],[-15,-392],[31,-176],[-62,-519],[-5,-421],[-104,-173],[-103,-396],[-13,-332],[-81,-380],[31,-236],[-31,-351],[38,-289],[-65,-274],[-1,-718],[-22,-172],[5,-512],[-38,-298],[20,-664],[-191,-825],[-54,-434],[-65,-167],[-16,-333],[-44,-78],[-63,-368],[48,-420],[-44,-305],[25,-378],[-27,-350],[68,-302],[16,-208],[-55,-153],[-56,-475],[-91,-438],[16,-121]],[[89327,39227],[55,-243]],[[89382,38984],[46,-332],[56,-164]],[[89484,38488],[117,-230],[99,-39],[183,-201],[-3,-299],[273,-539],[107,-95],[46,-194],[69,-4],[79,-188],[-108,-175],[-135,-86],[-65,-152],[-139,-115],[-71,-207],[-159,-14],[-43,-138],[-40,-328],[-64,-77],[-155,34],[-76,-434],[14,-349],[60,-4],[83,-427],[-179,-316],[-5,-77],[147,-249],[67,-205],[-29,-80],[127,-335],[41,-463],[86,-240],[89,-79]],[[89900,32183],[731,443],[723,388],[31,4],[-1,426],[-90,825]],[[91294,34269],[-22,127]],[[91272,34396],[-201,199],[13,281],[-43,239]],[[91041,35115],[17,143],[124,44],[91,-99],[245,83],[7,-151],[86,556],[4,698],[32,827],[44,568],[-37,307],[-158,926],[-125,488],[-158,248],[-120,321],[-104,535],[-68,532],[-94,241],[-110,89],[-71,-19],[-2,-240],[50,-462],[-14,-176],[-141,-69],[-109,28],[-10,-74],[-141,57],[-28,132],[-98,-203],[-210,-106],[-117,-189],[-35,42],[-159,-181],[-56,-123],[-129,-37],[-35,-304],[18,-154],[-86,-78]],[[89344,39315],[-17,-88]],[[90812,53263],[126,18],[105,211],[24,151],[-98,5],[-5,-151],[-152,-234]],[[90718,56718],[28,-212],[721,-869],[-18,-831],[-39,-437],[-172,-615],[61,90],[147,522],[34,449],[23,962],[-146,80],[-260,282],[-379,579]],[[80100,54078],[536,-89],[349,-82],[599,-113],[233,-77],[725,-132],[1372,-389],[1757,-544],[2781,-937],[187,-92],[1636,-588]],[[90275,51035],[176,697],[141,454],[150,401],[149,313],[332,797],[-58,-26],[-222,-529],[-74,-129],[-83,-5],[-133,-540],[-160,-466],[-64,-56],[8,-135],[-71,-277],[-116,-219],[-162,12],[-8,-122],[-91,93],[63,182],[120,119],[64,-57],[30,241],[333,861],[20,151],[-144,-162],[-9,-123],[-142,-283],[-79,-12],[42,207],[105,95],[-206,-12],[-249,-309],[-97,-6],[160,273],[69,33],[60,176],[-197,174],[-200,-171],[185,240],[-38,60],[-460,-182],[170,188],[144,24],[-36,78],[-150,80],[-60,233],[-88,105],[-117,36],[-75,-94],[-110,16],[-126,-367],[-20,-196],[46,-282],[-36,-32],[-60,279],[17,252],[87,287],[110,256],[-23,116],[59,95],[251,-124],[210,-234],[82,137],[303,-310],[201,-72],[101,104],[16,138],[-54,285],[45,168],[76,554],[54,-62],[0,-387],[-45,-493],[69,-195],[-43,-45],[161,-140],[137,109],[157,433],[-3,160],[82,274],[-39,100],[43,167],[-58,205],[-208,101],[-131,434],[-21,271],[-66,38],[6,132],[-110,207],[-173,-22],[-185,80],[-268,-2],[-115,-114],[-126,-342],[192,-79],[18,-159],[-167,144],[-81,-9],[-48,128],[81,166],[72,265],[-248,-70],[-84,62],[-139,-65],[-208,-29],[-165,-106],[7,94],[130,163],[134,-31],[443,191],[301,-13],[85,209],[-84,402],[8,169],[-70,242],[-311,517],[-366,-251],[35,207],[171,127],[249,59],[196,-340],[227,-151],[21,-256],[75,22],[44,206],[65,81],[115,-25],[-87,-220],[149,61],[49,241],[-93,301],[-106,80],[-109,506],[-13,244],[-117,-25],[-25,-262],[-76,-39],[40,263],[-99,60],[293,114],[138,-548],[123,-368],[129,-301],[221,-670],[68,41],[-147,333],[-349,927],[-135,531],[-41,304],[-50,-207],[-249,-99],[-169,44],[-450,298],[-293,321],[-173,332],[-223,328],[-183,340],[-229,579],[-113,469],[-105,1016],[1,231],[-87,8],[-34,-105],[-299,-5],[-368,167],[-263,284]],[[86724,62866],[-1511,-1858],[-243,-316],[-670,-814],[-351,101],[-1669,418],[-14,-449],[-335,-578],[-169,291],[-41,-400],[-1214,209],[-672,126],[-335,47],[-184,97],[-33,-103],[-61,201],[-94,4],[-405,404],[-81,136],[-18,-79],[-558,462]],[[75885,61298],[-8,-920],[129,-185],[29,81],[182,-53],[119,-214],[-41,-202],[48,-95],[-34,-119],[42,-140],[134,-177],[40,-169],[100,-48],[85,-168],[510,-137],[58,-183],[133,-135],[49,-115],[69,14],[80,-287],[97,-35],[37,-145],[136,-127],[159,23],[44,-73],[87,-342],[-18,-278],[80,-35],[63,91],[52,-130],[5,-188],[235,-312],[77,122],[-8,244],[98,29],[155,-248],[74,-330],[188,-234],[76,0],[37,-110],[133,-5],[45,157],[168,-97],[161,-749],[180,-264],[153,53],[-70,-281],[56,-238],[-41,-216],[32,-250]],[[42801,8880],[996,142],[1716,212],[1618,163],[1025,87],[1347,97],[975,53],[1364,57],[1070,30]],[[53860,21379],[-1176,-19],[-1704,-63],[-1678,-104],[-1053,-81],[-1941,-172],[-861,-91],[-1135,-132],[-1325,-171],[-754,-107]],[[42233,20439],[81,-1667],[182,-3639],[103,-1962],[21,-506],[181,-3785]],[[57180,55736],[16,1928]],[[57196,57664],[63,768],[311,3486],[-16,2185],[-20,4584]],[[57534,68687],[-64,84],[-123,-237],[-110,40],[-25,-87],[-94,17],[-122,-255],[-136,63],[-131,-178],[-93,-285],[-147,-10],[-153,-278],[-183,-89],[-96,321],[-229,47],[-254,-51],[-29,-198],[-281,181],[-79,-29],[6,140],[-87,-18],[-79,86],[-169,-185],[-11,98],[-88,-20],[-56,101],[-149,-29],[-139,128],[11,172],[-94,87],[-105,-87],[-60,228],[-61,90],[-147,-344],[-143,13],[-48,-187],[-85,6],[-105,-123],[83,-146],[-166,-80],[-29,228],[-131,97],[-59,-173],[-104,82],[-60,-81],[-39,-305],[-164,-11],[15,242],[-191,296],[-19,311],[-138,-40],[-60,-248],[73,-148],[-22,-200],[-57,-93],[-86,201],[-147,-40],[-69,204],[-98,-2],[-67,-88],[7,-239],[-74,-63],[-94,81],[-82,-63],[14,-153],[-80,-109],[-100,-24],[-54,149],[-220,339],[-59,30],[-215,-191],[74,-349],[-47,-67],[-103,43],[-111,-51],[-53,-307],[56,-174],[-60,-96],[-86,152],[-239,-88],[-116,-91],[-103,281],[-127,73],[-162,-340],[-129,-66],[-79,117],[-123,26],[-90,-125],[-186,-92],[-130,-162],[-115,69],[-172,-91],[-94,14],[-30,-472],[-302,-483],[-36,302],[-80,10],[-137,-164],[-114,-16],[-40,159],[-176,-36],[-102,-162],[-243,-529],[-92,-103],[-101,65],[184,-7472],[-971,-73],[-958,-83],[-957,-93],[-1113,-123],[-1335,-159]],[[42286,56906],[84,-1923]],[[80162,33015],[286,-310],[257,-381],[40,-212],[100,55],[187,-296],[250,-320]],[[81282,31551],[105,1028],[1440,-432],[450,-151],[1240,-396],[1144,-390],[328,-123],[934,-316],[970,-352],[616,-236],[159,178],[72,276],[129,-91],[173,175],[-12,152],[93,50],[76,510],[-38,55],[98,129],[115,286],[114,-27],[44,124],[135,-64],[46,66],[80,-66],[14,110],[93,137]],[[89484,38488],[-155,-66],[-121,23],[-145,124],[-90,179],[-72,272]],[[88901,39020],[-741,273],[-1263,453],[-798,273],[-1789,577],[-1573,492]],[[82737,41088],[-631,189],[-1120,318],[-334,-3491]],[[80652,38104],[-490,-5089]],[[42034,24047],[29,-8],[63,-1279],[107,-2321]],[[54005,30705],[-235,-3],[7,255],[117,188],[-8,290],[-88,45],[31,284],[122,1],[29,285],[48,113],[-43,222],[-77,50],[15,348],[-67,133],[-6,282],[-146,317],[3,240],[151,196],[98,383],[-23,137],[74,115]],[[54007,34586],[-91,30],[-49,-126],[-118,40],[-56,-183],[-119,-217],[39,-146],[-65,-81],[-121,-22],[-6,-123],[-164,-116],[-93,49],[-29,-154],[-243,-49],[-128,-146],[-13,-141],[-142,-87],[-180,2],[-37,72],[-267,-51],[-106,56],[-173,-31],[-87,-76],[-77,36],[-23,159],[-103,179],[-138,16],[-151,-225],[-207,-213],[-336,-295],[-48,-198],[-851,-41],[-1377,-85],[-1237,-95],[-1756,-158],[-221,-33],[-1034,-116],[-1487,-191],[-1051,-146]],[[41662,31680],[103,-2136],[112,-2227],[157,-3270]],[[57534,68687],[49,-29],[4,180],[149,87],[36,120],[111,-131],[134,86],[78,-154],[111,151],[38,-72],[111,66],[26,2051]],[[58381,71042],[47,3919],[46,31],[81,245],[130,123],[69,272],[101,180],[-14,108],[53,228],[-62,335],[42,169],[179,187],[-43,138],[94,115],[75,295],[-44,194],[131,144],[43,362],[98,-45],[10,398],[60,224],[-96,90],[83,234],[-76,199],[30,242],[-120,323],[-1,180],[-116,213],[8,157],[-90,102],[-22,133],[51,79],[36,297],[-114,210],[-12,206],[102,145],[-8,324],[66,260],[-82,204],[57,130],[-157,250],[-124,486],[-130,181],[170,484]],[[58932,83793],[1,44],[-317,3],[-256,140],[-959,776],[-122,140],[-70,179],[-93,32],[23,-123],[181,-323],[151,-62],[53,-154],[139,23],[-101,-177],[-376,186],[-79,-18],[138,-363],[28,-266],[-8,-241],[-118,-88],[-114,97],[-108,329],[-94,52],[-88,-160],[-90,274],[60,105],[-68,180],[72,165],[141,52],[-40,178],[78,63],[-3,479],[-114,71],[-283,451],[-116,-58],[-12,289],[40,86],[274,-362],[240,-392],[106,-79],[26,-182],[156,79],[-140,204],[-431,510],[-192,311],[-221,304],[-279,470],[-112,29],[-730,746],[-521,413],[-230,207],[-215,230],[-172,227],[-104,244],[-375,358],[-318,424],[-188,301],[-234,462],[-84,280],[-194,444],[-146,455],[-171,640],[-131,728],[-46,663],[18,664],[35,341],[99,678],[82,437],[109,751],[71,847],[-48,-155],[-34,-479],[-158,-1115],[-168,-56],[125,-85],[-160,-842],[-21,-347],[10,-849],[84,-898],[119,-588],[141,-481],[98,-225],[73,-282],[61,-113],[-17,-156],[96,-278],[130,-122],[276,-692],[120,-54],[58,-173],[110,-5],[270,-388],[313,-186],[-24,-289],[-254,247],[-78,129],[-125,17],[-50,-353],[-130,2],[-68,439],[44,133],[-27,120],[-268,378],[-182,-97],[-18,-142],[-232,195],[-121,172],[151,119],[222,-206],[-2,268],[-46,74],[-279,749],[-76,-8],[-49,-193],[-148,28],[-31,-60],[-225,31],[-76,-41],[-45,124],[84,105],[186,-48],[-31,209],[49,158],[226,177],[-139,474],[-92,457],[-9,145],[-89,344],[-192,171],[-76,-62],[98,-65],[24,-191],[-55,-11],[-192,284],[-41,160],[171,57],[187,-122],[55,20],[-52,1027],[-51,673],[-25,10],[60,751],[56,213],[5,275],[66,4],[196,800],[-63,151],[37,478],[39,70],[144,39],[7,115],[89,-57],[9,404],[-265,7],[-1,64],[-198,101],[1,255],[-147,-41],[-7,-83],[-147,-59],[-48,-182],[-73,-16],[-132,-321],[-222,-47],[-85,-109],[-172,-29],[-165,49],[-123,-60],[-23,95],[-74,-104],[-143,65],[-206,-98],[-171,-252],[-2,-109],[-101,28],[-155,-251],[-64,33],[-177,-166],[-171,61],[-168,-345],[-69,-28],[-68,-152],[-135,43],[-151,-162],[-144,-64],[-87,58],[-56,-116],[42,-190],[-69,-187],[-86,-62],[-8,-306],[-43,-138],[-12,-260],[-61,-84],[-50,-373],[-118,-146],[17,-102],[-113,-111],[7,-150],[-73,-169],[-62,-26],[40,-256],[-17,-229],[30,-94],[-25,-282],[-108,-89],[7,-121],[-86,-53],[68,-80],[61,-558],[-95,-56],[40,-247],[-83,-195],[-94,-111],[-72,53],[-57,-130],[-71,14],[-125,-302],[-206,-271],[-41,-249],[7,-183],[-71,-113],[15,-153],[-117,-60],[-46,-271],[-68,-81],[-54,-230],[-241,-195],[-161,-371],[14,-123],[-111,-336],[27,-151],[-56,-136],[61,-89],[-98,-61],[-40,-141],[29,-123],[-94,-101],[4,-125],[-103,-84],[-6,-301],[-47,-91],[-21,-240],[-46,-6],[-53,-293],[-58,-9],[-19,-321],[-62,-480],[-171,-254],[20,-82],[-54,-202],[-149,-138],[-18,-110],[-234,-254],[-86,-352],[-176,-86],[-38,-147],[-167,-101],[37,-121],[-41,-237],[-53,218],[-38,-95],[3,-229],[-97,-42],[-82,-362],[-113,-103],[-113,51],[-23,-127],[-59,80],[-255,19],[-133,-116],[-144,-63],[-151,32],[-84,-89],[-149,80],[-126,-41],[-121,-219],[-88,-1],[-138,-146],[-78,23],[-103,381],[-198,-89],[-100,113],[-49,-44],[-243,120],[-18,175],[-90,123],[-12,161],[-56,10],[-13,175],[-77,91],[-93,619],[-71,9],[-68,349],[65,78],[-98,183],[-160,49],[-40,175],[-178,238],[-41,272],[-219,-52],[-105,22],[-91,-164],[-185,-103],[-76,-114],[-58,-199],[-101,-151],[-169,-39],[-148,-144],[-113,-269],[-92,-93],[-263,-105],[-310,-380],[-209,-532],[-142,-44],[-109,-218],[-122,-160],[-128,-276],[-31,-368],[-76,-198],[-113,-423],[10,-193],[-37,-296],[50,-126],[14,-359],[-117,-486],[-170,-370],[20,-106],[-57,-593],[-43,-139],[-89,-35],[-50,-300],[-106,-18],[-80,-233],[-78,-44],[-115,-212],[-82,0],[-246,-262],[2,-129],[-277,-438],[-67,-368],[-78,-142],[-225,-235],[-154,-497],[-113,-115],[-29,-204],[-90,-123],[-141,-50],[-221,-300],[-58,-301],[-60,-92],[-29,-230],[-118,-454],[-125,-150],[-75,49],[-65,-146]],[[34864,73972],[-133,-198],[-59,-270],[46,-66],[31,-328],[2231,404],[959,159],[1106,174],[1140,164],[1239,164],[174,-3992],[200,-3715],[346,-7858],[72,-1713],[70,9]],[[41662,31680],[-381,7668]],[[32975,37767],[-804,-183],[-1599,-394],[-902,-254],[357,-3817]],[[30027,33119],[178,-1913],[83,-825],[611,-6643]],[[30899,23738],[43,-573],[133,-1424],[422,108],[121,74],[790,192],[142,7],[561,150],[1012,230],[30,31],[911,211],[2140,455],[76,29],[1288,260],[526,96],[25,-24],[1804,311],[1111,176]],[[94213,27804],[219,1303],[118,899],[-64,48],[54,245],[-36,112]],[[94504,30411],[-147,-4],[-111,132],[-103,34],[-69,111],[-83,-56],[-39,142],[-264,232],[-115,-18],[-139,172],[-48,-49],[-163,75],[-24,98],[-109,-41],[-233,173],[-30,-177],[-124,417],[-61,2],[-95,292],[-88,-43],[-111,242],[-45,-23],[-126,148],[0,181],[-167,109],[-122,238],[-40,-40],[-71,148]],[[91777,32906],[-10,-101],[-165,-285],[338,-583],[-154,-265],[-122,-1234],[-173,-1632]],[[55131,41927],[1908,27],[910,-34],[913,-65],[484,-24],[846,-76],[1110,-122],[616,-91],[86,228],[96,29],[18,148],[94,162],[59,2],[12,186],[71,98],[110,12]],[[62464,42407],[-68,144],[-64,415],[5,418],[36,351],[140,408],[-43,196],[35,152],[118,164],[-1,246],[227,364],[97,88],[71,223],[82,20],[117,338],[351,385],[205,326],[96,620],[-49,138],[62,207],[44,281],[142,203],[67,-30],[148,-373],[249,143],[102,8],[245,246],[-10,199],[-141,308],[69,300],[-18,171],[-109,284],[-47,398],[-78,169],[-39,403],[44,259],[145,202],[61,168],[130,153],[73,20],[80,172],[50,-5],[116,190],[126,-1],[-80,166],[43,135],[91,42],[94,-149],[117,183],[74,23],[148,217],[-9,105],[90,28],[65,133],[129,93],[1,189],[75,150],[-76,64],[15,175],[150,363],[40,187],[-19,169],[-92,54],[-45,175],[108,138],[6,197],[170,440],[2,158],[184,175],[27,-137],[-92,-169],[85,12],[117,188],[17,121],[104,-21]],[[66869,55082],[61,60],[-48,460],[-64,162],[115,121],[-88,61],[-51,174],[80,183],[-63,152],[-43,236],[-54,24],[-132,-244],[-84,73],[-56,458]],[[66442,57002],[-57,153],[-63,-132]],[[66322,57023],[29,-154],[-32,-126],[-118,-25],[-41,110],[66,204]],[[66226,57032],[39,83],[-40,161],[71,210],[-43,163],[-130,4],[3,121],[142,133],[-88,130],[-194,-29],[-16,64],[164,200],[51,198],[-147,190],[-35,319],[-47,7]],[[65956,58986],[-1152,143],[92,-374],[142,-206],[21,-177],[162,-190],[70,-173],[24,-330],[-36,-166],[-116,-79],[-26,-281],[-1731,168],[-2103,161],[-1452,86],[-1388,59],[-1267,37]],[[55910,44178],[-65,-109],[-103,-17],[-25,-100],[38,-260],[-137,-227],[16,-163],[-147,-164],[5,-79],[-102,-88],[-136,-598],[-12,-138],[65,-47],[-18,-175],[-42,132],[-111,1],[-5,-219]],[[77907,47475],[115,37],[203,-183],[136,-72],[14,-509],[24,-64],[146,-41],[21,-100],[-47,-325],[-88,-330],[109,-202],[-16,-220],[66,-321],[122,-240],[69,128],[71,0],[72,177],[-33,150],[73,87],[104,-307],[95,61],[-46,-147],[16,-167],[-105,-272],[106,-85],[-46,-312],[94,-207],[19,-193],[173,-12],[-3,-277],[163,-323],[109,200],[81,2],[116,-187],[79,-22],[48,-188],[76,-71],[89,-306],[196,-440],[93,-73],[-5,-231],[46,-141],[-69,-113],[50,-191],[-17,-164],[49,-100],[-41,-143],[85,-65],[6,-224],[-35,-400],[39,-104],[-11,-213],[55,-367],[44,-78],[17,-223],[-51,-318],[4,-270],[-78,-230],[-79,-126],[38,-176],[184,-140]],[[82737,41088],[184,1962],[75,-66],[70,-211],[107,-184],[43,6],[42,-237],[162,-253],[50,-262],[111,-20],[142,56],[199,-699],[-9,-124],[113,49],[-69,78],[232,188],[158,10],[172,-60],[45,-165],[-41,-112],[82,-12],[51,-225],[154,34],[116,-339],[121,15],[197,247],[104,-88],[196,-3],[10,114],[-72,54],[45,175],[165,148],[60,138],[34,340],[66,28]],[[85852,41670],[-38,138],[-64,638],[-1014,-979],[58,423],[-93,406],[39,40],[-46,196],[71,97],[-228,605],[42,41],[-64,230],[-40,-58],[-130,347],[-21,-98],[-93,211],[-88,506],[-247,-265],[-66,248],[-42,365],[17,163],[-50,14],[-89,558],[5,122],[-142,361],[-298,-88],[-142,-328],[-205,-94],[-41,472],[34,157],[-63,322],[-95,220],[49,132],[-86,133],[-127,462],[41,84],[-88,473],[-105,228],[-198,576],[-47,224],[19,97],[-62,166],[66,160],[87,47],[-162,295],[7,108],[84,-14],[-20,105],[-274,411],[-83,-206],[-68,51],[-237,375],[-104,116],[-176,-176],[-25,186],[72,125],[-77,146],[-356,239],[-181,219],[-274,-328],[-72,271],[-55,24],[-173,295],[-203,74],[-222,-267],[-113,16],[-176,-318],[-16,-213],[-120,-127],[110,-174],[-81,-71]],[[79273,50584],[-264,-18],[-38,-123],[-145,-87],[-64,-126],[-98,-11],[-117,-422],[-159,-200],[-8,-133],[-102,-46],[-58,-114],[47,-213],[-95,-40],[-81,-252],[-133,-162],[-58,-161],[56,-37],[-23,-246],[56,-122],[-11,-200],[-54,-100],[-17,-296]],[[62464,42407],[68,-49],[12,-427],[-76,-159],[89,-266],[167,-125],[105,-7],[102,-135],[33,-375],[-7,-172],[153,-386],[58,-70],[21,-440],[-14,-223],[-79,-221],[-88,-32],[-129,-279],[57,-253],[33,-409],[118,-100],[76,42],[117,-132],[199,-8],[134,-60],[101,-205],[214,-62],[75,-169],[112,-98],[2,-354],[25,-214],[56,-133],[145,-154],[42,-403],[-22,-209],[31,-165],[-46,-145],[-7,-287],[-93,-144],[-297,-235],[-72,-196],[19,-173],[-97,-205],[-132,-121],[-40,-106],[-128,-104],[1,-141]],[[63502,34098],[930,-94],[1346,-114],[759,-72],[1095,-166],[515,-58]],[[68147,33594],[13,412],[-32,326],[74,350],[112,292],[129,251],[9,111],[122,511],[31,248],[150,435]],[[68662,51678],[-51,242],[-97,126],[-56,194],[62,330],[134,208],[-29,170],[-342,127],[-137,216],[-81,-80],[-111,163],[-51,405],[134,294],[50,201],[-47,301],[-151,35],[-159,-176],[-183,-65],[-137,-155],[-228,-122],[-121,28],[-141,245],[-35,185],[-72,125],[-32,267],[88,140]],[[34864,73972],[-1680,-335],[-1475,-315],[-129,1713],[-1587,-359]],[[65956,58986],[30,122],[142,231],[-55,78],[-71,-71],[-88,67],[7,127],[110,143],[-133,66],[-52,180],[-110,84],[-54,-63],[-77,88],[-3,186],[65,129],[112,-66],[9,133],[-175,209],[91,137],[-11,131],[-133,-164],[-88,56],[-10,170],[59,146],[-60,242],[-28,-238],[-92,0],[-85,190],[-13,143],[80,25],[29,-139],[79,98],[-50,312],[-98,44],[27,152],[96,8],[51,149],[-75,99],[102,171],[-62,100],[-72,-60],[-60,68],[-52,359],[-152,-43],[-25,181]],[[65061,62966],[114,160],[5,169],[-157,197],[-148,115],[-33,-190],[-75,12],[49,227],[17,268],[-28,105],[-82,-2],[-9,-278],[-87,273],[43,117],[129,-8],[20,100],[-71,152],[-72,27],[-16,-218],[-63,74],[9,212],[86,293],[-74,211],[51,190],[-24,94],[-138,148],[8,186],[-65,25],[12,-180],[-143,29],[46,221],[-41,104],[-122,61],[-20,238],[-111,-133],[-46,115],[86,119],[131,-16],[-31,177],[-138,-94],[-78,111],[13,104],[147,97],[-27,206],[-181,58],[53,146],[-69,59],[-39,-139],[-123,119],[19,80],[128,99],[-103,236],[58,202],[103,100],[-282,66],[1,182],[52,78],[90,-51],[67,161],[-108,67],[-129,-177],[-122,124],[172,186],[13,119],[-171,129],[91,247],[-89,238],[120,-63],[5,-174],[74,89],[-7,165],[-130,63],[72,136],[96,-60],[43,-229],[55,83],[-143,311],[4,200],[84,229],[55,-194],[45,63],[-83,196],[17,290],[-30,55],[-148,-26],[-30,126],[148,162],[-70,238]],[[63736,70773],[-1462,104],[-504,29],[-2150,89],[-1239,47]],[[13284,60870],[104,59],[154,243],[128,138],[67,310],[-46,127],[-78,-116],[-161,-89],[-26,-132],[34,-236],[-119,-103],[-57,-201]],[[13043,62541],[57,11],[104,480],[186,479],[-142,26],[-102,-244],[-103,-752]],[[12100,58185],[117,62],[-12,96],[-110,-35],[5,-123]],[[11421,60871],[95,16],[146,289],[-91,11],[-115,-121],[-35,-195]],[[11257,57627],[165,169],[115,35],[102,191],[118,65],[65,-104],[121,113],[-93,114],[-188,-43],[-118,53],[-260,-196],[24,-195],[-51,-202]],[[10630,57649],[146,40],[237,-5],[-20,155],[105,92],[-14,156],[-290,57],[-71,-124],[-93,-371]],[[10292,57356],[175,-64],[78,233],[-104,-13],[-149,-156]],[[8891,24760],[762,401],[603,299],[325,123],[156,103],[651,316],[410,182],[596,310],[1528,762],[1194,543],[459,198]],[[15575,27997],[-631,4183],[-205,1395],[-309,2029],[-425,2726],[-120,846],[1130,2903],[659,1703],[1490,3831],[1527,3937],[1213,3121],[1226,3147]],[[19970,66387],[-4489,-908],[20,-358],[-74,-273],[-100,39],[40,-513],[-27,-85],[79,-175],[16,-538],[-31,-444],[-215,-922],[-136,-262],[-62,-238],[-116,-124],[-84,-354],[-140,-256],[-83,-86],[-107,-236],[-120,-347],[-148,-192],[-25,148],[-145,18],[-254,-256],[-14,-135],[77,-86],[23,-135],[-38,-409],[-92,-383],[-81,-90],[-319,-95],[-124,71],[-71,-161],[-144,-97],[-238,-318],[-73,-38],[-129,-238],[-38,-440],[-141,-325],[-37,-10],[-94,-263],[-153,-222],[-198,-97],[-77,49],[-140,-150],[-145,-28],[-209,-297],[-228,-153],[-288,-103],[-310,-63],[-28,-312],[-204,-323],[142,-379],[-26,-266],[99,-302],[-32,-247],[-40,-30],[163,-554],[20,-302],[-135,-217],[-49,50],[-148,-251],[-47,-187],[98,-272],[41,-285],[-41,-201],[-160,-120],[-119,-407],[-62,-375],[-183,-239],[-28,-170],[11,-274],[-164,-487],[-2,-460],[-102,-133],[-48,-394],[-102,-372],[-143,-224],[-88,-377],[26,-244],[-5,-418],[61,-269],[-51,-116],[111,-154],[40,150],[143,-153],[152,-516],[-49,-535],[-88,-228],[-87,54],[-226,-115],[-135,-298],[-106,-463],[-52,-29],[-17,-231],[-50,-116],[10,-207],[98,-396],[-25,-321],[14,-172],[-84,-205],[136,-596],[29,-365],[199,-25],[6,309],[-46,88],[-32,265],[16,189],[152,153],[117,332],[50,9],[53,240],[77,27],[-81,-242],[-11,-329],[22,-309],[-108,-269],[27,-114],[-130,-184],[89,-213],[-2,-234],[-107,-70],[-36,-230],[114,-5],[16,-111],[116,44],[85,-94],[-28,-256],[-130,-217],[-186,51],[-66,324],[61,169],[-82,40],[-44,123],[79,230],[-97,-98],[3,247],[-97,6],[-34,-148],[-127,-274],[-84,2],[-99,-280],[-35,-200],[-84,-157],[-92,-72],[-83,117],[-55,-72],[153,-363],[52,-180],[-27,-292],[46,-116],[-51,-197],[-71,-2],[29,-218],[-44,-386],[-162,-325],[-102,-271],[-117,-669],[-225,-632],[-82,-332],[2,-147],[123,-208],[18,-136],[-37,-911],[22,-351],[69,-278],[148,-352],[0,-209],[43,-298],[-35,-175],[35,-421],[-71,-162],[-6,-191],[-104,-471],[-61,-98],[-1,-299],[-107,-164],[-198,-630],[61,-185],[10,-310],[-28,-197],[97,-276],[150,-313],[330,-589],[183,-390],[107,-357],[-50,-128],[51,-334],[140,-276],[207,-738],[41,-414],[-5,-777],[-44,-7],[-72,-226],[145,-348],[67,-409]],[[89344,39315],[-17,-88]],[[89382,38984],[-112,180],[-15,218],[98,102],[-10,332],[237,450],[101,78],[129,382],[-6,193],[72,361],[165,214],[41,235],[262,366],[108,57],[67,-85],[108,497],[131,779]],[[90758,43343],[-583,219],[-512,160],[-668,-4059],[-94,-643]],[[87032,42793],[106,-278],[268,311],[-174,459]],[[87232,43285],[-14,-228],[-81,-162],[-105,-102]],[[35766,96281],[15,-144],[179,-286],[82,-15],[69,-280],[121,-168],[14,-226],[-82,-164],[-69,-255],[-15,-226],[32,-191],[79,-62],[224,147],[30,102],[167,144],[112,154],[88,-20],[192,102],[418,337],[295,407],[100,216],[-17,427],[183,-8],[55,184],[-5,187],[171,268],[188,152],[-17,187],[-331,507],[-322,284],[-152,60],[-192,-19],[-135,221],[-119,81],[-76,138],[-110,55],[-110,214],[6,107],[-98,315],[-148,208],[-115,-197],[-170,-169],[-160,-85],[-85,-322],[70,-824],[-76,-539],[-64,-38],[-54,-455],[-183,-466],[15,-45]],[[34406,91804],[72,-328],[154,-99],[97,106],[150,419],[187,-96],[128,-117],[199,69],[0,53],[205,214],[36,129],[236,119],[35,277],[-139,261],[-187,118],[-106,-31],[-230,175],[-158,30],[-137,-134],[-46,-638],[-88,-67],[-67,80],[-197,-162],[-99,-188],[-45,-190]],[[34402,93280],[264,-283],[71,101],[-14,227],[-114,-15],[-166,67],[-41,-97]],[[33645,91867],[153,-106],[194,64],[126,196],[58,207],[-60,170],[-149,95],[-123,17],[-91,-454],[-108,-189]],[[33124,91117],[114,-264],[-14,-189],[554,147],[76,-113],[35,137],[164,43],[203,-59],[130,81],[-63,180],[-132,168],[-157,68],[-458,-206],[-330,60],[-122,-53]],[[31100,89295],[319,-28],[226,-428],[104,-47],[93,317],[181,378],[-9,267],[131,181],[29,-187],[88,8],[-34,208],[62,194],[121,208],[-123,138],[-116,-64],[-118,69],[-144,-175],[-192,-37],[-275,51],[-57,-273],[-81,-117],[-27,-166],[-85,-151],[-2,-199],[-91,-147]],[[27948,87541],[10,-131],[81,-123],[32,-160],[360,-322],[100,90],[49,-98],[178,-9],[110,69],[116,269],[-7,149],[-77,204],[4,343],[-121,214],[-121,129],[-64,-52],[-267,-43],[-135,-234],[-203,-129],[-45,-166]],[[26988,88208],[30,-141],[198,-232],[52,-175],[85,-29],[-17,406],[-174,115],[-94,321],[-91,-137],[11,-128]],[[62450,30375],[-20,166],[57,157],[-17,193],[180,186],[87,216],[-179,491],[14,357],[55,286],[9,220],[75,81],[93,550],[196,193],[359,131],[105,270],[38,226]],[[55131,41927],[24,-92],[-64,-194],[-90,-69],[-78,-210],[78,-151],[-8,-365],[52,-54],[-41,-232],[20,-125],[-69,-142],[11,-305],[-35,-256],[66,-99],[-110,-15],[-33,-388],[66,26],[20,-131],[-115,-83],[41,-469],[-137,-64],[20,-153],[-58,-112],[-43,124],[-71,-147],[25,-105],[-58,-182],[31,-69],[-33,-211],[80,-420],[-57,-53],[-96,-341],[54,-254],[-165,-88],[7,-157],[-76,-38],[8,-251],[-124,-194],[-22,-211],[54,-56],[-74,-303],[-80,-166],[4,-188],[58,-177],[-25,-145],[-81,-26]],[[73897,45707],[119,-187],[113,159],[149,72],[152,-108],[59,-120],[65,61],[22,167],[149,51],[79,102],[42,188],[109,220],[61,328],[252,83],[154,-98],[214,71],[39,118],[108,87],[30,140],[187,75],[74,-235],[156,-108],[99,85],[179,25],[155,195],[72,-131],[167,-25],[37,-190],[95,-116],[28,-123],[88,-22],[137,-152],[146,630],[75,71],[131,-9],[223,282],[45,182]],[[79273,50584],[-584,1209],[-157,122],[-164,194],[-273,395],[23,287],[-93,166],[-140,153],[32,179],[-25,164],[-150,158],[-178,54],[-82,303],[4,149],[-102,38],[-189,153],[-192,215],[-190,52],[-192,208],[-42,95]],[[76579,54878],[-21,75],[-526,89],[-982,182],[-531,74],[-324,10],[-303,36],[-515,140],[-609,86],[-356,33],[-535,23],[-310,39],[-95,90],[-50,-65],[-926,192],[-548,92],[-756,144],[0,-118],[-393,1],[93,519],[-29,173],[-1387,166],[-827,87],[-207,56]],[[66322,57023],[-96,9]],[[89393,45821],[-90,33]],[[89303,45854],[-29,-300],[100,4],[19,263]],[[89139,45236],[-20,-259],[63,-66],[132,451],[-175,-126]],[[90758,43343],[1,502],[-23,60],[-49,870],[-48,291]],[[90639,45066],[-635,369],[-57,193]],[[89947,45628],[-86,-70],[-119,59],[-105,254],[-68,-2],[-24,-186],[16,-243],[91,-130],[-123,-18],[62,-254],[-127,17],[-64,133],[-30,-281],[153,-148],[-146,-154],[46,-397],[-77,108],[-48,386],[-93,-197],[63,-102],[-88,-166],[-48,296],[50,76],[-10,156],[-58,-21],[-93,113],[-56,-22],[-146,-251],[-261,-586],[118,-87],[-75,-232],[-1,-159],[64,-98],[51,68],[61,-111],[22,113],[134,-16],[117,50],[-127,-182],[-110,-8],[-106,-95],[-124,-214],[-16,97],[-83,-35],[12,194],[-46,-11],[-18,-335],[70,-336],[107,117],[39,-83],[-67,-365],[-54,-36],[-85,188],[-74,13],[28,154],[-70,80],[-16,-344],[54,-416],[67,201],[131,-10],[52,-123],[-55,-164],[43,-200],[-94,63],[26,289],[-66,-51],[-13,-241],[-101,-179],[45,-474],[49,-295],[82,-187],[183,-48],[-64,-51],[69,-268],[-62,2],[21,-420],[-200,154],[-17,167],[117,149],[-63,70],[-165,387],[-57,-84],[22,-191],[-56,-74],[-19,330],[62,91],[-24,163],[-76,-295],[-94,-16],[83,282],[-75,181],[77,46],[-137,293],[-104,-18],[-14,-84],[-154,-61],[120,236],[205,159],[19,304],[95,130],[-117,194],[55,239],[-59,10],[-22,192],[61,75],[-86,311],[76,143],[12,177],[64,224],[32,331],[61,160],[221,296],[-23,264],[-86,7],[43,126],[76,-100],[55,40],[-25,155],[44,149],[147,260],[-22,81],[67,277],[-202,-174],[-56,-197],[-49,47],[12,188],[-105,-78],[-64,-187],[-76,-80],[-151,-26],[-212,65],[-28,-163],[-127,-262],[71,385],[-151,-94],[-118,-178],[-113,-348],[-287,436],[-83,-61],[-85,-361],[31,-287],[146,-377]],[[87148,43931],[-21,-145],[133,-222],[-28,-279]],[[87032,42793],[-58,-98],[-184,-22],[-6,-133],[-181,-107],[-212,20],[-116,-137],[-2,-240],[56,-201],[-140,-86],[-73,-148],[-81,41],[-183,-12]],[[72376,19856],[67,-9],[39,130],[375,129],[-83,211],[-132,-33],[-266,-428]],[[71033,20248],[123,104],[-12,121],[-115,-102],[4,-123]],[[70925,21159],[19,-326],[43,-121],[-3,-187],[103,3],[51,546],[-100,163],[-113,-78]],[[70780,20656],[76,-41],[-20,182],[-56,-141]],[[70569,21819],[78,44],[14,191],[-92,-235]],[[70356,23024],[27,-79],[111,61],[18,289],[-57,6],[-84,-143],[-15,-134]],[[70242,23544],[52,-156],[65,57],[-78,144],[-39,-45]],[[69268,21380],[125,190],[-41,80],[-84,-270]],[[69896,36148],[165,-256],[144,-313],[170,-897],[180,-557],[73,-415],[49,-481],[15,-927],[-61,-761],[-49,-365],[-106,-446],[-226,-656],[-179,-738],[-80,-223],[-48,-254],[11,-130],[93,-282],[33,-286],[-86,-570],[-101,-318],[121,-259],[107,-519],[97,-386],[16,-294],[-16,-236],[26,-327],[-72,-301],[21,-227],[218,-175],[18,-112],[-21,-520],[136,-26],[61,-252],[104,95],[96,-59],[71,-403],[92,-177],[75,-376],[117,-112],[22,123],[-118,213],[93,246],[-110,348],[66,-78],[20,244],[-36,29],[-19,348],[53,237],[54,-15],[69,-479],[-55,-11],[51,-313],[66,-78],[-17,555],[-72,159],[-13,195],[80,30],[162,-734],[-2,-716],[-63,-444],[18,-140],[231,-376],[99,-71],[176,0],[174,-157],[-17,-107],[-190,-20],[-84,-138],[-72,-340],[54,-242],[87,-103],[94,-315],[-121,-98],[337,-17],[30,-168],[360,261],[159,159],[70,-81],[132,-8],[185,75],[154,246],[47,210],[316,6],[178,218],[134,-7],[208,187],[159,-54],[205,295],[-42,98],[107,296],[75,114],[105,383],[-214,-132],[-74,166],[43,82],[-4,216],[93,169],[122,59],[46,185],[30,317],[47,113],[-31,467],[28,207],[22,766],[-48,41],[-80,251],[-131,25],[-50,191],[-6,661],[-146,111],[12,161],[-235,72],[-105,297],[5,545],[-32,109],[94,281],[99,86],[47,-122],[37,117],[116,44],[86,108],[52,-65],[135,-428],[109,-109],[-50,-156],[67,-453],[37,159],[121,-229],[-128,-71],[142,-24],[74,-233],[126,-63],[202,-177],[26,-120],[164,-137],[210,133],[96,108],[129,379],[88,182],[63,339],[62,516],[150,605],[93,800],[99,453],[157,448],[-51,208],[-6,461],[38,172],[-41,610],[-113,256],[-61,-10],[-62,156],[-9,-215],[-59,-76],[119,-301],[-128,-53],[-145,173],[-23,152],[72,187],[-82,3],[-51,184],[29,275],[-57,398],[-217,184],[-80,326],[37,576],[-84,104],[16,231],[-109,286],[-89,75],[-12,177],[-63,50],[-76,335],[46,177],[-47,42]],[[75446,35165],[-1481,426],[-730,191]],[[64918,13379],[106,-237],[496,-525],[39,0],[216,-347],[159,-157],[35,32],[148,-118],[-35,110],[-179,324],[2,98],[-128,196],[-335,265],[-149,189],[141,48],[-310,277],[-100,1],[-106,-156]],[[63336,18545],[380,-342],[205,-132],[159,-269],[99,-222],[86,-97],[177,-76],[85,45],[158,-106],[151,-26],[245,-256],[185,-369],[200,-37],[89,-182],[44,-229],[181,-234],[152,-286],[122,-94],[103,-195],[111,-311],[344,-378],[303,-126],[270,-16],[136,107],[15,126],[-155,105],[-215,22],[37,166],[-169,193],[-150,334],[-73,36],[-19,245],[-84,74],[-7,120],[-80,123],[-13,192],[-108,194],[-36,542],[57,268],[93,-299],[199,-391],[147,-162],[-6,88],[-131,242],[-52,210],[152,-298],[140,-81],[149,34],[130,-33],[252,133],[21,127],[154,50],[64,101],[29,196],[100,146],[39,151],[102,155],[92,23],[43,321],[170,47],[231,-67],[131,-165],[63,17],[57,199],[104,100],[105,-3],[35,-159],[80,-4],[66,130],[9,-230],[-49,-167],[83,-78],[45,96],[-19,186],[98,70],[160,-365],[177,-133],[302,-416],[64,59],[331,-199],[129,14],[319,-35],[160,-52],[326,-343],[125,-63],[169,-11],[168,-78],[-98,295],[10,368],[31,216],[-41,72],[75,165],[117,-60],[222,120],[175,-195],[74,-4],[71,253],[198,-140],[49,-241],[254,-53],[34,-134],[150,-18],[34,93],[-29,335],[69,383],[25,306],[-155,41],[-34,223],[193,-58],[47,103],[118,48],[-58,163],[143,199],[71,-11],[127,113],[26,-124],[88,96],[15,-218],[-92,-180],[84,30],[207,-96],[87,36],[97,279],[100,81],[-41,222],[-75,81],[-157,-91],[-168,88],[-183,-98],[-208,80],[-150,-43],[-332,157],[-65,107],[-181,-178],[-70,86],[-65,-228],[-69,37],[-80,-84],[-49,108],[26,201],[-76,122],[83,339],[-66,81],[-140,-112],[-24,-96],[-125,-99],[-152,-260],[-241,-124],[-69,36],[-225,-139],[-68,53],[-218,7],[-112,254],[-78,258],[-50,36],[-180,-43],[-124,72],[-32,183],[-211,-120],[-226,37],[-121,102],[-63,149],[-36,452],[-81,0],[-19,103],[-125,80],[-32,176],[-68,24],[6,146],[-62,38],[29,197],[-151,-138],[-20,-130],[74,-82],[37,-313],[74,2],[68,-298],[-27,-138],[-67,-22],[-83,263],[-217,-64],[24,183],[-66,168],[-16,187],[-158,128],[-65,-28],[-28,-397],[-54,-100],[-54,110],[19,396],[-166,206],[-119,440],[-88,416],[15,63],[-92,249],[-94,382],[-198,572],[38,136]],[[67974,23591],[-114,-32],[-129,-224],[50,-493],[54,-167],[-82,-182],[-86,169],[-127,12],[-69,-90],[11,-222],[71,-124],[23,-160],[-69,-234],[51,18],[22,-184],[-80,-134],[61,-109],[-55,-138],[-152,-161],[-92,17],[-57,-134],[-151,59],[-71,-118],[86,-188],[-54,-211],[-230,-125],[-74,56],[-138,-136],[-51,69],[-151,-144],[-150,29],[-14,111],[-198,-126],[-54,51],[-119,-78],[-390,-326],[-1620,-572],[-86,-384],[-109,-256],[-135,-31],[-25,-119],[-92,89],[-43,-124]],[[69164,80888],[196,-33],[-82,124],[-114,-91]],[[68657,80846],[107,-58],[252,112],[-163,6],[-196,-60]],[[68245,81011],[181,-55],[-144,109],[-37,-54]],[[67912,80966],[144,-14],[-40,127],[-104,-113]],[[65061,62966],[1584,-168],[1108,-142],[1127,-155]],[[69359,80276],[-202,212],[-65,-75],[-85,58],[-39,-93],[-124,-4],[-157,76],[-130,-126],[-10,94],[-204,-101],[-305,137],[-389,297],[15,-181],[-72,-89],[-94,100],[77,180],[-164,206],[-45,270],[-146,35]],[[67220,81272],[-88,12],[-98,-170],[-59,-224],[18,-200],[-113,-243],[-7,-175],[-152,-191],[-92,-189],[-41,-288],[-68,-96],[36,-250],[-13,-162],[48,-101],[70,-587],[47,-197],[-48,-27],[-1305,147],[-1188,115],[-1100,90],[134,-162],[-9,-119],[-115,-235],[63,-177],[-111,-206],[2,-125],[128,12],[104,-63],[17,-145],[-143,-320],[60,-135],[61,236],[71,15],[10,-120],[-84,-179],[-13,-332],[123,-43],[77,-121],[-31,-104],[-117,52],[-64,-100],[34,-125],[132,120],[54,-39],[-3,-350],[76,-122],[150,-28],[21,-85],[-192,4],[41,-315],[132,-18],[158,-263],[-20,-164],[206,-232],[-166,-151],[60,-70],[59,103],[108,-201],[54,-231],[-86,-75],[1,209],[-207,-14],[-10,-247],[263,-174],[54,81],[42,-153],[-18,-167],[80,16],[72,-151],[-178,-75],[-20,-199],[50,-71],[-55,-109],[-65,72],[-168,-176],[23,-165],[196,148],[19,-57],[-179,-213],[137,-267],[-46,-88],[-40,155],[-126,96],[-70,-208],[128,-205],[41,-137],[-192,-51],[-14,-265],[30,-127],[131,-181],[-40,-333],[-91,-5],[14,201],[-35,100],[-120,-99],[81,-291]],[[25191,4391],[1222,445],[1212,407],[994,341],[998,311],[2207,658],[728,200],[1157,300],[1795,442],[1116,254],[1171,251],[1418,281],[1225,222],[1144,194],[1223,183]],[[30899,23738],[-109,-106],[-18,-168],[-112,-206],[17,-160],[-119,-426],[-100,-136],[-47,149],[-114,-20],[5,165],[-104,206],[69,225],[-54,31],[-124,-124],[-50,40],[-137,-83],[-24,58],[-179,82],[-56,-229],[-183,54],[-78,-62],[-126,64],[-116,-82],[-79,-159],[-67,-22],[-129,116],[-76,292],[-122,-161],[-49,51],[-71,-106],[-172,-55],[-84,-98],[-105,44],[-110,208],[18,179],[-57,60],[-50,-162],[-162,-264],[-17,-185],[41,-100],[-89,-324],[55,-57],[1,-227],[-40,-82],[-22,-300],[-160,-245],[-163,97],[-8,-139],[-135,-221],[-28,-332],[84,-18],[28,-377],[-92,-161],[19,-80],[-89,-80],[-13,-248],[-106,-278],[-49,-294],[30,-252],[-51,-260],[56,-237],[-106,-35],[77,-292],[-124,-203],[-110,-271],[-55,27],[-17,167],[-84,54],[-134,229],[-97,49],[-81,-63],[-42,181],[-126,100],[-105,-232],[-47,-216],[-137,-44],[38,-167],[-21,-136],[107,-77],[15,-202],[-72,-226],[136,-253],[137,43],[46,-104],[-43,-222],[50,-62],[-84,-184],[-11,-203],[71,-171],[-81,-136],[28,-156],[107,12],[3,-362],[58,-17],[58,-211],[9,-196],[93,-185],[-16,-222],[82,-9],[106,-504],[-51,-103],[-100,-1],[-76,87],[-221,-106],[-23,-161],[44,-94],[-104,-163],[-121,127],[1,-318],[-135,-162],[-67,-220],[53,-216],[-84,-232],[-71,-15],[-26,-304],[-115,-372],[-72,-101],[-77,-437],[-122,-75],[-155,-207],[-15,-186],[-252,-447],[170,-13],[-59,-117],[3,-163],[-60,-128],[104,-119],[-43,-245],[38,-149],[-124,-260],[-2,-244],[-69,-134],[-132,-553],[-25,-25],[474,-3787]],[[92968,16433],[-28,-214],[75,-267],[2,-294],[-87,-84],[88,-34],[115,-325],[115,156],[149,-51],[38,-256]],[[95336,23105],[-71,511],[3,268]],[[92763,25585],[-178,-247],[-58,-278],[-6,-275],[83,-104],[25,-163],[-59,-150],[17,-265],[-53,-83],[-27,-432],[32,-230],[-55,-173],[-15,-443],[-44,-119],[-5,-248],[65,-142],[-17,-389],[115,-321],[-21,-327],[82,-438],[-49,-125],[77,-417],[-107,-343],[1,-193],[-49,-107],[26,-207],[187,-190],[132,-86],[-16,-102],[147,-185],[60,-277],[88,-145],[-60,-185],[55,-65],[-32,-250],[-65,-79],[-122,-316],[62,-158],[1,-303],[58,-218],[-109,-241],[39,-133]],[[94259,30777],[16,-81],[139,-125],[-101,193],[-54,13]],[[94010,31176],[83,-93],[-47,166],[-36,-73]],[[91272,34396],[57,203],[-100,332],[-188,184]],[[86010,23729],[65,-193],[-5,156],[-60,37]],[[85877,23714],[49,-155],[56,-2],[-105,157]],[[81282,31551],[171,-230],[306,-532],[101,-266],[159,-216],[143,-129],[36,-245],[64,-142],[6,-176],[191,-247],[85,-209],[-33,-214],[-162,-397],[-139,-71],[-30,-300],[-108,-20],[26,-264],[-93,-436],[355,-325],[301,-251],[225,-138],[407,-109],[203,-91],[206,-42],[362,5],[189,163],[209,106],[209,-235],[438,-195],[132,21],[129,-43],[67,-106],[166,-128],[137,-185],[75,-297],[298,-536],[184,-26],[89,-96],[30,-191],[-24,-284],[-123,-562],[-125,-89],[40,-185],[77,-62],[23,101],[102,-175],[-32,-132],[-130,-112],[-113,90],[4,-152],[-95,-84],[-85,29],[-24,-261],[45,-403],[103,-55],[110,-181],[-15,-156],[219,-341],[128,-127],[113,-294],[45,-344],[314,-859],[331,-759],[240,-340],[118,-254],[99,-38],[110,-170],[159,38],[68,-63],[540,-182],[290,-114],[413,-204],[811,-371]],[[90152,17663],[56,344],[-21,322],[86,96],[-13,253],[55,578],[163,283],[55,262],[-29,233],[87,350],[-3,121],[-76,241],[4,574],[51,50],[53,349],[85,197],[-1,206],[93,166],[-49,557],[29,192],[53,37],[11,-221],[108,-57],[29,140],[111,197],[127,1001],[190,1589],[-1,141],[71,192]],[[91777,32906],[-23,153],[-101,185],[20,260],[-77,24],[78,174],[71,-327],[98,-15],[18,-144],[207,-164],[9,-116],[143,45],[-10,-130],[93,70],[213,-3],[118,-144],[-7,-145],[160,-52],[436,-197],[216,-158],[218,-373],[151,-415],[179,-143],[-91,309],[118,134],[118,-14],[37,-101],[117,187],[200,-302],[-1,-93],[150,-89],[-1,98],[-344,472],[-398,593],[-259,324],[-289,329],[-416,554],[-232,238],[-154,105],[-39,-33],[-354,349],[-358,112],[-246,290],[-2,-130],[-131,58],[-76,-169],[22,-144],[-64,-99]],[[76665,35383],[90,-78],[-29,133],[-61,-55]],[[76474,35258],[-5,-239],[90,37],[-85,202]],[[75446,35165],[21,96],[121,51],[76,-76],[173,183],[287,124],[127,191],[115,67],[117,-160],[25,-159],[94,160],[111,-32],[1,98],[201,295],[238,125],[183,-221],[173,-73],[91,-140],[282,-270],[129,61],[319,-65],[213,-341],[219,-497],[225,-398],[62,-21],[357,-458],[174,-105],[582,-585]],[[12669,9647],[108,15],[52,185],[-35,171],[65,175],[135,74],[197,-76],[73,51],[252,529],[6,212],[52,305],[-14,364],[-52,203],[21,128],[-68,457],[109,209],[276,294],[141,78],[56,138],[125,62],[116,-63],[127,39],[334,-121],[85,-114],[92,-10],[107,102],[324,24],[178,217],[103,0],[164,210],[10,262],[81,24],[93,-108],[218,66],[65,84],[77,-78],[276,-49],[99,-74],[110,79],[59,178],[154,73],[307,31],[81,-106],[164,-18],[180,-75],[259,22],[205,53],[97,-150],[89,-40],[116,126],[367,25],[194,110],[202,-96],[44,-63],[1301,537],[1831,740]],[[22477,15058],[37,321],[108,434],[103,25],[30,160],[108,55],[58,129],[-6,270],[68,282],[-181,345],[-32,174],[-61,55],[-189,404],[-176,645],[-140,259],[-97,111],[-37,157],[18,187],[-231,496],[-225,137],[-208,542],[-28,134],[-135,136],[-14,217],[-58,98],[52,262],[-70,120],[62,176],[116,-33],[62,216],[120,23],[-19,144],[70,49],[25,163],[-83,175],[-76,28],[36,266],[-123,370],[-28,176],[-64,10],[-34,187],[-891,6782]],[[20344,29945],[-965,-370],[-1406,-558],[-315,-116],[-819,-351],[-826,-368],[-438,-185]],[[8891,24760],[-103,-269],[-48,-279],[36,-246],[-32,-298],[25,-314],[63,-403],[160,-458],[19,-325],[-47,-96],[1,-228],[-61,-49],[11,-412],[254,-509],[112,-406],[96,-226],[86,-298],[-8,-147],[125,-117],[141,-268],[161,-401],[266,-871],[264,-1048],[157,-761],[125,-443],[36,-220],[141,-558],[100,-638],[97,-228],[245,-852],[107,-483],[32,-281],[69,-268],[14,-228],[42,-61],[126,-540],[35,-266],[-36,-133],[80,-259],[37,-263],[-14,-161],[104,-70],[35,-110],[40,-404],[-24,-441],[26,-34],[96,314],[66,81],[7,-125],[173,-4],[43,118],[95,-68],[69,47],[134,-106]],[[76579,54878],[704,-150],[28,11],[996,-234],[1339,-335],[13,-89],[486,-108],[-45,105]],[[25159,31686],[238,100],[2765,805],[30,27],[1083,301],[752,200]],[[23019,50594],[40,-393],[386,-3395],[213,-1895],[827,-7291],[133,-1140],[498,-4382],[43,-412]],[[90639,45066],[-114,645],[-46,106],[-99,-29],[-68,171],[-79,409],[-28,513],[42,151],[-91,444],[50,26],[-78,489],[-89,187],[29,184],[-12,216],[-87,298],[-116,68],[-30,120],[-27,-248],[-130,-347],[-15,-289],[29,-155],[-21,-251],[34,-757],[117,-595],[-40,-100],[121,-104],[65,-242],[-53,-134],[-83,18],[127,-232]],[[89393,45821],[-48,170],[-42,-137]],[[87148,43931],[-114,109],[-75,-59],[11,186],[-65,403],[-6,179],[126,388],[196,-93],[123,-130],[56,-147],[65,80],[-4,249],[142,168],[18,161],[234,118],[132,-59],[79,87],[27,-81],[152,-25],[40,137],[129,114],[53,151],[86,20],[113,144],[132,30],[210,154],[1,221],[-86,112],[66,463],[-49,148],[91,46],[-108,140],[-215,-142],[-54,112],[-185,-433],[-225,-133],[-213,-329],[-69,-11],[-43,-139],[-95,-67],[4,102],[203,228],[168,327],[117,126],[104,8],[123,343],[96,106],[157,-62],[57,102],[199,8],[-84,197],[65,73],[77,-79],[77,211],[41,224],[-17,309],[-131,-166],[-152,-96],[-35,154],[148,267],[60,23],[-237,181],[52,113],[130,-82],[21,248],[83,-70],[118,131],[56,146],[-19,335],[-69,-30],[-99,242],[-121,-212],[-196,-127],[-112,-126],[5,-162],[-106,-202],[-137,76],[-36,100],[-80,-128],[-116,1],[-34,-73],[-117,167],[82,82],[185,-47],[116,147],[57,-10],[28,-210],[90,319],[-1,180],[54,92],[106,-9],[207,228],[33,210],[164,-72],[48,-109],[79,120],[-50,-275],[100,-56],[66,53],[259,49],[131,-134],[48,61],[143,538],[163,455],[80,287]],[[14862,6382],[74,-321],[94,-198],[34,192],[-43,213],[83,114],[-146,108],[-101,-10],[5,-98]],[[15406,1954],[23,-124],[84,180],[-102,38],[-5,-94]],[[15419,1242],[35,-30],[74,424],[-70,-175],[-39,-219]],[[15303,1766],[52,-72],[38,176],[-91,66],[1,-170]],[[15041,3040],[217,-393],[42,-164],[85,2],[0,229],[80,259],[-85,20],[-50,-89],[-212,227],[124,29],[36,161],[3,263],[-31,54],[-3,338],[115,-252],[57,222],[73,77],[-12,314],[-73,159],[-67,-75],[-15,-298],[-121,24],[24,-103],[-73,-172],[62,-284],[2,-190],[-92,-29],[-86,-329]],[[15092,837],[197,290],[-144,-111],[-53,-179]],[[14901,1109],[101,-37],[-11,104],[-90,-67]],[[15060,0],[83,139],[-90,-41],[7,-98]],[[14646,1390],[52,-76],[102,50],[51,235],[84,71],[-52,-259],[244,-242],[60,35],[160,276],[-122,109],[20,233],[-44,189],[-67,50],[-34,241],[-92,-29],[-49,-193],[-162,-77],[-95,-176],[-56,-437]],[[14656,1030],[70,51],[83,244],[-153,-295]],[[23764,3862],[-308,2316],[-212,1520],[-374,2878],[-370,2808],[-64,290],[82,238],[33,488],[-89,247],[15,411]],[[12669,9647],[-176,-120],[-59,-167],[-69,68],[-63,-67],[-132,107],[-46,-46],[-71,-291],[-48,-51],[-121,130],[111,-417],[71,-389],[70,-510],[37,210],[-68,308],[-52,442],[91,47],[-8,-268],[34,-190],[53,107],[111,-181],[-33,-413],[78,-104],[162,-98],[-67,-161],[-51,67],[-143,23],[-108,-231],[35,-238],[7,-374],[63,50],[-16,125],[197,-118],[191,-2],[-40,-114],[-166,-162],[16,-147],[-133,-115],[-56,52],[-11,302],[-93,21],[101,-504],[37,-409],[14,-443],[-76,-311],[71,-718],[23,-785],[-52,-120],[12,-182],[-72,-233],[-77,-128],[-17,-312],[67,-497],[-17,-293],[49,-31],[161,-495],[-71,-237],[119,25],[111,150],[210,440],[136,192],[53,-4],[168,268],[-19,57],[159,222],[169,129],[233,70],[141,198],[223,89],[46,130],[212,102],[153,-121],[114,236],[15,163],[181,49],[-30,84],[61,107],[-29,187],[56,5],[45,-155],[-55,-143],[24,-125],[188,-35],[0,104],[-94,69],[24,183],[135,-166],[-12,334],[-83,-5],[38,213],[-2,211],[54,96],[-133,11],[-15,137],[-105,70],[-49,191],[-119,203],[-19,-72],[120,-324],[-89,16],[-138,337],[-148,163],[-293,474],[-136,337],[181,110],[197,-53],[78,-97],[-303,66],[-78,-130],[344,-596],[201,-153],[162,-6],[61,-226],[119,-187],[146,-158],[51,22],[7,-324],[89,181],[-42,619],[-94,-54],[40,165],[-46,205],[-2,245],[-92,84],[-25,117],[67,85],[-77,125],[-76,258],[10,78],[-89,183],[18,140],[-123,208],[-98,-311],[89,-284],[-102,94],[-68,180],[11,166],[103,173],[-61,24],[-78,228],[-75,-208],[-49,-382],[85,-84],[36,-189],[-143,212],[-1,244],[-58,140],[76,-17],[22,234],[131,141],[108,-199],[65,-9],[163,-369],[7,-96],[100,246],[62,-176],[163,-37],[27,-512],[-30,-388],[132,-67],[-94,-242],[125,-216],[21,-300],[99,-105],[110,-351],[134,-43],[24,-198],[-59,-108],[-76,-336],[42,-223],[-24,-175],[-84,-40],[-60,131],[17,234],[77,311],[-114,-327],[-62,-44],[-6,-200],[50,-236],[109,-28],[72,109],[72,-107],[-30,-166],[-119,-209],[-43,-184],[25,-119],[-166,30],[-38,-202],[55,-176],[107,5],[60,81],[19,172],[96,32],[11,-365],[89,23],[46,-94],[-74,-258],[8,-220],[64,-118],[-50,-123],[-90,-26],[-133,85],[62,-130],[-82,-88],[23,-251],[-70,-161],[83,-139],[-97,-80],[125,-187],[942,460],[493,255],[749,337],[735,342],[1027,463],[1251,539],[1349,560],[1684,671]],[[68914,22457],[20,-269],[174,29],[-99,338],[-95,-98]],[[68290,23143],[62,-57],[22,205],[-84,-148]],[[63207,16893],[34,-273],[63,-21],[-19,246],[-78,48]],[[63131,17383],[115,-121],[-23,124],[-92,-3]],[[62931,17215],[183,-183],[-24,205],[-134,46],[-25,-68]],[[62774,17559],[121,-235],[6,63],[-127,172]],[[62791,17080],[85,170],[-74,18],[-11,-188]],[[62728,16857],[189,-134],[70,174],[69,-120],[17,143],[-85,38],[-90,170],[-170,-271]],[[62735,17769],[88,-67],[169,-299],[76,96],[-160,124],[32,111],[-90,22],[-107,133],[-8,-120]],[[62419,17032],[80,-64],[-1,145],[-79,-81]],[[60864,18223],[114,93],[188,-53],[371,-286],[97,-7],[453,-451],[64,74],[191,-186],[95,-207],[81,31],[125,-111],[141,251],[-65,254],[-124,266],[56,211],[-91,165],[-48,239],[72,45],[223,-260],[22,-178],[244,329],[263,103]],[[67974,23591],[-46,200],[6,261],[-293,143],[-1,230],[-104,261],[-50,281],[-59,147],[-26,323],[23,104],[-62,172],[64,97],[122,-6],[31,-179],[140,-232],[81,-61],[41,-296],[152,-460],[262,-249],[56,117],[-10,-170],[55,-328],[131,-381],[24,-333],[68,5],[113,-126],[3,-254],[73,-149],[116,-28],[12,303],[-74,-12],[3,511],[-108,135],[-19,179],[-69,180],[35,137],[-64,140],[24,82],[-93,125],[-50,170],[-56,404],[-151,600],[-76,899],[77,341],[-8,193],[-187,318],[-99,879],[29,265],[50,158],[8,338],[-101,404],[-20,455],[-79,272],[-48,559],[65,299],[-25,132],[67,232],[-40,130],[20,158],[84,206],[2,211],[50,201],[102,179],[-11,298],[-43,363],[56,470]],[[86724,62866],[-293,292],[-156,271],[-186,463],[-122,454],[-82,220],[-73,434],[-10,489],[18,309],[-88,217],[-139,179],[-23,332],[-119,4],[-105,85],[-85,-108],[-96,142],[-44,253],[87,17],[5,107],[-198,277],[-40,185],[-206,258],[-81,-103],[-66,150],[119,41],[-12,201],[-149,218],[-35,141],[-140,51],[-122,132],[-50,165],[-46,-48],[-207,361],[-65,-52],[-82,123],[-29,-99],[-89,30],[-10,143],[128,241],[-42,287],[-178,228],[-119,103],[-24,-133],[-142,-94],[-84,152],[99,72],[108,165],[-76,241],[-151,239],[-83,62],[-70,205],[43,56]],[[23764,3862],[1427,529]],[[25159,31686],[-900,-304],[-373,-158],[-328,-88],[-455,-160],[-1702,-617],[-1057,-414]],[[90152,17663],[759,-342],[827,-305],[1230,-583]],[[68478,81607],[101,196],[44,242],[-12,424],[-71,256],[53,-491],[-17,-291],[-98,-336]],[[67590,81695],[275,-427],[-59,263],[111,185],[-101,177],[-25,-152],[-188,26],[-13,-72]],[[67119,83759],[120,-47],[-63,146],[-57,-99]],[[65722,85543],[62,-82],[83,194],[-59,51],[-86,-163]],[[65368,85634],[275,84],[-133,37],[-142,-121]],[[64997,85816],[172,-79],[21,53],[-186,85],[-7,-59]],[[62472,83979],[171,-172],[155,9],[269,254],[-98,125],[-2,132],[-151,54],[-366,-331],[22,-71]],[[67220,81272],[-116,129],[-60,-15],[-109,197],[-6,124],[-83,61],[27,129],[-199,-36],[-70,157],[45,220],[123,19],[89,-92],[-21,196],[103,140],[180,-70],[33,-303],[-18,-133],[162,-196],[17,-149],[218,138],[-112,123],[4,112],[106,44],[30,197],[99,-57],[71,-279],[109,68],[-17,183],[-95,14],[-75,153],[156,-28],[-22,99],[-245,128],[134,176],[76,-81],[-46,200],[-161,-103],[-74,190],[2,326],[-61,25],[-53,-278],[-73,6],[-8,300],[-252,50],[128,111],[3,107],[-165,-144],[90,178],[-81,56],[95,218],[139,21],[85,141],[50,256],[248,-51],[122,97],[11,-98],[151,280],[72,-153],[182,341],[56,230],[123,-108],[49,129],[-164,72],[-11,107],[113,-1],[-46,177],[-80,-69],[-70,237],[18,228],[-153,-99],[-3,-127],[-71,-97],[-202,478],[-103,146],[130,-487],[63,-76],[-12,-177],[63,-85],[-14,-166],[-74,-68],[-51,282],[-115,20],[-156,-315],[-247,-113],[-70,-139],[-399,-64],[-78,54],[-323,507],[-309,410],[-27,-164],[-86,-45],[23,-147],[-91,-318],[-93,-137],[-96,280],[10,-251],[-81,-175],[-84,218],[-95,-36],[-51,77],[-86,-61],[22,190],[-79,156],[-22,177],[-57,-15],[-30,190],[-58,-36],[-142,166],[-21,208],[-109,-43],[10,-149],[-208,-310],[-74,50],[-185,-53],[-72,-101],[-138,-9],[-157,-88],[-115,-185],[82,-55],[46,-194],[142,200],[45,-79],[5,224],[100,49],[-32,-340],[-171,-197],[-4,-138],[-77,-14],[-55,138],[-90,52],[5,-135],[-66,28],[78,-227],[-76,-126],[-196,181],[-76,-258],[-67,34],[-54,-383],[-185,11],[39,-112],[4,-281],[-226,-36],[-222,177],[-53,-18],[-1,-166],[50,-138],[46,49],[-9,-195],[-114,-18],[-92,81],[-66,-63],[-11,133],[-261,250],[-42,-104],[-122,62],[65,199],[128,18],[-62,103],[60,201],[141,-78],[-57,110],[47,62],[-226,36],[-178,173],[-138,40],[-571,-171],[-248,-125],[-406,-308],[-165,-97],[-285,-116],[-230,-6],[-98,53],[-250,-14],[-515,148],[-184,182]],[[95592,29215],[-93,200],[-84,-312],[-51,-295],[-35,41],[85,503],[-94,39],[2,118],[-97,21],[57,-491],[-9,-165],[95,-265]],[[95164,29555],[-30,-368],[40,-17],[41,273],[-51,112]],[[94994,30830],[25,-283],[79,270],[-104,13]],[[95301,28498],[6,151],[-60,167],[-48,-240],[-205,-230],[57,371],[-96,31],[78,62],[52,269],[-66,66],[75,148],[34,232],[-46,423],[-221,142],[-138,179],[-206,192],[-13,-50]]]}\"},{\"title\":\"./_data/us-states-data.json\",\"contents\":\"[{\\\"name\\\":\\\"Alabama\\\",\\\"myValue\\\":5045},{\\\"name\\\":\\\"Alaska\\\",\\\"myValue\\\":57064},{\\\"name\\\":\\\"Arizona\\\",\\\"myValue\\\":1135},{\\\"name\\\":\\\"Arkansas\\\",\\\"myValue\\\":52035.477},{\\\"name\\\":\\\"California\\\",\\\"myValue\\\":655779},{\\\"name\\\":\\\"Colorado\\\",\\\"myValue\\\":10641},{\\\"name\\\":\\\"Connecticut\\\",\\\"myValue\\\":48422},{\\\"name\\\":\\\"Delaware\\\",\\\"myValue\\\":19459},{\\\"name\\\":\\\"District of Columbia\\\",\\\"myValue\\\":612},{\\\"name\\\":\\\"Florida\\\",\\\"myValue\\\":5624},{\\\"name\\\":\\\"Georgia\\\",\\\"myValue\\\":17513},{\\\"name\\\":\\\"Hawaii\\\",\\\"myValue\\\":64222},{\\\"name\\\":\\\"Idaho\\\",\\\"myValue\\\":82643.117},{\\\"name\\\":\\\"Illinois\\\",\\\"myValue\\\":255518},{\\\"name\\\":\\\"Indiana\\\",\\\"myValue\\\":135826},{\\\"name\\\":\\\"Iowa\\\",\\\"myValue\\\":55857.13},{\\\"name\\\":\\\"Kansas\\\",\\\"myValue\\\":381758.717},{\\\"name\\\":\\\"Kentucky\\\",\\\"myValue\\\":93986},{\\\"name\\\":\\\"Louisiana\\\",\\\"myValue\\\":432033},{\\\"name\\\":\\\"Maine\\\",\\\"myValue\\\":60842},{\\\"name\\\":\\\"Maryland\\\",\\\"myValue\\\":9757},{\\\"name\\\":\\\"Massachusetts\\\",\\\"myValue\\\":78001},{\\\"name\\\":\\\"Michigan\\\",\\\"myValue\\\":256538.901},{\\\"name\\\":\\\"Minnesota\\\",\\\"myValue\\\":188626},{\\\"name\\\":\\\"Mississippi\\\",\\\"myValue\\\":126923},{\\\"name\\\":\\\"Missouri\\\",\\\"myValue\\\":68741.522},{\\\"name\\\":\\\"Montana\\\",\\\"myValue\\\":145545.801},{\\\"name\\\":\\\"Nebraska\\\",\\\"myValue\\\":76824.171},{\\\"name\\\":\\\"Nevada\\\",\\\"myValue\\\":109781.18},{\\\"name\\\":\\\"New Hampshire\\\",\\\"myValue\\\":2952},{\\\"name\\\":\\\"New Jersey\\\",\\\"myValue\\\":17354},{\\\"name\\\":\\\"New Mexico\\\",\\\"myValue\\\":555779},{\\\"name\\\":\\\"New York\\\",\\\"myValue\\\":47126.399},{\\\"name\\\":\\\"North Carolina\\\",\\\"myValue\\\":148617},{\\\"name\\\":\\\"North Dakota\\\",\\\"myValue\\\":16900},{\\\"name\\\":\\\"Ohio\\\",\\\"myValue\\\":40860.694},{\\\"name\\\":\\\"Oklahoma\\\",\\\"myValue\\\":168594},{\\\"name\\\":\\\"Oregon\\\",\\\"myValue\\\":9588},{\\\"name\\\":\\\"Pennsylvania\\\",\\\"myValue\\\":447442},{\\\"name\\\":\\\"Rhode Island\\\",\\\"myValue\\\":555779},{\\\"name\\\":\\\"South Carolina\\\",\\\"myValue\\\":825060},{\\\"name\\\":\\\"South Dakota\\\",\\\"myValue\\\":795811},{\\\"name\\\":\\\"Tennessee\\\",\\\"myValue\\\":341234},{\\\"name\\\":\\\"Texas\\\",\\\"myValue\\\":861231},{\\\"name\\\":\\\"Utah\\\",\\\"myValue\\\":289169},{\\\"name\\\":\\\"Vermont\\\",\\\"myValue\\\":759216},{\\\"name\\\":\\\"Virginia\\\",\\\"myValue\\\":139490},{\\\"name\\\":\\\"Washington\\\",\\\"myValue\\\":966455},{\\\"name\\\":\\\"West Virginia\\\",\\\"myValue\\\":24038.21},{\\\"name\\\":\\\"Wisconsin\\\",\\\"myValue\\\":154157},{\\\"name\\\":\\\"Wyoming\\\",\\\"myValue\\\":297093.141}]\"}]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -288,8 +288,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/MultiLine.html b/docs/example/MultiLine.html
index 9e6dd19c..3b2942e2 100644
--- a/docs/example/MultiLine.html
+++ b/docs/example/MultiLine.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Multiline (html labels + quadtree tooltip)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -202,7 +202,7 @@
         <span class="hljs-attr">gridlines</span>=</span></span><span class="language-javascript">{<span class="hljs-literal">false</span>}</span><span class="language-xml"><span class="hljs-tag">
         <span class="hljs-attr">ticks</span>=</span></span><span class="language-javascript">{data.<span class="hljs-title function_">map</span>(<span class="hljs-function"><span class="hljs-params">d</span> =&gt;</span> d[xKey]).<span class="hljs-title function_">sort</span>(<span class="hljs-function">(<span class="hljs-params">a, b</span>) =&gt;</span> a - b)}</span><span class="language-xml"><span class="hljs-tag">
         <span class="hljs-attr">format</span>=</span></span><span class="language-javascript">{formatLabelX}</span><span class="language-xml"><span class="hljs-tag">
-        <span class="hljs-attr">snapTicks</span>
+        <span class="hljs-attr">snapLabels</span>
         <span class="hljs-attr">tickMarks</span>
       /&gt;</span>
       <span class="hljs-tag">&lt;<span class="hljs-name">AxisY</span>
@@ -735,10 +735,10 @@
 2015-02-01,640,960,640,400
 2015-01-01,320,480,640,400<!-- HTML_TAG_END --></pre> </div></div></div></div></main> 
 			<script type="application/json" data-sveltekit-fetched data-url="/api/guide-sections.json">{"status":200,"statusText":"","headers":{},"body":"[{\"html\":null,\"metadata\":{\"title\":\"Introduction\"},\"subsections\":[{\"slug\":\"what-is-layer-cake\",\"title\":\"What is Layer Cake?\"},{\"slug\":\"key-concepts\",\"title\":\"Key Concepts\"},{\"slug\":\"getting-started\",\"title\":\"Getting started\"},{\"slug\":\"using-layout-components\",\"title\":\"Using layout components\"},{\"slug\":\"layer-components\",\"title\":\"Layer components\"},{\"slug\":\"data-less-cakes\",\"title\":\"Data-less cakes\"},{\"slug\":\"server-side-rendering\",\"title\":\"Server-side rendering\"},{\"slug\":\"how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range\",\"title\":\"How does LayerCake know what to set as a scale's domain and range?\"}],\"slug\":\"introduction\",\"file\":\"00-introduction.md\"},{\"html\":null,\"metadata\":{\"title\":\"Troubleshooting\"},\"subsections\":[{\"slug\":\"use-the-debug-feature\",\"title\":\"Use the debug feature\"},{\"slug\":\"typescript\",\"title\":\"TypeScript\"},{\"slug\":\"the-chart-is-blank\",\"title\":\"The chart is blank\"},{\"slug\":\"the-chart-is-a-very-small-square\",\"title\":\"The chart is a very small square\"},{\"slug\":\"the-library-isn39t-building-properly\",\"title\":\"The library isn't building properly\"},{\"slug\":\"listening-for-click-events-on-the-entire-component\",\"title\":\"Listening for click events on the entire component\"}],\"slug\":\"troubleshooting\",\"file\":\"01-troubleshooting.md\"},{\"html\":null,\"metadata\":{\"title\":\"Accessibility\"},\"subsections\":[{\"slug\":\"layout-attributes\",\"title\":\"Layout attributes\"},{\"slug\":\"html-layouts\",\"title\":\"HTML layouts\"},{\"slug\":\"svg-layouts\",\"title\":\"SVG layouts\"},{\"slug\":\"canvas-and-webgl-layouts\",\"title\":\"Canvas and WebGl layouts\"}],\"slug\":\"accessibility\",\"file\":\"02-accessibility.md\"},{\"html\":null,\"metadata\":{\"title\":\"LayerCake props\"},\"subsections\":[{\"slug\":\"data\",\"title\":\"data\"},{\"slug\":\"x\",\"title\":\"x\"},{\"slug\":\"y\",\"title\":\"y\"},{\"slug\":\"z\",\"title\":\"z\"},{\"slug\":\"r\",\"title\":\"r\"},{\"slug\":\"debug\",\"title\":\"debug\"},{\"slug\":\"padding\",\"title\":\"padding\"},{\"slug\":\"xscale\",\"title\":\"xScale\"},{\"slug\":\"yscale\",\"title\":\"yScale\"},{\"slug\":\"zscale\",\"title\":\"zScale\"},{\"slug\":\"rscale\",\"title\":\"rScale\"},{\"slug\":\"xdomain\",\"title\":\"xDomain\"},{\"slug\":\"ydomain\",\"title\":\"yDomain\"},{\"slug\":\"zdomain\",\"title\":\"zDomain\"},{\"slug\":\"rdomain\",\"title\":\"rDomain\"},{\"slug\":\"xreverse\",\"title\":\"xReverse\"},{\"slug\":\"yreverse\",\"title\":\"yReverse\"},{\"slug\":\"zreverse\",\"title\":\"zReverse\"},{\"slug\":\"rreverse\",\"title\":\"rReverse\"},{\"slug\":\"xrange\",\"title\":\"xRange\"},{\"slug\":\"yrange\",\"title\":\"yRange\"},{\"slug\":\"zrange\",\"title\":\"zRange\"},{\"slug\":\"rrange\",\"title\":\"rRange\"},{\"slug\":\"xpadding\",\"title\":\"xPadding\"},{\"slug\":\"ypadding\",\"title\":\"yPadding\"},{\"slug\":\"zpadding\",\"title\":\"zPadding\"},{\"slug\":\"rpadding\",\"title\":\"rPadding\"},{\"slug\":\"xnice\",\"title\":\"xNice\"},{\"slug\":\"ynice\",\"title\":\"yNice\"},{\"slug\":\"znice\",\"title\":\"zNice\"},{\"slug\":\"rnice\",\"title\":\"rNice\"},{\"slug\":\"extents\",\"title\":\"extents\"},{\"slug\":\"flatdata\",\"title\":\"flatData\"},{\"slug\":\"ssr\",\"title\":\"ssr\"},{\"slug\":\"percentrange\",\"title\":\"percentRange\"},{\"slug\":\"position\",\"title\":\"position\"},{\"slug\":\"custom\",\"title\":\"custom\"}],\"slug\":\"layercake-props\",\"file\":\"03-layercake-props.md\"},{\"html\":null,\"metadata\":{\"title\":\"Computed context values\"},\"subsections\":[{\"slug\":\"activegetters\",\"title\":\"activeGetters\"},{\"slug\":\"aspectratio\",\"title\":\"aspectRatio\"},{\"slug\":\"box\",\"title\":\"box\"},{\"slug\":\"config\",\"title\":\"config\"},{\"slug\":\"containerwidth\",\"title\":\"containerWidth\"},{\"slug\":\"containerheight\",\"title\":\"containerHeight\"},{\"slug\":\"extents-1\",\"title\":\"extents\"},{\"slug\":\"width\",\"title\":\"width\"},{\"slug\":\"height\",\"title\":\"height\"},{\"slug\":\"x-1\",\"title\":\"x\"},{\"slug\":\"y-1\",\"title\":\"y\"},{\"slug\":\"z-1\",\"title\":\"z\"},{\"slug\":\"r-1\",\"title\":\"r\"},{\"slug\":\"xdomain-1\",\"title\":\"xDomain\"},{\"slug\":\"ydomain-1\",\"title\":\"yDomain\"},{\"slug\":\"zdomain-1\",\"title\":\"zDomain\"},{\"slug\":\"rdomain-1\",\"title\":\"rDomain\"},{\"slug\":\"xrange-1\",\"title\":\"xRange\"},{\"slug\":\"yrange-1\",\"title\":\"yRange\"},{\"slug\":\"zrange-1\",\"title\":\"zRange\"},{\"slug\":\"rrange-1\",\"title\":\"rRange\"},{\"slug\":\"xget\",\"title\":\"xGet(...)\"},{\"slug\":\"yget\",\"title\":\"yGet(...)\"},{\"slug\":\"zget\",\"title\":\"zGet(...)\"},{\"slug\":\"rget\",\"title\":\"rGet(...)\"},{\"slug\":\"xscale-1\",\"title\":\"xScale(...)\"},{\"slug\":\"yscale-1\",\"title\":\"yScale(...)\"},{\"slug\":\"zscale-1\",\"title\":\"zScale(...)\"},{\"slug\":\"rscale-1\",\"title\":\"rScale(...)\"}],\"slug\":\"computed-context-values\",\"file\":\"04-computed-context-values.md\"},{\"html\":null,\"metadata\":{\"title\":\"Layout components\"},\"subsections\":[{\"slug\":\"html\",\"title\":\"Html\"},{\"slug\":\"svg\",\"title\":\"Svg\"},{\"slug\":\"scaledsvg\",\"title\":\"ScaledSvg\"},{\"slug\":\"canvas\",\"title\":\"Canvas\"},{\"slug\":\"webgl\",\"title\":\"WebGL\"}],\"slug\":\"layout-components\",\"file\":\"05-layout-components.md\"},{\"html\":null,\"metadata\":{\"title\":\"Layout component props\"},\"subsections\":[{\"slug\":\"zindex\",\"title\":\"zIndex\"},{\"slug\":\"pointerevents\",\"title\":\"pointerEvents\"},{\"slug\":\"viewbox\",\"title\":\"viewBox\"},{\"slug\":\"fixedaspectratio\",\"title\":\"fixedAspectRatio\"},{\"slug\":\"contextattributes\",\"title\":\"contextAttributes\"}],\"slug\":\"layout-component-props\",\"file\":\"06-layout-component-props.md\"},{\"html\":null,\"metadata\":{\"title\":\"Helper functions\"},\"subsections\":[{\"slug\":\"bin\",\"title\":\"bin(...)\"},{\"slug\":\"calcextents\",\"title\":\"calcExtents(...)\"},{\"slug\":\"calcuniques\",\"title\":\"calcUniques(...)\"},{\"slug\":\"flatten\",\"title\":\"flatten(...)\"},{\"slug\":\"grouplonger\",\"title\":\"groupLonger(...)\"},{\"slug\":\"raise\",\"title\":\"raise(...)\"},{\"slug\":\"scalecanvas\",\"title\":\"scaleCanvas(...)\"},{\"slug\":\"stack\",\"title\":\"stack(...)\"},{\"slug\":\"uniques\",\"title\":\"uniques(...)\"}],\"slug\":\"helper-functions\",\"file\":\"99-helper-functions.md\"}]"}</script>
-			<script type="application/json" data-sveltekit-fetched data-url="/example/MultiLine.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, Html, groupLonger, flatten } from 'layercake';\\n\\n  import { scaleOrdinal } from 'd3-scale';\\n  import { timeParse, timeFormat } from 'd3-time-format';\\n  import { format } from 'd3-format';\\n\\n  import MultiLine from './_components/MultiLine.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n  import Labels from './_components/GroupLabels.html.svelte';\\n  import SharedTooltip from './_components/SharedTooltip.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/fruit.csv';\\n\\n  /* --------------------------------------------\\n   * Set what is our x key to separate it from the other series\\n   */\\n  const xKey = 'month';\\n  const yKey = 'value';\\n  const zKey = 'fruit';\\n\\n  const xKeyCast = timeParse('%Y-%m-%d');\\n\\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\\n  const seriesColors = ['#ffe4b8', '#ffb3c0', '#ff7ac7', '#ff00cc'];\\n\\n  /* --------------------------------------------\\n   * Cast values\\n   */\\n  data.forEach(d => {\\n    d[xKey] = typeof d[xKey] === 'string'\\n      ? xKeyCast(d[xKey])\\n      : d[xKey];\\n\\n    seriesNames.forEach(name => {\\n      d[name] = +d[name];\\n    });\\n  });\\n\\n  const formatLabelX = timeFormat('%b. %e');\\n  const formatLabelY = d => format(`~s`)(d);\\n\\n  const groupedData = groupLonger(data, seriesNames, {\\n    groupTo: zKey,\\n    valueTo: yKey\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ top: 7, right: 10, bottom: 20, left: 25 }}\\n    x={xKey}\\n    y={yKey}\\n    z={zKey}\\n    yDomain={[0, null]}\\n    zScale={scaleOrdinal()}\\n    zRange={seriesColors}\\n    flatData={flatten(groupedData, 'values')}\\n    data={groupedData}\\n  >\\n    \u003CSvg>\\n      \u003CAxisX\\n        gridlines={false}\\n        ticks={data.map(d => d[xKey]).sort((a, b) => a - b)}\\n        format={formatLabelX}\\n        snapTicks\\n        tickMarks\\n      />\\n      \u003CAxisY\\n        ticks={4}\\n        format={formatLabelY}\\n      />\\n      \u003CMultiLine/>\\n    \u003C/Svg>\\n\\n    \u003CHtml>\\n      \u003CLabels/>\\n      \u003CSharedTooltip\\n        formatTitle={formatLabelX}\\n        dataset={data}\\n      />\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A multiline example with a quadtree tooltip. This is an interesting example because the data exists in a few different structures:\\n\\n1. We're loading data from a \\\"wide\\\" format CSV file where each series has its own column name.\\n   ```\\n   [\\n     {\\n       month: 2015-03-31T22:00:00.000Z,\\n       apples: '3840',\\n       bananas: '1920',\\n       cherries: '960',\\n       dates: '400'\\n     },\\n     {\\n       month: 2015-02-28T23:00:00.000Z,\\n       apples: '1600',\\n       bananas: '1440',\\n       cherries: '960',\\n       dates: '400'\\n     },\\n     ...\\n   ```\\n   We need to first turn this into...\\n\\n2. ...a \\\"long\\\" format, where each type of fruit is grouped into its own array and each datapoint is a row. The column name becomes a property on the group whose name we define with the `zKey` variable.\\n   ```\\n   [\\n       {\\n           \\\"fruit\\\": \\\"apples\\\",\\n           \\\"values\\\": [\\n               {\\n                   \\\"value\\\": 3840,\\n                   \\\"month\\\": \\\"2015-03-31T22:00:00.000Z\\\",\\n                   \\\"fruit\\\": \\\"apples\\\"\\n               },\\n               {\\n                   \\\"value\\\": 1600,\\n                   \\\"month\\\": \\\"2015-02-28T23:00:00.000Z\\\",\\n                   \\\"fruit\\\": \\\"apples\\\"\\n               },\\n               ...\\n           ]\\n       },\\n       {\\n           \\\"fruit\\\": \\\"bananas\\\",\\n           \\\"values\\\": [\\n               {\\n                   \\\"value\\\": 1920,\\n                   \\\"month\\\": \\\"2015-03-31T22:00:00.000Z\\\",\\n                   \\\"fruit\\\": \\\"bananas\\\"\\n               },\\n       ...\\n   ```\\n\\n3. We also need a flat, ungrouped array of objects so that Layer Cake can measure the full data extents. This gets passed to the `flatData` prop so the scales know the full domain of the data.\\n   ```\\n   [\\n     { value: 3840, month: 2015-03-31T22:00:00.000Z, fruit: 'apples' },\\n     { value: 1600, month: 2015-02-28T23:00:00.000Z, fruit: 'apples' },\\n     { value: 640, month: 2015-01-31T23:00:00.000Z, fruit: 'apples' },\\n     { value: 320, month: 2014-12-31T23:00:00.000Z, fruit: 'apples' },\\n     { value: 1920, month: 2015-03-31T22:00:00.000Z, fruit: 'bananas' },\\n     ...\\n   ```\\n\\nWe're using Layer Cake's [groupLonger transform function](/guide#grouplonger) to do steps one and two. See the [server-side rendered example](/example-ssr/MultiLine) for a regular JavaScript transform.\\n\",\"components\":[{\"title\":\"./_components/MultiLine.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG multi-series line chart. It expects your data to be an array of objects, each with a `values` key that is an array of data objects.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, zGet } = getContext('LayerCake');\\n\\n  $: path = values => {\\n    return 'M' + values\\n      .map(d => {\\n        return $xGet(d) + ',' + $yGet(d);\\n      })\\n      .join('L');\\n  };\\n\u003C/script>\\n\\n\u003Cg class=\\\"line-group\\\">\\n  {#each $data as group}\\n    \u003Cpath\\n      class='path-line'\\n      d='{path(group.values)}'\\n      stroke=\\\"{$zGet(group)}\\\"\\n    >\u003C/path>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 3px;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/GroupLabels.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates HTML text labels for a nested data structure. It places the label near the y-value of the highest x-valued data point. This is useful for labeling the final point in a multi-series line chart, for example. It expects your data to be an array of objects where each has `values` field that is an array of data objects. It uses the `z` field accessor to pull the text label.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { max } from 'd3-array';\\n\\n  const { data, x, y, xScale, yScale, xRange, yRange, z } = getContext('LayerCake');\\n\\n  /* --------------------------------------------\\n   * Title case the first letter\\n   */\\n  const cap = val => val.replace(/^\\\\w/, d => d.toUpperCase());\\n\\n  /* --------------------------------------------\\n   * Put the label on the highest value\\n   */\\n  $: left = values => $xScale(max(values, $x)) /  Math.max(...$xRange);\\n  $: top = values => $yScale(max(values, $y)) / Math.max(...$yRange);\\n\u003C/script>\\n\\n{#each $data as group}\\n  \u003Cdiv\\n    class=\\\"label\\\"\\n    style=\\\"\\n      top:{top(group.values) * 100}%;\\n      left:{left(group.values) * 100}%;\\n    \\\"\\n  >{cap($z(group))}\u003C/div>\\n{/each}\\n\\n\u003Cstyle>\\n  .label {\\n    position: absolute;\\n    transform: translate(-100%, -100%)translateY(1px);\\n    font-size: 13px;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/SharedTooltip.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a tooltip that works on multiseries datasets, like multiline charts. It creates a tooltip showing the name of the series and the current value. It finds the nearest data point using the [QuadTree.html.svelte](https://layercake.graphics/components/QuadTree.html.svelte) component.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { format } from 'd3-format';\\n\\n  import QuadTree from './QuadTree.html.svelte';\\n\\n  const { data, width, yScale, config } = getContext('LayerCake');\\n\\n  const commas = format(',');\\n  const titleCase = d => d.replace(/^\\\\w/, w => w.toUpperCase());\\n\\n  /** @type {Function} [formatTitle=d => d] - A function to format the tooltip title, which is `$config.x`. */\\n  export let formatTitle = d => d;\\n\\n  /** @type {Function} [formatValue=d => isNaN(+d) ? d : commas(d)] - A function to format the value. */\\n  export let formatValue = d => isNaN(+d) ? d : commas(d);\\n\\n  /** @type {Function} [formatKey=d => titleCase(d)] - A function to format the series name. */\\n  export let formatKey = d => titleCase(d);\\n\\n  /** @type {Number} [offset=-20] - A y-offset from the hover point, in pixels. */\\n  export let offset = -20;\\n\\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\\n  export let dataset = undefined;\\n\\n  const w = 150;\\n  const w2 = w / 2;\\n\\n  /* --------------------------------------------\\n   * Sort the keys by the highest value\\n   */\\n  function sortResult(result) {\\n    if (Object.keys(result).length === 0) return [];\\n    const rows = Object.keys(result).filter(d => d !== $config.x).map(key => {\\n      return {\\n        key,\\n        value: result[key]\\n      };\\n    }).sort((a, b) => b.value - a.value);\\n\\n    return rows;\\n  }\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .tooltip {\\n    position: absolute;\\n    font-size: 13px;\\n    pointer-events: none;\\n    border: 1px solid #ccc;\\n    background: rgba(255, 255, 255, 0.85);\\n    transform: translate(-50%, -100%);\\n    padding: 5px;\\n    z-index: 15;\\n    pointer-events: none;\\n  }\\n  .line {\\n    position: absolute;\\n    top: 0;\\n    bottom: 0;\\n    width: 1px;\\n    border-left: 1px dotted #666;\\n    pointer-events: none;\\n  }\\n  .tooltip,\\n  .line {\\n    transition: left 250ms ease-out, top 250ms ease-out;\\n  }\\n  .title {\\n    font-weight: bold;\\n  }\\n  .key {\\n    color: #999;\\n  }\\n\u003C/style>\\n\\n\u003CQuadTree\\n  dataset={dataset || $data}\\n  y='x'\\n  let:x\\n  let:y\\n  let:visible\\n  let:found\\n  let:e\\n>\\n  {@const foundSorted = sortResult(found)}\\n  {#if visible === true}\\n    \u003Cdiv\\n      style=\\\"left:{x}px;\\\"\\n      class=\\\"line\\\">\u003C/div>\\n    \u003Cdiv\\n      class=\\\"tooltip\\\"\\n      style=\\\"\\n        width:{w}px;\\n        display: { visible ? 'block' : 'none' };\\n        top:{$yScale(foundSorted[0].value) + offset}px;\\n        left:{Math.min(Math.max(w2, x), $width - w2)}px;\\\"\\n      >\\n        \u003Cdiv class=\\\"title\\\">{formatTitle(found[$config.x])}\u003C/div>\\n        {#each foundSorted as row}\\n          \u003Cdiv class=\\\"row\\\">\u003Cspan class=\\\"key\\\">{formatKey(row.key)}:\u003C/span> {formatValue(row.value)}\u003C/div>\\n        {/each}\\n    \u003C/div>\\n  {/if}\\n\u003C/QuadTree>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[{\"title\":\"./_components/QuadTree.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Creates an interaction layer (in HTML) using [d3-quadtree](https://github.com/d3/d3-quadtree) to find the nearest datapoint to the mouse. This component creates a slot that exposes variables `x`, `y`, `found` (the found datapoint), `visible` (a Boolean whether any data was found) and `e` (the event object).\\n\\n  The quadtree searches across both the x and y dimensions at the same time. But if you want to only search across one, set the `x` and `y` props to the same value. For example, the [shared tooltip component](https://layercake.graphics/components/SharedTooltip.html.svelte) sets `y='x'` since it's nicer behavior to only pick up on the nearest x-value.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { quadtree } from 'd3-quadtree';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  let visible = false;\\n  let found = {};\\n  let e = {};\\n\\n  /** @type {String} [x='x'] – The dimension to search across when moving the mouse left and right. */\\n  export let x = 'x';\\n\\n  /** @type {String} [y='y'] – The dimension to search across when moving the mouse up and down. */\\n  export let y = 'y';\\n\\n  /** @type {String} [searchRadius] – The number of pixels to search around the mouse's location. This is the third argument passed to [`quadtree.find`](https://github.com/d3/d3-quadtree#quadtree_find) and by default a value of `undefined` means an unlimited range. */\\n  export let searchRadius = undefined;\\n\\n  /** @type {Array} [dataset] – The dataset to work off of—defaults to $data if left unset. You can pass override the default here in here in case you don't want to use the main data or it's in a strange format. */\\n  export let dataset = undefined;\\n\\n  $: xGetter = x === 'x' ? $xGet : $yGet;\\n  $: yGetter = y === 'y' ? $yGet : $xGet;\\n\\n  function findItem (evt) {\\n    e = evt;\\n\\n    const xLayerKey = `layer${x.toUpperCase()}`;\\n    const yLayerKey = `layer${y.toUpperCase()}`;\\n\\n    found = finder.find(evt[xLayerKey], evt[yLayerKey], searchRadius) || {};\\n    visible = Object.keys(found).length > 0;\\n  }\\n\\n  $: finder = quadtree()\\n    .extent([[-1, -1], [$width + 1, $height + 1]])\\n    .x(xGetter)\\n    .y(yGetter)\\n    .addAll(dataset || $data);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .bg {\\n    position: absolute;\\n    top: 0;\\n    right: 0;\\n    bottom: 0;\\n    left: 0;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv\\n  class=\\\"bg\\\"\\n  on:mousemove=\\\"{findItem}\\\"\\n  on:mouseout=\\\"{() => visible = false}\\\"\\n  on:blur=\\\"{() => visible = false}\\\"\\n>\u003C/div>\\n\u003Cslot\\n  x={xGetter(found) || 0}\\n  y={yGetter(found) || 0}\\n  {found}\\n  {visible}\\n  {e}\\n>\u003C/slot>\"}],\"csvs\":[{\"title\":\"./_data/fruit.csv\",\"contents\":\"month,apples,bananas,cherries,dates\\n2015-04-01,3840,1920,960,400\\n2015-03-01,1600,1440,960,400\\n2015-02-01,640,960,640,400\\n2015-01-01,320,480,640,400\"}],\"jsons\":[]}"}</script>
+			<script type="application/json" data-sveltekit-fetched data-url="/example/MultiLine.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, Html, groupLonger, flatten } from 'layercake';\\n\\n  import { scaleOrdinal } from 'd3-scale';\\n  import { timeParse, timeFormat } from 'd3-time-format';\\n  import { format } from 'd3-format';\\n\\n  import MultiLine from './_components/MultiLine.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n  import Labels from './_components/GroupLabels.html.svelte';\\n  import SharedTooltip from './_components/SharedTooltip.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/fruit.csv';\\n\\n  /* --------------------------------------------\\n   * Set what is our x key to separate it from the other series\\n   */\\n  const xKey = 'month';\\n  const yKey = 'value';\\n  const zKey = 'fruit';\\n\\n  const xKeyCast = timeParse('%Y-%m-%d');\\n\\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\\n  const seriesColors = ['#ffe4b8', '#ffb3c0', '#ff7ac7', '#ff00cc'];\\n\\n  /* --------------------------------------------\\n   * Cast values\\n   */\\n  data.forEach(d => {\\n    d[xKey] = typeof d[xKey] === 'string'\\n      ? xKeyCast(d[xKey])\\n      : d[xKey];\\n\\n    seriesNames.forEach(name => {\\n      d[name] = +d[name];\\n    });\\n  });\\n\\n  const formatLabelX = timeFormat('%b. %e');\\n  const formatLabelY = d => format(`~s`)(d);\\n\\n  const groupedData = groupLonger(data, seriesNames, {\\n    groupTo: zKey,\\n    valueTo: yKey\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ top: 7, right: 10, bottom: 20, left: 25 }}\\n    x={xKey}\\n    y={yKey}\\n    z={zKey}\\n    yDomain={[0, null]}\\n    zScale={scaleOrdinal()}\\n    zRange={seriesColors}\\n    flatData={flatten(groupedData, 'values')}\\n    data={groupedData}\\n  >\\n    \u003CSvg>\\n      \u003CAxisX\\n        gridlines={false}\\n        ticks={data.map(d => d[xKey]).sort((a, b) => a - b)}\\n        format={formatLabelX}\\n        snapLabels\\n        tickMarks\\n      />\\n      \u003CAxisY\\n        ticks={4}\\n        format={formatLabelY}\\n      />\\n      \u003CMultiLine/>\\n    \u003C/Svg>\\n\\n    \u003CHtml>\\n      \u003CLabels/>\\n      \u003CSharedTooltip\\n        formatTitle={formatLabelX}\\n        dataset={data}\\n      />\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A multiline example with a quadtree tooltip. This is an interesting example because the data exists in a few different structures:\\n\\n1. We're loading data from a \\\"wide\\\" format CSV file where each series has its own column name.\\n   ```\\n   [\\n     {\\n       month: 2015-03-31T22:00:00.000Z,\\n       apples: '3840',\\n       bananas: '1920',\\n       cherries: '960',\\n       dates: '400'\\n     },\\n     {\\n       month: 2015-02-28T23:00:00.000Z,\\n       apples: '1600',\\n       bananas: '1440',\\n       cherries: '960',\\n       dates: '400'\\n     },\\n     ...\\n   ```\\n   We need to first turn this into...\\n\\n2. ...a \\\"long\\\" format, where each type of fruit is grouped into its own array and each datapoint is a row. The column name becomes a property on the group whose name we define with the `zKey` variable.\\n   ```\\n   [\\n       {\\n           \\\"fruit\\\": \\\"apples\\\",\\n           \\\"values\\\": [\\n               {\\n                   \\\"value\\\": 3840,\\n                   \\\"month\\\": \\\"2015-03-31T22:00:00.000Z\\\",\\n                   \\\"fruit\\\": \\\"apples\\\"\\n               },\\n               {\\n                   \\\"value\\\": 1600,\\n                   \\\"month\\\": \\\"2015-02-28T23:00:00.000Z\\\",\\n                   \\\"fruit\\\": \\\"apples\\\"\\n               },\\n               ...\\n           ]\\n       },\\n       {\\n           \\\"fruit\\\": \\\"bananas\\\",\\n           \\\"values\\\": [\\n               {\\n                   \\\"value\\\": 1920,\\n                   \\\"month\\\": \\\"2015-03-31T22:00:00.000Z\\\",\\n                   \\\"fruit\\\": \\\"bananas\\\"\\n               },\\n       ...\\n   ```\\n\\n3. We also need a flat, ungrouped array of objects so that Layer Cake can measure the full data extents. This gets passed to the `flatData` prop so the scales know the full domain of the data.\\n   ```\\n   [\\n     { value: 3840, month: 2015-03-31T22:00:00.000Z, fruit: 'apples' },\\n     { value: 1600, month: 2015-02-28T23:00:00.000Z, fruit: 'apples' },\\n     { value: 640, month: 2015-01-31T23:00:00.000Z, fruit: 'apples' },\\n     { value: 320, month: 2014-12-31T23:00:00.000Z, fruit: 'apples' },\\n     { value: 1920, month: 2015-03-31T22:00:00.000Z, fruit: 'bananas' },\\n     ...\\n   ```\\n\\nWe're using Layer Cake's [groupLonger transform function](/guide#grouplonger) to do steps one and two. See the [server-side rendered example](/example-ssr/MultiLine) for a regular JavaScript transform.\\n\",\"components\":[{\"title\":\"./_components/MultiLine.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG multi-series line chart. It expects your data to be an array of objects, each with a `values` key that is an array of data objects.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, zGet } = getContext('LayerCake');\\n\\n  $: path = values => {\\n    return 'M' + values\\n      .map(d => {\\n        return $xGet(d) + ',' + $yGet(d);\\n      })\\n      .join('L');\\n  };\\n\u003C/script>\\n\\n\u003Cg class=\\\"line-group\\\">\\n  {#each $data as group}\\n    \u003Cpath\\n      class='path-line'\\n      d='{path(group.values)}'\\n      stroke=\\\"{$zGet(group)}\\\"\\n    >\u003C/path>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 3px;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/GroupLabels.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates HTML text labels for a nested data structure. It places the label near the y-value of the highest x-valued data point. This is useful for labeling the final point in a multi-series line chart, for example. It expects your data to be an array of objects where each has `values` field that is an array of data objects. It uses the `z` field accessor to pull the text label.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { max } from 'd3-array';\\n\\n  const { data, x, y, xScale, yScale, xRange, yRange, z } = getContext('LayerCake');\\n\\n  /* --------------------------------------------\\n   * Title case the first letter\\n   */\\n  const cap = val => val.replace(/^\\\\w/, d => d.toUpperCase());\\n\\n  /* --------------------------------------------\\n   * Put the label on the highest value\\n   */\\n  $: left = values => $xScale(max(values, $x)) /  Math.max(...$xRange);\\n  $: top = values => $yScale(max(values, $y)) / Math.max(...$yRange);\\n\u003C/script>\\n\\n{#each $data as group}\\n  \u003Cdiv\\n    class=\\\"label\\\"\\n    style=\\\"\\n      top:{top(group.values) * 100}%;\\n      left:{left(group.values) * 100}%;\\n    \\\"\\n  >{cap($z(group))}\u003C/div>\\n{/each}\\n\\n\u003Cstyle>\\n  .label {\\n    position: absolute;\\n    transform: translate(-100%, -100%)translateY(1px);\\n    font-size: 13px;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/SharedTooltip.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a tooltip that works on multiseries datasets, like multiline charts. It creates a tooltip showing the name of the series and the current value. It finds the nearest data point using the [QuadTree.html.svelte](https://layercake.graphics/components/QuadTree.html.svelte) component.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { format } from 'd3-format';\\n\\n  import QuadTree from './QuadTree.html.svelte';\\n\\n  const { data, width, yScale, config } = getContext('LayerCake');\\n\\n  const commas = format(',');\\n  const titleCase = d => d.replace(/^\\\\w/, w => w.toUpperCase());\\n\\n  /** @type {Function} [formatTitle=d => d] - A function to format the tooltip title, which is `$config.x`. */\\n  export let formatTitle = d => d;\\n\\n  /** @type {Function} [formatValue=d => isNaN(+d) ? d : commas(d)] - A function to format the value. */\\n  export let formatValue = d => isNaN(+d) ? d : commas(d);\\n\\n  /** @type {Function} [formatKey=d => titleCase(d)] - A function to format the series name. */\\n  export let formatKey = d => titleCase(d);\\n\\n  /** @type {Number} [offset=-20] - A y-offset from the hover point, in pixels. */\\n  export let offset = -20;\\n\\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\\n  export let dataset = undefined;\\n\\n  const w = 150;\\n  const w2 = w / 2;\\n\\n  /* --------------------------------------------\\n   * Sort the keys by the highest value\\n   */\\n  function sortResult(result) {\\n    if (Object.keys(result).length === 0) return [];\\n    const rows = Object.keys(result).filter(d => d !== $config.x).map(key => {\\n      return {\\n        key,\\n        value: result[key]\\n      };\\n    }).sort((a, b) => b.value - a.value);\\n\\n    return rows;\\n  }\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .tooltip {\\n    position: absolute;\\n    font-size: 13px;\\n    pointer-events: none;\\n    border: 1px solid #ccc;\\n    background: rgba(255, 255, 255, 0.85);\\n    transform: translate(-50%, -100%);\\n    padding: 5px;\\n    z-index: 15;\\n    pointer-events: none;\\n  }\\n  .line {\\n    position: absolute;\\n    top: 0;\\n    bottom: 0;\\n    width: 1px;\\n    border-left: 1px dotted #666;\\n    pointer-events: none;\\n  }\\n  .tooltip,\\n  .line {\\n    transition: left 250ms ease-out, top 250ms ease-out;\\n  }\\n  .title {\\n    font-weight: bold;\\n  }\\n  .key {\\n    color: #999;\\n  }\\n\u003C/style>\\n\\n\u003CQuadTree\\n  dataset={dataset || $data}\\n  y='x'\\n  let:x\\n  let:y\\n  let:visible\\n  let:found\\n  let:e\\n>\\n  {@const foundSorted = sortResult(found)}\\n  {#if visible === true}\\n    \u003Cdiv\\n      style=\\\"left:{x}px;\\\"\\n      class=\\\"line\\\">\u003C/div>\\n    \u003Cdiv\\n      class=\\\"tooltip\\\"\\n      style=\\\"\\n        width:{w}px;\\n        display: { visible ? 'block' : 'none' };\\n        top:{$yScale(foundSorted[0].value) + offset}px;\\n        left:{Math.min(Math.max(w2, x), $width - w2)}px;\\\"\\n      >\\n        \u003Cdiv class=\\\"title\\\">{formatTitle(found[$config.x])}\u003C/div>\\n        {#each foundSorted as row}\\n          \u003Cdiv class=\\\"row\\\">\u003Cspan class=\\\"key\\\">{formatKey(row.key)}:\u003C/span> {formatValue(row.value)}\u003C/div>\\n        {/each}\\n    \u003C/div>\\n  {/if}\\n\u003C/QuadTree>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[{\"title\":\"./_components/QuadTree.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Creates an interaction layer (in HTML) using [d3-quadtree](https://github.com/d3/d3-quadtree) to find the nearest datapoint to the mouse. This component creates a slot that exposes variables `x`, `y`, `found` (the found datapoint), `visible` (a Boolean whether any data was found) and `e` (the event object).\\n\\n  The quadtree searches across both the x and y dimensions at the same time. But if you want to only search across one, set the `x` and `y` props to the same value. For example, the [shared tooltip component](https://layercake.graphics/components/SharedTooltip.html.svelte) sets `y='x'` since it's nicer behavior to only pick up on the nearest x-value.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { quadtree } from 'd3-quadtree';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  let visible = false;\\n  let found = {};\\n  let e = {};\\n\\n  /** @type {String} [x='x'] – The dimension to search across when moving the mouse left and right. */\\n  export let x = 'x';\\n\\n  /** @type {String} [y='y'] – The dimension to search across when moving the mouse up and down. */\\n  export let y = 'y';\\n\\n  /** @type {String} [searchRadius] – The number of pixels to search around the mouse's location. This is the third argument passed to [`quadtree.find`](https://github.com/d3/d3-quadtree#quadtree_find) and by default a value of `undefined` means an unlimited range. */\\n  export let searchRadius = undefined;\\n\\n  /** @type {Array} [dataset] – The dataset to work off of—defaults to $data if left unset. You can pass override the default here in here in case you don't want to use the main data or it's in a strange format. */\\n  export let dataset = undefined;\\n\\n  $: xGetter = x === 'x' ? $xGet : $yGet;\\n  $: yGetter = y === 'y' ? $yGet : $xGet;\\n\\n  function findItem (evt) {\\n    e = evt;\\n\\n    const xLayerKey = `layer${x.toUpperCase()}`;\\n    const yLayerKey = `layer${y.toUpperCase()}`;\\n\\n    found = finder.find(evt[xLayerKey], evt[yLayerKey], searchRadius) || {};\\n    visible = Object.keys(found).length > 0;\\n  }\\n\\n  $: finder = quadtree()\\n    .extent([[-1, -1], [$width + 1, $height + 1]])\\n    .x(xGetter)\\n    .y(yGetter)\\n    .addAll(dataset || $data);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .bg {\\n    position: absolute;\\n    top: 0;\\n    right: 0;\\n    bottom: 0;\\n    left: 0;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv\\n  class=\\\"bg\\\"\\n  on:mousemove=\\\"{findItem}\\\"\\n  on:mouseout=\\\"{() => visible = false}\\\"\\n  on:blur=\\\"{() => visible = false}\\\"\\n>\u003C/div>\\n\u003Cslot\\n  x={xGetter(found) || 0}\\n  y={yGetter(found) || 0}\\n  {found}\\n  {visible}\\n  {e}\\n>\u003C/slot>\"}],\"csvs\":[{\"title\":\"./_data/fruit.csv\",\"contents\":\"month,apples,bananas,cherries,dates\\n2015-04-01,3840,1920,960,400\\n2015-03-01,1600,1440,960,400\\n2015-02-01,640,960,640,400\\n2015-01-01,320,480,640,400\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -747,8 +747,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/MultiLine.json b/docs/example/MultiLine.json
index d6dfd46f..d348602c 100644
--- a/docs/example/MultiLine.json
+++ b/docs/example/MultiLine.json
@@ -1 +1 @@
-{"main":{"title":"+page.svelte","contents":"<script>\n  import { LayerCake, Svg, Html, groupLonger, flatten } from 'layercake';\n\n  import { scaleOrdinal } from 'd3-scale';\n  import { timeParse, timeFormat } from 'd3-time-format';\n  import { format } from 'd3-format';\n\n  import MultiLine from './_components/MultiLine.svelte';\n  import AxisX from './_components/AxisX.svelte';\n  import AxisY from './_components/AxisY.svelte';\n  import Labels from './_components/GroupLabels.html.svelte';\n  import SharedTooltip from './_components/SharedTooltip.html.svelte';\n\n  // This example loads csv data as json using @rollup/plugin-dsv\n  import data from './_data/fruit.csv';\n\n  /* --------------------------------------------\n   * Set what is our x key to separate it from the other series\n   */\n  const xKey = 'month';\n  const yKey = 'value';\n  const zKey = 'fruit';\n\n  const xKeyCast = timeParse('%Y-%m-%d');\n\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\n  const seriesColors = ['#ffe4b8', '#ffb3c0', '#ff7ac7', '#ff00cc'];\n\n  /* --------------------------------------------\n   * Cast values\n   */\n  data.forEach(d => {\n    d[xKey] = typeof d[xKey] === 'string'\n      ? xKeyCast(d[xKey])\n      : d[xKey];\n\n    seriesNames.forEach(name => {\n      d[name] = +d[name];\n    });\n  });\n\n  const formatLabelX = timeFormat('%b. %e');\n  const formatLabelY = d => format(`~s`)(d);\n\n  const groupedData = groupLonger(data, seriesNames, {\n    groupTo: zKey,\n    valueTo: yKey\n  });\n</script>\n\n<style>\n  /*\n    The wrapper div needs to have an explicit width and height in CSS.\n    It can also be a flexbox child or CSS grid element.\n    The point being it needs dimensions since the <LayerCake> element will\n    expand to fill it.\n  */\n  .chart-container {\n    width: 100%;\n    height: 250px;\n  }\n</style>\n\n<div class=\"chart-container\">\n  <LayerCake\n    padding={{ top: 7, right: 10, bottom: 20, left: 25 }}\n    x={xKey}\n    y={yKey}\n    z={zKey}\n    yDomain={[0, null]}\n    zScale={scaleOrdinal()}\n    zRange={seriesColors}\n    flatData={flatten(groupedData, 'values')}\n    data={groupedData}\n  >\n    <Svg>\n      <AxisX\n        gridlines={false}\n        ticks={data.map(d => d[xKey]).sort((a, b) => a - b)}\n        format={formatLabelX}\n        snapTicks\n        tickMarks\n      />\n      <AxisY\n        ticks={4}\n        format={formatLabelY}\n      />\n      <MultiLine/>\n    </Svg>\n\n    <Html>\n      <Labels/>\n      <SharedTooltip\n        formatTitle={formatLabelX}\n        dataset={data}\n      />\n    </Html>\n  </LayerCake>\n</div>"},"dek":"A multiline example with a quadtree tooltip. This is an interesting example because the data exists in a few different structures:\n\n1. We're loading data from a \"wide\" format CSV file where each series has its own column name.\n   ```\n   [\n     {\n       month: 2015-03-31T22:00:00.000Z,\n       apples: '3840',\n       bananas: '1920',\n       cherries: '960',\n       dates: '400'\n     },\n     {\n       month: 2015-02-28T23:00:00.000Z,\n       apples: '1600',\n       bananas: '1440',\n       cherries: '960',\n       dates: '400'\n     },\n     ...\n   ```\n   We need to first turn this into...\n\n2. ...a \"long\" format, where each type of fruit is grouped into its own array and each datapoint is a row. The column name becomes a property on the group whose name we define with the `zKey` variable.\n   ```\n   [\n       {\n           \"fruit\": \"apples\",\n           \"values\": [\n               {\n                   \"value\": 3840,\n                   \"month\": \"2015-03-31T22:00:00.000Z\",\n                   \"fruit\": \"apples\"\n               },\n               {\n                   \"value\": 1600,\n                   \"month\": \"2015-02-28T23:00:00.000Z\",\n                   \"fruit\": \"apples\"\n               },\n               ...\n           ]\n       },\n       {\n           \"fruit\": \"bananas\",\n           \"values\": [\n               {\n                   \"value\": 1920,\n                   \"month\": \"2015-03-31T22:00:00.000Z\",\n                   \"fruit\": \"bananas\"\n               },\n       ...\n   ```\n\n3. We also need a flat, ungrouped array of objects so that Layer Cake can measure the full data extents. This gets passed to the `flatData` prop so the scales know the full domain of the data.\n   ```\n   [\n     { value: 3840, month: 2015-03-31T22:00:00.000Z, fruit: 'apples' },\n     { value: 1600, month: 2015-02-28T23:00:00.000Z, fruit: 'apples' },\n     { value: 640, month: 2015-01-31T23:00:00.000Z, fruit: 'apples' },\n     { value: 320, month: 2014-12-31T23:00:00.000Z, fruit: 'apples' },\n     { value: 1920, month: 2015-03-31T22:00:00.000Z, fruit: 'bananas' },\n     ...\n   ```\n\nWe're using Layer Cake's [groupLonger transform function](/guide#grouplonger) to do steps one and two. See the [server-side rendered example](/example-ssr/MultiLine) for a regular JavaScript transform.\n","components":[{"title":"./_components/MultiLine.svelte","contents":"<!--\n  @component\n  Generates an SVG multi-series line chart. It expects your data to be an array of objects, each with a `values` key that is an array of data objects.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { data, xGet, yGet, zGet } = getContext('LayerCake');\n\n  $: path = values => {\n    return 'M' + values\n      .map(d => {\n        return $xGet(d) + ',' + $yGet(d);\n      })\n      .join('L');\n  };\n</script>\n\n<g class=\"line-group\">\n  {#each $data as group}\n    <path\n      class='path-line'\n      d='{path(group.values)}'\n      stroke=\"{$zGet(group)}\"\n    ></path>\n  {/each}\n</g>\n\n<style>\n  .path-line {\n    fill: none;\n    stroke-linejoin: round;\n    stroke-linecap: round;\n    stroke-width: 3px;\n  }\n</style>"},{"title":"./_components/AxisX.svelte","contents":"<!--\n  @component\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { width, height, xScale, yRange } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\n  export let tickMarks = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\n  export let tickMarkLength = 6;\n\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\n  export let baseline = false;\n\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\n  export let snapLabels = false;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d;\n\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\n  export let ticks = undefined;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = 12;\n\n  function textAnchor(i, sl) {\n    if (sl === true) {\n      if (i === 0) {\n        return 'start';\n      }\n      if (i === tickVals.length - 1) {\n        return 'end';\n      }\n    }\n    return 'middle';\n  }\n\n  $: tickLen = tickMarks === true\n    ? tickMarkLength ?? 6\n    : 0;\n\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $xScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($xScale.ticks()) :\n          $xScale.ticks(ticks);\n\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\n</script>\n\n<g class=\"axis x-axis\" class:snapLabels>\n  {#each tickVals as tick, i (tick)}\n    {#if baseline === true}\n      <line\n        class=\"baseline\"\n        y1={$height}\n        y2={$height}\n        x1=\"0\"\n        x2={$width}\n      />\n    {/if}\n\n    <g class=\"tick tick-{i}\" transform=\"translate({$xScale(tick)},{Math.max(...$yRange)})\">\n      {#if gridlines === true}\n        <line\n          class=\"gridline\"\n          x1={halfBand}\n          x2={halfBand}\n          y1={-$height}\n          y2=\"0\"\n        />\n      {/if}\n      {#if tickMarks === true}\n        <line\n          class=\"tick-mark\"\n          x1={halfBand}\n          x2={halfBand}\n          y1={tickGutter}\n          y2={tickGutter + tickLen}\n        />\n      {/if}\n      <text\n        x={halfBand}\n        y={tickGutter + tickLen}\n        {dx}\n        {dy}\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}</text\n      >\n    </g>\n  {/each}\n</g>\n\n<style>\n  .tick {\n    font-size: 11px;\n  }\n\n  line,\n  .tick line {\n    stroke: #aaa;\n    stroke-dasharray: 2;\n  }\n\n  .tick text {\n    fill: #666;\n  }\n\n  .tick .tick-mark,\n  .baseline {\n    stroke-dasharray: 0;\n  }\n  /* This looks slightly better */\n  .axis.snapLabels .tick:last-child text {\n    transform: translateX(3px);\n  }\n  .axis.snapLabels .tick.tick-0 text {\n    transform: translateX(-3px);\n  }\n</style>"},{"title":"./_components/AxisY.svelte","contents":"<!--\n  @component\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { xRange, yScale, width } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\n  export let tickMarks = false;\n\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\n  export let labelPosition = 'even';\n\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\n  export let snapBaselineLabel = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\n  export let tickMarkLength = undefined;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d ;\n\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\n  export let ticks = 4;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = 0;\n\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\n  export let charPixelWidth = 7.25;\n\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $yScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($yScale.ticks()) :\n          $yScale.ticks(ticks);\n\n  function calcStringLength(sum, val) {\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\n    return sum + charPixelWidth;\n  }\n\n  $: tickLen = tickMarks === true\n    ? labelPosition === 'above'\n      ? tickMarkLength ?? widestTickLen\n      : tickMarkLength ?? 6\n    : 0;\n\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\n\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\n\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\n</script>\n\n<g class='axis y-axis'>\n  {#each tickVals as tick (tick)}\n    {@const tickValPx = $yScale(tick)}\n    <g class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\n      {#if gridlines === true}\n        <line\n          class=\"gridline\"\n          {x1}\n          x2='{$width}'\n          y1={y}\n          y2={y}\n        ></line>\n      {/if}\n      {#if tickMarks === true}\n        <line\n          class='tick-mark'\n          {x1}\n          x2={x1 + tickLen}\n          y1={y}\n          y2={y}\n        ></line>\n      {/if}\n      <text\n        x='{x1}'\n        {y}\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\n      >{format(tick)}</text>\n    </g>\n  {/each}\n</g>\n\n<style>\n  .tick {\n    font-size: 11px;\n  }\n\n  .tick line {\n    stroke: #aaa;\n  }\n  .tick .gridline {\n    stroke-dasharray: 2;\n  }\n\n  .tick text {\n    fill: #666;\n  }\n\n  .tick.tick-0 line {\n    stroke-dasharray: 0;\n  }\n</style>"},{"title":"./_components/GroupLabels.html.svelte","contents":"<!--\n  @component\n  Generates HTML text labels for a nested data structure. It places the label near the y-value of the highest x-valued data point. This is useful for labeling the final point in a multi-series line chart, for example. It expects your data to be an array of objects where each has `values` field that is an array of data objects. It uses the `z` field accessor to pull the text label.\n -->\n<script>\n  import { getContext } from 'svelte';\n  import { max } from 'd3-array';\n\n  const { data, x, y, xScale, yScale, xRange, yRange, z } = getContext('LayerCake');\n\n  /* --------------------------------------------\n   * Title case the first letter\n   */\n  const cap = val => val.replace(/^\\w/, d => d.toUpperCase());\n\n  /* --------------------------------------------\n   * Put the label on the highest value\n   */\n  $: left = values => $xScale(max(values, $x)) /  Math.max(...$xRange);\n  $: top = values => $yScale(max(values, $y)) / Math.max(...$yRange);\n</script>\n\n{#each $data as group}\n  <div\n    class=\"label\"\n    style=\"\n      top:{top(group.values) * 100}%;\n      left:{left(group.values) * 100}%;\n    \"\n  >{cap($z(group))}</div>\n{/each}\n\n<style>\n  .label {\n    position: absolute;\n    transform: translate(-100%, -100%)translateY(1px);\n    font-size: 13px;\n  }\n</style>"},{"title":"./_components/SharedTooltip.html.svelte","contents":"<!--\n  @component\n  Generates a tooltip that works on multiseries datasets, like multiline charts. It creates a tooltip showing the name of the series and the current value. It finds the nearest data point using the [QuadTree.html.svelte](https://layercake.graphics/components/QuadTree.html.svelte) component.\n -->\n<script>\n  import { getContext } from 'svelte';\n  import { format } from 'd3-format';\n\n  import QuadTree from './QuadTree.html.svelte';\n\n  const { data, width, yScale, config } = getContext('LayerCake');\n\n  const commas = format(',');\n  const titleCase = d => d.replace(/^\\w/, w => w.toUpperCase());\n\n  /** @type {Function} [formatTitle=d => d] - A function to format the tooltip title, which is `$config.x`. */\n  export let formatTitle = d => d;\n\n  /** @type {Function} [formatValue=d => isNaN(+d) ? d : commas(d)] - A function to format the value. */\n  export let formatValue = d => isNaN(+d) ? d : commas(d);\n\n  /** @type {Function} [formatKey=d => titleCase(d)] - A function to format the series name. */\n  export let formatKey = d => titleCase(d);\n\n  /** @type {Number} [offset=-20] - A y-offset from the hover point, in pixels. */\n  export let offset = -20;\n\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\n  export let dataset = undefined;\n\n  const w = 150;\n  const w2 = w / 2;\n\n  /* --------------------------------------------\n   * Sort the keys by the highest value\n   */\n  function sortResult(result) {\n    if (Object.keys(result).length === 0) return [];\n    const rows = Object.keys(result).filter(d => d !== $config.x).map(key => {\n      return {\n        key,\n        value: result[key]\n      };\n    }).sort((a, b) => b.value - a.value);\n\n    return rows;\n  }\n</script>\n\n<style>\n  .tooltip {\n    position: absolute;\n    font-size: 13px;\n    pointer-events: none;\n    border: 1px solid #ccc;\n    background: rgba(255, 255, 255, 0.85);\n    transform: translate(-50%, -100%);\n    padding: 5px;\n    z-index: 15;\n    pointer-events: none;\n  }\n  .line {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 1px;\n    border-left: 1px dotted #666;\n    pointer-events: none;\n  }\n  .tooltip,\n  .line {\n    transition: left 250ms ease-out, top 250ms ease-out;\n  }\n  .title {\n    font-weight: bold;\n  }\n  .key {\n    color: #999;\n  }\n</style>\n\n<QuadTree\n  dataset={dataset || $data}\n  y='x'\n  let:x\n  let:y\n  let:visible\n  let:found\n  let:e\n>\n  {@const foundSorted = sortResult(found)}\n  {#if visible === true}\n    <div\n      style=\"left:{x}px;\"\n      class=\"line\"></div>\n    <div\n      class=\"tooltip\"\n      style=\"\n        width:{w}px;\n        display: { visible ? 'block' : 'none' };\n        top:{$yScale(foundSorted[0].value) + offset}px;\n        left:{Math.min(Math.max(w2, x), $width - w2)}px;\"\n      >\n        <div class=\"title\">{formatTitle(found[$config.x])}</div>\n        {#each foundSorted as row}\n          <div class=\"row\"><span class=\"key\">{formatKey(row.key)}:</span> {formatValue(row.value)}</div>\n        {/each}\n    </div>\n  {/if}\n</QuadTree>"}],"modules":[],"componentModules":[],"componentComponents":[{"title":"./_components/QuadTree.html.svelte","contents":"<!--\n  @component\n  Creates an interaction layer (in HTML) using [d3-quadtree](https://github.com/d3/d3-quadtree) to find the nearest datapoint to the mouse. This component creates a slot that exposes variables `x`, `y`, `found` (the found datapoint), `visible` (a Boolean whether any data was found) and `e` (the event object).\n\n  The quadtree searches across both the x and y dimensions at the same time. But if you want to only search across one, set the `x` and `y` props to the same value. For example, the [shared tooltip component](https://layercake.graphics/components/SharedTooltip.html.svelte) sets `y='x'` since it's nicer behavior to only pick up on the nearest x-value.\n -->\n<script>\n  import { getContext } from 'svelte';\n  import { quadtree } from 'd3-quadtree';\n\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\n\n  let visible = false;\n  let found = {};\n  let e = {};\n\n  /** @type {String} [x='x'] – The dimension to search across when moving the mouse left and right. */\n  export let x = 'x';\n\n  /** @type {String} [y='y'] – The dimension to search across when moving the mouse up and down. */\n  export let y = 'y';\n\n  /** @type {String} [searchRadius] – The number of pixels to search around the mouse's location. This is the third argument passed to [`quadtree.find`](https://github.com/d3/d3-quadtree#quadtree_find) and by default a value of `undefined` means an unlimited range. */\n  export let searchRadius = undefined;\n\n  /** @type {Array} [dataset] – The dataset to work off of—defaults to $data if left unset. You can pass override the default here in here in case you don't want to use the main data or it's in a strange format. */\n  export let dataset = undefined;\n\n  $: xGetter = x === 'x' ? $xGet : $yGet;\n  $: yGetter = y === 'y' ? $yGet : $xGet;\n\n  function findItem (evt) {\n    e = evt;\n\n    const xLayerKey = `layer${x.toUpperCase()}`;\n    const yLayerKey = `layer${y.toUpperCase()}`;\n\n    found = finder.find(evt[xLayerKey], evt[yLayerKey], searchRadius) || {};\n    visible = Object.keys(found).length > 0;\n  }\n\n  $: finder = quadtree()\n    .extent([[-1, -1], [$width + 1, $height + 1]])\n    .x(xGetter)\n    .y(yGetter)\n    .addAll(dataset || $data);\n</script>\n\n<style>\n  .bg {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n</style>\n\n<div\n  class=\"bg\"\n  on:mousemove=\"{findItem}\"\n  on:mouseout=\"{() => visible = false}\"\n  on:blur=\"{() => visible = false}\"\n></div>\n<slot\n  x={xGetter(found) || 0}\n  y={yGetter(found) || 0}\n  {found}\n  {visible}\n  {e}\n></slot>"}],"csvs":[{"title":"./_data/fruit.csv","contents":"month,apples,bananas,cherries,dates\n2015-04-01,3840,1920,960,400\n2015-03-01,1600,1440,960,400\n2015-02-01,640,960,640,400\n2015-01-01,320,480,640,400"}],"jsons":[]}
\ No newline at end of file
+{"main":{"title":"+page.svelte","contents":"<script>\n  import { LayerCake, Svg, Html, groupLonger, flatten } from 'layercake';\n\n  import { scaleOrdinal } from 'd3-scale';\n  import { timeParse, timeFormat } from 'd3-time-format';\n  import { format } from 'd3-format';\n\n  import MultiLine from './_components/MultiLine.svelte';\n  import AxisX from './_components/AxisX.svelte';\n  import AxisY from './_components/AxisY.svelte';\n  import Labels from './_components/GroupLabels.html.svelte';\n  import SharedTooltip from './_components/SharedTooltip.html.svelte';\n\n  // This example loads csv data as json using @rollup/plugin-dsv\n  import data from './_data/fruit.csv';\n\n  /* --------------------------------------------\n   * Set what is our x key to separate it from the other series\n   */\n  const xKey = 'month';\n  const yKey = 'value';\n  const zKey = 'fruit';\n\n  const xKeyCast = timeParse('%Y-%m-%d');\n\n  const seriesNames = Object.keys(data[0]).filter(d => d !== xKey);\n  const seriesColors = ['#ffe4b8', '#ffb3c0', '#ff7ac7', '#ff00cc'];\n\n  /* --------------------------------------------\n   * Cast values\n   */\n  data.forEach(d => {\n    d[xKey] = typeof d[xKey] === 'string'\n      ? xKeyCast(d[xKey])\n      : d[xKey];\n\n    seriesNames.forEach(name => {\n      d[name] = +d[name];\n    });\n  });\n\n  const formatLabelX = timeFormat('%b. %e');\n  const formatLabelY = d => format(`~s`)(d);\n\n  const groupedData = groupLonger(data, seriesNames, {\n    groupTo: zKey,\n    valueTo: yKey\n  });\n</script>\n\n<style>\n  /*\n    The wrapper div needs to have an explicit width and height in CSS.\n    It can also be a flexbox child or CSS grid element.\n    The point being it needs dimensions since the <LayerCake> element will\n    expand to fill it.\n  */\n  .chart-container {\n    width: 100%;\n    height: 250px;\n  }\n</style>\n\n<div class=\"chart-container\">\n  <LayerCake\n    padding={{ top: 7, right: 10, bottom: 20, left: 25 }}\n    x={xKey}\n    y={yKey}\n    z={zKey}\n    yDomain={[0, null]}\n    zScale={scaleOrdinal()}\n    zRange={seriesColors}\n    flatData={flatten(groupedData, 'values')}\n    data={groupedData}\n  >\n    <Svg>\n      <AxisX\n        gridlines={false}\n        ticks={data.map(d => d[xKey]).sort((a, b) => a - b)}\n        format={formatLabelX}\n        snapLabels\n        tickMarks\n      />\n      <AxisY\n        ticks={4}\n        format={formatLabelY}\n      />\n      <MultiLine/>\n    </Svg>\n\n    <Html>\n      <Labels/>\n      <SharedTooltip\n        formatTitle={formatLabelX}\n        dataset={data}\n      />\n    </Html>\n  </LayerCake>\n</div>"},"dek":"A multiline example with a quadtree tooltip. This is an interesting example because the data exists in a few different structures:\n\n1. We're loading data from a \"wide\" format CSV file where each series has its own column name.\n   ```\n   [\n     {\n       month: 2015-03-31T22:00:00.000Z,\n       apples: '3840',\n       bananas: '1920',\n       cherries: '960',\n       dates: '400'\n     },\n     {\n       month: 2015-02-28T23:00:00.000Z,\n       apples: '1600',\n       bananas: '1440',\n       cherries: '960',\n       dates: '400'\n     },\n     ...\n   ```\n   We need to first turn this into...\n\n2. ...a \"long\" format, where each type of fruit is grouped into its own array and each datapoint is a row. The column name becomes a property on the group whose name we define with the `zKey` variable.\n   ```\n   [\n       {\n           \"fruit\": \"apples\",\n           \"values\": [\n               {\n                   \"value\": 3840,\n                   \"month\": \"2015-03-31T22:00:00.000Z\",\n                   \"fruit\": \"apples\"\n               },\n               {\n                   \"value\": 1600,\n                   \"month\": \"2015-02-28T23:00:00.000Z\",\n                   \"fruit\": \"apples\"\n               },\n               ...\n           ]\n       },\n       {\n           \"fruit\": \"bananas\",\n           \"values\": [\n               {\n                   \"value\": 1920,\n                   \"month\": \"2015-03-31T22:00:00.000Z\",\n                   \"fruit\": \"bananas\"\n               },\n       ...\n   ```\n\n3. We also need a flat, ungrouped array of objects so that Layer Cake can measure the full data extents. This gets passed to the `flatData` prop so the scales know the full domain of the data.\n   ```\n   [\n     { value: 3840, month: 2015-03-31T22:00:00.000Z, fruit: 'apples' },\n     { value: 1600, month: 2015-02-28T23:00:00.000Z, fruit: 'apples' },\n     { value: 640, month: 2015-01-31T23:00:00.000Z, fruit: 'apples' },\n     { value: 320, month: 2014-12-31T23:00:00.000Z, fruit: 'apples' },\n     { value: 1920, month: 2015-03-31T22:00:00.000Z, fruit: 'bananas' },\n     ...\n   ```\n\nWe're using Layer Cake's [groupLonger transform function](/guide#grouplonger) to do steps one and two. See the [server-side rendered example](/example-ssr/MultiLine) for a regular JavaScript transform.\n","components":[{"title":"./_components/MultiLine.svelte","contents":"<!--\n  @component\n  Generates an SVG multi-series line chart. It expects your data to be an array of objects, each with a `values` key that is an array of data objects.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { data, xGet, yGet, zGet } = getContext('LayerCake');\n\n  $: path = values => {\n    return 'M' + values\n      .map(d => {\n        return $xGet(d) + ',' + $yGet(d);\n      })\n      .join('L');\n  };\n</script>\n\n<g class=\"line-group\">\n  {#each $data as group}\n    <path\n      class='path-line'\n      d='{path(group.values)}'\n      stroke=\"{$zGet(group)}\"\n    ></path>\n  {/each}\n</g>\n\n<style>\n  .path-line {\n    fill: none;\n    stroke-linejoin: round;\n    stroke-linecap: round;\n    stroke-width: 3px;\n  }\n</style>"},{"title":"./_components/AxisX.svelte","contents":"<!--\n  @component\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { width, height, xScale, yRange } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\n  export let tickMarks = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\n  export let tickMarkLength = 6;\n\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\n  export let baseline = false;\n\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\n  export let snapLabels = false;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d;\n\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\n  export let ticks = undefined;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = 12;\n\n  function textAnchor(i, sl) {\n    if (sl === true) {\n      if (i === 0) {\n        return 'start';\n      }\n      if (i === tickVals.length - 1) {\n        return 'end';\n      }\n    }\n    return 'middle';\n  }\n\n  $: tickLen = tickMarks === true\n    ? tickMarkLength ?? 6\n    : 0;\n\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $xScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($xScale.ticks()) :\n          $xScale.ticks(ticks);\n\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\n</script>\n\n<g class=\"axis x-axis\" class:snapLabels>\n  {#each tickVals as tick, i (tick)}\n    {#if baseline === true}\n      <line\n        class=\"baseline\"\n        y1={$height}\n        y2={$height}\n        x1=\"0\"\n        x2={$width}\n      />\n    {/if}\n\n    <g class=\"tick tick-{i}\" transform=\"translate({$xScale(tick)},{Math.max(...$yRange)})\">\n      {#if gridlines === true}\n        <line\n          class=\"gridline\"\n          x1={halfBand}\n          x2={halfBand}\n          y1={-$height}\n          y2=\"0\"\n        />\n      {/if}\n      {#if tickMarks === true}\n        <line\n          class=\"tick-mark\"\n          x1={halfBand}\n          x2={halfBand}\n          y1={tickGutter}\n          y2={tickGutter + tickLen}\n        />\n      {/if}\n      <text\n        x={halfBand}\n        y={tickGutter + tickLen}\n        {dx}\n        {dy}\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}</text\n      >\n    </g>\n  {/each}\n</g>\n\n<style>\n  .tick {\n    font-size: 11px;\n  }\n\n  line,\n  .tick line {\n    stroke: #aaa;\n    stroke-dasharray: 2;\n  }\n\n  .tick text {\n    fill: #666;\n  }\n\n  .tick .tick-mark,\n  .baseline {\n    stroke-dasharray: 0;\n  }\n  /* This looks slightly better */\n  .axis.snapLabels .tick:last-child text {\n    transform: translateX(3px);\n  }\n  .axis.snapLabels .tick.tick-0 text {\n    transform: translateX(-3px);\n  }\n</style>"},{"title":"./_components/AxisY.svelte","contents":"<!--\n  @component\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\n -->\n<script>\n  import { getContext } from 'svelte';\n\n  const { xRange, yScale, width } = getContext('LayerCake');\n\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\n  export let tickMarks = false;\n\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\n  export let labelPosition = 'even';\n\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\n  export let snapBaselineLabel = false;\n\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\n  export let gridlines = true;\n\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\n  export let tickMarkLength = undefined;\n\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\n  export let format = d => d ;\n\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\n  export let ticks = 4;\n\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\n  export let tickGutter = 0;\n\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\n  export let dx = 0;\n\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\n  export let dy = 0;\n\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\n  export let charPixelWidth = 7.25;\n\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\n\n  $: tickVals = Array.isArray(ticks) ? ticks :\n    isBandwidth ?\n      $yScale.domain() :\n      typeof ticks === 'function' ?\n        ticks($yScale.ticks()) :\n          $yScale.ticks(ticks);\n\n  function calcStringLength(sum, val) {\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\n    return sum + charPixelWidth;\n  }\n\n  $: tickLen = tickMarks === true\n    ? labelPosition === 'above'\n      ? tickMarkLength ?? widestTickLen\n      : tickMarkLength ?? 6\n    : 0;\n\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\n\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\n\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\n</script>\n\n<g class='axis y-axis'>\n  {#each tickVals as tick (tick)}\n    {@const tickValPx = $yScale(tick)}\n    <g class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\n      {#if gridlines === true}\n        <line\n          class=\"gridline\"\n          {x1}\n          x2='{$width}'\n          y1={y}\n          y2={y}\n        ></line>\n      {/if}\n      {#if tickMarks === true}\n        <line\n          class='tick-mark'\n          {x1}\n          x2={x1 + tickLen}\n          y1={y}\n          y2={y}\n        ></line>\n      {/if}\n      <text\n        x='{x1}'\n        {y}\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\n      >{format(tick)}</text>\n    </g>\n  {/each}\n</g>\n\n<style>\n  .tick {\n    font-size: 11px;\n  }\n\n  .tick line {\n    stroke: #aaa;\n  }\n  .tick .gridline {\n    stroke-dasharray: 2;\n  }\n\n  .tick text {\n    fill: #666;\n  }\n\n  .tick.tick-0 line {\n    stroke-dasharray: 0;\n  }\n</style>"},{"title":"./_components/GroupLabels.html.svelte","contents":"<!--\n  @component\n  Generates HTML text labels for a nested data structure. It places the label near the y-value of the highest x-valued data point. This is useful for labeling the final point in a multi-series line chart, for example. It expects your data to be an array of objects where each has `values` field that is an array of data objects. It uses the `z` field accessor to pull the text label.\n -->\n<script>\n  import { getContext } from 'svelte';\n  import { max } from 'd3-array';\n\n  const { data, x, y, xScale, yScale, xRange, yRange, z } = getContext('LayerCake');\n\n  /* --------------------------------------------\n   * Title case the first letter\n   */\n  const cap = val => val.replace(/^\\w/, d => d.toUpperCase());\n\n  /* --------------------------------------------\n   * Put the label on the highest value\n   */\n  $: left = values => $xScale(max(values, $x)) /  Math.max(...$xRange);\n  $: top = values => $yScale(max(values, $y)) / Math.max(...$yRange);\n</script>\n\n{#each $data as group}\n  <div\n    class=\"label\"\n    style=\"\n      top:{top(group.values) * 100}%;\n      left:{left(group.values) * 100}%;\n    \"\n  >{cap($z(group))}</div>\n{/each}\n\n<style>\n  .label {\n    position: absolute;\n    transform: translate(-100%, -100%)translateY(1px);\n    font-size: 13px;\n  }\n</style>"},{"title":"./_components/SharedTooltip.html.svelte","contents":"<!--\n  @component\n  Generates a tooltip that works on multiseries datasets, like multiline charts. It creates a tooltip showing the name of the series and the current value. It finds the nearest data point using the [QuadTree.html.svelte](https://layercake.graphics/components/QuadTree.html.svelte) component.\n -->\n<script>\n  import { getContext } from 'svelte';\n  import { format } from 'd3-format';\n\n  import QuadTree from './QuadTree.html.svelte';\n\n  const { data, width, yScale, config } = getContext('LayerCake');\n\n  const commas = format(',');\n  const titleCase = d => d.replace(/^\\w/, w => w.toUpperCase());\n\n  /** @type {Function} [formatTitle=d => d] - A function to format the tooltip title, which is `$config.x`. */\n  export let formatTitle = d => d;\n\n  /** @type {Function} [formatValue=d => isNaN(+d) ? d : commas(d)] - A function to format the value. */\n  export let formatValue = d => isNaN(+d) ? d : commas(d);\n\n  /** @type {Function} [formatKey=d => titleCase(d)] - A function to format the series name. */\n  export let formatKey = d => titleCase(d);\n\n  /** @type {Number} [offset=-20] - A y-offset from the hover point, in pixels. */\n  export let offset = -20;\n\n  /** @type {Array} [dataset] - The dataset to work off of—defaults to $data if left unset. You can pass something custom in here in case you don't want to use the main data or it's in a strange format. */\n  export let dataset = undefined;\n\n  const w = 150;\n  const w2 = w / 2;\n\n  /* --------------------------------------------\n   * Sort the keys by the highest value\n   */\n  function sortResult(result) {\n    if (Object.keys(result).length === 0) return [];\n    const rows = Object.keys(result).filter(d => d !== $config.x).map(key => {\n      return {\n        key,\n        value: result[key]\n      };\n    }).sort((a, b) => b.value - a.value);\n\n    return rows;\n  }\n</script>\n\n<style>\n  .tooltip {\n    position: absolute;\n    font-size: 13px;\n    pointer-events: none;\n    border: 1px solid #ccc;\n    background: rgba(255, 255, 255, 0.85);\n    transform: translate(-50%, -100%);\n    padding: 5px;\n    z-index: 15;\n    pointer-events: none;\n  }\n  .line {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    width: 1px;\n    border-left: 1px dotted #666;\n    pointer-events: none;\n  }\n  .tooltip,\n  .line {\n    transition: left 250ms ease-out, top 250ms ease-out;\n  }\n  .title {\n    font-weight: bold;\n  }\n  .key {\n    color: #999;\n  }\n</style>\n\n<QuadTree\n  dataset={dataset || $data}\n  y='x'\n  let:x\n  let:y\n  let:visible\n  let:found\n  let:e\n>\n  {@const foundSorted = sortResult(found)}\n  {#if visible === true}\n    <div\n      style=\"left:{x}px;\"\n      class=\"line\"></div>\n    <div\n      class=\"tooltip\"\n      style=\"\n        width:{w}px;\n        display: { visible ? 'block' : 'none' };\n        top:{$yScale(foundSorted[0].value) + offset}px;\n        left:{Math.min(Math.max(w2, x), $width - w2)}px;\"\n      >\n        <div class=\"title\">{formatTitle(found[$config.x])}</div>\n        {#each foundSorted as row}\n          <div class=\"row\"><span class=\"key\">{formatKey(row.key)}:</span> {formatValue(row.value)}</div>\n        {/each}\n    </div>\n  {/if}\n</QuadTree>"}],"modules":[],"componentModules":[],"componentComponents":[{"title":"./_components/QuadTree.html.svelte","contents":"<!--\n  @component\n  Creates an interaction layer (in HTML) using [d3-quadtree](https://github.com/d3/d3-quadtree) to find the nearest datapoint to the mouse. This component creates a slot that exposes variables `x`, `y`, `found` (the found datapoint), `visible` (a Boolean whether any data was found) and `e` (the event object).\n\n  The quadtree searches across both the x and y dimensions at the same time. But if you want to only search across one, set the `x` and `y` props to the same value. For example, the [shared tooltip component](https://layercake.graphics/components/SharedTooltip.html.svelte) sets `y='x'` since it's nicer behavior to only pick up on the nearest x-value.\n -->\n<script>\n  import { getContext } from 'svelte';\n  import { quadtree } from 'd3-quadtree';\n\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\n\n  let visible = false;\n  let found = {};\n  let e = {};\n\n  /** @type {String} [x='x'] – The dimension to search across when moving the mouse left and right. */\n  export let x = 'x';\n\n  /** @type {String} [y='y'] – The dimension to search across when moving the mouse up and down. */\n  export let y = 'y';\n\n  /** @type {String} [searchRadius] – The number of pixels to search around the mouse's location. This is the third argument passed to [`quadtree.find`](https://github.com/d3/d3-quadtree#quadtree_find) and by default a value of `undefined` means an unlimited range. */\n  export let searchRadius = undefined;\n\n  /** @type {Array} [dataset] – The dataset to work off of—defaults to $data if left unset. You can pass override the default here in here in case you don't want to use the main data or it's in a strange format. */\n  export let dataset = undefined;\n\n  $: xGetter = x === 'x' ? $xGet : $yGet;\n  $: yGetter = y === 'y' ? $yGet : $xGet;\n\n  function findItem (evt) {\n    e = evt;\n\n    const xLayerKey = `layer${x.toUpperCase()}`;\n    const yLayerKey = `layer${y.toUpperCase()}`;\n\n    found = finder.find(evt[xLayerKey], evt[yLayerKey], searchRadius) || {};\n    visible = Object.keys(found).length > 0;\n  }\n\n  $: finder = quadtree()\n    .extent([[-1, -1], [$width + 1, $height + 1]])\n    .x(xGetter)\n    .y(yGetter)\n    .addAll(dataset || $data);\n</script>\n\n<style>\n  .bg {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n  }\n</style>\n\n<div\n  class=\"bg\"\n  on:mousemove=\"{findItem}\"\n  on:mouseout=\"{() => visible = false}\"\n  on:blur=\"{() => visible = false}\"\n></div>\n<slot\n  x={xGetter(found) || 0}\n  y={yGetter(found) || 0}\n  {found}\n  {visible}\n  {e}\n></slot>"}],"csvs":[{"title":"./_data/fruit.csv","contents":"month,apples,bananas,cherries,dates\n2015-04-01,3840,1920,960,400\n2015-03-01,1600,1440,960,400\n2015-02-01,640,960,640,400\n2015-01-01,320,480,640,400"}],"jsons":[]}
\ No newline at end of file
diff --git a/docs/example/Radar.html b/docs/example/Radar.html
index f394a123..4bae7901 100644
--- a/docs/example/Radar.html
+++ b/docs/example/Radar.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Radar chart</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -270,7 +270,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/Radar.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg } from 'layercake';\\n  import { scaleLinear } from 'd3-scale';\\n\\n  import Radar from './_components/Radar.svelte';\\n  import AxisRadial from './_components/AxisRadial.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/radarScores.csv';\\n\\n  const seriesKey = 'name';\\n  const xKey = ['fastball', 'change', 'slider', 'cutter', 'curve'];\\n\\n  const seriesNames = Object.keys(data[0]).filter(d => d !== seriesKey);\\n\\n  data.forEach(d => {\\n    seriesNames.forEach(name => {\\n      d[name] = +d[name];\\n    });\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ top: 30, right: 0, bottom: 7, left: 0 }}\\n    x={xKey}\\n    xDomain={[0, 10]}\\n    xRange={({ height }) => [0, height / 2]}\\n    data={data}\\n  >\\n    \u003CSvg>\\n      \u003CAxisRadial/>\\n      \u003CRadar/>\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/Radar.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG radar chart.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { line, curveCardinalClosed } from 'd3-shape';\\n\\n  const { data, width, height, xGet, config } = getContext('LayerCake');\\n\\n  /**  @type {String} [fill='#f0c'] The radar's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#f0c'\\n\\n  /**  @type {String} [stroke='#f0c'] The radar's stroke color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let stroke = '#f0c'\\n\\n  /**  @type {Number} [stroke=2] The radar's stroke color. */\\n  export let strokeWidth = 2\\n\\n  /**  @type {Number} [fillOpacity=0.5] The radar's fill opacity. */\\n  export let fillOpacity = 0.5\\n\\n  /**  @type {Number} [r=4.5] Each circle's radius. */\\n  export let r = 4.5;\\n\\n  /**  @type {String} [circleFill=\\\"#f0c\\\"] Each circle's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let circleFill = \\\"#f0c\\\";\\n\\n  /**  @type {String} [circleStroke=\\\"#fff\\\"] Each circle's stroke color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let circleStroke = \\\"#fff\\\";\\n\\n  /**  @type {Number} [circleStrokeWidth=1] Each circle's stroke width. */\\n  export let circleStrokeWidth = 1;\\n\\n  $: angleSlice = (Math.PI * 2) / $config.x.length;\\n\\n  $: path = line()\\n    .curve(curveCardinalClosed)\\n    .x((d, i) => d * Math.cos(angleSlice * i - Math.PI / 2))\\n    .y((d, i) => d * Math.sin(angleSlice * i - Math.PI / 2));\\n\\n  /* The non-D3 line generator way. */\\n  // $: path = valus => 'M' + values\\n  //   .map(d => {\\n  //     return $rGet(d).map((val, i) => {\\n  //       return [\\n  //         val * Math.cos(angleSlice * i - Math.PI / 2),\\n  //         val * Math.sin(angleSlice * i - Math.PI / 2)\\n  //       ].join(',');\\n  //     });\\n  //   })\\n  //   .join('L') + 'z';\\n\u003C/script>\\n\\n\u003Cg\\n  transform=\\\"translate({ $width / 2 }, { $height / 2 })\\\"\\n>\\n  {#each $data as row}\\n    {@const xVals = $xGet(row)}\\n    \u003C!-- Draw a line connecting all the dots -->\\n    \u003Cpath\\n      class='path-line'\\n      d='{path(xVals)}'\\n      stroke=\\\"{stroke}\\\"\\n      stroke-width=\\\"{strokeWidth}\\\"\\n      fill=\\\"{fill}\\\"\\n      fill-opacity=\\\"{fillOpacity}\\\"\\n    >\u003C/path>\\n\\n    \u003C!-- Plot each dots -->\\n    {#each xVals as circleR, i}\\n      {@const thisAngleSlice = angleSlice * i - Math.PI / 2}\\n      \u003Ccircle\\n        cx={circleR * Math.cos(thisAngleSlice)}\\n        cy={circleR * Math.sin(thisAngleSlice)}\\n        r=\\\"{r}\\\"\\n        fill=\\\"{circleFill}\\\"\\n        stroke=\\\"{circleStroke}\\\"\\n        stroke-width=\\\"{circleStrokeWidth}\\\"\\n      >\u003C/circle>\\n    {/each}\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .path-line {\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisRadial.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG radial scale, useful for radar charts.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, extents, config } = getContext('LayerCake');\\n\\n  /** @type {Number} [lineLengthFactor=1.1] - How far to extend the lines from the circle's center. A value of `1` puts them at the circle's circumference. */\\n  export let lineLengthFactor = 1.1;\\n\\n  /** @type {Number} [labelPlacementFactor=1.25] - How far to place the labels from the circle's center. A value of `1` puts them at the circle's circumference. */\\n  export let labelPlacementFactor = 1.25;\\n\\n  $: max = $xScale(Math.max(...$extents.x));\\n\\n  $: lineLength = max * lineLengthFactor;\\n  $: labelPlacement = max * labelPlacementFactor;\\n\\n  $: angleSlice = (Math.PI * 2) / $config.x.length;\\n\\n  function anchor (total, i) {\\n    if (i === 0 || i === total / 2) {\\n      return 'middle';\\n    } else if (i \u003C total / 2) {\\n      return 'start';\\n    }\\n    return 'end';\\n  }\\n\u003C/script>\\n\\n\u003Cg\\n  transform=\\\"translate({ $width / 2 }, { $height / 2 })\\\"\\n>\\n  \u003Ccircle\\n    cx=\\\"0\\\"\\n    cy=\\\"0\\\"\\n    r=\\\"{max}\\\"\\n    stroke=\\\"#ccc\\\"\\n    stroke-width=\\\"1\\\"\\n    fill=\\\"#CDCDCD\\\"\\n    fill-opacity=\\\"0.1\\\"\\n  >\u003C/circle>\\n  \u003Ccircle\\n    cx=\\\"0\\\"\\n    cy=\\\"0\\\"\\n    r=\\\"{max / 2}\\\"\\n    stroke=\\\"#ccc\\\"\\n    stroke-width=\\\"1\\\"\\n    fill=\\\"none\\\"\\n  >\u003C/circle>\\n\\n  {#each $config.x as label, i}\\n    {@const thisAngleSlice = angleSlice * i - Math.PI / 2}\\n    \u003Cline\\n      x1=\\\"0\\\"\\n      y1=\\\"0\\\"\\n      x2=\\\"{lineLength * Math.cos(thisAngleSlice)}\\\"\\n      y2=\\\"{lineLength * Math.sin(thisAngleSlice)}\\\"\\n      stroke=\\\"#ccc\\\"\\n      stroke-width=\\\"1\\\"\\n      fill=\\\"none\\\"\\n    >\\n    \u003C/line>\\n    \u003Ctext\\n      text-anchor=\\\"{anchor($config.x.length, i)}\\\"\\n      dy=\\\"0.35em\\\"\\n      font-size=\\\"12px\\\"\\n      transform=\\\"translate({(labelPlacement) * Math.cos(thisAngleSlice)}, {labelPlacement * Math.sin(thisAngleSlice)})\\\">{label}\u003C/text>\\n  {/each}\\n\u003C/g>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/radarScores.csv\",\"contents\":\"name,fastball,change,slider,cutter,curve\\nAllison,10,0,4,8,5\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -279,8 +279,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/Sankey.html b/docs/example/Sankey.html
index a2d2c228..97ff05ad 100644
--- a/docs/example/Sankey.html
+++ b/docs/example/Sankey.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Sankey</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -208,7 +208,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/Sankey.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg } from 'layercake';\\n\\n  import Sankey from './_components/Sankey.svelte';\\n\\n  import data from './_data/sankey-data.js';\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    {data}\\n  >\\n    \u003CSvg>\\n      \u003CSankey\\n        colorNodes={d => '#00bbff'}\\n        colorLinks={d => '#00bbff35'}\\n      />\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/Sankey.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG Sankey chart using [d3-sankey](https://github.com/d3/d3-sankey).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import * as Sankey from 'd3-sankey';\\n\\n  const { data, width, height } = getContext('LayerCake');\\n\\n  /** @type {Function} [colorLinks=d => 'rgba(0, 0, 0, .2)'] - A function to return a color for the links. */\\n  export let colorLinks = d => 'rgba(0, 0, 0, .2)';\\n\\n  /** @type {Function} [colorNodes=d => '#333'] - A function to return a color for each node. */\\n  export let colorNodes = d => '#333';\\n\\n  /** @type {Function} [colorText=d => '#263238'] - A function to return a color for each text label. */\\n  export let colorText = d => '#263238';\\n\\n  /** @type {Number} [nodeWidth=5] - The width of each node, in pixels, passed to [`sankey.nodeWidth`](https://github.com/d3/d3-sankey#sankey_nodeWidth). */\\n  export let nodeWidth = 5;\\n\\n  /** @type {Number} [nodePadding=10] - The padding between nodes, passed to [`sankey.nodePadding`](https://github.com/d3/d3-sankey#sankey_nodePadding). */\\n  export let nodePadding = 10;\\n\\n  /** @type {Function} [linkSort=null] - How to sort the links, passed to [`sankey.linkSort`](https://github.com/d3/d3-sankey#sankey_linkSort). */\\n  export let linkSort = null;\\n\\n  /** @type {Function} [nodeId=d => d.id] - The ID field accessor, passed to [`sankey.nodeId`](https://github.com/d3/d3-sankey#sankey_nodeId). */\\n  export let nodeId = d => d.id;\\n\\n  /** @type {Function} [nodeAlign=d3.sankeyLeft] - An alignment function to position the Sankey blocks. See the [d3-sankey documentation](https://github.com/d3/d3-sankey#alignments) for more. */\\n  export let nodeAlign = Sankey.sankeyLeft;\\n\\n  $: sankey = Sankey.sankey()\\n    .nodeAlign(nodeAlign)\\n    .nodeWidth(nodeWidth)\\n    .nodePadding(nodePadding)\\n    .nodeId(nodeId)\\n    .size([$width, $height])\\n    .linkSort(linkSort);\\n\\n  $: sankeyData = sankey($data);\\n\\n  $: link = Sankey.sankeyLinkHorizontal();\\n\\n  $: fontSize = $width \u003C= 320 ? 8 : 12;\\n\u003C/script>\\n\\n\u003Cstyle>\\n  text {\\n    pointer-events: none;\\n  }\\n\u003C/style>\\n\\n\u003Cg class=\\\"sankey-layer\\\">\\n  \u003Cg class='link-group'>\\n    {#each sankeyData.links as d}\\n      \u003Cpath\\n        d={link(d)}\\n        fill='none'\\n        stroke={colorLinks(d)}\\n        stroke-opacity='0.5'\\n        stroke-width={d.width} />\\n    {/each}\\n  \u003C/g>\\n  \u003Cg class='rect-group'>\\n    {#each sankeyData.nodes as d, i}\\n      \u003Crect\\n        x={d.x0}\\n        y={d.y0}\\n        height={d.y1 - d.y0}\\n        width={d.x1 - d.x0}\\n        fill={colorNodes(d)} />\\n      \u003Ctext\\n        x={d.x0 \u003C $width / 4 ? d.x1 + 6 : d.x0 - 6}\\n        y={(d.y1 + d.y0) / 2}\\n        dy=\\\"{(fontSize / 2) - 2}\\\"\\n        style=\\\"fill: {colorText(d)};\\n              font-size: {fontSize}px;\\n              text-anchor: {d.x0 \u003C $width / 4 ? 'start' : 'end'};\\\">\\n        {d.id}\\n      \u003C/text>\\n    {/each}\\n  \u003C/g>\\n\u003C/g>\"}],\"modules\":[{\"title\":\"./_data/sankey-data.js\",\"contents\":\"export default {\\n  nodes: [\\n    { id: 'A1' },\\n    { id: 'A2' },\\n    { id: 'A3' },\\n    { id: 'B1' },\\n    { id: 'B2' },\\n    { id: 'B3' },\\n    { id: 'B4' },\\n    { id: 'C1' },\\n    { id: 'C2' },\\n    { id: 'C3' },\\n    { id: 'D1' },\\n    { id: 'D2' }\\n  ],\\n  links: [\\n    { source: 'A1', target: 'B1', value: 27 },\\n    { source: 'A1', target: 'B2', value: 9 },\\n    { source: 'A2', target: 'B2', value: 5 },\\n    { source: 'A2', target: 'B3', value: 11 },\\n    { source: 'A3', target: 'B2', value: 12 },\\n    { source: 'A3', target: 'B4', value: 7 },\\n    { source: 'B1', target: 'C1', value: 13 },\\n    { source: 'B1', target: 'C2', value: 10 },\\n    { source: 'B4', target: 'C2', value: 5 },\\n    { source: 'B4', target: 'C3', value: 2 },\\n    { source: 'B1', target: 'D1', value: 4 },\\n    { source: 'C3', target: 'D1', value: 1 },\\n    { source: 'C3', target: 'D2', value: 1 }\\n  ]\\n};\"}],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -217,8 +217,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/Scatter.html b/docs/example/Scatter.html
index 3310b31f..202eee46 100644
--- a/docs/example/Scatter.html
+++ b/docs/example/Scatter.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Scatter (svg + canvas + voronoi)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -571,7 +571,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/Scatter.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, Canvas } from 'layercake';\\n\\n  import ScatterSvg from './_components/Scatter.svg.svelte';\\n  import ScatterCanvas from './_components/Scatter.canvas.svelte';\\n  import Voronoi from './_components/Voronoi.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/points.csv';\\n\\n  const xKey = 'myX';\\n  const yKey = 'myY';\\n\\n  data.forEach(d => {\\n    d[yKey] = +d[yKey];\\n  });\\n\\n  const r = 3;\\n  const padding = 10;\\n  const color = '#fff';\\n\\n  function logEvent(d) {\\n    console.log('dispatched event', d, d.detail);\\n  }\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ top: 10, right: 5, bottom: 20, left: 25 }}\\n    x={xKey}\\n    y={yKey}\\n    xPadding={[padding, padding]}\\n    yPadding={[padding, padding]}\\n    data={data}\\n  >\\n    \u003CSvg>\\n      \u003CAxisX\\n        gridlines={false}\\n      />\\n      \u003CAxisY\\n        gridlines={false}\\n        ticks={4}\\n      />\\n    \u003C/Svg>\\n\\n    \u003CCanvas>\\n      \u003CScatterCanvas\\n        r={r * 1.5}\\n        fill={'#0cf'}\\n      />\\n    \u003C/Canvas>\\n\\n    \u003CSvg>\\n      \u003CScatterSvg\\n        {r}\\n        fill={color}\\n      />\\n      \u003CVoronoi\\n        stroke=\\\"#333\\\"\\n        on:voronoi-mouseover={logEvent}\\n      />\\n    \u003C/Svg>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/Scatter.svg.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG scatter plot. This component can also work if the x- or y-scale is ordinal, i.e. it has a `.bandwidth` method. See the [timeplot chart](https://layercake.graphics/example/Timeplot) for an example.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=5] – The circle's radius. */\\n  export let r = 5;\\n\\n  /** @type {String} [fill='#0cf'] – The circle's fill color. */\\n  export let fill = '#0cf';\\n\\n  /** @type {String} [stroke='#000'] – The circle's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=0] – The circle's stroke width. */\\n  export let strokeWidth = 0;\\n\u003C/script>\\n\\n\u003Cg class=\\\"scatter-group\\\">\\n  {#each $data as d}\\n    \u003Ccircle\\n      cx={$xGet(d) + ($xScale.bandwidth ? $xScale.bandwidth() / 2 : 0)}\\n      cy={$yGet(d) + ($yScale.bandwidth ? $yScale.bandwidth() / 2 : 0)}\\n      {r}\\n      {fill}\\n      {stroke}\\n      stroke-width={strokeWidth}\\n    />\\n  {/each}\\n\u003C/g>\"},{\"title\":\"./_components/Scatter.canvas.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a canvas scatter plot.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { scaleCanvas } from 'layercake';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  const { ctx } = getContext('canvas');\\n\\n  /** @type {Number} [r=5] - The circle's radius. */\\n  export let r = 5;\\n\\n  /** @type {String} [fill='#0cf'] - The circle's fill color. */\\n  export let fill = '#0cf';\\n\\n  /** @type {String} [stroke='#000'] - The circle's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=1] - The circle's stroke width. */\\n  export let strokeWidth = 1;\\n\\n  $: {\\n    if ($ctx) {\\n      /* --------------------------------------------\\n       * If you were to have multiple canvas layers\\n       * maybe for some artistic layering purposes\\n       * put these reset functions in the first layer, not each one\\n       * since they should only run once per update\\n       */\\n      scaleCanvas($ctx, $width, $height);\\n      $ctx.clearRect(0, 0, $width, $height);\\n\\n      /* --------------------------------------------\\n       * Draw our scatterplot\\n       */\\n      $data.forEach(d => {\\n        $ctx.beginPath();\\n        $ctx.arc($xGet(d), $yGet(d), r, 0, 2 * Math.PI, false);\\n        $ctx.lineWidth = strokeWidth;\\n        $ctx.strokeStyle = stroke;\\n        $ctx.stroke();\\n        $ctx.fillStyle = fill;\\n        $ctx.fill();\\n      });\\n    }\\n  }\\n\u003C/script>\"},{\"title\":\"./_components/Voronoi.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a voronoi layer using [d3-delauney](https://github.com/d3/d3-delauney).\\n -->\\n\u003Cscript>\\n  import { getContext, createEventDispatcher } from 'svelte';\\n  import { uniques } from 'layercake';\\n  import { Delaunay } from 'd3-delaunay';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  /** @type {String} [stroke] – An optional stroke color, which is likely only useful for testing to make sure the shapes drew correctly. */\\n  export let stroke = undefined;\\n\\n  let dispatcher = createEventDispatcher();\\n\\n  function log (point) {\\n    console.log(point, point.data);\\n    dispatcher('voronoi-mouseover', point);\\n  }\\n\\n  $: points = $data.map(d => {\\n    const point = [$xGet(d), $yGet(d)];\\n    point.data = d;\\n    return point;\\n  });\\n\\n  $: uniquePoints = uniques(points, d => d.join(), false);\\n\\n  $: voronoi = Delaunay.from(uniquePoints).voronoi([0, 0, $width, $height]);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .voronoi-cell {\\n    fill: none;\\n    stroke: none;\\n    pointer-events: all;\\n    outline: none;\\n  }\\n\\n  /* Useful to testing but you'll want to disable this for production */\\n  .voronoi-cell:hover {\\n    stroke: #333 !important;\\n    stroke-width: 3px;\\n  }\\n\u003C/style>\\n\\n{#each uniquePoints as point, i}\\n  \u003Cpath\\n    style:stroke\\n    class=\\\"voronoi-cell\\\"\\n    d={voronoi.renderCell(i)}\\n    on:mouseover=\\\"{() => { log(point) }}\\\"\\n    on:focus=\\\"{() => { log(point) }}\\\"\\n  >\u003C/path>\\n{/each}\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/points.csv\",\"contents\":\"myX,myY\\n1979,7.19\\n1980,7.83\\n1981,7.24\\n1982,7.44\\n1983,7.51\\n1984,7.1\\n1985,6.91\\n1986,7.53\\n1987,7.47\\n1988,7.48\\n1989,7.03\\n1990,6.23\\n1991,6.54\\n1992,7.54\\n1993,6.5\\n1994,7.18\\n1995,6.12\\n1996,7.87\\n1997,6.73\\n1998,6.55\\n1999,6.23\\n2000,6.31\\n2001,6.74\\n2002,5.95\\n2003,6.13\\n2004,6.04\\n2005,5.56\\n2006,5.91\\n2007,4.29\\n2008,4.72\\n2009,5.38\\n2010,4.92\\n2011,4.61\\n2012,3.62\\n2013,5.35\\n2014,5.28\\n2015,4.63\\n2016,4.72\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -580,8 +580,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/ScatterWebgl.html b/docs/example/ScatterWebgl.html
index be6f27b5..bd866f36 100644
--- a/docs/example/ScatterWebgl.html
+++ b/docs/example/ScatterWebgl.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>WebGL Scatter (svg axes, quadtree hover)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -675,7 +675,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/ScatterWebgl.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, WebGL, Html } from 'layercake';\\n\\n  import ScatterWebGL from './_components/Scatter.webgl.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n  import QuadTree from './_components/QuadTree.html.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/points.csv';\\n\\n  const xKey = 'myX';\\n  const yKey = 'myY';\\n\\n  const r = 3;\\n  const xyPadding = 6;\\n\\n  data.forEach(d => {\\n    d[yKey] = +d[yKey];\\n  });\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n  .circle {\\n    position: absolute;\\n    border-radius: 50%;\\n    background-color: rgba(171,0, 214);\\n    transform: translate(-50%, -50%);\\n    pointer-events: none;\\n    width: 10px;\\n    height: 10px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ top: 5, right: 5, bottom: 20, left: 25 }}\\n    x={xKey}\\n    y={yKey}\\n    xPadding={[xyPadding, xyPadding]}\\n    yPadding={[xyPadding, xyPadding]}\\n    data={data}\\n  >\\n    \u003CSvg>\\n      \u003CAxisX/>\\n      \u003CAxisY\\n        tickMarks={false}\\n        ticks={5}\\n      />\\n    \u003C/Svg>\\n\\n    \u003CWebGL>\\n      \u003CScatterWebGL\\n        {r}\\n      />\\n    \u003C/WebGL>\\n\\n    \u003CHtml>\\n      \u003CQuadTree\\n        let:x\\n        let:y\\n        let:visible\\n      >\\n        \u003Cdiv\\n          class=\\\"circle\\\"\\n          style=\\\"top:{y}px;left:{x}px;display: { visible ? 'block' : 'none' };\\\"\\n        >\u003C/div>\\n      \u003C/QuadTree>\\n    \u003C/Html>\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/Scatter.webgl.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates a a WebGl scatter plot.\\n -->\\n\u003Cscript>\\n  import reglWrapper from 'regl';\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=5] - The circle's radius. */\\n  export let r = 5;\\n\\n  /** @type {String} [fill='#0cf'] - The circle's fill color. */\\n  export let fill = '#0cf';\\n\\n  export let stroke = '#000'; // Not yet implemented\\n  // export let strokeWidth = 0;\\n\\n  function hexToRgbPercent (hex) {\\n    let str = hex.replace('#', '');\\n    if (str.length === 3) {\\n      str = str[0] + str[0] + str[1] + str[1] + str[2] + str[2];\\n    }\\n    return str.match(/.{1,2}/g).map(d => parseInt(d, 16) / 255);\\n  }\\n\\n  const { gl } = getContext('gl');\\n\\n  function resize () {\\n    if ($gl) {\\n      const canvas = $gl.canvas;\\n      // Lookup the size the browser is displaying the canvas.\\n      const displayWidth = canvas.clientWidth;\\n      const displayHeight = canvas.clientHeight;\\n\\n      // Check if the canvas is not the same size.\\n      if (canvas.width !== displayWidth || canvas.height !== displayHeight) {\\n        // Make the canvas the same size\\n        canvas.width = displayWidth;\\n        canvas.height = displayHeight;\\n      }\\n      $gl.viewport(0, 0, canvas.width, canvas.height);\\n    }\\n  }\\n\\n  let regl;\\n\\n  function render () {\\n    if ($gl) {\\n      regl = reglWrapper({\\n        gl: $gl,\\n        extensions: ['oes_standard_derivatives']\\n      });\\n\\n      regl.clear({\\n        color: [0, 0, 0, 0],\\n        depth: 1\\n      });\\n\\n      const draw = regl({\\n        // circle code comes from:\\n        // https://www.desultoryquest.com/blog/drawing-anti-aliased-circular-points-using-opengl-slash-webgl/\\n        frag: `\\n        #extension GL_OES_standard_derivatives : enable\\n        precision mediump float;\\n        uniform vec3 fill_color;\\n        uniform vec3 stroke_color;\\n        varying float s_s;\\n        void main () {\\n\\n          vec2 cxy = 2.0 * gl_PointCoord - 1.0;\\n\\n          float dist = dot(cxy, cxy);\\n\\n          float delta = fwidth(dist);\\n\\n          float alpha = 1.0 - smoothstep(1.0 - delta, 1.0 + delta, dist);\\n\\n          float outer_edge_center = 1.0 - s_s;\\n          float stroke = 1.0 - smoothstep(outer_edge_center - delta, outer_edge_center + delta, dist);\\n\\n          // gl_FragColor = vec4(fill_color,1.0) * alpha;\\n          gl_FragColor = vec4( mix(stroke_color, fill_color, stroke), 1.0 ) * alpha;\\n          gl_FragColor.rgb *= gl_FragColor.a;\\n        }`,\\n        vert: `\\n        precision mediump float;\\n        attribute vec2 position;\\n        attribute float r;\\n        attribute float stroke_size;\\n\\n        varying float s_s;\\n\\n        uniform float stage_width;\\n        uniform float stage_height;\\n\\n        // http://peterbeshai.com/beautifully-animate-points-with-webgl-and-regl.html\\n        vec2 normalizeCoords(vec2 position) {\\n          // read in the positions into x and y vars\\n          float x = position[0];\\n          float y = position[1];\\n          return vec2(\\n            2.0 * ((x / stage_width) - 0.5),\\n            // invert y to treat [0,0] as bottom left in pixel space\\n            -(2.0 * ((y / stage_height) - 0.5))\\n          );\\n        }\\n\\n        void main () {\\n          s_s = stroke_size;\\n          gl_PointSize = r;\\n          gl_Position = vec4(normalizeCoords(position), 0.0, 1.0);\\n        }`,\\n        attributes: {\\n          // There will be a position value for each point\\n          // we pass in\\n          position: (context, props) => {\\n            return props.points.map(point => {\\n              return [$xGet(point), $yGet(point)];\\n            });\\n          },\\n          r: (context, props) => {\\n            // const m = window.devicePixelRatio > 1 ? 4.0 : 2.0\\n            // If using an r-scale, set width here\\n            return props.points.map(point => props.pointWidth);\\n          },\\n          stroke_size: (context, props) => {\\n            // If using an r-scale, set width here\\n            return props.points.map(point => 0);\\n          }\\n        },\\n        uniforms: {\\n          fill_color: hexToRgbPercent(fill),\\n          // stroke_color: [0.6705882352941176, 0, 0.8392156862745098],\\n          stroke_color: hexToRgbPercent(stroke),\\n          // FYI: there is a helper method for grabbing\\n          // values out of the context as well.\\n          // These uniforms are used in our fragment shader to\\n          // convert our x / y values to WebGL coordinate space.\\n          stage_width: regl.context('drawingBufferWidth'),\\n          stage_height: regl.context('drawingBufferHeight')\\n        },\\n        count: (context, props) => {\\n          // set the count based on the number of points we have\\n          return props.points.length;\\n        },\\n        primitive: 'points',\\n        blend: {\\n          enable: true,\\n          func: {\\n            srcRGB: 'src alpha',\\n            srcAlpha: 'src alpha',\\n            dstRGB: 'one minus src alpha',\\n            dstAlpha: 'one minus src alpha'\\n          }\\n        },\\n        depth: { enable: false }\\n      });\\n\\n      draw({\\n        pointWidth: r * 2,\\n        points: $data\\n      });\\n    }\\n  }\\n\\n  $: ($width, $height, $gl, resize(), render());\\n\\n\u003C/script>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/QuadTree.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Creates an interaction layer (in HTML) using [d3-quadtree](https://github.com/d3/d3-quadtree) to find the nearest datapoint to the mouse. This component creates a slot that exposes variables `x`, `y`, `found` (the found datapoint), `visible` (a Boolean whether any data was found) and `e` (the event object).\\n\\n  The quadtree searches across both the x and y dimensions at the same time. But if you want to only search across one, set the `x` and `y` props to the same value. For example, the [shared tooltip component](https://layercake.graphics/components/SharedTooltip.html.svelte) sets `y='x'` since it's nicer behavior to only pick up on the nearest x-value.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n  import { quadtree } from 'd3-quadtree';\\n\\n  const { data, xGet, yGet, width, height } = getContext('LayerCake');\\n\\n  let visible = false;\\n  let found = {};\\n  let e = {};\\n\\n  /** @type {String} [x='x'] – The dimension to search across when moving the mouse left and right. */\\n  export let x = 'x';\\n\\n  /** @type {String} [y='y'] – The dimension to search across when moving the mouse up and down. */\\n  export let y = 'y';\\n\\n  /** @type {String} [searchRadius] – The number of pixels to search around the mouse's location. This is the third argument passed to [`quadtree.find`](https://github.com/d3/d3-quadtree#quadtree_find) and by default a value of `undefined` means an unlimited range. */\\n  export let searchRadius = undefined;\\n\\n  /** @type {Array} [dataset] – The dataset to work off of—defaults to $data if left unset. You can pass override the default here in here in case you don't want to use the main data or it's in a strange format. */\\n  export let dataset = undefined;\\n\\n  $: xGetter = x === 'x' ? $xGet : $yGet;\\n  $: yGetter = y === 'y' ? $yGet : $xGet;\\n\\n  function findItem (evt) {\\n    e = evt;\\n\\n    const xLayerKey = `layer${x.toUpperCase()}`;\\n    const yLayerKey = `layer${y.toUpperCase()}`;\\n\\n    found = finder.find(evt[xLayerKey], evt[yLayerKey], searchRadius) || {};\\n    visible = Object.keys(found).length > 0;\\n  }\\n\\n  $: finder = quadtree()\\n    .extent([[-1, -1], [$width + 1, $height + 1]])\\n    .x(xGetter)\\n    .y(yGetter)\\n    .addAll(dataset || $data);\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .bg {\\n    position: absolute;\\n    top: 0;\\n    right: 0;\\n    bottom: 0;\\n    left: 0;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv\\n  class=\\\"bg\\\"\\n  on:mousemove=\\\"{findItem}\\\"\\n  on:mouseout=\\\"{() => visible = false}\\\"\\n  on:blur=\\\"{() => visible = false}\\\"\\n>\u003C/div>\\n\u003Cslot\\n  x={xGetter(found) || 0}\\n  y={yGetter(found) || 0}\\n  {found}\\n  {visible}\\n  {e}\\n>\u003C/slot>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/points.csv\",\"contents\":\"myX,myY\\n1979,7.19\\n1980,7.83\\n1981,7.24\\n1982,7.44\\n1983,7.51\\n1984,7.1\\n1985,6.91\\n1986,7.53\\n1987,7.47\\n1988,7.48\\n1989,7.03\\n1990,6.23\\n1991,6.54\\n1992,7.54\\n1993,6.5\\n1994,7.18\\n1995,6.12\\n1996,7.87\\n1997,6.73\\n1998,6.55\\n1999,6.23\\n2000,6.31\\n2001,6.74\\n2002,5.95\\n2003,6.13\\n2004,6.04\\n2005,5.56\\n2006,5.91\\n2007,4.29\\n2008,4.72\\n2009,5.38\\n2010,4.92\\n2011,4.61\\n2012,3.62\\n2013,5.35\\n2014,5.28\\n2015,4.63\\n2016,4.72\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -684,8 +684,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/SmallMultiples.html b/docs/example/SmallMultiples.html
index 82e085b6..27961dd0 100644
--- a/docs/example/SmallMultiples.html
+++ b/docs/example/SmallMultiples.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Small multiples (animated domain transition)</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -229,7 +229,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/SmallMultiples.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { calcExtents, flatten } from 'layercake';\\n\\n  import SmallMultipleWrapper from './_components/SmallMultipleWrapper.svelte';\\n\\n  import dataSeries from './_data/pointSeries.js';\\n\\n  /* --------------------------------------------\\n   * Grab the extents of the full dataset\\n   */\\n  const extentGetters = {\\n    x: d => d.x,\\n    y: d => d.y\\n  };\\n\\n  const fullExtents = calcExtents(flatten(dataSeries), extentGetters);\\n\\n  /* --------------------------------------------\\n   * Sort by the last value\\n   */\\n  dataSeries.sort((a, b) => {\\n    return b[b.length - 1].y - a[a.length - 1].y;\\n  });\\n\\n  let scale = 'individual';\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .group-container {\\n    height: calc(100% - 40px);\\n    width: 100%;\\n  }\\n  .input-container {\\n    margin-bottom: 7px;\\n  }\\n  label {\\n    cursor: pointer;\\n  }\\n  input {\\n    margin-right: 7px;\\n  }\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .small-multiple-container {\\n    position: relative;\\n    display: inline-block;\\n    width: 11%;\\n    height: 30%;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"input-container\\\">\\n  \u003Clabel>\u003Cinput type=\\\"radio\\\" bind:group={scale} value=\\\"individual\\\"/>Individual scale\u003C/label>\\n  \u003Clabel>\u003Cinput type=\\\"radio\\\" bind:group={scale} value=\\\"shared\\\"/>Shared scale\u003C/label>\\n\u003C/div>\\n\\n\u003Cdiv class=\\\"group-container\\\">\\n  {#each dataSeries as data}\\n    \u003Cdiv class=\\\"small-multiple-container\\\">\\n      \u003CSmallMultipleWrapper\\n        {data}\\n        {fullExtents}\\n        {scale}\\n        {extentGetters}\\n      />\\n    \u003C/div>\\n  {/each}\\n\u003C/div>\"},\"dek\":\"An example of how to do small multiples with the same rendering component. Because we want to calculate and store the extents for each series, we have to put the Layer Cake component in a wrapper component, called `ChartWrapper.svelte` below.\\n\",\"components\":[{\"title\":\"./_components/SmallMultipleWrapper.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, calcExtents } from 'layercake';\\n  import { tweened } from 'svelte/motion';\\n  import * as eases from 'svelte/easing';\\n\\n  import Line from './Line.svelte';\\n\\n  export let data;\\n  export let fullExtents;\\n  export let scale;\\n  export let extentGetters;\\n\\n  const tweenOptions = {\\n    duration: 300,\\n    easing: eases.cubicInOut\\n  };\\n\\n  const xDomain = tweened(undefined, tweenOptions);\\n  const yDomain = tweened(undefined, tweenOptions);\\n\\n  const extents = calcExtents(data, extentGetters);\\n\\n  $: xDomain.set(scale === 'shared' ? fullExtents.x : extents.x);\\n  $: yDomain.set(scale === 'shared' ? fullExtents.y : extents.y);\\n\\n\u003C/script>\\n\\n\u003CLayerCake\\n  padding={{ top: 2, right: 6, bottom: 2, left: 6 }}\\n  x={extentGetters.x}\\n  y={extentGetters.y}\\n  {data}\\n  xDomain={$xDomain}\\n  yDomain={$yDomain}\\n>\\n  \u003CSvg>\\n    \u003CLine\\n      stroke={'#000'}\\n    />\\n  \u003C/Svg>\\n\u003C/LayerCake>\"}],\"modules\":[{\"title\":\"./_data/pointSeries.js\",\"contents\":\"export default [\\n  [{x:0,y:0.3513332305465124},{x:1,y:-0.47850548294493284},{x:2,y:-0.8631762284263558},{x:3,y:-1.7484233826606137},{x:4,y:-1.5706727472497415},{x:5,y:-3.289713739464341},{x:6,y:-3.9730820042995005},{x:7,y:-2.745530296666686},{x:8,y:-3.5791092007187646},{x:9,y:-2.6641758464410152}],\\n  [{x:0,y:-2.1768831333979946},{x:1,y:-3.9534632619125096},{x:2,y:-3.899114148630141},{x:3,y:-3.9827562738951876},{x:4,y:-4.580294736167417},{x:5,y:-3.856065008784584},{x:6,y:-3.7484016156069195},{x:7,y:-4.251249481201894},{x:8,y:-4.469618989456487},{x:9,y:-4.402688785575379}],\\n  [{x:0,y:0.8587657948567446},{x:1,y:0.5079352772290244},{x:2,y:2.701251831225464},{x:3,y:5.837115995564179},{x:4,y:6.760908500285659},{x:5,y:6.0834936334060785},{x:6,y:7.320640580003705},{x:7,y:8.480047690829132},{x:8,y:9.105945107644933},{x:9,y:9.426539155610454}],\\n  [{x:0,y:2.095248369393952},{x:1,y:1.765188669621648},{x:2,y:0.5467739943527758},{x:3,y:-0.3507100722398887},{x:4,y:0.2983588210197782},{x:5,y:0.5105812148122781},{x:6,y:1.5437157564970827},{x:7,y:2.3653169559429537},{x:8,y:1.90924018284514},{x:9,y:2.1356513687796674}],\\n  [{x:0,y:0.5488385729500312},{x:1,y:1.8670789082642192},{x:2,y:2.206540934969421},{x:3,y:3.055554299010695},{x:4,y:0.4967425647902308},{x:5,y:2.327901093516326},{x:6,y:0.8992924851467803},{x:7,y:1.8817986624215481},{x:8,y:2.3891551227372205},{x:9,y:1.133778319314648}],\\n  [{x:0,y:-0.3562898099723935},{x:1,y:0.20565872246731903},{x:2,y:-0.1162117685820413},{x:3,y:0.8631383539123323},{x:4,y:3.2890516402408663},{x:5,y:3.0857377702871545},{x:6,y:1.0370651586546682},{x:7,y:-1.0186438338583623},{x:8,y:0.14241054172118361},{x:9,y:0.8412068911584337}],\\n  [{x:0,y:-0.7654061779170572},{x:1,y:-0.032595953968226454},{x:2,y:0.2678472728835137},{x:3,y:0.08563601239405039},{x:4,y:-0.0013330703820842171},{x:5,y:1.4703345017728822},{x:6,y:1.3856274424774901},{x:7,y:-0.20599108956133416},{x:8,y:-0.7751447950252981},{x:9,y:0.47169212501954916}],\\n  [{x:0,y:-1.1732177326141833},{x:1,y:-2.7527274224702065},{x:2,y:-2.2211792447108714},{x:3,y:-1.017590856110545},{x:4,y:0.6779112439466795},{x:5,y:0.270071953934581},{x:6,y:-0.6558848145557117},{x:7,y:-0.057309434562747286},{x:8,y:-0.7458264810903046},{x:9,y:0.5001744113836739}],\\n  [{x:0,y:-0.546732244433788},{x:1,y:-0.07416764769549289},{x:2,y:-1.6595417109999924},{x:3,y:-3.171184337736065},{x:4,y:-2.7367845673789564},{x:5,y:-2.4028017878731487},{x:6,y:-3.3855251261635013},{x:7,y:-3.914712672393975},{x:8,y:-3.0652727151850634},{x:9,y:-4.3807147718164945}],\\n  [{x:0,y:0.5002117874054588},{x:1,y:-1.3975943832928739},{x:2,y:-2.547911521154404},{x:3,y:-1.5969200501057434},{x:4,y:-1.1764040680662173},{x:5,y:-1.492868534196866},{x:6,y:-1.8865830283320832},{x:7,y:-1.3073578086443587},{x:8,y:0.12280679226177948},{x:9,y:-2.4386679354191343}],\\n  [{x:0,y:-0.8135433681734914},{x:1,y:-1.221075788028858},{x:2,y:-0.2744306894025812},{x:3,y:0.7083803705971968},{x:4,y:-0.30123497298530666},{x:5,y:-0.12098193043768593},{x:6,y:0.7779616569301503},{x:7,y:0.24278467122340208},{x:8,y:2.12035553113487},{x:9,y:1.5777631433830899}],\\n  [{x:0,y:-1.2807077385033618},{x:1,y:-1.60918596863346},{x:2,y:-1.1252711445818604},{x:3,y:0.1123443278338252},{x:4,y:0.6765953813677427},{x:5,y:-0.24953981170929884},{x:6,y:-0.7245587949132168},{x:7,y:-0.1322418860127922},{x:8,y:-2.0267241146650887},{x:9,y:-2.203025286852793}],\\n  [{x:0,y:-0.5646593880324497},{x:1,y:0.019675233652433954},{x:2,y:1.1125492696390593},{x:3,y:-0.21768925566531694},{x:4,y:-0.43002048847289853},{x:5,y:0.1472531927930274},{x:6,y:0.9536777882928407},{x:7,y:1.7662231600360088},{x:8,y:2.3107906857269036},{x:9,y:0.03169262048875865}],\\n  [{x:0,y:-1.4703405378184384},{x:1,y:-3.6660782113882835},{x:2,y:-2.1234430449995942},{x:3,y:-0.31491835255274725},{x:4,y:0.2519911763297693},{x:5,y:-0.7593130835875026},{x:6,y:0.27946963886864307},{x:7,y:-0.38601550782775373},{x:8,y:-1.7086440970313155},{x:9,y:-2.2184975489863223}],\\n  [{x:0,y:1.075613382572133},{x:1,y:1.5858773914182227},{x:2,y:0.8770573429185515},{x:3,y:1.2917422132464667},{x:4,y:0.9866084663257535},{x:5,y:1.1136430669870276},{x:6,y:2.5087234218660477},{x:7,y:3.897378190589307},{x:8,y:3.4944058027154106},{x:9,y:3.3350669636577703}],\\n  [{x:0,y:-0.769481078391433},{x:1,y:-1.7663885001671653},{x:2,y:-3.700748337973364},{x:3,y:-2.90481913516788},{x:4,y:-4.653428298468029},{x:5,y:-5.690638211312513},{x:6,y:-3.762776837320062},{x:7,y:-4.125948059447033},{x:8,y:-6.369088532937904},{x:9,y:-6.130469306897179}],\\n  [{x:0,y:-0.6060612391774423},{x:1,y:-0.1661630609170786},{x:2,y:-0.8301060910250655},{x:3,y:-0.7516298932551538},{x:4,y:0.06309968596601889},{x:5,y:0.23024684564640405},{x:6,y:-0.3769683028829788},{x:7,y:-0.8912667423333008},{x:8,y:-1.2396819684201017},{x:9,y:-0.38895690194817045}],\\n  [{x:0,y:-0.9114218426959718},{x:1,y:-0.060301791732889076},{x:2,y:-0.9270741950807107},{x:3,y:-2.0675258449919967},{x:4,y:-0.08373718479615966},{x:5,y:-0.742766389679131},{x:6,y:-0.3113686704234539},{x:7,y:1.3283998112889834},{x:8,y:1.7758763727813693},{x:9,y:3.81386918977139}],\\n  [{x:0,y:1.7176790534482675},{x:1,y:2.0432025798611404},{x:2,y:3.6581604675933796},{x:3,y:2.940918317727456},{x:4,y:1.7185613645563316},{x:5,y:1.7819340726171955},{x:6,y:0.6507861853791468},{x:7,y:2.5951771651052367},{x:8,y:3.519960937767535},{x:9,y:3.197786396503866}],\\n  [{x:0,y:-0.3038191596502425},{x:1,y:-1.3685608331479382},{x:2,y:0.5634023938007005},{x:3,y:0.7985300339161426},{x:4,y:0.015410817527624188},{x:5,y:0.9718003621065988},{x:6,y:1.2175926771772418},{x:7,y:-0.45971510207922317},{x:8,y:-1.7925772720518218},{x:9,y:-2.797757779872802}],\\n  [{x:0,y:0.8863594890626845},{x:1,y:0.4805543692922663},{x:2,y:-0.21233113644620377},{x:3,y:-0.5651934422185125},{x:4,y:0.6977913923481813},{x:5,y:1.9747582290228265},{x:6,y:0.9058940775608975},{x:7,y:2.164448517902702},{x:8,y:1.200779603279385},{x:9,y:0.27011411254519535}],\\n  [{x:0,y:0.8102833184946229},{x:1,y:1.4974853704340667},{x:2,y:-0.2511326270639147},{x:3,y:-1.4887219856377514},{x:4,y:-2.054165795834861},{x:5,y:-0.7110079453402081},{x:6,y:1.2224455696568188},{x:7,y:0.10576404901318259},{x:8,y:-0.5577986193258884},{x:9,y:-0.8307701610339031}],\\n  [{x:0,y:-0.754339359890586},{x:1,y:-0.28422901710237364},{x:2,y:0.4575829777241672},{x:3,y:0.6214246890384195},{x:4,y:1.1950848608542208},{x:5,y:0.12829030929988217},{x:6,y:0.9916165486492478},{x:7,y:0.07713732189769096},{x:8,y:1.3185227211734212},{x:9,y:1.3790849065109583}],\\n  [{x:0,y:-1.0383242310768992},{x:1,y:-0.36189660554379044},{x:2,y:1.7026078322176184},{x:3,y:2.4581042624776677},{x:4,y:1.2587470748265426},{x:5,y:0.17311307445802093},{x:6,y:-0.2972726991489642},{x:7,y:-1.0284350477870043},{x:8,y:-0.4409267468949597},{x:9,y:-1.721194506127408}],\\n  [{x:0,y:0.9497890648486154},{x:1,y:-0.7840480109209655},{x:2,y:-3.0537174943564764},{x:3,y:-4.003323211985304},{x:4,y:-3.650725391139404},{x:5,y:-5.195623583848551},{x:6,y:-6.579180832109046},{x:7,y:-6.410177263118323},{x:8,y:-7.023259052330267},{x:9,y:-6.216863081739327}],\\n  [{x:0,y:-0.4428908643957123},{x:1,y:-0.8778820735472277},{x:2,y:-0.1642563408395692},{x:3,y:-0.22904137849126743},{x:4,y:0.48944499719915696},{x:5,y:1.813325690012508},{x:6,y:2.354462578631868},{x:7,y:2.8557880465926715},{x:8,y:3.6456850324758125},{x:9,y:4.145717439210561}],\\n  [{x:0,y:0.13059426813587155},{x:1,y:0.3755092236260167},{x:2,y:1.8320734188682832},{x:3,y:1.7688926504783191},{x:4,y:2.7160551052985875},{x:5,y:3.5367959655320327},{x:6,y:4.489059997755517},{x:7,y:3.4576184763756963},{x:8,y:2.629075492886139},{x:9,y:1.9224087765098758}],\\n];\"}],\"componentModules\":[],\"componentComponents\":[{\"title\":\"./_components/Line.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet } = getContext('LayerCake');\\n\\n  /** @type {String} [stroke='#ab00d6'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let stroke = '#ab00d6';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\u003C/script>\\n\\n\u003Cpath class='path-line' d='{path}' {stroke}>\u003C/path>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 2;\\n  }\\n\u003C/style>\"}],\"csvs\":[],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -238,8 +238,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/SyncedBrush.html b/docs/example/SyncedBrush.html
index a9561e36..b12a335d 100644
--- a/docs/example/SyncedBrush.html
+++ b/docs/example/SyncedBrush.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Synced brush</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -821,7 +821,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/SyncedBrush.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import SyncedBrushWrapper from './_components/SyncedBrushWrapper.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import pointsOne from './_data/points.csv';\\n  import pointsTwo from './_data/pointsTwo.csv';\\n  import pointsThree from './_data/pointsThree.csv';\\n  import pointsFour from './_data/pointsFour.csv';\\n\\n  let brushExtents = [null, null];\\n\\n  const xKey = 'myX';\\n  const yKey = 'myY';\\n\\n  const datasets = [\\n    pointsOne,\\n    pointsTwo,\\n    pointsThree,\\n    pointsFour\\n  ];\\n\\n  datasets.forEach(dataset => {\\n    dataset.forEach(d => {\\n      d[yKey] = +d[yKey];\\n    });\\n  });\\n\\n  const colors = ['#00e047', '#00bbff', '#ff00cc', '#ffcc00'];\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n    display: flex;\\n    flex-wrap: wrap;\\n    justify-content: space-between;\\n    align-content: space-between;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  {#each datasets as dataset, i}\\n    \u003CSyncedBrushWrapper\\n      data={dataset}\\n      {xKey}\\n      {yKey}\\n      bind:min={brushExtents[0]}\\n      bind:max={brushExtents[1]}\\n      stroke={colors[i]}\\n    />\\n  {/each}\\n\u003C/div>\"},\"dek\":\"\",\"components\":[{\"title\":\"./_components/SyncedBrushWrapper.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, Html } from 'layercake';\\n\\n  import Line from './Line.svelte';\\n  import Area from './Area.svelte';\\n  import AxisX from './AxisX.svelte';\\n  import AxisY from './AxisY.svelte';\\n  import Brush from './Brush.html.svelte';\\n\\n  export let min = null;\\n  export let max = null;\\n  export let xKey = 'x';\\n  export let yKey = 'y';\\n  export let data = [];\\n  export let stroke = '#00e047';\\n\\n  let brushedData;\\n  $: {\\n    brushedData = data.slice((min || 0) * data.length, (max || 1) * data.length);\\n    if (brushedData.length \u003C 2) {\\n      brushedData = data.slice(min * data.length, min * data.length + 2)\\n    }\\n  }\\n\u003C/script>\\n\\n\u003Cstyle>\\n  .chart-wrapper {\\n    width: 48%;\\n    height: 40%;\\n  }\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 80%;\\n  }\\n  .brush-container {\\n    width: 100%;\\n    height: 20%;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-wrapper\\\">\\n  \u003Cdiv class=\\\"chart-container\\\">\\n    \u003CLayerCake\\n      padding={{ right: 10, bottom: 20, left: 25 }}\\n      x={xKey}\\n      y={yKey}\\n      yDomain={[0, null]}\\n      data={brushedData}\\n    >\\n      \u003CSvg>\\n        \u003CAxisX\\n          ticks={ticks => {\\n            const filtered = ticks.filter(t => t % 1 === 0);\\n            if (filtered.length > 7) {\\n              return filtered.filter((t, i) => i % 2 === 0);\\n            }\\n            return filtered;\\n          }}\\n        />\\n        \u003CAxisY\\n          ticks={2}\\n        />\\n        \u003CLine\\n          {stroke}\\n        />\\n        \u003CArea\\n          fill={`${stroke}10`}\\n        />\\n      \u003C/Svg>\\n    \u003C/LayerCake>\\n  \u003C/div>\\n\\n  \u003Cdiv class=\\\"brush-container\\\">\\n    \u003CLayerCake\\n      padding={{ top: 5 }}\\n      x={xKey}\\n      y={yKey}\\n      yDomain={[0, null]}\\n      data={data}\\n    >\\n      \u003CSvg>\\n        \u003CLine\\n          {stroke}\\n        />\\n        \u003CArea\\n          fill={`${stroke}10`}\\n        />\\n      \u003C/Svg>\\n      \u003CHtml>\\n        \u003CBrush\\n          bind:min={min}\\n          bind:max={max}\\n        />\\n      \u003C/Html>\\n    \u003C/LayerCake>\\n  \u003C/div>\\n\u003C/div>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[{\"title\":\"./_components/Line.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet } = getContext('LayerCake');\\n\\n  /** @type {String} [stroke='#ab00d6'] - The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let stroke = '#ab00d6';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\u003C/script>\\n\\n\u003Cpath class='path-line' d='{path}' {stroke}>\u003C/path>\\n\\n\u003Cstyle>\\n  .path-line {\\n    fill: none;\\n    stroke-linejoin: round;\\n    stroke-linecap: round;\\n    stroke-width: 2;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Area.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG area shape using the `area` function from [d3-shape](https://github.com/d3/d3-shape).\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale, extents } = getContext('LayerCake');\\n\\n  /**  @type {String} [fill='#ab00d610'] The shape's fill color. This is technically optional because it comes with a default value but you'll likely want to replace it with your own color. */\\n  export let fill = '#ab00d610';\\n\\n  $: path = 'M' + $data\\n    .map(d => {\\n      return $xGet(d) + ',' + $yGet(d);\\n    })\\n    .join('L');\\n\\n  let area;\\n\\n  $: {\\n    const yRange = $yScale.range();\\n    area = path + (\\n      'L' + $xScale($extents.x ? $extents.x[1] : 0) + ',' + yRange[0] +\\n      'L' + $xScale($extents.x ? $extents.x[0] : 0) + ',' + yRange[0] +\\n      'Z'\\n    );\\n  }\\n\u003C/script>\\n\\n\u003Cpath class='path-area' d='{area}' {fill}>\u003C/path>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/Brush.html.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Adds a brush component to create a range between 0 and 1. Bind to the `min` and `max` props to use them in other components. See the [brushable example](https://layercake.graphcics/example/Brush) for use.\\n -->\\n\u003Cscript>\\n  import { clamp } from 'yootils';\\n\\n  /** @type {Number} min - The brush's min value. Useful to bind to. */\\n  export let min;\\n\\n  /** @type {Number} max - The brush's max value. Useful to bind to. */\\n  export let max;\\n\\n  let brush;\\n\\n  const p = x => {\\n    const { left, right } = brush.getBoundingClientRect();\\n    return clamp((x - left) / (right - left), 0, 1);\\n  };\\n\\n  const handler = fn => {\\n    return e => {\\n      if (e.type === 'touchstart') {\\n        if (e.touches.length !== 1) return;\\n        e = e.touches[0];\\n      }\\n\\n      const id = e.identifier;\\n      const start = { min, max, p: p(e.clientX) };\\n\\n      const handle_move = e => {\\n        if (e.type === 'touchmove') {\\n          if (e.changedTouches.length !== 1) return;\\n          e = e.changedTouches[0];\\n          if (e.identifier !== id) return;\\n        }\\n\\n        fn(start, p(e.clientX));\\n      };\\n\\n      const handle_end = e => {\\n        if (e.type === 'touchend') {\\n          if (e.changedTouches.length !== 1) return;\\n          if (e.changedTouches[0].identifier !== id) return;\\n        } else if (e.target === brush) {\\n          clear();\\n        }\\n\\n        window.removeEventListener('mousemove', handle_move);\\n        window.removeEventListener('mouseup', handle_end);\\n\\n        window.removeEventListener('touchmove', handle_move);\\n        window.removeEventListener('touchend', handle_end);\\n      };\\n\\n      window.addEventListener('mousemove', handle_move);\\n      window.addEventListener('mouseup', handle_end);\\n\\n      window.addEventListener('touchmove', handle_move);\\n      window.addEventListener('touchend', handle_end);\\n    };\\n  };\\n\\n  const clear = () => {\\n    min = null;\\n    max = null;\\n  }\\n\\n  const reset = handler((start, p) => {\\n    min = clamp(Math.min(start.p, p), 0, 1);\\n    max = clamp(Math.max(start.p, p), 0, 1);\\n  });\\n\\n  const move = handler((start, p) => {\\n    const d = clamp(p - start.p, -start.min, 1 - start.max);\\n    min = start.min + d;\\n    max = start.max + d;\\n  });\\n\\n  const adjust_min = handler((start, p) => {\\n    min = p > start.max ? start.max : p;\\n    max = p > start.max ? p : start.max;\\n  });\\n\\n  const adjust_max = handler((start, p) => {\\n    min = p \u003C start.min ? p : start.min;\\n    max = p \u003C start.min ? start.min : p;\\n  });\\n\\n  $: left = 100 * min;\\n  $: right = 100 * (1 - max);\\n\u003C/script>\\n\\n\u003Cdiv bind:this={brush} class=\\\"brush-outer\\\" on:mousedown|stopPropagation={reset} on:touchstart|stopPropagation={reset}>\\n  {#if min !== null}\\n    \u003Cdiv class=\\\"brush-inner\\\" on:mousedown|stopPropagation={move} on:touchstart|stopPropagation={move} style=\\\"left: {left}%; right: {right}%\\\">\u003C/div>\\n    \u003Cdiv class=\\\"brush-handle\\\" on:mousedown|stopPropagation={adjust_min} on:touchstart|stopPropagation={adjust_min} style=\\\"left: {left}%\\\">\u003C/div>\\n    \u003Cdiv class=\\\"brush-handle\\\" on:mousedown|stopPropagation={adjust_max} on:touchstart|stopPropagation={adjust_max} style=\\\"right: {right}%\\\">\u003C/div>\\n  {/if}\\n\u003C/div>\\n\\n\u003Cstyle>\\n  .brush-outer {\\n    position: relative;\\n    width: 100%;\\n    height: calc(100% + 5px);\\n    top: -5px;\\n  }\\n\\n  .brush-inner {\\n    position: absolute;\\n    height: 100%;\\n    cursor: move;\\n    /* mix-blend-mode: difference; */\\n    background-color: #cccccc90;\\n    /* border: 1px solid #000; */\\n  }\\n\\n  .brush-handle {\\n    position: absolute;\\n    width: 0;\\n    height: 100%;\\n    cursor: ew-resize;\\n  }\\n\\n  .brush-handle::before {\\n    position: absolute;\\n    content: '';\\n    width: 8px;\\n    left: -4px;\\n    height: 100%;\\n    background: transparent;\\n  }\\n\u003C/style>\"}],\"csvs\":[{\"title\":\"./_data/points.csv\",\"contents\":\"myX,myY\\n1979,7.19\\n1980,7.83\\n1981,7.24\\n1982,7.44\\n1983,7.51\\n1984,7.1\\n1985,6.91\\n1986,7.53\\n1987,7.47\\n1988,7.48\\n1989,7.03\\n1990,6.23\\n1991,6.54\\n1992,7.54\\n1993,6.5\\n1994,7.18\\n1995,6.12\\n1996,7.87\\n1997,6.73\\n1998,6.55\\n1999,6.23\\n2000,6.31\\n2001,6.74\\n2002,5.95\\n2003,6.13\\n2004,6.04\\n2005,5.56\\n2006,5.91\\n2007,4.29\\n2008,4.72\\n2009,5.38\\n2010,4.92\\n2011,4.61\\n2012,3.62\\n2013,5.35\\n2014,5.28\\n2015,4.63\\n2016,4.72\"},{\"title\":\"./_data/pointsTwo.csv\",\"contents\":\"myX,myY\\n1979,5.03\\n1980,3.99\\n1981,10.35\\n1982,4.06\\n1983,10.11\\n1984,11.66\\n1985,5.95\\n1986,7.27\\n1987,2.77\\n1988,3.43\\n1989,6.49\\n1990,8.27\\n1991,3.85\\n1992,6.21\\n1993,0.14\\n1994,7.65\\n1995,5.57\\n1996,15.61\\n1997,12.42\\n1998,5.2\\n1999,9.81\\n2000,8.64\\n2001,10.07\\n2002,1.71\\n2003,3\\n2004,11.82\\n2005,4.74\\n2006,4.25\\n2007,0.16\\n2008,7.97\\n2009,9.75\\n2010,3.34\\n2011,3.46\\n2012,1.73\\n2013,5.97\\n2014,2.17\\n2015,0.88\\n2016,8.19\"},{\"title\":\"./_data/pointsThree.csv\",\"contents\":\"myX,myY\\n1979,5.43\\n1980,7.27\\n1981,8.82\\n1982,13.14\\n1983,14.63\\n1984,5.41\\n1985,4.76\\n1986,12.46\\n1987,10.38\\n1988,0.06\\n1989,9.35\\n1990,5.84\\n1991,6.94\\n1992,2.78\\n1993,9.84\\n1994,6.48\\n1995,9.97\\n1996,4.85\\n1997,5.35\\n1998,4.12\\n1999,1.56\\n2000,10.11\\n2001,2.04\\n2002,4.03\\n2003,3.85\\n2004,8.61\\n2005,1.44\\n2006,9.41\\n2007,3.51\\n2008,4.12\\n2009,6.76\\n2010,3.65\\n2011,6.76\\n2012,6.46\\n2013,0.75\\n2014,9.93\\n2015,8.11\\n2016,1.4\"},{\"title\":\"./_data/pointsFour.csv\",\"contents\":\"myX,myY\\n1979,10.27\\n1980,1.99\\n1981,2.25\\n1982,3.56\\n1983,0.32\\n1984,4.18\\n1985,1.75\\n1986,2.35\\n1987,2.54\\n1988,6.53\\n1989,5.02\\n1990,3.4\\n1991,4.79\\n1992,1.29\\n1993,12.65\\n1994,5.26\\n1995,3.11\\n1996,14.92\\n1997,13.21\\n1998,10.34\\n1999,5.02\\n2000,9.11\\n2001,13.24\\n2002,8.02\\n2003,1.54\\n2004,0.25\\n2005,6.02\\n2006,5.91\\n2007,6.83\\n2008,6.76\\n2009,3.7\\n2010,2.3\\n2011,3.37\\n2012,4.02\\n2013,2.15\\n2014,2.33\\n2015,5.98\\n2016,6.27\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -830,8 +830,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/example/Timeplot.html b/docs/example/Timeplot.html
index 4e88b4a6..c504e0da 100644
--- a/docs/example/Timeplot.html
+++ b/docs/example/Timeplot.html
@@ -32,25 +32,25 @@
 		<link href="../_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/5.L1iD5KWO.css" rel="stylesheet">
 		<link href="../_app/immutable/assets/cleanTitle.g9qNC6PL.css" rel="stylesheet">
-		<link rel="modulepreload" href="../_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="../_app/immutable/nodes/5.7TY5Go6n.js">
+		<link rel="modulepreload" href="../_app/immutable/nodes/5.fyFbRdmr.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/downloadBlob.5w7X7G5B.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/cleanTitle.QG-RcJPj.js"><title>Time of day plot</title><!-- HEAD_svelte-1ynzqk4_START --><!-- HEAD_svelte-1ynzqk4_END -->
@@ -567,7 +567,7 @@
 			<script type="application/json" data-sveltekit-fetched data-url="/example/Timeplot.json">{"status":200,"statusText":"","headers":{},"body":"{\"main\":{\"title\":\"+page.svelte\",\"contents\":\"\u003Cscript>\\n  import { LayerCake, Svg, calcExtents } from 'layercake';\\n  import { timeDay } from 'd3-time';\\n  import { scaleBand, scaleTime } from 'd3-scale';\\n\\n  import ScatterSvg from './_components/Scatter.svg.svelte';\\n  import AxisX from './_components/AxisX.svelte';\\n  import AxisY from './_components/AxisY.svelte';\\n\\n  // This example loads csv data as json using @rollup/plugin-dsv\\n  import data from './_data/days.csv';\\n\\n  const xKey = 'seconds';\\n  const yKey = 'day';\\n\\n  const r = 4;\\n\\n  const daysTransformed = data.map(d => {\\n    const parts = d.timestring.split('T');\\n    const time = parts[1].replace('Z', '').split(':').map(q => +q);\\n    d[xKey] = time[0] * 60 * 60 + time[1] * 60 + time[2];\\n    d[yKey] = parts[0];\\n    return d;\\n  });\\n\\n  /* --------------------------------------------\\n   * Generate a range of days in between the min and max\\n   * in case we are missing any in our data so we can show empty days for them\\n   */\\n  const extents = calcExtents(daysTransformed, {\\n    x: d => d.timestring\\n  });\\n\\n  // Convert to string even though it is one to make Typescript happy\\n  const minDate = extents.x[0].toString().split('T')[0].split('-').map(d => +d);\\n  const maxDate = extents.x[1].toString().split('T')[0].split('-').map(d => +d);\\n\\n  const allDays = timeDay.range(new Date(Date.UTC(minDate[0], minDate[1] - 1, minDate[2])), new Date(Date.UTC(maxDate[0], maxDate[1] - 1, maxDate[2] + 1)))\\n    .map(d => d.toISOString().split('T')[0]).sort();\\n\\n\u003C/script>\\n\\n\u003Cstyle>\\n  /*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the \u003CLayerCake> element will\\n    expand to fill it.\\n  */\\n  .chart-container {\\n    width: 100%;\\n    height: 250px;\\n  }\\n\u003C/style>\\n\\n\u003Cdiv class=\\\"chart-container\\\">\\n  \u003CLayerCake\\n    padding={{ top: 0, right: 15, bottom: 20, left: 75 }}\\n    x={xKey}\\n    y={yKey}\\n    xDomain={[0, 24 * 60 * 60]}\\n    yDomain={allDays}\\n    xScale={scaleTime()}\\n    yScale={scaleBand().paddingInner(0.05).round(true)}\\n    data={daysTransformed}\\n  >\\n\\n    \u003CSvg>\\n      \u003CAxisX\\n        ticks={[0, 4, 8, 12, 16, 20, 24].map(d => d * 60 * 60)}\\n        format={d => `${Math.floor(d / 60 / 60)}:00`}\\n      />\\n      \u003CAxisY/>\\n      \u003CScatterSvg\\n        {r}\\n        fill={'rgba(255, 204, 0, 0.75)'}\\n      />\\n    \u003C/Svg>\\n\\n  \u003C/LayerCake>\\n\u003C/div>\"},\"dek\":\"A scatter plot with an `scaleBand` for the y-scale to bucket them by day and a `scaleTime` for the x-scale. The only real fancy part of this plot is modifying the input data to be in \\\"seconds since start of day\\\" and generating the `yDomain` as *every* day between the min and max values, not just days for which we have values. This lets us see days in between that have no data.\\n\",\"components\":[{\"title\":\"./_components/Scatter.svg.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG scatter plot. This component can also work if the x- or y-scale is ordinal, i.e. it has a `.bandwidth` method. See the [timeplot chart](https://layercake.graphics/example/Timeplot) for an example.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { data, xGet, yGet, xScale, yScale } = getContext('LayerCake');\\n\\n  /** @type {Number} [r=5] – The circle's radius. */\\n  export let r = 5;\\n\\n  /** @type {String} [fill='#0cf'] – The circle's fill color. */\\n  export let fill = '#0cf';\\n\\n  /** @type {String} [stroke='#000'] – The circle's stroke color. */\\n  export let stroke = '#000';\\n\\n  /** @type {Number} [strokeWidth=0] – The circle's stroke width. */\\n  export let strokeWidth = 0;\\n\u003C/script>\\n\\n\u003Cg class=\\\"scatter-group\\\">\\n  {#each $data as d}\\n    \u003Ccircle\\n      cx={$xGet(d) + ($xScale.bandwidth ? $xScale.bandwidth() / 2 : 0)}\\n      cy={$yGet(d) + ($yScale.bandwidth ? $yScale.bandwidth() / 2 : 0)}\\n      {r}\\n      {fill}\\n      {stroke}\\n      stroke-width={strokeWidth}\\n    />\\n  {/each}\\n\u003C/g>\"},{\"title\":\"./_components/AxisX.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG x-axis. This component is also configured to detect if your x-scale is an ordinal scale. If so, it will place the markers in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { width, height, xScale, yRange } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show a vertical mark for each tick. */\\n  export let tickMarks = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=6] - The length of the tick mark. */\\n  export let tickMarkLength = 6;\\n\\n  /** @type {Boolean} [baseline=false] – Show a solid line at the bottom. */\\n  export let baseline = false;\\n\\n  /** @type {Boolean} [snapLabels=false] - Instead of centering the text labels on the first and the last items, align them to the edges of the chart. */\\n  export let snapLabels = false;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d;\\n\\n  /** @type {Number|Array|Function} [ticks] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. If nothing, it uses the default ticks supplied by the D3 function. */\\n  export let ticks = undefined;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the yRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=12] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 12;\\n\\n  function textAnchor(i, sl) {\\n    if (sl === true) {\\n      if (i === 0) {\\n        return 'start';\\n      }\\n      if (i === tickVals.length - 1) {\\n        return 'end';\\n      }\\n    }\\n    return 'middle';\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? tickMarkLength ?? 6\\n    : 0;\\n\\n  $: isBandwidth = typeof $xScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $xScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($xScale.ticks()) :\\n          $xScale.ticks(ticks);\\n\\n  $: halfBand = isBandwidth ? $xScale.bandwidth() / 2 : 0\\n\u003C/script>\\n\\n\u003Cg class=\\\"axis x-axis\\\" class:snapLabels>\\n  {#each tickVals as tick, i (tick)}\\n    {#if baseline === true}\\n      \u003Cline\\n        class=\\\"baseline\\\"\\n        y1={$height}\\n        y2={$height}\\n        x1=\\\"0\\\"\\n        x2={$width}\\n      />\\n    {/if}\\n\\n    \u003Cg class=\\\"tick tick-{i}\\\" transform=\\\"translate({$xScale(tick)},{Math.max(...$yRange)})\\\">\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={-$height}\\n          y2=\\\"0\\\"\\n        />\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class=\\\"tick-mark\\\"\\n          x1={halfBand}\\n          x2={halfBand}\\n          y1={tickGutter}\\n          y2={tickGutter + tickLen}\\n        />\\n      {/if}\\n      \u003Ctext\\n        x={halfBand}\\n        y={tickGutter + tickLen}\\n        {dx}\\n        {dy}\\n        text-anchor={textAnchor(i, snapLabels)}>{format(tick)}\u003C/text\\n      >\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  line,\\n  .tick line {\\n    stroke: #aaa;\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick .tick-mark,\\n  .baseline {\\n    stroke-dasharray: 0;\\n  }\\n  /* This looks slightly better */\\n  .axis.snapLabels .tick:last-child text {\\n    transform: translateX(3px);\\n  }\\n  .axis.snapLabels .tick.tick-0 text {\\n    transform: translateX(-3px);\\n  }\\n\u003C/style>\"},{\"title\":\"./_components/AxisY.svelte\",\"contents\":\"\u003C!--\\n  @component\\n  Generates an SVG y-axis. This component is also configured to detect if your y-scale is an ordinal scale. If so, it will place the tickMarks in the middle of the bandwidth.\\n -->\\n\u003Cscript>\\n  import { getContext } from 'svelte';\\n\\n  const { xRange, yScale, width } = getContext('LayerCake');\\n\\n  /** @type {Boolean} [tickMarks=false] - Show marks next to the tick label. */\\n  export let tickMarks = false;\\n\\n  /** @type {String} [labelPosition='even'] - Whether the label sits even with its value ('even') or sits on top ('above') the tick mark. Default is 'even'. */\\n  export let labelPosition = 'even';\\n\\n  /** @type {Boolean} [snapBaselineLabel=false] - When labelPosition='even', adjust the lowest label so that it sits above the tick mark. */\\n  export let snapBaselineLabel = false;\\n\\n  /** @type {Boolean} [gridlines=true] - Show gridlines extending into the chart area. */\\n  export let gridlines = true;\\n\\n  /** @type {Number} [tickMarkLength=undefined] - The length of the tick mark. If not set, becomes the length of the widest tick. */\\n  export let tickMarkLength = undefined;\\n\\n  /** @type {Function} [format=d => d] - A function that passes the current tick value and expects a nicely formatted value in return. */\\n  export let format = d => d ;\\n\\n  /** @type {Number|Array|Function} [ticks=4] - If this is a number, it passes that along to the [d3Scale.ticks](https://github.com/d3/d3-scale) function. If this is an array, hardcodes the ticks to those values. If it's a function, passes along the default tick values and expects an array of tick values in return. */\\n  export let ticks = 4;\\n\\n  /** @type {Number} [tickGutter=0] - The amount of whitespace between the start of the tick and the chart drawing area (the xRange min). */\\n  export let tickGutter = 0;\\n\\n  /** @type {Number} [dx=0] - Any optional value passed to the `dx` attribute on the text label. */\\n  export let dx = 0;\\n\\n  /** @type {Number} [dy=0] - Any optional value passed to the `dy` attribute on the text label. */\\n  export let dy = 0;\\n\\n  /** @type {Number} [charPixelWidth=7.25] - Used to calculate the widest label length to offset labels. Adjust if the automatic tick length doesn't look right because you have a bigger font (or just set `tickMarkLength` to a pixel value). */\\n  export let charPixelWidth = 7.25;\\n\\n  $: isBandwidth = typeof $yScale.bandwidth === 'function';\\n\\n  $: tickVals = Array.isArray(ticks) ? ticks :\\n    isBandwidth ?\\n      $yScale.domain() :\\n      typeof ticks === 'function' ?\\n        ticks($yScale.ticks()) :\\n          $yScale.ticks(ticks);\\n\\n  function calcStringLength(sum, val) {\\n    if (val === ',' || val === '.') return sum + charPixelWidth * 0.5;\\n    return sum + charPixelWidth;\\n  }\\n\\n  $: tickLen = tickMarks === true\\n    ? labelPosition === 'above'\\n      ? tickMarkLength ?? widestTickLen\\n      : tickMarkLength ?? 6\\n    : 0;\\n\\n  $: widestTickLen = Math.max(10, Math.max(...tickVals.map(d => format(d).toString().split('').reduce(calcStringLength, 0))));\\n\\n  $: x1 = -tickGutter - (labelPosition === 'above' ? widestTickLen : tickLen);\\n  $: y = isBandwidth ? $yScale.bandwidth() / 2 : 0;\\n\\n  $: maxTickValPx = Math.max(...tickVals.map($yScale));\\n\u003C/script>\\n\\n\u003Cg class='axis y-axis'>\\n  {#each tickVals as tick (tick)}\\n    {@const tickValPx = $yScale(tick)}\\n    \u003Cg class='tick tick-{tick}' transform='translate({$xRange[0]}, {tickValPx})'>\\n      {#if gridlines === true}\\n        \u003Cline\\n          class=\\\"gridline\\\"\\n          {x1}\\n          x2='{$width}'\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      {#if tickMarks === true}\\n        \u003Cline\\n          class='tick-mark'\\n          {x1}\\n          x2={x1 + tickLen}\\n          y1={y}\\n          y2={y}\\n        >\u003C/line>\\n      {/if}\\n      \u003Ctext\\n        x='{x1}'\\n        {y}\\n        dx={dx + (labelPosition === 'even' ? -3 : 0)}\\n        text-anchor={labelPosition === 'above' ? 'start' : 'end'}\\n        dy='{dy + (labelPosition === 'above' || (snapBaselineLabel === true && tickValPx === maxTickValPx) ? -3 : 4)}'\\n      >{format(tick)}\u003C/text>\\n    \u003C/g>\\n  {/each}\\n\u003C/g>\\n\\n\u003Cstyle>\\n  .tick {\\n    font-size: 11px;\\n  }\\n\\n  .tick line {\\n    stroke: #aaa;\\n  }\\n  .tick .gridline {\\n    stroke-dasharray: 2;\\n  }\\n\\n  .tick text {\\n    fill: #666;\\n  }\\n\\n  .tick.tick-0 line {\\n    stroke-dasharray: 0;\\n  }\\n\u003C/style>\"}],\"modules\":[],\"componentModules\":[],\"componentComponents\":[],\"csvs\":[{\"title\":\"./_data/days.csv\",\"contents\":\"timestring\\n2018-07-22T22:25:55Z\\n2018-07-22T19:35:29Z\\n2018-07-22T18:54:42Z\\n2018-07-22T02:05:59Z\\n2018-07-22T00:55:02Z\\n2018-07-22T00:53:00Z\\n2018-07-22T23:32:37Z\\n2018-07-22T17:52:55Z\\n2018-07-22T17:52:01Z\\n2018-07-22T17:32:21Z\\n2018-07-22T16:38:22Z\\n2018-07-22T16:38:20Z\\n2018-07-22T21:07:28Z\\n2018-07-22T01:36:47Z\\n2018-07-22T01:00:04Z\\n2018-07-22T20:15:35Z\\n2018-07-23T03:05:05Z\\n2018-07-23T02:56:18Z\\n2018-07-23T02:11:53Z\\n2018-07-23T02:08:49Z\\n2018-07-23T02:02:14Z\\n2018-07-23T04:13:29Z\\n2018-07-23T03:24:58Z\\n2018-07-23T03:23:55Z\\n2018-07-23T03:22:02Z\\n2018-07-23T18:37:05Z\\n2018-07-23T01:34:48Z\\n2018-07-23T01:11:38Z\\n2018-07-23T01:02:25Z\\n2018-07-23T23:32:07Z\\n2018-07-23T18:26:04Z\\n2018-07-24T18:25:35Z\\n2018-07-24T02:56:28Z\\n2018-07-24T16:33:57Z\\n2018-07-24T15:52:16Z\\n2018-07-24T20:31:12Z\\n2018-07-24T20:27:11Z\\n2018-07-24T14:17:18Z\\n2018-07-24T03:49:28Z\\n2018-07-24T03:42:33Z\\n2018-07-24T03:20:45Z\\n2018-07-24T01:47:25Z\\n2018-07-24T01:26:16Z\\n2018-07-24T01:16:55Z\\n2018-07-25T00:50:15Z\\n2018-07-25T19:16:21Z\\n2018-07-25T02:38:15Z\\n2018-07-25T01:03:55Z\\n2018-07-25T01:00:55Z\\n2018-07-25T00:59:31Z\\n2018-07-25T19:06:36Z\\n2018-07-25T19:03:18Z\\n2018-07-25T01:05:50Z\\n2018-07-25T23:43:32Z\\n2018-07-25T17:39:53Z\\n2018-07-25T17:37:15Z\\n2018-07-25T15:50:12Z\\n2018-07-25T03:47:16Z\\n2018-07-25T03:06:21Z\\n2018-07-25T02:59:34Z\\n2018-07-25T20:53:53Z\\n2018-07-25T01:37:58Z\\n2018-07-25T01:32:23Z\\n2018-07-25T01:30:09Z\\n2018-07-25T17:03:39Z\\n2018-07-25T16:00:39Z\\n2018-07-25T15:59:44Z\\n2018-07-25T22:29:55Z\\n2018-07-25T02:59:41Z\\n2018-07-25T02:58:36Z\\n2018-07-25T02:56:41Z\\n2018-07-25T02:21:56Z\\n2018-07-25T02:20:27Z\\n2018-07-25T02:15:25Z\\n2018-07-25T02:22:38Z\\n2018-07-25T02:19:25Z\\n2018-07-25T22:48:50Z\\n2018-07-25T06:52:20Z\\n2018-07-25T06:45:09Z\\n2018-07-25T21:18:11Z\\n2018-07-25T17:35:37Z\\n2018-07-25T01:52:56Z\\n2018-07-25T01:07:36Z\\n2018-07-25T01:05:37Z\\n2018-07-25T01:05:27Z\\n2018-07-25T17:24:44Z\\n2018-07-25T15:53:26Z\\n2018-07-25T15:32:59Z\\n2018-07-25T17:33:38Z\\n2018-07-25T15:28:30Z\\n2018-07-25T15:16:40Z\\n2018-07-28T15:07:48Z\\n2018-07-28T13:56:38Z\\n2018-07-28T04:46:00Z\\n2018-07-28T04:19:46Z\\n2018-07-28T04:18:59Z\\n2018-07-28T04:14:41Z\\n2018-07-28T03:54:01Z\\n2018-07-28T03:53:10Z\\n2018-07-28T02:28:02Z\\n2018-07-28T17:41:43Z\\n2018-07-28T04:42:10Z\\n2018-07-28T04:40:23Z\\n2018-07-28T04:40:10Z\\n2018-07-28T01:31:38Z\\n2018-07-28T00:23:02Z\\n2018-07-28T18:17:10Z\\n2018-07-28T18:08:21Z\\n2018-07-28T15:29:46Z\\n2018-07-28T15:15:33Z\\n2018-07-28T04:54:39Z\\n2018-07-28T04:27:48Z\\n2018-07-28T04:24:37Z\\n2018-07-28T04:08:45Z\\n2018-07-28T03:53:50Z\\n2018-07-28T03:42:23Z\\n2018-07-28T19:03:27Z\\n2018-07-28T00:32:39Z\\n2018-07-28T00:32:32Z\\n2018-07-28T02:57:20Z\\n2018-07-28T02:54:40Z\\n2018-07-28T04:28:23Z\\n2018-07-28T02:19:41Z\\n2018-07-28T00:50:51Z\\n2018-07-28T00:40:52Z\\n2018-07-28T21:54:06Z\\n2018-07-28T21:53:09Z\\n2018-07-28T19:09:30Z\\n2018-07-28T18:55:04Z\\n2018-07-28T18:51:44Z\\n2018-07-28T17:24:28Z\\n2018-07-28T02:31:18Z\\n2018-07-28T04:20:20Z\\n2018-07-28T04:19:13Z\\n2018-07-28T04:16:31Z\"}],\"jsons\":[]}"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL("..", location).pathname.slice(0, -1)
 					};
 
@@ -576,8 +576,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("../_app/immutable/entry/start.8McKjAmW.js"),
-						import("../_app/immutable/entry/app.pEfIXzME.js")
+						import("../_app/immutable/entry/start.ra6nUAIR.js"),
+						import("../_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 5],
diff --git a/docs/guide.html b/docs/guide.html
index 3005c667..9f35659c 100644
--- a/docs/guide.html
+++ b/docs/guide.html
@@ -31,23 +31,23 @@
 		<link href="./_app/immutable/assets/_examples_ssr.__jtvDKf.css" rel="stylesheet">
 		<link href="./_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="./_app/immutable/assets/7.EaB1AJU9.css" rel="stylesheet">
-		<link rel="modulepreload" href="./_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="./_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="./_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="./_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="./_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="./_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="./_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
 		<link rel="modulepreload" href="./_app/immutable/nodes/7.aR520pKK.js"><title>LayerCake - Guide</title><!-- HEAD_svelte-133w6f_START --><meta name="og:title" content="Layer Cake — Guide"><meta name="twitter:title" content="Layer Cake — Guide"><!-- HEAD_svelte-133w6f_END -->
 	</head>
@@ -1358,7 +1358,7 @@ <h3 id="scalecanvas">scaleCanvas<span class="call">(<span class="arguments">ctx:
 			<script type="application/json" data-sveltekit-fetched data-url="/guide.json">{"status":200,"statusText":"","headers":{},"body":"[{\"html\":\"\u003Ch3 id=\\\"what-is-layer-cake\\\">What is Layer Cake?\u003Ca href=\\\"/guide#what-is-layer-cake\\\"> \u003C/a>\u003C/h3>\u003Cp>Layer Cake is a graphics framework for \u003Ca href=\\\"https://svelte.dev\\\">Svelte\u003C/a> that removes the boilerplate from making responsive web graphics. it gives you common elements, like a coordinate system and scales, for you to start creating your own dataviz layers, like axes, plots and annotations.\u003C/p>\\n\u003Cp>Layer Cake is described as a framework and not a library because unlike Vega or HighCharts, it doesn&#39;t automatically create, for example, a scatter chart for you. It gives you the scales and the DOM element to encode chart elements from your data. This is because every chart usually ends up needing some customization in one way or another. Those other libraries handle customization  usually by creating a complex JSON specification but learning that is a big investment and can be another layer of abstraction to take into account.\u003C/p>\\n\u003Cp>The idea behind a Layer Cake chart is you can start from a basic scatter, line or bar chart template and – because those chart layers live in your project – you can customize them however you want.\u003C/p>\\n\u003Cp>By organizing a graphic into layers, you can more easily reuse components from project to project. It also lets you easily move between web languages (SVG, Canvas, HTML, WebGL) by giving you a common coordinate system they can all use. That way, you can choose the best format for each element without worrying superimposing different elements on top of one another.\u003C/p>\\n\u003Cp>Layer Cake is more about having a system to organize your own custom components than it is a high-level charting library.\u003C/p>\\n\u003Cblockquote>\\n\u003Cp>Layer Cake uses D3 scales. See more in the \u003Ca href=\\\"/guide#xscale\\\">xScale\u003C/a>, \u003Ca href=\\\"/guide#yscale\\\">yScale\u003C/a>, \u003Ca href=\\\"/guide#zscale\\\">zScale\u003C/a> and \u003Ca href=\\\"/guide#rscale\\\">rScale\u003C/a> sections of the \u003Ca href=\\\"/guide#layercake-props\\\">Layer Cake Props API\u003C/a>.\u003C/p>\\n\u003C/blockquote>\\n\u003Ch3 id=\\\"key-concepts\\\">Key Concepts\u003Ca href=\\\"/guide#key-concepts\\\"> \u003C/a>\u003C/h3>\u003Col>\\n\u003Cli>Layer components exist inside your own project. Layer Cake doesn&#39;t have any built-in concept of what a bar chart or column chart is, for example. It is a tool to give you scales and empty containers to draw on.\u003C/li>\\n\u003Cli>Layer Cake needs a flat array of objects to measure the extents of your data. In most cases, what you pass in to the \u003Ccode>data\u003C/code> prop is already a flat array of objects. In some cases, though, like \u003Ca href=\\\"/example/MultiLine\\\">multi-series line\u003C/a> charts or \u003Ca href=\\\"/example/MapSvg\\\">maps\u003C/a>, your data needs to take on a more complex shape. In these instances, pass in a flat array of objects to the \u003Ca href=\\\"/guide#flatdata\\\">\u003Ccode>flatData\u003C/code>\u003C/a> prop and your accessors will be called on each object in order to calculate your scale extents.\u003C/li>\\n\u003Cli>For most scale types, such as \u003Ca href=\\\"https://github.com/d3/d3-scale#scalelinear\\\">linear scales\u003C/a>, Layer Cake measures the extents of your data as the \u003Ccode>[min, max]\u003C/code>. For categorical scale types (\u003Ca href=\\\"https://github.com/d3/d3-scale#scaleband\\\">\u003Ccode>scaleBand\u003C/code>\u003C/a>, \u003Ca href=\\\"https://github.com/d3/d3-scale#scalepoint\\\">\u003Ccode>scalePoint\u003C/code>\u003C/a> and \u003Ca href=\\\"https://github.com/d3/d3-scale#scaleordinal\\\">\u003Ccode>scaleOrdinal\u003C/code>\u003C/a>), it calculates the extent as the unique values in that list. Also, if your y-scale is not one of these categorical scales, it reverses the default range from \u003Ccode>[0, height]\u003C/code> to \u003Ccode>[height, 0]\u003C/code> in order to match the DOM coordinate system and make drawing easier out of the box.\u003C/li>\\n\u003C/ol>\\n\u003Ch3 id=\\\"getting-started\\\">Getting started\u003Ca href=\\\"/guide#getting-started\\\"> \u003C/a>\u003C/h3>\u003Cp>Install Layer Cake in your \u003Ccode>dependencies\u003C/code> alongside Svelte.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>npm install --save layercake\u003C/code>\u003C/pre>\u003C/div>\u003Cp>The easiest way to get started is to clone down, or use \u003Ca href=\\\"https://github.com/rich-harris/degit\\\">degit\u003C/a> to grab the starter template at \u003Ca href=\\\"https://github.com/mhkeller/layercake-template\\\">https://github.com/mhkeller/layercake-template\u003C/a>.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>degit mhkeller/layercake-template my-chart\\n\u003Cspan class=\\\"hljs-built_in\\\">cd\u003C/span> my-chart\u003C/code>\u003C/pre>\u003C/div>\u003Cp>The \u003Ccode>App.svelte\u003C/code> file in this example is your main Svelte component. You can render a \u003Ccode>&lt;LayerCake&gt;\u003C/code> inside a DOM element like so.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- { filename: &#x27;js/App.svelte&#x27; } --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { \u003Cspan class=\\\"hljs-title class_\\\">LayerCake\u003C/span> } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\\n  \u003Cspan class=\\\"hljs-comment\\\">// Define some data\u003C/span>\\n  \u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> points = [\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">5\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">20\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">15\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">30\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">20\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">40\u003C/span>}\\n  ];\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-css\\\">\\n  \u003Cspan class=\\\"hljs-comment\\\">/*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the &lt;LayerCake&gt; element will\\n    expand to fill it.\\n  */\u003C/span>\\n  \u003Cspan class=\\\"hljs-selector-class\\\">.chart-container\u003C/span> {\\n    \u003Cspan class=\\\"hljs-attribute\\\">width\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">100%\u003C/span>;\\n    \u003Cspan class=\\\"hljs-attribute\\\">height\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">300px\u003C/span>;\\n  }\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;chart-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">data\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ points }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n    \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;x&#x27;\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;y&#x27;\u003C/span>\\n  &gt;\u003C/span>\\n    \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Components go here --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cblockquote>\\n\u003Cp>Each of the \u003Ca href=\\\"https://layercake.graphics\\\">chart examples\u003C/a> can be downloaded or edited live in the browser by clicking on the &quot;Download&quot; or &quot;Edit&quot; buttons, respectively.\u003C/p>\\n\u003C/blockquote>\\n\u003Ch3 id=\\\"using-layout-components\\\">Using layout components\u003Ca href=\\\"/guide#using-layout-components\\\"> \u003C/a>\u003C/h3>\u003Cp>Within the \u003Ccode>LayerCake\u003C/code> component, you&#39;ll want to add at least one layout component, kind of like a wrapper. It can be \u003Ccode>Svg\u003C/code>, \u003Ccode>Html\u003C/code>, \u003Ccode>Canvas\u003C/code> or \u003Ccode>WebGL\u003C/code>. Within any of these is where you&#39;ll put your own custom layer components. Here&#39;s an example with a few different layout elements working together.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- { filename: &#x27;App.svelte&#x27; } --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { \u003Cspan class=\\\"hljs-title class_\\\">LayerCake\u003C/span>, \u003Cspan class=\\\"hljs-title class_\\\">Svg\u003C/span>, \u003Cspan class=\\\"hljs-title class_\\\">Canvas\u003C/span>, \u003Cspan class=\\\"hljs-title class_\\\">Html\u003C/span> }  \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\\n  \u003Cspan class=\\\"hljs-comment\\\">// These are components that live in your project that\u003C/span>\\n  \u003Cspan class=\\\"hljs-comment\\\">// you can customize as you see fit\u003C/span>\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> \u003Cspan class=\\\"hljs-title class_\\\">ScatterCanvas\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;./components/ScatterCanvas.svelte&#x27;\u003C/span>;\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> \u003Cspan class=\\\"hljs-title class_\\\">AxisX\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;./components/AxisX.svelte&#x27;\u003C/span>;\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> \u003Cspan class=\\\"hljs-title class_\\\">AxisY\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;./components/AxisY.svelte&#x27;\u003C/span>;\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> \u003Cspan class=\\\"hljs-title class_\\\">Annotations\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;./components/Annotations.svelte&#x27;\u003C/span>;\\n\\n  \u003Cspan class=\\\"hljs-comment\\\">// Set up some data\u003C/span>\\n  \u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> points = [\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">5\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">20\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">15\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">30\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">20\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">40\u003C/span>}\\n  ];\\n\\n  \u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> annotationBlurbs = [\\n    { \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">20\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">text\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;Look at this value!&#x27;\u003C/span>}\\n  ];\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-css\\\">\\n  \u003Cspan class=\\\"hljs-comment\\\">/*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the &lt;LayerCake&gt; element will\\n    expand to fill it.\\n  */\u003C/span>\\n  \u003Cspan class=\\\"hljs-selector-class\\\">.chart-container\u003C/span> {\\n    \u003Cspan class=\\\"hljs-attribute\\\">width\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">100%\u003C/span>;\\n    \u003Cspan class=\\\"hljs-attribute\\\">height\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">300px\u003C/span>;\\n  }\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;chart-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;x&#x27;\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;y&#x27;\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">data\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{points}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n  &gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Canvas\u003C/span>&gt;\u003C/span>\\n      \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">ScatterCanvas\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">fill\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-string\\\">&#x27;blue&#x27;\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\"> \u003Cspan class=\\\"hljs-attr\\\">r\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-number\\\">3\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">/&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Canvas\u003C/span>&gt;\u003C/span>\\n\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n      \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">AxisX\u003C/span>/&gt;\u003C/span>\\n      \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">AxisY\u003C/span>/&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Html\u003C/span>&gt;\u003C/span>\\n      \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Annotations\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">blurbs\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{annotationBlurbs}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\"> /&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Html\u003C/span>&gt;\u003C/span>\\n\\n    \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- If you wanted to, you could add another &lt;Svg&gt; again... --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cblockquote>\\n\u003Cp>Layout components have a few their own properties that let you customize behavior. Read more in the \u003Ca href=\\\"guide#layout-components\\\">Layout Components\u003C/a> section.\u003C/p>\\n\u003C/blockquote>\\n\u003Ch3 id=\\\"layer-components\\\">Layer components\u003Ca href=\\\"/guide#layer-components\\\"> \u003C/a>\u003C/h3>\u003Cp>The only components the Layer Cake module exports are \u003Ccode>LayerCake\u003C/code> and those layout components, everything else that actually draws your chart is up to you to create. Inside those layer components you can access the scales and other values derived from your data. You do this with Svelte&#39;s \u003Ca href=\\\"https://svelte.dev/docs#getContext\\\">\u003Ccode>getContext\u003C/code>\u003C/a> function.\u003C/p>\\n\u003Cp>Here&#39;s an example starting with a similar \u003Ccode>App.svelte\u003C/code> file to the example above. We&#39;re creating a scatter chart in SVG.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- { filename: &#x27;App.svelte&#x27; } --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { \u003Cspan class=\\\"hljs-title class_\\\">LayerCake\u003C/span>, \u003Cspan class=\\\"hljs-title class_\\\">Svg\u003C/span> } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> \u003Cspan class=\\\"hljs-title class_\\\">Scatter\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;./components/Scatter.svelte&#x27;\u003C/span>;\\n\\n  \u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> points = [\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">5\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">20\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">15\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">30\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">20\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">40\u003C/span>}\\n  ];\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-css\\\">\\n  \u003Cspan class=\\\"hljs-comment\\\">/*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the &lt;LayerCake&gt; element will\\n    expand to fill it.\\n  */\u003C/span>\\n  \u003Cspan class=\\\"hljs-selector-class\\\">.chart-container\u003C/span> {\\n    \u003Cspan class=\\\"hljs-attribute\\\">width\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">100%\u003C/span>;\\n    \u003Cspan class=\\\"hljs-attribute\\\">height\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">300px\u003C/span>;\\n  }\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;chart-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;x&#x27;\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;y&#x27;\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">data\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ points }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n  &gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n      \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- You can expose properties on your chart components to make them more reusable --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n      \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Scatter\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">fill\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-string\\\">&#x27;blue&#x27;\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\"> \u003Cspan class=\\\"hljs-attr\\\">r\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-number\\\">3\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\"> /&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>This is what the scatter component looks like:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- { filename: &#x27;./components/Scatter.svelte&#x27; } --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-comment\\\">// Import the getContext function from svelte\u003C/span>\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { getContext } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;svelte&#x27;\u003C/span>;\\n\\n  \u003Cspan class=\\\"hljs-comment\\\">// Access the context using the &#x27;LayerCake&#x27; keyword\u003C/span>\\n  \u003Cspan class=\\\"hljs-comment\\\">// Grab some helpful functions\u003C/span>\\n  \u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> { data, x, xScale, y, yScale } = \u003Cspan class=\\\"hljs-title function_\\\">getContext\u003C/span>(\u003Cspan class=\\\"hljs-string\\\">&#x27;LayerCake&#x27;\u003C/span>);\\n\\n  \u003Cspan class=\\\"hljs-keyword\\\">export\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">let\u003C/span> fill = \u003Cspan class=\\\"hljs-string\\\">&#x27;#000&#x27;\u003C/span>;\\n  \u003Cspan class=\\\"hljs-keyword\\\">export\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">let\u003C/span> r = \u003Cspan class=\\\"hljs-number\\\">5\u003C/span>;\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">g\u003C/span>&gt;\u003C/span>\\n  \u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">#each\u003C/span>\u003Cspan class=\\\"language-javascript\\\"> $data \u003Cspan class=\\\"hljs-keyword\\\">as\u003C/span> d}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">circle\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">cx\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ $xScale($x(d)) }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\u003Cspan class=\\\"hljs-string\\\">&#x27;\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">cy\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ $yScale($y(d)) }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\u003Cspan class=\\\"hljs-string\\\">&#x27;\u003C/span> \u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{fill}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\"> \u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{r}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\"> /&gt;\u003C/span>\\n  \u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">/each\u003C/span>\u003Cspan class=\\\"language-javascript\\\">}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">g\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cblockquote>\\n\u003Cp>You \u003Cem>could\u003C/em> hardcode the radius and fill in the component but exposing those variables to your App makes this component more reusable from project to project. Or, within a project, you could use the same layer component to render different charts of varying color.\u003C/p>\\n\u003C/blockquote>\\n\u003Cp>A few notes on this component:\u003C/p>\\n\u003Col>\\n\u003Cli>Everything that you export from \u003Ccode>getContext(&#39;LayerCake&#39;)\u003C/code> is a \u003Ca href=\\\"https://svelte.dev/docs#svelte_store\\\">Svelte store\u003C/a> so prefix them with \u003Ccode>$\u003C/code> in the template.\u003C/li>\\n\u003Cli>This example is a bit verbose because we&#39;re calling our accessor functions and then our scale functions. You can combine these two steps with the built-in \u003Ccode>xGet\u003C/code> and \u003Ccode>yGet\u003C/code> functions. Like so:\u003C/li>\\n\u003C/ol>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- { filename: &#x27;./components/Scatter.svelte&#x27; } --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-comment\\\">// Import the getContext function from svelte\u003C/span>\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { getContext } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;svelte&#x27;\u003C/span>;\\n\\n  \u003Cspan class=\\\"hljs-comment\\\">// Access the context using the &#x27;LayerCake&#x27; keyword\u003C/span>\\n  \u003Cspan class=\\\"hljs-comment\\\">// Grab some helpful functions\u003C/span>\\n  \u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> { data, xGet, yGet } = \u003Cspan class=\\\"hljs-title function_\\\">getContext\u003C/span>(\u003Cspan class=\\\"hljs-string\\\">&#x27;LayerCake&#x27;\u003C/span>);\\n\\n  \u003Cspan class=\\\"hljs-comment\\\">// Customizable defaults\u003C/span>\\n  \u003Cspan class=\\\"hljs-keyword\\\">export\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">let\u003C/span> fill = \u003Cspan class=\\\"hljs-string\\\">&#x27;#000&#x27;\u003C/span>;\\n  \u003Cspan class=\\\"hljs-keyword\\\">export\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">let\u003C/span> r = \u003Cspan class=\\\"hljs-number\\\">5\u003C/span>;\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">g\u003C/span>&gt;\u003C/span>\\n  \u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">#each\u003C/span>\u003Cspan class=\\\"language-javascript\\\"> $data \u003Cspan class=\\\"hljs-keyword\\\">as\u003C/span> d}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">circle\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">cx\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ $xGet(d) }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\u003Cspan class=\\\"hljs-string\\\">&#x27;\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">cy\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ $yGet(d) }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\u003Cspan class=\\\"hljs-string\\\">&#x27;\u003C/span> \u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{fill}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\"> \u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{r}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\"> /&gt;\u003C/span>\\n  \u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">/each\u003C/span>\u003Cspan class=\\\"language-javascript\\\">}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">g\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cblockquote>\\n\u003Cp>Many common chart types have example pages. See the gallery at \u003Ca href=\\\"https://layercake.graphics\\\">https://layercake.graphics\u003C/a> or use the dropdown menu at the top of the page to navigate to one.\u003C/p>\\n\u003C/blockquote>\\n\u003Ch3 id=\\\"data-less-cakes\\\">Data-less cakes\u003Ca href=\\\"/guide#data-less-cakes\\\"> \u003C/a>\u003C/h3>\u003Cp>You can also use Layer Cake to simply arrange SVG, HTML, Canvas and WebGL elements on top of one another, sharing the same dimensions. For example, this would be handy if you have some SVG artwork that you want to put on top of an HTML video player.\u003C/p>\\n\u003Cp>Here&#39;s an example that doesn&#39;t set any properties on the \u003Ccode>LayerCake\u003C/code> component:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- { filename: &#x27;App.Svelte&#x27; } --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { \u003Cspan class=\\\"hljs-title class_\\\">LayerCake\u003C/span>, \u003Cspan class=\\\"hljs-title class_\\\">Svg\u003C/span>, \u003Cspan class=\\\"hljs-title class_\\\">Html\u003C/span> } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> \u003Cspan class=\\\"hljs-title class_\\\">Frame\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;./components/Frame.svelte&#x27;\u003C/span>;\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> \u003Cspan class=\\\"hljs-title class_\\\">VideoPlayer\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;./components/VideoPlayer.svelte&#x27;\u003C/span>;\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-css\\\">\\n  \u003Cspan class=\\\"hljs-comment\\\">/*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the &lt;LayerCake&gt; element will\\n    expand to fill it.\\n  */\u003C/span>\\n  \u003Cspan class=\\\"hljs-selector-class\\\">.chart-container\u003C/span> {\\n    \u003Cspan class=\\\"hljs-attribute\\\">width\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">100%\u003C/span>;\\n    \u003Cspan class=\\\"hljs-attribute\\\">height\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">300px\u003C/span>;\\n  }\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;chart-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n      \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Frame\u003C/span>/&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Html\u003C/span>&gt;\u003C/span>\\n      \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">VideoPlayer\u003C/span>/&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Html\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"server-side-rendering\\\">Server-side rendering\u003Ca href=\\\"/guide#server-side-rendering\\\"> \u003C/a>\u003C/h3>\u003Cp>See the \u003Ca href=\\\"https://github.com/mhkeller/layercake-template\\\">layercake-template\u003C/a> for the rollup config needed to compile LayerCake server-side. In short, it creates a JavaScript file, which then constructs the required HTML and CSS when executed. You have the option of also hydrating that markup with any additional client-side JavaScript, or building it without any bundled JavaScript.\u003C/p>\\n\u003Cp>You can also use LayerCake in Svelte Kit to create charts that work without JavaScript, which is how the server-side examples on this site work. Just set the \u003Ca href=\\\"/guide#ssr\\\">ssr\u003C/a> prop to \u003Ccode>true\u003C/code>. Check out the examples on the \u003Ca href=\\\"/\\\">home page\u003C/a> for useful patterns using the \u003Ca href=\\\"/guide#percentrange\\\">percentRange\u003C/a> option, the \u003Ca href=\\\"/guide#scaledsvg\\\">ScaledSvg\u003C/a> component and other percentage-based components.\u003C/p>\\n\u003Ch3 id=\\\"how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range\\\">How does LayerCake know what to set as a scale&#39;s domain and range?\u003Ca href=\\\"/guide#how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range\\\"> \u003C/a>\u003C/h3>\u003Cp>As of version 7.0, Layer Cake tries to be a little smarter about how it calculates these values. For categorical scales (like \u003Ca href=\\\"https://github.com/d3/d3-scale#scaleband\\\">\u003Ccode>scaleBand\u003C/code>\u003C/a>, \u003Ca href=\\\"https://github.com/d3/d3-scale#scalepoint\\\">\u003Ccode>scalePoint\u003C/code>\u003C/a> and \u003Ca href=\\\"https://github.com/d3/d3-scale#scaleordinal\\\">\u003Ccode>scaleOrdinal\u003C/code>\u003C/a>), it calculates the extent as the list of unique values in your data for a given field. This is useful for bar charts, column charts or color scales where you have discrete values as opposed to a continuous range.\u003C/p>\\n\u003Cp>For all other scale types, Layer Cake measures the extent as the simple \u003Ccode>[min, max]\u003C/code> values.\u003C/p>\\n\u003Cp>The default ranges for each dimension are:\u003C/p>\\n\u003Cul>\\n\u003Cli>x: \u003Ccode>[0, width]\u003C/code>\u003C/li>\\n\u003Cli>y: \u003Ccode>[height, 0]\u003C/code>, unless using a \u003Ccode>scaleBand\u003C/code> or \u003Ccode>scalePoint\u003C/code> and it is \u003Ccode>[0, height]\u003C/code>\u003C/li>\\n\u003Cli>r: \u003Ccode>[1, 25]\u003C/code>. The min is \u003Ccode>1\u003C/code> and not zero because this is a \u003Ccode>scaleSqrt\u003C/code> by default and \u003Ccode>0\u003C/code> is not allowed in that type of chart.\u003C/li>\\n\u003Cli>z: \u003Ccode>[0, width]\u003C/code>\u003C/li>\\n\u003C/ul>\\n\",\"metadata\":{\"title\":\"Introduction\"},\"subsections\":[{\"slug\":\"what-is-layer-cake\",\"title\":\"What is Layer Cake?\"},{\"slug\":\"key-concepts\",\"title\":\"Key Concepts\"},{\"slug\":\"getting-started\",\"title\":\"Getting started\"},{\"slug\":\"using-layout-components\",\"title\":\"Using layout components\"},{\"slug\":\"layer-components\",\"title\":\"Layer components\"},{\"slug\":\"data-less-cakes\",\"title\":\"Data-less cakes\"},{\"slug\":\"server-side-rendering\",\"title\":\"Server-side rendering\"},{\"slug\":\"how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range\",\"title\":\"How does LayerCake know what to set as a scale's domain and range?\"}],\"slug\":\"introduction\",\"file\":\"00-introduction.md\"},{\"html\":\"\u003Ch3 id=\\\"use-the-debug-feature\\\">Use the debug feature\u003Ca href=\\\"/guide#use-the-debug-feature\\\"> \u003C/a>\u003C/h3>\u003Cp>To get more information about what scales you&#39;re using and the calculated \u003Ccode>domain\u003C/code> and \u003Ccode>range\u003C/code>, set the \u003Ca href=\\\"/guide#debug\\\">\u003Ccode>debug\u003C/code>\u003C/a> prop to \u003Ccode>true\u003C/code>.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">debug\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-literal\\\">true\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n\\n  \u003C/span>\u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Can also be set simply with this Svelte shorthand --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n  \u003Cspan class=\\\"hljs-attr\\\">debug\u003C/span>\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>This will print:\u003C/p>\\n\u003Col>\\n\u003Cli>The bounding box dimensions of your chart container\u003C/li>\\n\u003Cli>The scales you have currently set and for each one:\u003Col>\\n\u003Cli>The accessor function or string key\u003C/li>\\n\u003Cli>The scale type\u003C/li>\\n\u003Cli>The \u003Ccode>domain\u003C/code>\u003C/li>\\n\u003Cli>The \u003Ccode>range\u003C/code>\u003C/li>\\n\u003C/ol>\\n\u003C/li>\\n\u003C/ol>\\n\u003Cp>It&#39;s helpful if you&#39;re trying to track down why a chart is not display correctly, which comes down to CSS not being set on the parent chart container or weird data issues (\u003Ccode>undefined\u003C/code>, \u003Ccode>NaN\u003C/code> values etc...) that are throwing off the extent calculation for the \u003Ccode>domain\u003C/code>.\u003C/p>\\n\u003Ch3 id=\\\"typescript\\\">TypeScript\u003Ca href=\\\"/guide#typescript\\\"> \u003C/a>\u003C/h3>\u003Cp>Layer Cake suggests using TypeScript 5 and, \u003Ca href=\\\"https://kit.svelte.dev/docs/packaging#typescript\\\">per the SvelteKit docs\u003C/a>, suggests you set the \u003Ccode>moduleResolution\u003C/code> option to \u003Ccode>bundler\u003C/code>. See the SvelteKit docs \u003Ca href=\\\"https://kit.svelte.dev/docs/packaging#typescript\\\">for more info\u003C/a>.\u003C/p>\\n\u003Ch3 id=\\\"the-chart-is-blank\\\">The chart is blank\u003Ca href=\\\"/guide#the-chart-is-blank\\\"> \u003C/a>\u003C/h3>\u003Cp>The \u003Ccode>&lt;LayerCake&gt;\u003C/code> component expands to fill the size of its parent \u003Ccode>&lt;div&gt;\u003C/code> – that&#39;s why all of the examples define a \u003Ccode>chart-container\u003C/code> element with a specific width and height. If your chart isn&#39;t showing up, make sure you have a width and height set on your wrapper div.\u003C/p>\\n\u003Cp>Inspect the DOM tree with your browser&#39;s dev tools and look at what width and height the Layer Cake layout elements are receiving and trace up the parents in the tree to see which element may not be sized properly. If you have an unusual combination of \u003Ccode>absolute\u003C/code>-ly positioned elements, it could be one of the parents is not getting a specific width and height.\u003C/p>\\n\u003Cp>Also take a look in the console for any warnings. LayerCake will warn you if any of the dimensions are zero or negative.\u003C/p>\\n\u003Ch3 id=\\\"the-chart-is-a-very-small-square\\\">The chart is a very small square\u003Ca href=\\\"/guide#the-chart-is-a-very-small-square\\\"> \u003C/a>\u003C/h3>\u003Cp>This is likely due to some other JavaScript error on the page. A small rectangle of a chart, probably 100x100 means that the server-side rendering was able to bake elements onto the page, but something short-circuited the JavaScript. Check for other console errors that halted the JavaScript process.\u003C/p>\\n\u003Ch3 id=\\\"the-library-isn39t-building-properly\\\">The library isn&#39;t building properly\u003Ca href=\\\"/guide#the-library-isn39t-building-properly\\\"> \u003C/a>\u003C/h3>\u003Cp>Layer Cake is \u003Cem>almost entirely\u003C/em> a basic Svelte component. The exception is the \u003Ca href=\\\"https://github.com/mhkeller/layercake/blob/bc13c6c38d54abc16d20ef37878fa707bf48a3bf/src/index.js\\\">index.js\u003C/a> file, which is an esm module. This file, though, is non-essential to how the library works and is just a pointer for the rest of the library&#39;s imports. If you copy Layer Cake&#39;s source into your project directly and import the individual components, it should build just like any other Svelte component in your project.\u003C/p>\\n\u003Cp>For example:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> \u003Cspan class=\\\"hljs-title class_\\\">LayerCake\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;./layercake/src/LayerCake.svelte&#x27;\u003C/span>;\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> \u003Cspan class=\\\"hljs-title class_\\\">Svg\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;./layercake/src/layouts/Svg.svelte&#x27;\u003C/span>;\\n  \u003Cspan class=\\\"hljs-comment\\\">// etc...\u003C/span>\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cblockquote>\\n\u003Cp>Copying Layer Cake&#39;s layout components into your library is actually a great way to add any additional customizations or functionality while maintaining compatibility with the rest of the library&#39;s API. You can use any of the built-in layout components as a starting point for something more complex, if need be.\u003C/p>\\n\u003C/blockquote>\\n\u003Ch3 id=\\\"listening-for-click-events-on-the-entire-component\\\">Listening for click events on the entire component\u003Ca href=\\\"/guide#listening-for-click-events-on-the-entire-component\\\"> \u003C/a>\u003C/h3>\u003Cp>See the example in \u003Ca href=\\\"https://github.com/mhkeller/layercake/issues/123\\\">this issue\u003C/a>.\u003C/p>\\n\",\"metadata\":{\"title\":\"Troubleshooting\"},\"subsections\":[{\"slug\":\"use-the-debug-feature\",\"title\":\"Use the debug feature\"},{\"slug\":\"typescript\",\"title\":\"TypeScript\"},{\"slug\":\"the-chart-is-blank\",\"title\":\"The chart is blank\"},{\"slug\":\"the-chart-is-a-very-small-square\",\"title\":\"The chart is a very small square\"},{\"slug\":\"the-library-isn39t-building-properly\",\"title\":\"The library isn't building properly\"},{\"slug\":\"listening-for-click-events-on-the-entire-component\",\"title\":\"Listening for click events on the entire component\"}],\"slug\":\"troubleshooting\",\"file\":\"01-troubleshooting.md\"},{\"html\":\"\u003Ch3 id=\\\"layout-attributes\\\">Layout attributes\u003Ca href=\\\"/guide#layout-attributes\\\"> \u003C/a>\u003C/h3>\u003Cp>Since Layer Cake components live inside your project, you have full control over what your markup looks like. The exception is the built-in layout components \u003Ccode>Svg\u003C/code>, \u003Ccode>Canvas\u003C/code>, \u003Ccode>Html\u003C/code>, \u003Ccode>Svg\u003C/code> and \u003Ccode>WebGl\u003C/code>.\u003C/p>\\n\u003Cp>Each of these components exposes props that will help with accessibility. These are the props that are common to all layout components:\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ccode>label\u003C/code> → Sets \u003Ca href=\\\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label\\\">\u003Ccode>aria-label\u003C/code>\u003C/a>\u003C/li>\\n\u003Cli>\u003Ccode>labelledBy\u003C/code> → Sets \u003Ca href=\\\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby\\\">\u003Ccode>aria-labelledby\u003C/code>\u003C/a>\u003C/li>\\n\u003Cli>\u003Ccode>describedBy\u003C/code> → Sets \u003Ca href=\\\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby\\\">\u003Ccode>aria-describedby\u003C/code>\u003C/a>\u003C/li>\\n\u003C/ul>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">label\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;A chart label of some kind.&quot;\u003C/span>\\n  &gt;\u003C/span>\\n    \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Components go here --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"html-layouts\\\">HTML layouts\u003Ca href=\\\"/guide#html-layouts\\\"> \u003C/a>\u003C/h3>\u003Cp>These aria labels are not very meaningful for \u003Ccode>Html\u003C/code> components without also specifying a \u003Ccode>role\u003C/code> attribute so if you set any of the above attributes, your HTML component will have \u003Ccode>role=&#39;figure&#39;\u003C/code> set. If you don&#39;t want that falue to be \u003Ccode>&#39;figure&#39;\u003C/code>, the \u003Ccode>Html\u003C/code> component – and only that one – has a \u003Ccode>role\u003C/code> prop that will override it.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n  \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- By default, any Html component has role set to &#x27;figure&#x27; but you can change it with a prop --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Html\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">role\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;figure&#x27;\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">label\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;A chart label of some kind.&quot;\u003C/span>\\n  &gt;\u003C/span>\\n    \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Components go here --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Html\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"svg-layouts\\\">SVG layouts\u003Ca href=\\\"/guide#svg-layouts\\\"> \u003C/a>\u003C/h3>\u003Cp>The \u003Ccode>Svg\u003C/code> and \u003Ccode>ScaledSvg\u003C/code> components have a \u003Ccode>title\u003C/code> prop and a named \u003Ccode>title\u003C/code> slot.\u003C/p>\\n\u003Cp>The prop is shorthand to set the contents of a \u003Ccode>&lt;title&gt;\u003C/code> tag like this:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">title\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;A chart title of some kind.&#x27;\u003C/span>\\n  &gt;\u003C/span>\\n    \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Components go here --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>And becomes...\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;layercake-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;layercake-layout-html&quot;\u003C/span>&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">title\u003C/span>&gt;\u003C/span>A chart title of some kind.\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">title\u003C/span>&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Components go here --&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>If you want to set more custom HTML, you can use the named \u003Ccode>title\u003C/code> slot.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">slot\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;title&quot;\u003C/span>&gt;\u003C/span>A chart title of some kind in custom HTML.\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\\n    \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Components go here --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>And becomes...\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;layercake-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;layercake-layout-svg&quot;\u003C/span>&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>A chart title of some kind in custom HTML.\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Components go here --&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>You mostly will just use the \u003Ccode>title\u003C/code> prop but the slot is there as an escape hatch. Setting the \u003Ccode>title\u003C/code> slot will override any value you set as the prop.\u003C/p>\\n\u003Ch3 id=\\\"canvas-and-webgl-layouts\\\">Canvas and WebGl layouts\u003Ca href=\\\"/guide#canvas-and-webgl-layouts\\\"> \u003C/a>\u003C/h3>\u003Cp>The \u003Ccode>Canvas\u003C/code> and \u003Ccode>WebGl\u003C/code> layout components have a \u003Ccode>fallback\u003C/code> prop and a named \u003Ccode>fallback\u003C/code> slot that defines the text to display when \u003Ccode>&lt;canvas&gt;\u003C/code> is unavailable.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Canvas\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">fallback\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;A description of the chart to display when canvas is unavailable.&quot;\u003C/span>&gt;\u003C/span>\\n    \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Components go here --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Canvas\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>And becomes...\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;layercake-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;layercake-layout-canvas&quot;\u003C/span>&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">canvas\u003C/span>&gt;\u003C/span>A description of the chart to display when canvas is unavailable.\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">canvas\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>If you want more complex fallback markup, set the named \u003Ccode>fallback\u003C/code> slot:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Canvas\u003C/span>&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">svelte:fragment\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">slot\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;fallback&quot;\u003C/span>&gt;\u003C/span>A description of the chart to display when canvas is unavailable.\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">svelte:fragment\u003C/span>&gt;\u003C/span>\\n    \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Components go here --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Canvas\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>And becomes...\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;layercake-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;layercake-layout-canvas&quot;\u003C/span>&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">canvas\u003C/span>&gt;\u003C/span>A description of the chart to display when canvas is unavailable.\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">canvas\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\",\"metadata\":{\"title\":\"Accessibility\"},\"subsections\":[{\"slug\":\"layout-attributes\",\"title\":\"Layout attributes\"},{\"slug\":\"html-layouts\",\"title\":\"HTML layouts\"},{\"slug\":\"svg-layouts\",\"title\":\"SVG layouts\"},{\"slug\":\"canvas-and-webgl-layouts\",\"title\":\"Canvas and WebGl layouts\"}],\"slug\":\"accessibility\",\"file\":\"02-accessibility.md\"},{\"html\":\"\u003Cp>These are the props you can set on the \u003Ccode>LayerCake\u003C/code> component itself. You set them all like so:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Layercake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">foo\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;foo&#x27;\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">bar\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;bar&#x27;\u003C/span>\\n&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>The component also exports an \u003Ccode>element\u003C/code> prop that represents the main wrapper, in case you need to access it for some reason. It also exposes this as a slot prop.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">let\u003C/span> mainElement;\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">bind:element\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{mainElement}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n  \u003Cspan class=\\\"hljs-attr\\\">let:element\u003C/span>\\n&gt;\u003C/span>\\n  \u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-variable language_\\\">console\u003C/span>.\u003Cspan class=\\\"hljs-title function_\\\">log\u003C/span>(mainElement === element)}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"data\\\">data \u003Ccode>Array\u003C/code>\u003Ca href=\\\"/guide#data\\\"> \u003C/a>\u003C/h3>\u003Cp>A list of data items. If this is not a flat data array of objects, you&#39;ll also need to set \u003Ca href=\\\"/guide#flatdata\\\">flatData\u003C/a>.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">data\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ myData }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"x\\\">x \u003Ccode>String|Function|Number|Array\u003C/code>\u003Ca href=\\\"/guide#x\\\"> \u003C/a>\u003C/h3>\u003Cp>The key in each row of data that corresponds to the x-field. This can be a string, number (usually relating to an index of an array), an accessor function, or any combination of those types. This property gets converted to a function when you access it through the context.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;myX&#x27;\u003C/span>\\n  \u003C/span>\u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- is equivalent to... --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n  \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ \u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">d\u003C/span> =&gt;\u003C/span> d.\u003Cspan class=\\\"hljs-property\\\">myX\u003C/span> }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>You can also give this value an array of strings or arrays of functions. While it may seem counter-intuitive to have more than one x- or y-accessor, this is the case in stacked layouts and Cleveland dot plots. See the \u003Ca href=\\\"/example/BarStacked\\\">Stacked bar\u003C/a>, \u003Ca href=\\\"/example/AreaStacked\\\">Stacked area\u003C/a>, \u003Ca href=\\\"/example/ColumnStacked\\\">Stacked column\u003C/a> or \u003Ca href=\\\"/example/ClevelandDotPlot\\\">Cleveland dot plot\u003C/a> for complete examples.\u003C/p>\\n\u003Cp>Here&#39;s an overview using the \u003Ccode>d3.stack()\u003C/code> to make a horizontal bar chart, which will have two values for the x-accessor.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> data = [\\n  {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-keyword\\\">new\u003C/span> \u003Cspan class=\\\"hljs-title class_\\\">Date\u003C/span>(\u003Cspan class=\\\"hljs-number\\\">2015\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">3\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>), \u003Cspan class=\\\"hljs-attr\\\">apples\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">3840\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">bananas\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1920\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">cherries\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">960\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">dates\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">400\u003C/span>},\\n  {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-keyword\\\">new\u003C/span> \u003Cspan class=\\\"hljs-title class_\\\">Date\u003C/span>(\u003Cspan class=\\\"hljs-number\\\">2015\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">2\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>), \u003Cspan class=\\\"hljs-attr\\\">apples\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">bananas\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1440\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">cherries\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">960\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">dates\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">400\u003C/span>},\\n  {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-keyword\\\">new\u003C/span> \u003Cspan class=\\\"hljs-title class_\\\">Date\u003C/span>(\u003Cspan class=\\\"hljs-number\\\">2015\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>), \u003Cspan class=\\\"hljs-attr\\\">apples\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>,  \u003Cspan class=\\\"hljs-attr\\\">bananas\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">960\u003C/span>,  \u003Cspan class=\\\"hljs-attr\\\">cherries\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">dates\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">400\u003C/span>},\\n  {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-keyword\\\">new\u003C/span> \u003Cspan class=\\\"hljs-title class_\\\">Date\u003C/span>(\u003Cspan class=\\\"hljs-number\\\">2015\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>), \u003Cspan class=\\\"hljs-attr\\\">apples\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">320\u003C/span>,  \u003Cspan class=\\\"hljs-attr\\\">bananas\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">480\u003C/span>,  \u003Cspan class=\\\"hljs-attr\\\">cherries\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">dates\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">400\u003C/span>}\\n];\\n\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> stack = d3.\u003Cspan class=\\\"hljs-title function_\\\">stack\u003C/span>()\\n  .\u003Cspan class=\\\"hljs-title function_\\\">keys\u003C/span>([\u003Cspan class=\\\"hljs-string\\\">&#x27;apples&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-string\\\">&#x27;bananas&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-string\\\">&#x27;cherries&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-string\\\">&#x27;dates&#x27;\u003C/span>]);\\n\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> series = \u003Cspan class=\\\"hljs-title function_\\\">stack\u003C/span>(data);\u003C/code>\u003C/pre>\u003C/div>\u003Cp>The data is now an array of values. The \u003Ccode>month\u003C/code> values you can&#39;t see because sneakily stashes them as a property on the array, accessible as \u003Ccode>d.data\u003C/code>.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>[\\n  [[   \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">3840\u003C/span>], [   \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>], [   \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>,  \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>], [   \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>,  \u003Cspan class=\\\"hljs-number\\\">320\u003C/span>]], \u003Cspan class=\\\"hljs-comment\\\">// apples\u003C/span>\\n  [[\u003Cspan class=\\\"hljs-number\\\">3840\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">5760\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">3040\u003C/span>], [ \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>], [ \u003Cspan class=\\\"hljs-number\\\">320\u003C/span>,  \u003Cspan class=\\\"hljs-number\\\">800\u003C/span>]], \u003Cspan class=\\\"hljs-comment\\\">// bananas\u003C/span>\\n  [[\u003Cspan class=\\\"hljs-number\\\">5760\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">6720\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">3040\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">4000\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">2240\u003C/span>], [ \u003Cspan class=\\\"hljs-number\\\">800\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1440\u003C/span>]], \u003Cspan class=\\\"hljs-comment\\\">// cherries\u003C/span>\\n  [[\u003Cspan class=\\\"hljs-number\\\">6720\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">7120\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">4000\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">4400\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">2240\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">2640\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">1440\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1840\u003C/span>]]  \u003Cspan class=\\\"hljs-comment\\\">// dates\u003C/span>\\n]\u003C/code>\u003C/pre>\u003C/div>\u003Cp>The x- and y-accessors would then look like this:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ [\u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>] }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n  \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ \u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">d\u003C/span> =&gt;\u003C/span> d.\u003Cspan class=\\\"hljs-property\\\">data\u003C/span>.\u003Cspan class=\\\"hljs-property\\\">month\u003C/span> }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>Calls to \u003Ccode>x(dataRow)\u003C/code> in this scenario will return the two-value array. Calls to \u003Ccode>xGet(dataRow)\u003C/code> will return a two-value array, mapped through the \u003Ca href=\\\"/guide#xscale\\\">xScale\u003C/a>.\u003C/p>\\n\u003Ch3 id=\\\"y\\\">y \u003Ccode>String|Function|Number|Array\u003C/code>\u003Ca href=\\\"/guide#y\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#x\\\">x\u003C/a> but for the y dimension.\u003C/p>\\n\u003Ch3 id=\\\"z\\\">z \u003Ccode>String|Function|Number|Array\u003C/code>\u003Ca href=\\\"/guide#z\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#x\\\">x\u003C/a> but for the z dimension.\u003C/p>\\n\u003Ch3 id=\\\"r\\\">r \u003Ccode>String|Function|Number|Array\u003C/code>\u003Ca href=\\\"/guide#r\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#x\\\">x\u003C/a> but for the r dimension.\u003C/p>\\n\u003Ch3 id=\\\"debug\\\">debug \u003Ccode>Boolean\u003C/code>\u003Ca href=\\\"/guide#debug\\\"> \u003C/a>\u003C/h3>\u003Cp>If this is \u003Ccode>true\u003C/code>, Layer Cake will print to the control a helpful debug message.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">debug\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-literal\\\">true\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n\\n  \u003C/span>\u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Can also be set simply with this Svelte shorthand --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n  \u003Cspan class=\\\"hljs-attr\\\">debug\u003C/span>\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>It will display:\u003C/p>\\n\u003Col>\\n\u003Cli>The bounding box dimensions of your chart container\u003C/li>\\n\u003Cli>The scales you have currently set and for each one:\u003Col>\\n\u003Cli>The accessor function or string key\u003C/li>\\n\u003Cli>The scale type\u003C/li>\\n\u003Cli>The \u003Ccode>domain\u003C/code>\u003C/li>\\n\u003Cli>The \u003Ccode>range\u003C/code>\u003C/li>\\n\u003C/ol>\\n\u003C/li>\\n\u003C/ol>\\n\u003Cp>It&#39;s helpful if you&#39;re trying to track down why a chart is not display correctly, which comes down to CSS not being set on the parent chart container or weird data issues (\u003Ccode>undefined\u003C/code>, \u003Ccode>NaN\u003C/code> values etc...) that are throwing off the extent calculation for the \u003Ccode>domain\u003C/code>.\u003C/p>\\n\u003Cp>If your \u003Ccode>domain\u003C/code> or \u003Ccode>range\u003C/code> includes values that are colors, the debug interface will highlight them in that color.\u003C/p>\\n\u003Cp>\u003Cimg src=\\\"/print-debug.png\\\" alt=\\\"\\\">\u003C/p>\\n\u003Ch3 id=\\\"padding\\\">padding \u003Ccode>Object\u003C/code>\u003Ca href=\\\"/guide#padding\\\"> \u003C/a>\u003C/h3>\u003Cp>An object that can specify \u003Ccode>top\u003C/code>, \u003Ccode>right\u003C/code>, \u003Ccode>bottom\u003C/code>, or \u003Ccode>left\u003C/code> padding in pixels. Any unspecified values are filled in as \u003Ccode>0\u003C/code>. Padding operates like CSS \u003Ccode>box-sizing: border-box;\u003C/code> where values are subtracted from the parent container&#39;s width and height, the same as \u003Ca href=\\\"https://bl.ocks.org/mbostock/3019563\\\">a D3 margin convention\u003C/a>.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">padding\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ { \u003Cspan class=\\\"hljs-attr\\\">top\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">20\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">right\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">bottom\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">left\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span> } }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n  // \u003Cspan class=\\\"hljs-attr\\\">equivalent\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">to...\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">padding\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ { \u003Cspan class=\\\"hljs-attr\\\">top\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">20\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">right\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span> } }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cblockquote>\\n\u003Cp>Another way to set padding is to add it via normal CSS on your target div. The target element is assigned CSS of \u003Ccode>box-sizing: border-box;\u003C/code> so padding settings won&#39;t affect the width or height. If you set any padding via CSS, the padding object will be ignored.\u003C/p>\\n\u003C/blockquote>\\n\u003Ch3 id=\\\"xscale\\\">xScale \u003Ccode>\u003Cspan class=\\\"function\\\">d3.\u003C/span>scaleLinear\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">\u003C/span>)\u003C/span>\u003C/code>\u003Ca href=\\\"/guide#xscale\\\"> \u003C/a>\u003C/h3>\u003Cp>The D3 scale that should be used for the x-dimension. Pass in an instantiated D3 scale if you want to override the default \u003Ca href=\\\"https://github.com/d3/d3-scale#scalelinear\\\">\u003Ccode>d3.scaleLinear()\u003C/code>\u003C/a> or you want to add extra options.\u003C/p>\\n\u003Cp>See the \u003Ca href=\\\"/example/Column\\\">Column chart\u003C/a> for an example of passing in a \u003Ccode>d3.scaleBand()\u003C/code> to override the default.\u003C/p>\\n\u003Ch3 id=\\\"yscale\\\">yScale \u003Ccode>\u003Cspan class=\\\"function\\\">d3.\u003C/span>scaleLinear\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">\u003C/span>)\u003C/span>\u003C/code>\u003Ca href=\\\"/guide#yscale\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xscale\\\">xScale\u003C/a> but for the y scale. The default is \u003Ccode>d3.scaleLinear()\u003C/code>.\u003C/p>\\n\u003Ch3 id=\\\"zscale\\\">zScale \u003Ccode>\u003Cspan class=\\\"function\\\">d3.\u003C/span>scaleLinear\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">\u003C/span>)\u003C/span>\u003C/code>\u003Ca href=\\\"/guide#zscale\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xscale\\\">xScale\u003C/a> but for the z scale. The default is \u003Ccode>d3.scaleLinear()\u003C/code>.\u003C/p>\\n\u003Ch3 id=\\\"rscale\\\">rScale \u003Ccode>\u003Cspan class=\\\"function\\\">d3.\u003C/span>scaleSqrt\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">\u003C/span>)\u003C/span>\u003C/code>\u003Ca href=\\\"/guide#rscale\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xscale\\\">xScale\u003C/a> but for the r scale. The default is \u003Ca href=\\\"https://github.com/d3/d3-scale#scalesqrt\\\">\u003Ccode>d3.scaleSqrt()\u003C/code>\u003C/a>.\u003C/p>\\n\u003Ch3 id=\\\"xdomain\\\">xDomain \u003Ccode>Array:[min: Number|null, max: Number|null]|String[]|Number[]|Function\u003C/code>\u003Ca href=\\\"/guide#xdomain\\\"> \u003C/a>\u003C/h3>\u003Cp>Set a min or max on the x scale. If you want to inherit the value from the data&#39;s extent, set that value to \u003Ccode>null\u003C/code>.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">xDomain\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ [\u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">100\u003C/span>] }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\"> // \u003Cspan class=\\\"hljs-attr\\\">Fixes\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">the\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">scale\u003C/span>&#x27;\u003Cspan class=\\\"hljs-attr\\\">s\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">domain\u003C/span>\\n  // \u003Cspan class=\\\"hljs-attr\\\">or..\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">xDomain\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ [\u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-literal\\\">null\u003C/span>] }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\"> // \u003Cspan class=\\\"hljs-attr\\\">Fixes\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">the\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">min\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">but\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">allows\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">the\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">max\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">to\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">be\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">whatever\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">is\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">in\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">the\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">data\u003C/span>\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>This value can also be a longer array because sometimes your scales are \u003Ca href=\\\"https://github.com/d3/d3-scale#continuous_domain\\\">piecewise\u003C/a> or are a list of discrete string values such as in \u003Ca href=\\\"https://github.com/d3/d3-scale#ordinal-scales\\\">ordinal scales\u003C/a>, useful for color series.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">xDomain\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ [-\u003Cspan class=\\\"hljs-number\\\">1\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>] }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\"> // \u003Cspan class=\\\"hljs-attr\\\">Could\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">be\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">useful\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">to\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">create\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">a\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">diverging\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">scale\u003C/span>\\n  // \u003Cspan class=\\\"hljs-attr\\\">or..\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">xDomain\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ [\u003Cspan class=\\\"hljs-string\\\">&#x27;group-1&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-string\\\">&#x27;group-2&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-string\\\">&#x27;group-3&#x27;\u003C/span>] }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\"> // \u003Cspan class=\\\"hljs-attr\\\">Could\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">be\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">useful\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">for\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">a\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">column\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">chart\u003C/span>\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>If you set a \u003Ca href=\\\"https://github.com/d3/d3-scale#scaleband\\\">\u003Ccode>scaleBand\u003C/code>\u003C/a>, \u003Ca href=\\\"https://github.com/d3/d3-scale#scalepoint\\\">\u003Ccode>scalePoint\u003C/code>\u003C/a> or \u003Ca href=\\\"https://github.com/d3/d3-scale#scaleordinal\\\">\u003Ccode>scaleOrdinal\u003C/code>\u003C/a> to any of the scales, the automatically calculated domain will be a list of unique values for the associated accessor instead of a two-value \u003Ccode>[min, max]\u003C/code> array. This is useful for color scales or groups. If you want to sort this group, you can pass a function to this prop and it will receive the calculated list of unique values as an argument.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  // \u003Cspan class=\\\"hljs-attr\\\">Domain\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">for\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">a\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">column\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">chart\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">was\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">calculated\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">as:\u003C/span> [&#x27;\u003Cspan class=\\\"hljs-attr\\\">1989\u003C/span>&#x27;, &#x27;\u003Cspan class=\\\"hljs-attr\\\">1992\u003C/span>&#x27;, &#x27;\u003Cspan class=\\\"hljs-attr\\\">1991\u003C/span>&#x27;, &#x27;\u003Cspan class=\\\"hljs-attr\\\">1990\u003C/span>&#x27;]\\n  // \u003Cspan class=\\\"hljs-attr\\\">and\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">we\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">want\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">to\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">sort\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">it\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">properly\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">xDomain\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ \u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">domain\u003C/span> =&gt;\u003C/span> domain.\u003Cspan class=\\\"hljs-title function_\\\">sort\u003C/span>() }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"ydomain\\\">yDomain \u003Ccode>Array:[min: Number|null, max: Number|null]|String[]|Number[]|Function\u003C/code>\u003Ca href=\\\"/guide#ydomain\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xdomain\\\">xDomain\u003C/a> but for the y scale.\u003C/p>\\n\u003Ch3 id=\\\"zdomain\\\">zDomain \u003Ccode>Array:[min: Number|null, max: Number|null]|String[]|Number[]|Function\u003C/code>\u003Ca href=\\\"/guide#zdomain\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xdomain\\\">xDomain\u003C/a> but for the z scale.\u003C/p>\\n\u003Ch3 id=\\\"rdomain\\\">rDomain \u003Ccode>Array:[min: Number|null, max: Number|null]|String[]|Number[]|Function\u003C/code>\u003Ca href=\\\"/guide#rdomain\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xdomain\\\">xDomain\u003C/a> but for the r scale.\u003C/p>\\n\u003Ch3 id=\\\"xreverse\\\">xReverse \u003Ccode>Boolean=false\u003C/code>\u003Ca href=\\\"/guide#xreverse\\\"> \u003C/a>\u003C/h3>\u003Cp>Reverse the default x range. By default this is \u003Ccode>false\u003C/code> and the range is \u003Ccode>[0, width]\u003C/code>.\u003C/p>\\n\u003Cp>This is ignored if you set \u003Ca href=\\\"/guide#xrange\\\">xRange\u003C/a>.\u003C/p>\\n\u003Ch3 id=\\\"yreverse\\\">yReverse \u003Ccode>Boolean=true\u003C/code>\u003Ca href=\\\"/guide#yreverse\\\"> \u003C/a>\u003C/h3>\u003Cp>Reverse the default y range. By default this is \u003Ccode>true\u003C/code> and the range is \u003Ccode>[height, 0]\u003C/code> unless using \u003Ccode>scaleBand\u003C/code> for yScale in which case this is \u003Ccode>false\u003C/code>.\u003C/p>\\n\u003Cp>This is ignored if you set \u003Ca href=\\\"/guide#yrange\\\">yRange\u003C/a>.\u003C/p>\\n\u003Ch3 id=\\\"zreverse\\\">zReverse \u003Ccode>Boolean=false\u003C/code>\u003Ca href=\\\"/guide#zreverse\\\"> \u003C/a>\u003C/h3>\u003Cp>Reverse the default z range. By default this is \u003Ccode>false\u003C/code> and the range is \u003Ccode>[0, width]\u003C/code>.\u003C/p>\\n\u003Cp>This is ignored if you set \u003Ca href=\\\"/guide#zrange\\\">zRange\u003C/a>.\u003C/p>\\n\u003Ch3 id=\\\"rreverse\\\">rReverse \u003Ccode>Boolean=false\u003C/code>\u003Ca href=\\\"/guide#rreverse\\\"> \u003C/a>\u003C/h3>\u003Cp>Reverse the default r range. By default this is \u003Ccode>false\u003C/code> and the range is \u003Ccode>[1, 25]\u003C/code>.\u003C/p>\\n\u003Cp>This is ignored if you set \u003Ca href=\\\"/guide#rrange\\\">rRange\u003C/a>.\u003C/p>\\n\u003Ch3 id=\\\"xrange\\\">xRange \u003Ccode>Function|Array:[min: Number, max: Number]|String[]|Number[]\u003C/code>\u003Ca href=\\\"/guide#xrange\\\"> \u003C/a>\u003C/h3>\u003Cp>Override the default x range of \u003Ccode>[0, width]\u003C/code> by setting it here to an array or function with argument \u003Ccode>({ width, height})\u003C/code> that returns an array.\u003C/p>\\n\u003Cp>This overrides setting \u003Ca href=\\\"/guide#xreverse\\\">xReverse\u003C/a> to \u003Ccode>true\u003C/code>.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">xRange\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ [\u003Cspan class=\\\"hljs-number\\\">1\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">100\u003C/span>] }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>It can also be a function:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">xRange\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ \u003Cspan class=\\\"hljs-function\\\">(\u003Cspan class=\\\"hljs-params\\\">{ width, height }\u003C/span>) =&gt;\u003C/span> [\u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, width / \u003Cspan class=\\\"hljs-number\\\">2\u003C/span>] }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"yrange\\\">yRange \u003Ccode>Function|Array:[min: Number, max: Number]|String[]|Number[]\u003C/code>\u003Ca href=\\\"/guide#yrange\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xrange\\\">xRange\u003C/a> but for the y scale. Override the default y range of \u003Ccode>[0, height]\u003C/code> by setting it here to an array or function with argument \u003Ccode>({ width, height})\u003C/code> that returns an array.\u003C/p>\\n\u003Cp>This overrides setting \u003Ca href=\\\"/guide#yreverse\\\">yReverse\u003C/a> to \u003Ccode>true\u003C/code>.\u003C/p>\\n\u003Ch3 id=\\\"zrange\\\">zRange \u003Ccode>Function|Array:[min: Number, max: Number]|String[]|Number[]\u003C/code>\u003Ca href=\\\"/guide#zrange\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xrange\\\">xRange\u003C/a> but for the z scale. Override the default z range of \u003Ccode>[0, width]\u003C/code> by setting it here to an array or function with argument \u003Ccode>({ width, height})\u003C/code> that returns an array.\u003C/p>\\n\u003Cp>This overrides setting \u003Ca href=\\\"/guide#zreverse\\\">zReverse\u003C/a> to \u003Ccode>true\u003C/code>.\u003C/p>\\n\u003Ch3 id=\\\"rrange\\\">rRange \u003Ccode>Function|Array:[min: Number, max: Number]|String[]|Number[]\u003C/code>\u003Ca href=\\\"/guide#rrange\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xrange\\\">xRange\u003C/a> but for the r scale. Override the default y range of \u003Ccode>[1, 25]\u003C/code> by setting it here to an array or function with argument \u003Ccode>({ width, height})\u003C/code> that returns an array. The r scale defaults to \u003Ccode>d3.scaleSqrt\u003C/code> so make sure you don&#39;t use a zero in your range.\u003C/p>\\n\u003Cp>This overrides setting \u003Ca href=\\\"/guide#rreverse\\\">rReverse\u003C/a> to \u003Ccode>true\u003C/code>.\u003C/p>\\n\u003Ch3 id=\\\"xpadding\\\">xPadding \u003Ccode>Array:[leftPixels: Number, rightPixels: Number]\u003C/code>\u003Ca href=\\\"/guide#xpadding\\\"> \u003C/a>\u003C/h3>\u003Cp>Assign a pixel value to add to the min or max of the x scale. This will increase the scales domain by the scale unit equivalent of the provided pixels. This is useful for adding extra space to a scatter plot so that your circles don&#39;t interfere with your y-axis. It&#39;s better than fussing with the range since you don&#39;t need to add a magic number to other components, like axes.\u003C/p>\\n\u003Cp>It will log out a warning if you try to use it on a scale that has a domain or range that isn&#39;t two items, such as with ordinal scales.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">xPadding\u003C/span>= \u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ [\u003Cspan class=\\\"hljs-number\\\">10\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">10\u003C/span>] }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\"> // \u003Cspan class=\\\"hljs-attr\\\">Add\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">ten\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">pixels\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">of\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">data\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">units\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">to\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">both\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">sides\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">of\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">the\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">scale\u003C/span>&#x27;\u003Cspan class=\\\"hljs-attr\\\">s\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">domain\u003C/span>\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"ypadding\\\">yPadding \u003Ccode>Array:[leftPixels: Number, rightPixels: Number]\u003C/code>\u003Ca href=\\\"/guide#ypadding\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xpadding\\\">xPadding\u003C/a> but for the y domain.\u003C/p>\\n\u003Ch3 id=\\\"zpadding\\\">zPadding \u003Ccode>Array:[leftPixels: Number, rightPixels: Number]\u003C/code>\u003Ca href=\\\"/guide#zpadding\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xpadding\\\">xPadding\u003C/a> but for the z domain.\u003C/p>\\n\u003Ch3 id=\\\"rpadding\\\">rPadding \u003Ccode>Array:[leftPixels: Number, rightPixels: Number]\u003C/code>\u003Ca href=\\\"/guide#rpadding\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xpadding\\\">xPadding\u003C/a> but for the r domain.\u003C/p>\\n\u003Ch3 id=\\\"xnice\\\">xNice \u003Ccode>Boolean=false|Number\u003C/code>\u003Ca href=\\\"/guide#xnice\\\"> \u003C/a>\u003C/h3>\u003Cp>Applies D3&#39;s \u003Ca href=\\\"https://github.com/d3/d3-scale#continuous_nice\\\">scale.nice()\u003C/a> to the x domain. This is a separate option instead of being one you can apply to a passed in scale because D3&#39;s &quot;nice&quot; transformation only works on existing domains and does not use a state to be able to tell if your existing scale wants to be nice.  Can also pass \u003Ccode>count\u003C/code> number as argument for greater control.\u003C/p>\\n\u003Ch3 id=\\\"ynice\\\">yNice \u003Ccode>Boolean=false|Number\u003C/code>\u003Ca href=\\\"/guide#ynice\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xnice\\\">xNice\u003C/a> but for the y domain.\u003C/p>\\n\u003Ch3 id=\\\"znice\\\">zNice \u003Ccode>Boolean=false|Number\u003C/code>\u003Ca href=\\\"/guide#znice\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xnice\\\">xNice\u003C/a> but for the z domain.\u003C/p>\\n\u003Ch3 id=\\\"rnice\\\">rNice \u003Ccode>Boolean=false|Number\u003C/code>\u003Ca href=\\\"/guide#rnice\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xnice\\\">xNice\u003C/a> but for the r domain.\u003C/p>\\n\u003Ch3 id=\\\"extents\\\">extents \u003Ccode>Object\u003C/code>\u003Ca href=\\\"/guide#extents\\\"> \u003C/a>\u003C/h3>\u003Cp>Manually set the extents of the x, y or r scale as a two-dimensional array of the min and max you want. Setting values here will skip any dynamic extent calculation of the data for that dimension.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">extents\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{{ \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: [\u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">100\u003C/span>], \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: [\u003Cspan class=\\\"hljs-number\\\">50\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">100\u003C/span>] }}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"flatdata\\\">flatData \u003Ccode>Array\u003C/code>\u003Ca href=\\\"/guide#flatdata\\\"> \u003C/a>\u003C/h3>\u003Cp>In order for Layer Cake to measure the extents of your data, it needs a flat array of items that the x, y, z and r accessors can find. If your data is not flat (often the case if your renderers prefer a nested format such as in \u003Ca href=\\\"/example/MultiLine\\\">multi-series line\u003C/a> charts or GeoJSON such as in \u003Ca href=\\\"/example/MapSvg\\\">maps\u003C/a>), you can tell it to measure extents against a flat version. This \u003Cem>will not\u003C/em> change the shape of the data that gets passed to components — it is only for extent calculation.\u003C/p>\\n\u003Cblockquote>\\n\u003Cp>The library also exports a flattening function to handle common use cases if you need to flatten your data and you don&#39;t already have a flat version. See the \u003Ca href=\\\"/guide#flatten\\\">flatten\u003C/a> helper function for more info.\u003C/p>\\n\u003C/blockquote>\\n\u003Cp>Here&#39;s an example showing passing different data formats for extent calculation versus what is used by layer components.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { \u003Cspan class=\\\"hljs-title class_\\\">LayerCake\u003C/span> } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;LayerCake&#x27;\u003C/span>;\\n\\n  \u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> data = [\\n    {\\n      \u003Cspan class=\\\"hljs-attr\\\">key\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;apples&#x27;\u003C/span>,\\n      \u003Cspan class=\\\"hljs-attr\\\">values\u003C/span>: [{\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-03-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">3840\u003C/span>}, ...]\\n    },\\n    {\\n      \u003Cspan class=\\\"hljs-attr\\\">key\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;bananas&#x27;\u003C/span>,\\n      \u003Cspan class=\\\"hljs-attr\\\">values\u003C/span>: [{\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-03-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1920\u003C/span>}, ...]\\n    },\\n  ];\\n\\n  \u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> flatData = [\\n    {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-03-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">3840\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;apples&#x27;\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-02-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;apples&#x27;\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-01-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>:  \u003Cspan class=\\\"hljs-string\\\">&#x27;apples&#x27;\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-00-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">320\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>:  \u003Cspan class=\\\"hljs-string\\\">&#x27;apples&#x27;\u003C/span>},\\n\\n    {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-03-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1920\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;bananas&#x27;\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-02-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1440\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;bananas&#x27;\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-01-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">960\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>:  \u003Cspan class=\\\"hljs-string\\\">&#x27;bananas&#x27;\u003C/span>},\\n    {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-00-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">480\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>:  \u003Cspan class=\\\"hljs-string\\\">&#x27;bananas&#x27;\u003C/span>}\\n  ];\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-css\\\">\\n  \u003Cspan class=\\\"hljs-comment\\\">/*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the &lt;LayerCake&gt; element will\\n    expand to fill it.\\n  */\u003C/span>\\n  \u003Cspan class=\\\"hljs-selector-class\\\">.chart-container\u003C/span> {\\n    \u003Cspan class=\\\"hljs-attribute\\\">width\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">100%\u003C/span>;\\n    \u003Cspan class=\\\"hljs-attribute\\\">height\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">300px\u003C/span>;\\n  }\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;chart-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;month&#x27;\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;value&#x27;\u003C/span>\\n    \u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{data}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n    \u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{flatData}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n  &gt;\u003C/span>\\n    \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Components go here --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"ssr\\\">ssr \u003Ccode>Boolean=false\u003C/code>\u003Ca href=\\\"/guide#ssr\\\"> \u003C/a>\u003C/h3>\u003Cp>Set whether this chart should be rendered server side. This is best used in conjunction with the \u003Ca href=\\\"guide#scaledsvg\\\">ScaledSvg\u003C/a> component or HTML components that are set to use percentage scales since you won&#39;t know the size of the container at render time.\u003C/p>\\n\u003Cp>Use it in conjunction with \u003Ca href=\\\"guide#percentrange\\\">\u003Ccode>percentRange={true}\u003C/code>\u003C/a> to easily set up your scales for a percent coordinate systems.\u003C/p>\\n\u003Ch3 id=\\\"percentrange\\\">percentRange \u003Ccode>Boolean=false\u003C/code>\u003Ca href=\\\"/guide#percentrange\\\"> \u003C/a>\u003C/h3>\u003Cp>When rendering charts server side, you pretty much always want your scale range to be \u003Ccode>[0, 100]\u003C/code> since you won&#39;t be able to base the range off of the target container&#39;s width. Use this convenience helper to set the ranges for any field that has an accessor to just that.\u003C/p>\\n\u003Cblockquote>\\n\u003Cp>The default range for the y-scale will be \u003Ccode>[100, 0]\u003C/code> because \u003Ccode>yReverse\u003C/code> defaults to \u003Ccode>true\u003C/code>. All of the range reverse functions will work as usual with this.\u003C/p>\\n\u003C/blockquote>\\n\u003Ch3 id=\\\"position\\\">position \u003Ccode>String=&#39;relative&#39;\u003C/code>\u003Ca href=\\\"/guide#position\\\"> \u003C/a>\u003C/h3>\u003Cp>Determine the positioning of the wrapper div. Set this to \u003Ccode>&#39;absolute&#39;\u003C/code> when you want to stack two \u003Ccode>&lt;LayerCake&gt;\u003C/code> components on top of one another, such as when you have one that is server-side rendered and one client side like in the \u003Ca href=\\\"/example-ssr/Column\\\">Annotated column\u003C/a> example.\u003C/p>\\n\u003Ch3 id=\\\"custom\\\">custom \u003Ccode>Object\u003C/code>\u003Ca href=\\\"/guide#custom\\\"> \u003C/a>\u003C/h3>\u003Cp>Any extra configuration values you want available on the LayerCake context. This could be useful for color lookups or additional constants.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">custom\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ { \u003Cspan class=\\\"hljs-attr\\\">size\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">names\u003C/span>: [\u003Cspan class=\\\"hljs-string\\\">&#x27;a&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-string\\\">&#x27;b&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-string\\\">&#x27;c&#x27;\u003C/span>] } }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\",\"metadata\":{\"title\":\"LayerCake props\"},\"subsections\":[{\"slug\":\"data\",\"title\":\"data\"},{\"slug\":\"x\",\"title\":\"x\"},{\"slug\":\"y\",\"title\":\"y\"},{\"slug\":\"z\",\"title\":\"z\"},{\"slug\":\"r\",\"title\":\"r\"},{\"slug\":\"debug\",\"title\":\"debug\"},{\"slug\":\"padding\",\"title\":\"padding\"},{\"slug\":\"xscale\",\"title\":\"xScale\"},{\"slug\":\"yscale\",\"title\":\"yScale\"},{\"slug\":\"zscale\",\"title\":\"zScale\"},{\"slug\":\"rscale\",\"title\":\"rScale\"},{\"slug\":\"xdomain\",\"title\":\"xDomain\"},{\"slug\":\"ydomain\",\"title\":\"yDomain\"},{\"slug\":\"zdomain\",\"title\":\"zDomain\"},{\"slug\":\"rdomain\",\"title\":\"rDomain\"},{\"slug\":\"xreverse\",\"title\":\"xReverse\"},{\"slug\":\"yreverse\",\"title\":\"yReverse\"},{\"slug\":\"zreverse\",\"title\":\"zReverse\"},{\"slug\":\"rreverse\",\"title\":\"rReverse\"},{\"slug\":\"xrange\",\"title\":\"xRange\"},{\"slug\":\"yrange\",\"title\":\"yRange\"},{\"slug\":\"zrange\",\"title\":\"zRange\"},{\"slug\":\"rrange\",\"title\":\"rRange\"},{\"slug\":\"xpadding\",\"title\":\"xPadding\"},{\"slug\":\"ypadding\",\"title\":\"yPadding\"},{\"slug\":\"zpadding\",\"title\":\"zPadding\"},{\"slug\":\"rpadding\",\"title\":\"rPadding\"},{\"slug\":\"xnice\",\"title\":\"xNice\"},{\"slug\":\"ynice\",\"title\":\"yNice\"},{\"slug\":\"znice\",\"title\":\"zNice\"},{\"slug\":\"rnice\",\"title\":\"rNice\"},{\"slug\":\"extents\",\"title\":\"extents\"},{\"slug\":\"flatdata\",\"title\":\"flatData\"},{\"slug\":\"ssr\",\"title\":\"ssr\"},{\"slug\":\"percentrange\",\"title\":\"percentRange\"},{\"slug\":\"position\",\"title\":\"position\"},{\"slug\":\"custom\",\"title\":\"custom\"}],\"slug\":\"layercake-props\",\"file\":\"03-layercake-props.md\"},{\"html\":\"\u003Cp>In addition to the values you set on the LayerCake component, additional properties are computed and exposed on the context. These are also exposed as slot props via the \u003Ccode>let:\u003C/code> keyword on the \u003Ccode>&lt;LayerCake&gt;\u003C/code> component such as:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">let:xScale\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">let:yGet\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">let:containerWidth\u003C/span>\\n  &gt;\u003C/span>\\n    \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Components... --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"activegetters\\\">activeGetters \u003Ccode>Object\u003C/code>\u003Ca href=\\\"/guide#activegetters\\\"> \u003C/a>\u003C/h3>\u003Cp>An object that has a key for each dimension of data you have provided an accessor key for and a value that is the accessor function. This used internally but it&#39;s exposed here in case it&#39;s useful.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>{\\n  \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;&lt;function&gt;&#x27;\u003C/span>,\\n  \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;&lt;function&gt;&#x27;\u003C/span>,\\n  \u003Cspan class=\\\"hljs-attr\\\">z\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;&lt;function&gt;&#x27;\u003C/span>,\\n  \u003Cspan class=\\\"hljs-attr\\\">r\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;&lt;function&gt;\\n}\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"aspectratio\\\">aspectRatio \u003Ccode>Number\u003C/code>\u003Ca href=\\\"/guide#aspectratio\\\"> \u003C/a>\u003C/h3>\u003Cp>The aspect ratio of the chart, \u003Ccode>width / height\u003C/code>. As a slot prop, you could use it to selectively display some components over others:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">let:aspectRatio\u003C/span>\\n&gt;\u003C/span>\\n  \u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">#if\u003C/span>\u003Cspan class=\\\"language-javascript\\\"> aspectRatio &gt; \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayoutOne\u003C/span>/&gt;\u003C/span>\\n  \u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">:else\u003C/span>\u003Cspan class=\\\"language-javascript\\\">}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayoutTwo\u003C/span>/&gt;\u003C/span>\\n  \u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">/if\u003C/span>\u003Cspan class=\\\"language-javascript\\\">}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"box\\\">box \u003Ccode>Object\u003C/code>\u003Ca href=\\\"/guide#box\\\"> \u003C/a>\u003C/h3>\u003Cp>A bounding box object of the parent container with \u003Ccode>top\u003C/code>, \u003Ccode>right\u003C/code>, \u003Ccode>bottom\u003C/code>, \u003Ccode>left\u003C/code>, \u003Ccode>width\u003C/code> and \u003Ccode>height\u003C/code> numbers in pixels. Useful for creating tooltips.\u003C/p>\\n\u003Ch3 id=\\\"config\\\">config \u003Ccode>Object\u003C/code>\u003Ca href=\\\"/guide#config\\\"> \u003C/a>\u003C/h3>\u003Cp>A copy of some of the config properties set on the \u003Ccode>&lt;LayerCake&gt;\u003C/code> component.\u003C/p>\\n\u003Cp>Some of these properties get changed by the time they end up on the context object. For example, the \u003Ca href=\\\"/guide#x\\\">x\u003C/a>, \u003Ca href=\\\"/guide#y\\\">y\u003C/a>, \u003Ca href=\\\"/guide#z\\\">z\u003C/a> and \u003Ca href=\\\"/guide#r\\\">r\u003C/a> LayerCake properties can be strings or arrays but when they&#39;re exposed on the context as compued values, they are always a function. Sometimes, it&#39;s useful to refer to those original props such as in the \u003Ca href=\\\"/example/ClevelandDotPlot\\\">Cleveland Dot Plot example\u003C/a>, which uses the x accessor shorthand of providing a list of keys.\u003C/p>\\n\u003Cp>Or, \u003Ca href=\\\"/guide#xdomain\\\">xDomain\u003C/a> and the other domain props can be used to set manual limits on the min or max of the domain scale. This can be different from what gets set on the context \u003Ca href=\\\"/guide#xdomain\\\">xDomain\u003C/a> if the prop value contained any \u003Ccode>null\u003C/code> values. If you want to refer to the original value for any reason, it&#39;s set on this object.\u003C/p>\\n\u003Cp>Having access to this field can help you not repeat yourself in specifying things twice or in scenarios where Layer Cake is doing a transformation on that original value, like in accessors or domain inputs, and you want to know about the original value.\u003C/p>\\n\u003Ch3 id=\\\"containerwidth\\\">containerWidth \u003Ccode>Number\u003C/code>\u003Ca href=\\\"/guide#containerwidth\\\"> \u003C/a>\u003C/h3>\u003Cp>The width of the parent container – the div element that contains the \u003Ccode>&lt;LayerCake&gt;\u003C/code> component. Unlike \u003Ca href=\\\"/guide#width\\\">width\u003C/a>, this value does not take into account any margin. As a variable on the Layer Cake slot so you can access it with \u003Ccode>let:containerWidth\u003C/code>.\u003C/p>\\n\u003Ch3 id=\\\"containerheight\\\">containerHeight \u003Ccode>Number\u003C/code>\u003Ca href=\\\"/guide#containerheight\\\"> \u003C/a>\u003C/h3>\u003Cp>The height of the parent container – the div element that contains the \u003Ccode>&lt;LayerCake&gt;\u003C/code> component. Unlike \u003Ca href=\\\"/guide#height\\\">height\u003C/a>, this value does not take into account any margin. This is also exposed as a variable on the Layer Cake slot so you can access it with \u003Ccode>let:containerHeight\u003C/code>.\u003C/p>\\n\u003Ch3 id=\\\"extents-1\\\">extents \u003Ccode>Object\u003C/code>\u003Ca href=\\\"/guide#extents-1\\\"> \u003C/a>\u003C/h3>\u003Cp>An object containing a key for x, y or r (if any are set), whose value is two-value array representing the min and max values for that field in the data.\u003C/p>\\n\u003Cp>This value could differ from the domain of your scale if you are manually setting a limit on your scale by setting any of the \u003Ccode>xDomain\u003C/code>, \u003Ccode>yDomain\u003C/code>, \u003Ccode>zDomain\u003C/code> or \u003Ccode>rDomain\u003C/code> settings. This is used internally to set domain things but it&#39;s also useful as a reference if you want to toggle between an arbitrary domain and the measured extents of the data, such as in the \u003Ca href=\\\"/example/SmallMultiples\\\">small multiples example\u003C/a>.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>{\\n  \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: [\u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">235\u003C/span>],\\n  \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: [\u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">80\u003C/span>],\\n  \u003Cspan class=\\\"hljs-attr\\\">z\u003C/span>: [\u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">90\u003C/span>],\\n  \u003Cspan class=\\\"hljs-attr\\\">r\u003C/span>: [\u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">35\u003C/span>]\\n}\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"width\\\">width \u003Ccode>Number\u003C/code>\u003Ca href=\\\"/guide#width\\\"> \u003C/a>\u003C/h3>\u003Cp>The width of the drawable space for the chart. This is the width of the parent container taking into account any margin. This is also exposed as a variable on the Layer Cake slot so you can access it with \u003Ccode>let:width\u003C/code>.\u003C/p>\\n\u003Ch3 id=\\\"height\\\">height \u003Ccode>Number\u003C/code>\u003Ca href=\\\"/guide#height\\\"> \u003C/a>\u003C/h3>\u003Cp>The width of the drawable space for the chart. This is the height of the parent container taking into account any margin. This is also exposed as a variable on the Layer Cake slot so you can access it with \u003Ccode>let:height\u003C/code>.\u003C/p>\\n\u003Ch3 id=\\\"x-1\\\">x \u003Ccode>Function\u003C/code>\u003Ca href=\\\"/guide#x-1\\\"> \u003C/a>\u003C/h3>\u003Cp>The x accessor. This will always be a function regardless of whether you passed in a string or an array as a prop. If you passed in an array, it will return an array of equal length.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n  \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;x&#x27;\u003C/span>\\n  \u003C/span>\u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- equivalent to --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n  \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{ \u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">d\u003C/span> =&gt;\u003C/span> d.\u003Cspan class=\\\"hljs-property\\\">x\u003C/span> }\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { getContext } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;svelte&#x27;\u003C/span>;\\n  \u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> { data, x, y } = \u003Cspan class=\\\"hljs-title function_\\\">getContext\u003C/span>(\u003Cspan class=\\\"hljs-string\\\">&#x27;LayerCake&#x27;\u003C/span>);\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">#each\u003C/span>\u003Cspan class=\\\"language-javascript\\\"> $data \u003Cspan class=\\\"hljs-keyword\\\">as\u003C/span> d}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">circle\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">cx\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{$xScale($x(d))}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\u003Cspan class=\\\"hljs-string\\\">&quot;\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">cy\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;\u003C/span>\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{$yScale($y(d))}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\u003Cspan class=\\\"hljs-string\\\">&quot;\u003C/span>\\n  /&gt;\u003C/span>\\n\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">/each\u003C/span>\u003Cspan class=\\\"language-javascript\\\">}\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"y-1\\\">y \u003Ccode>Function\u003C/code>\u003Ca href=\\\"/guide#y-1\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#x-1\\\">x\u003C/a> but for the y dimension.\u003C/p>\\n\u003Ch3 id=\\\"z-1\\\">z \u003Ccode>Function\u003C/code>\u003Ca href=\\\"/guide#z-1\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#x-1\\\">x\u003C/a> but for the z dimension.\u003C/p>\\n\u003Ch3 id=\\\"r-1\\\">r \u003Ccode>Function\u003C/code>\u003Ca href=\\\"/guide#r-1\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#x-1\\\">x\u003C/a> but for the r dimension.\u003C/p>\\n\u003Ch3 id=\\\"xdomain-1\\\">xDomain \u003Ccode>Array:[min: Number, max: Number]\u003C/code>\u003Ca href=\\\"/guide#xdomain-1\\\"> \u003C/a>\u003C/h3>\u003Cp>The calculated extent of the x-dimension of the data. This is the extent of the data taking into account any manual settings passed in for \u003Ca href=\\\"/guide#xdomain\\\">xDomain\u003C/a>.\u003C/p>\\n\u003Cp>For example, if the extent of the data is \u003Ccode>[10, 100]\u003C/code> and you set the xDomain prop to \u003Ccode>[0, null]\u003C/code>, the xDomain on the context value is \u003Ccode>[0, 100]\u003C/code>.\u003C/p>\\n\u003Cp>It&#39;s equivalent to calling \u003Ccode>$xScale.domain()\u003C/code>.\u003C/p>\\n\u003Ch3 id=\\\"ydomain-1\\\">yDomain \u003Ccode>Array:[min: Number, max: Number]\u003C/code>\u003Ca href=\\\"/guide#ydomain-1\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xdomain-1\\\">xDomain\u003C/a> above but for the y domain.\u003C/p>\\n\u003Ch3 id=\\\"zdomain-1\\\">zDomain \u003Ccode>Array:[min: Number, max: Number]\u003C/code>\u003Ca href=\\\"/guide#zdomain-1\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xdomain-1\\\">xDomain\u003C/a> above but for the z domain.\u003C/p>\\n\u003Ch3 id=\\\"rdomain-1\\\">rDomain \u003Ccode>Array:[min: Number, max: Number]\u003C/code>\u003Ca href=\\\"/guide#rdomain-1\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xdomain-1\\\">xDomain\u003C/a> above but for the r domain.\u003C/p>\\n\u003Ch3 id=\\\"xrange-1\\\">xRange \u003Ccode>Array:[min: Number, max: Number]\u003C/code>\u003Ca href=\\\"/guide#xrange-1\\\"> \u003C/a>\u003C/h3>\u003Cp>The range used for the x-scale. This is usually \u003Ccode>[0, width]\u003C/code> unless it&#39;s been manually set via the \u003Ca href=\\\"/guide#xrange\\\">xRange\u003C/a> prop.\u003C/p>\\n\u003Cp>It&#39;s equivalent to calling \u003Ccode>$xScale.range()\u003C/code>.\u003C/p>\\n\u003Ch3 id=\\\"yrange-1\\\">yRange \u003Ccode>Array:[min: Number, max: Number]\u003C/code>\u003Ca href=\\\"/guide#yrange-1\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xrange-1\\\">xRange\u003C/a> above but for the y domain.\u003C/p>\\n\u003Ch3 id=\\\"zrange-1\\\">zRange \u003Ccode>Array:[min: Number, max: Number]\u003C/code>\u003Ca href=\\\"/guide#zrange-1\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xrange-1\\\">xRange\u003C/a> above but for the z domain.\u003C/p>\\n\u003Ch3 id=\\\"rrange-1\\\">rRange \u003Ccode>Array:[min: Number, max: Number]\u003C/code>\u003Ca href=\\\"/guide#rrange-1\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xrange-1\\\">xRange\u003C/a> above but for the r domain.\u003C/p>\\n\u003Ch3 id=\\\"xget\\\">xGet\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">d: \u003Ccode>Object\u003C/code>\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#xget\\\"> \u003C/a>\u003C/h3>\u003Cp>Often you want to get the x value from a row in your data and scale it like so: \u003Ccode>$xScale($x(d))\u003C/code>. Avoid that confusing syntax with this function like so \u003Ccode>$xGet(d)\u003C/code>.\u003C/p>\\n\u003Cp>Why use this? Hard coding key names into your components makes them less reusable. By using the \u003Ca href=\\\"/guide#x\\\">x\u003C/a>, \u003Ca href=\\\"/guide#y\\\">y\u003C/a>, \u003Ca href=\\\"/guide#z\\\">z\u003C/a> and \u003Ca href=\\\"/guide#z\\\">z\u003C/a> accessors, you can use the same component across projects. Or, you can use the same component to render different fields from one dataset across separate charts in the same project, say using small multiples. You can use the same component and just alter the accessor.\u003C/p>\\n\u003Cp>Here are a few examples to show how it working and what it&#39;s equivalent to:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n\u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { getContext } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;svelte&#x27;\u003C/span>;\\n\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> { data, x, xScale, xGet } = \u003Cspan class=\\\"hljs-title function_\\\">getContext\u003C/span>(\u003Cspan class=\\\"hljs-string\\\">&#x27;LayerCake&#x27;\u003C/span>);\\n\\n\u003Cspan class=\\\"hljs-comment\\\">// data === [{ myX: &#x27;hello&#x27;, myY: &#x27;hi }];\u003C/span>\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">#each\u003C/span>\u003Cspan class=\\\"language-javascript\\\"> data \u003Cspan class=\\\"hljs-keyword\\\">as\u003C/span> d}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- These are equivalent: --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  d.myX === $x(d);\\n  $xScale(d.myX) === $xScale($x(d)) === $xGet(d);\\n\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">/each\u003C/span>\u003Cspan class=\\\"language-javascript\\\">}\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>Here&#39;s an example from a simple scatter plot:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { getContext } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;svelte&#x27;\u003C/span>;\\n\\n  \u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> { data, xGet, yGet } = \u003Cspan class=\\\"hljs-title function_\\\">getContext\u003C/span>(\u003Cspan class=\\\"hljs-string\\\">&#x27;LayerCake&#x27;\u003C/span>);\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">#each\u003C/span>\u003Cspan class=\\\"language-javascript\\\"> $data \u003Cspan class=\\\"hljs-keyword\\\">as\u003C/span> d}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">circle\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">cx\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{$xGet(d)}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n    \u003Cspan class=\\\"hljs-attr\\\">cy\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{$yGet(d)}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n    \u003Cspan class=\\\"hljs-attr\\\">r\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;5&quot;\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">fill\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;#000&quot;\u003C/span>\\n  /&gt;\u003C/span>\\n\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">/each\u003C/span>\u003Cspan class=\\\"language-javascript\\\">}\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"yget\\\">yGet\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">d: \u003Ccode>Object\u003C/code>\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#yget\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xget\\\">xGet\u003C/a> but for the y scale.\u003C/p>\\n\u003Ch3 id=\\\"zget\\\">zGet\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">d: \u003Ccode>Object\u003C/code>\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#zget\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xget\\\">xGet\u003C/a> but for the z scale.\u003C/p>\\n\u003Ch3 id=\\\"rget\\\">rGet\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">d: \u003Ccode>Object\u003C/code>\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#rget\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as \u003Ca href=\\\"/guide#xget\\\">xGet\u003C/a> but for the r scale.\u003C/p>\\n\u003Ch3 id=\\\"xscale-1\\\">xScale\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">d: \u003Ccode>Object\u003C/code>\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#xscale-1\\\"> \u003C/a>\u003C/h3>\u003Cp>The calculated scale for the x dimension.\u003C/p>\\n\u003Ch3 id=\\\"yscale-1\\\">yScale\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">d: \u003Ccode>Object\u003C/code>\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#yscale-1\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as the above but for the y dimension.\u003C/p>\\n\u003Ch3 id=\\\"zscale-1\\\">zScale\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">d: \u003Ccode>Object\u003C/code>\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#zscale-1\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as the above but for the z dimension.\u003C/p>\\n\u003Ch3 id=\\\"rscale-1\\\">rScale\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">d: \u003Ccode>Object\u003C/code>\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#rscale-1\\\"> \u003C/a>\u003C/h3>\u003Cp>Same as the above but for the r dimension.\u003C/p>\\n\",\"metadata\":{\"title\":\"Computed context values\"},\"subsections\":[{\"slug\":\"activegetters\",\"title\":\"activeGetters\"},{\"slug\":\"aspectratio\",\"title\":\"aspectRatio\"},{\"slug\":\"box\",\"title\":\"box\"},{\"slug\":\"config\",\"title\":\"config\"},{\"slug\":\"containerwidth\",\"title\":\"containerWidth\"},{\"slug\":\"containerheight\",\"title\":\"containerHeight\"},{\"slug\":\"extents-1\",\"title\":\"extents\"},{\"slug\":\"width\",\"title\":\"width\"},{\"slug\":\"height\",\"title\":\"height\"},{\"slug\":\"x-1\",\"title\":\"x\"},{\"slug\":\"y-1\",\"title\":\"y\"},{\"slug\":\"z-1\",\"title\":\"z\"},{\"slug\":\"r-1\",\"title\":\"r\"},{\"slug\":\"xdomain-1\",\"title\":\"xDomain\"},{\"slug\":\"ydomain-1\",\"title\":\"yDomain\"},{\"slug\":\"zdomain-1\",\"title\":\"zDomain\"},{\"slug\":\"rdomain-1\",\"title\":\"rDomain\"},{\"slug\":\"xrange-1\",\"title\":\"xRange\"},{\"slug\":\"yrange-1\",\"title\":\"yRange\"},{\"slug\":\"zrange-1\",\"title\":\"zRange\"},{\"slug\":\"rrange-1\",\"title\":\"rRange\"},{\"slug\":\"xget\",\"title\":\"xGet(...)\"},{\"slug\":\"yget\",\"title\":\"yGet(...)\"},{\"slug\":\"zget\",\"title\":\"zGet(...)\"},{\"slug\":\"rget\",\"title\":\"rGet(...)\"},{\"slug\":\"xscale-1\",\"title\":\"xScale(...)\"},{\"slug\":\"yscale-1\",\"title\":\"yScale(...)\"},{\"slug\":\"zscale-1\",\"title\":\"zScale(...)\"},{\"slug\":\"rscale-1\",\"title\":\"rScale(...)\"}],\"slug\":\"computed-context-values\",\"file\":\"04-computed-context-values.md\"},{\"html\":\"\u003Cp>Layer Cake comes with layout components that provide HTML, Svg, ScaledSvg, Canvas and WebGL containers for your custom components.\u003C/p>\\n\u003Cp>You must wrap your chart components in these layout components for them to appear properly scaled. For Html and Svg components, they create a \u003Ccode>&lt;div&gt;\u003C/code> and \u003Ccode>&lt;g&gt;\u003C/code>, respectively.\u003C/p>\\n\u003Cp>The Canvas and WebGL layout components also create canvas contexts that are then available on the LayerCake context object.\u003C/p>\\n\u003Cp>Each of these components also takes props. See the next section \u003Ca href=\\\"/guide#layout-component-props\\\">Layout component props\u003C/a> for more info.\u003C/p>\\n\u003Cp>Here are the four layout components: HTML, Svg, ScaledSvg, Canvas and WebGL containers.\u003C/p>\\n\u003Ch3 id=\\\"html\\\">Html\u003Ca href=\\\"/guide#html\\\"> \u003C/a>\u003C/h3>\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- { filename: &#x27;App.svelte&#x27; } --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { \u003Cspan class=\\\"hljs-title class_\\\">LayerCake\u003C/span>, \u003Cspan class=\\\"hljs-title class_\\\">Html\u003C/span> } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;chart-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">...\u003C/span>&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Html\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">zIndex\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-number\\\">1\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&gt;\u003C/span> \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Optional z-index --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n      ...\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Html\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-css\\\">\\n  \u003Cspan class=\\\"hljs-comment\\\">/*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the &lt;LayerCake&gt; element will\\n    expand to fill it.\\n  */\u003C/span>\\n  \u003Cspan class=\\\"hljs-selector-class\\\">.chart-container\u003C/span> {\\n    \u003Cspan class=\\\"hljs-attribute\\\">width\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">100%\u003C/span>;\\n    \u003Cspan class=\\\"hljs-attribute\\\">height\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">300px\u003C/span>;\\n  }\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"svg\\\">Svg\u003Ca href=\\\"/guide#svg\\\"> \u003C/a>\u003C/h3>\u003Cp>The SVG layout component also accepts a \u003Ccode>viewBox\u003C/code> prop. See the \u003Ca href=\\\"/guide#layout-component-props\\\">Layout component props\u003C/a> section for more information.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- { filename: &#x27;App.svelte&#x27; } --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { \u003Cspan class=\\\"hljs-title class_\\\">LayerCake\u003C/span>, \u003Cspan class=\\\"hljs-title class_\\\">Svg\u003C/span> } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;chart-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">...\u003C/span>&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">zIndex\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-number\\\">2\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&gt;\u003C/span> \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Optional z-index --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-css\\\">\\n  \u003Cspan class=\\\"hljs-comment\\\">/*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the &lt;LayerCake&gt; element will\\n    expand to fill it.\\n  */\u003C/span>\\n  \u003Cspan class=\\\"hljs-selector-class\\\">.chart-container\u003C/span> {\\n    \u003Cspan class=\\\"hljs-attribute\\\">width\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">100%\u003C/span>;\\n    \u003Cspan class=\\\"hljs-attribute\\\">height\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">300px\u003C/span>;\\n  }\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>This component also has a \u003Ca href=\\\"https://svelte.dev/docs#slot_name\\\">named slot\u003C/a> for adding elements into the SVG \u003Ccode>&lt;defs&gt;\u003C/code> field but due to \u003Ca href=\\\"https://github.com/sveltejs/svelte/issues/7807\\\">an issue with Svelte\u003C/a> sometimes adding SVG nodes as HTML elements, this may not work. As an alternative, you can also simply add a \u003Ccode>&lt;defs&gt;\u003C/code> tag:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;chart-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">...\u003C/span>&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n      \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Simply add a defs tag here, note that this will\\n        appear inside the `&lt;g&gt;` element under the\\n        main `&lt;svg&gt;` and the top-level `&lt;defs&gt;`\\n        tag will be empty --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n      \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">defs\u003C/span>&gt;\u003C/span>\\n        \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">linearGradient\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">id\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;myGradient&quot;\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">gradientTransform\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;rotate(90)&quot;\u003C/span>&gt;\u003C/span>\\n          \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">stop\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">offset\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;20%&quot;\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">stop-color\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;gold&quot;\u003C/span> /&gt;\u003C/span>\\n          \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">stop\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">offset\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;90%&quot;\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">stop-color\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;red&quot;\u003C/span> /&gt;\u003C/span>\\n        \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">linearGradient\u003C/span>&gt;\u003C/span>\\n      \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">defs\u003C/span>&gt;\u003C/span>\\n\\n      \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- If you want to use the named slot,\\n        add the xmlns attribute on the `&lt;linearGradient&gt;` element --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n      \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">svelte:fragment\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">slot\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;defs&quot;\u003C/span>&gt;\u003C/span>\\n        \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">linearGradient\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">id\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;myGradient&quot;\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">gradientTransform\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;rotate(90)&quot;\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">xmlns\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;http://www.w3.org/2000/svg&quot;\u003C/span>&gt;\u003C/span>\\n          \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">stop\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">offset\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;20%&quot;\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">stop-color\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;gold&quot;\u003C/span> /&gt;\u003C/span>\\n          \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">stop\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">offset\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;90%&quot;\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">stop-color\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;red&quot;\u003C/span> /&gt;\u003C/span>\\n        \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">linearGradient\u003C/span>&gt;\u003C/span>\\n      \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">svelte:fragment\u003C/span>&gt;\u003C/span>\\n\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"scaledsvg\\\">ScaledSvg\u003Ca href=\\\"/guide#scaledsvg\\\"> \u003C/a>\u003C/h3>\u003Cp>Use this when you want to render SVGs server side, using Rich Harris&#39;s \u003Ca href=\\\"https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp\\\">Pancake technique\u003C/a>.\u003C/p>\\n\u003Cp>It&#39;s often used in conjunction with props \u003Ccode>ssr={true}\u003C/code> and \u003Ccode>percentRange={true}\u003C/code>.\u003C/p>\\n\u003Cblockquote>\\n\u003Cp>When setting a boolean prop to \u003Ccode>true\u003C/code>, you can omit the \u003Ccode>={true}\u003C/code> portion and only include the prop name, e.g. \u003Ccode>&lt;LayerCake ssr percentRange ...&gt;\u003C/code>.\u003C/p>\\n\u003C/blockquote>\\n\u003Cp>The ScaledSvg component has two custom props: \u003Ccode>fixedAspectRatio\u003C/code> and \u003Ccode>viewBox\u003C/code>. See the \u003Ca href=\\\"/guide#layout-component-props\\\">Layout component props\u003C/a> section for more information.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- { filename: &#x27;App.svelte&#x27; } --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { \u003Cspan class=\\\"hljs-title class_\\\">LayerCake\u003C/span>, \u003Cspan class=\\\"hljs-title class_\\\">ScaledSvg\u003C/span> } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;chart-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">ssr\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">percentRange\u003C/span>\\n  &gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">ScaledSvg\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">fixedAspectRatio\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-number\\\">16\u003C/span>/\u003Cspan class=\\\"hljs-number\\\">9\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&gt;\u003C/span> \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Optional fixed aspect ratio --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">ScaledSvg\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-css\\\">\\n  \u003Cspan class=\\\"hljs-comment\\\">/*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the &lt;LayerCake&gt; element will\\n    expand to fill it.\\n  */\u003C/span>\\n  \u003Cspan class=\\\"hljs-selector-class\\\">.chart-container\u003C/span> {\\n    \u003Cspan class=\\\"hljs-attribute\\\">width\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">100%\u003C/span>;\\n    \u003Cspan class=\\\"hljs-attribute\\\">height\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">300px\u003C/span>;\\n  }\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>This component also has a \u003Ca href=\\\"https://svelte.dev/docs#slot_name\\\">named slot\u003C/a> for adding elements into the SVG \u003Ccode>&lt;defs&gt;\u003C/code> field. See \u003Ca href=\\\"/guide#svg\\\">the Svg layout component section above\u003C/a> for a note about how to use this and a workaround for a Svelte issue where elements are not always recognized.\u003C/p>\\n\u003Ch3 id=\\\"canvas\\\">Canvas\u003Ca href=\\\"/guide#canvas\\\"> \u003C/a>\u003C/h3>\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- { filename: &#x27;App.svelte&#x27; } --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { \u003Cspan class=\\\"hljs-title class_\\\">LayerCake\u003C/span>, \u003Cspan class=\\\"hljs-title class_\\\">Canvas\u003C/span> } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> \u003Cspan class=\\\"hljs-title class_\\\">CanvasLayer\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;./components/CanvasLayer.svelte&#x27;\u003C/span>\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;chart-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">...\u003C/span>&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Canvas\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">zIndex\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-number\\\">3\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&gt;\u003C/span> \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Optional z-index --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n      \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">CanvasLayer\u003C/span>/&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Canvas\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-css\\\">\\n  \u003Cspan class=\\\"hljs-comment\\\">/*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the &lt;LayerCake&gt; element will\\n    expand to fill it.\\n  */\u003C/span>\\n  \u003Cspan class=\\\"hljs-selector-class\\\">.chart-container\u003C/span> {\\n    \u003Cspan class=\\\"hljs-attribute\\\">width\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">100%\u003C/span>;\\n    \u003Cspan class=\\\"hljs-attribute\\\">height\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">300px\u003C/span>;\\n  }\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>In the component, you access the canvas context with \u003Ccode>const { ctx } = getContext(&#39;canvas&#39;);\u003C/code>. This value is on a different context from the \u003Ccode>getContext(&#39;LayerCake&#39;)\u003C/code> one because you could have multiple canvas layers and there wouldn&#39;t be an easy way to grab the right one. This way, the component always has access to just its parent Canvas component.\u003C/p>\\n\u003Cblockquote>\\n\u003Cp>Warning: If you want to draw multiple canvas layers, use one \u003Ccode>&lt;Canvas&gt;\u003C/code> tag each. There is a bug in \u003Ca href=\\\"https://github.com/mhkeller/layercake/issues/50\\\">Svelte&#39;s reactivity\u003C/a> that will cause an infinite loop if you add two or more components in a single \u003Ccode>&lt;Canvas&gt;\u003C/code> tag.\u003C/p>\\n\u003C/blockquote>\\n\u003Cblockquote>\\n\u003Cp>Since the \u003Ccode>ctx\u003C/code> value is a normal 2d context, the underlying canvas element is accessible under \u003Ccode>ctx.canvas\u003C/code>.\u003C/p>\\n\u003C/blockquote>\\n\u003Cp>Here&#39;s an example showing a scatter plot.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- { filename: &#x27;./components/CanvasLayer.svelte&#x27; } --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { getContext } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;svelte&#x27;\u003C/span>;\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { scaleCanvas } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\\n  \u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> { data, xGet, yGet, width, height } = \u003Cspan class=\\\"hljs-title function_\\\">getContext\u003C/span>(\u003Cspan class=\\\"hljs-string\\\">&#x27;LayerCake&#x27;\u003C/span>);\\n  \u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> { ctx } = \u003Cspan class=\\\"hljs-title function_\\\">getContext\u003C/span>(\u003Cspan class=\\\"hljs-string\\\">&#x27;canvas&#x27;\u003C/span>);\\n\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">\\n  $: \u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\\n    \u003Cspan class=\\\"hljs-keyword\\\">if\u003C/span> ($ctx) {\\n      \u003Cspan class=\\\"hljs-comment\\\">/* --------------------------------------------\\n       * If you were to have multiple canvas layers\\n       * maybe for some artistic layering purposes\\n       * put these reset functions in the first layer, not each one\\n       * since they should only run once per update\\n       */\u003C/span>\\n      \u003Cspan class=\\\"hljs-title function_\\\">scaleCanvas\u003C/span>($ctx, $width, $height);\\n      $ctx.\u003Cspan class=\\\"hljs-title function_\\\">clearRect\u003C/span>(\u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, $width, $height);\\n\\n      \u003Cspan class=\\\"hljs-comment\\\">/* --------------------------------------------\\n       * Draw the scatterplot\\n       */\u003C/span>\\n      $data.\u003Cspan class=\\\"hljs-title function_\\\">forEach\u003C/span>(\u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">d\u003C/span> =&gt;\u003C/span> {\\n        $ctx.\u003Cspan class=\\\"hljs-title function_\\\">beginPath\u003C/span>();\\n        $ctx.\u003Cspan class=\\\"hljs-title function_\\\">arc\u003C/span>($xGet(d), $yGet(d), \u003Cspan class=\\\"hljs-number\\\">5\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">2\u003C/span> * \u003Cspan class=\\\"hljs-title class_\\\">Math\u003C/span>.\u003Cspan class=\\\"hljs-property\\\">PI\u003C/span>, \u003Cspan class=\\\"hljs-literal\\\">false\u003C/span>);\\n        $ctx.\u003Cspan class=\\\"hljs-property\\\">fillStyle\u003C/span> = \u003Cspan class=\\\"hljs-string\\\">&#x27;#f0c&#x27;\u003C/span>;\\n        $ctx.\u003Cspan class=\\\"hljs-title function_\\\">fill\u003C/span>();\\n      });\\n    }\\n  }\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"webgl\\\">WebGL\u003Ca href=\\\"/guide#webgl\\\"> \u003C/a>\u003C/h3>\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- { filename: &#x27;App.svelte&#x27; } --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { \u003Cspan class=\\\"hljs-title class_\\\">LayerCake\u003C/span>, \u003Cspan class=\\\"hljs-title class_\\\">WebGL\u003C/span> } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">div\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">class\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&quot;chart-container&quot;\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">...\u003C/span>&gt;\u003C/span>\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">WebGL\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">zIndex\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-number\\\">4\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&gt;\u003C/span> \u003C/span>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- Optional z-index --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n    \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">WebGL\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">div\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-css\\\">\\n  \u003Cspan class=\\\"hljs-comment\\\">/*\\n    The wrapper div needs to have an explicit width and height in CSS.\\n    It can also be a flexbox child or CSS grid element.\\n    The point being it needs dimensions since the &lt;LayerCake&gt; element will\\n    expand to fill it.\\n  */\u003C/span>\\n  \u003Cspan class=\\\"hljs-selector-class\\\">.chart-container\u003C/span> {\\n    \u003Cspan class=\\\"hljs-attribute\\\">width\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">100%\u003C/span>;\\n    \u003Cspan class=\\\"hljs-attribute\\\">height\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">300px\u003C/span>;\\n  }\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">style\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>In the component, you access the canvas context with \u003Ccode>const { gl } = getContext(&#39;gl&#39;);\u003C/code>. This value is on a different context from the \u003Ccode>getContext(&#39;LayerCake&#39;)\u003C/code> one because you could have multiple WebGL layers and there wouldn&#39;t be an easy way to grab the right one.\u003C/p>\\n\u003Cblockquote>\\n\u003Cp>Since the \u003Ccode>gl\u003C/code> value is a normal WebGL context, the underlying canvas element is accessible under \u003Ccode>gl.canvas\u003C/code>.\u003C/p>\\n\u003C/blockquote>\\n\u003Cp>See the \u003Ca href=\\\"/example/ScatterWebgl\\\">WebGL scatter chart\u003C/a> for a working example.\u003C/p>\\n\",\"metadata\":{\"title\":\"Layout components\"},\"subsections\":[{\"slug\":\"html\",\"title\":\"Html\"},{\"slug\":\"svg\",\"title\":\"Svg\"},{\"slug\":\"scaledsvg\",\"title\":\"ScaledSvg\"},{\"slug\":\"canvas\",\"title\":\"Canvas\"},{\"slug\":\"webgl\",\"title\":\"WebGL\"}],\"slug\":\"layout-components\",\"file\":\"05-layout-components.md\"},{\"html\":\"\u003Cp>In addition to the \u003Ca href=\\\"guide#accessibility\\\">accessibility props\u003C/a> described above, all layout components accept the following props:\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca href=\\\"guide#zindex\\\">zIndex\u003C/a> \u003Ccode>Number|String\u003C/code>\u003C/li>\\n\u003Cli>\u003Ca href=\\\"guide#pointerevents\\\">pointerEvents\u003C/a> \u003Ccode>Boolean\u003C/code>\u003C/li>\\n\u003C/ul>\\n\u003Cp>The Svg and ScaledSvg layout components also accept:\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca href=\\\"guide#viewbox\\\">viewBox\u003C/a> \u003Ccode>String\u003C/code>\u003C/li>\\n\u003C/ul>\\n\u003Cp>And ScaledSvg additionally accepts:\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca href=\\\"guide#fixedaspectratio\\\">fixedAspectRatio\u003C/a> \u003Ccode>Number\u003C/code>\u003C/li>\\n\u003C/ul>\\n\u003Cp>The WebGL Component accepts:\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Ca href=\\\"guide#contextattributes\\\">contextAttributes\u003C/a> \u003Ccode>Object\u003C/code>\u003C/li>\\n\u003C/ul>\\n\u003Cp>Each layout component also export an \u003Ccode>element\u003C/code> prop that you can bind to and represents the HTML element that wraps the layout component. These are also available as slot props.\u003C/p>\\n\u003Cul>\\n\u003Cli>In the \u003Ccode>Html\u003C/code> component, \u003Ccode>element\u003C/code> equals the \u003Ccode>&lt;div&gt;\u003C/code> tag.\u003C/li>\\n\u003Cli>In the \u003Ccode>Svg\u003C/code> component, \u003Ccode>element\u003C/code> equals the \u003Ccode>&lt;svg&gt;\u003C/code> tag.\u003Cul>\\n\u003Cli>This layout component also has a \u003Ccode>innerElement\u003C/code> binding to the \u003Ccode>&lt;g&gt;\u003C/code> tag, which wraps all of the content.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>In the \u003Ccode>ScaledSvg\u003C/code> component, \u003Ccode>element\u003C/code> equals the \u003Ccode>&lt;svg&gt;\u003C/code> tag.\u003C/li>\\n\u003Cli>In the \u003Ccode>Canvas\u003C/code> component, \u003Ccode>element\u003C/code> equals the \u003Ccode>&lt;canvas&gt;\u003C/code> tag.\u003C/li>\\n\u003Cli>In the \u003Ccode>WebGL\u003C/code> component, \u003Ccode>element\u003C/code> equals the \u003Ccode>&lt;canvas&gt;\u003C/code> tag.\u003C/li>\\n\u003C/ul>\\n\u003Cp>The \u003Ccode>Canvas\u003C/code> and the \u003Ccode>WebGL\u003C/code> components also export a \u003Ccode>context\u003C/code> variable that you can bind to and is also available as a slot prop.\u003C/p>\\n\u003Cul>\\n\u003Cli>In the \u003Ccode>Canvas\u003C/code> component, \u003Ccode>context\u003C/code> equals \u003Ccode>element.getContext(&#39;2d&#39;)\u003C/code>.\u003C/li>\\n\u003Cli>In the \u003Ccode>WebGL\u003C/code> component, \u003Ccode>context\u003C/code> equals \u003Ccode>element.getContext(&#39;webgl&#39;)\u003C/code>.\u003C/li>\\n\u003C/ul>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n \u003Cspan class=\\\"hljs-keyword\\\">let\u003C/span> svgElement;\\n \u003Cspan class=\\\"hljs-keyword\\\">let\u003C/span> canvasElement;\\n \u003Cspan class=\\\"hljs-keyword\\\">let\u003C/span> canvasContext\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">...\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">bind:element\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{svgElement}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n    \u003Cspan class=\\\"hljs-attr\\\">let:element\u003C/span>\\n  &gt;\u003C/span>\\n    \u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-variable language_\\\">console\u003C/span>.\u003Cspan class=\\\"hljs-title function_\\\">log\u003C/span>(svgElement === element)}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Canvas\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">bind:element\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{canvasElement}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n    \u003Cspan class=\\\"hljs-attr\\\">bind:context\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{canvasContext}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n    \u003Cspan class=\\\"hljs-attr\\\">let:element\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">let:context\u003C/span>\\n  &gt;\u003C/span>\\n    \u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-variable language_\\\">console\u003C/span>.\u003Cspan class=\\\"hljs-title function_\\\">log\u003C/span>(canvasElement === element)}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n    \u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-variable language_\\\">console\u003C/span>.\u003Cspan class=\\\"hljs-title function_\\\">log\u003C/span>(canvasContext === context)}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Canvas\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"zindex\\\">zIndex \u003Ccode>Number|String\u003C/code>\u003Ca href=\\\"/guide#zindex\\\"> \u003C/a>\u003C/h3>\u003Cp>This lets you fine-tune your layering and is useful if you want your layers to build in a certain order but have a different appearance than their DOM order.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">...\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">zIndex\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-number\\\">2\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n  &gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"pointerevents\\\">pointerEvents \u003Ccode>Boolean\u003C/code>\u003Ca href=\\\"/guide#pointerevents\\\"> \u003C/a>\u003C/h3>\u003Cp>Useful for tooltip layers that need to be display above chart elements but not capture mouse events. Defaults to no \u003Ccode>pointer-events\u003C/code> CSS being set. Set to \u003Ccode>false\u003C/code> to set \u003Ccode>pointer-events: none;\u003C/code>\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">...\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Html\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">pointerEvents\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-literal\\\">false\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n  &gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Html\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"viewbox\\\">viewBox \u003Ccode>String\u003C/code>\u003Ca href=\\\"/guide#viewbox\\\"> \u003C/a>\u003C/h3>\u003Cp>On Svg components, this defaults to \u003Ccode>undefined\u003C/code> and \u003Ccode>0 0 100 100\u003C/code> for ScaledSvg.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">...\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">viewBox\u003C/span>=\u003Cspan class=\\\"hljs-string\\\">&#x27;0 0 100 50&#x27;\u003C/span>\\n  &gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">Svg\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"fixedaspectratio\\\">fixedAspectRatio \u003Ccode>Number\u003C/code>\u003Ca href=\\\"/guide#fixedaspectratio\\\"> \u003C/a>\u003C/h3>\u003Cp>For ScaledSvg components, you can pass in a set aspect ratio. See the \u003Ca href=\\\"/example-ssr/MapSvg\\\">server-side rendered Map\u003C/a> for an example.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">...\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">ScaledSvg\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">fixedAspectRatio\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\u003Cspan class=\\\"hljs-number\\\">16\u003C/span>/\u003Cspan class=\\\"hljs-number\\\">9\u003C/span>}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n  &gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">ScaledSvg\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"contextattributes\\\">contextAttributes \u003Ccode>Object\u003C/code>\u003Ca href=\\\"/guide#contextattributes\\\"> \u003C/a>\u003C/h3>\u003Cp>For WebGL components, you can pass in an object that gets passed as the second argument to \u003Ccode>canvas.getContext()\u003C/code>. See the \u003Ca href=\\\"https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/getContext\\\">WebGL docs\u003C/a> for more details on what those attributes can be.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span> \u003Cspan class=\\\"hljs-attr\\\">...\u003C/span>&gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">WebGL\u003C/span>\\n    \u003Cspan class=\\\"hljs-attr\\\">contextAttributes\u003C/span>=\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">{{\\n      \u003Cspan class=\\\"hljs-attr\\\">antialias\u003C/span>: \u003Cspan class=\\\"hljs-literal\\\">false\u003C/span>,\\n      \u003Cspan class=\\\"hljs-attr\\\">depth\u003C/span>: \u003Cspan class=\\\"hljs-literal\\\">false\u003C/span>,\\n      \u003Cspan class=\\\"hljs-attr\\\">alpha\u003C/span>: \u003Cspan class=\\\"hljs-literal\\\">false\u003C/span>\\n    }}\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">\\n  &gt;\u003C/span>\\n  \u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">WebGL\u003C/span>&gt;\u003C/span>\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">LayerCake\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\",\"metadata\":{\"title\":\"Layout component props\"},\"subsections\":[{\"slug\":\"zindex\",\"title\":\"zIndex\"},{\"slug\":\"pointerevents\",\"title\":\"pointerEvents\"},{\"slug\":\"viewbox\",\"title\":\"viewBox\"},{\"slug\":\"fixedaspectratio\",\"title\":\"fixedAspectRatio\"},{\"slug\":\"contextattributes\",\"title\":\"contextAttributes\"}],\"slug\":\"layout-component-props\",\"file\":\"06-layout-component-props.md\"},{\"html\":\"\u003Cp>Layer Cake exposes some commonly-used helper functions. If you don&#39;t use them, they will be tree-shaken so there&#39;s no added bloat!\u003C/p>\\n\u003Ch3 id=\\\"bin\\\">bin\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">data: \u003Ccode>Array\u003C/code>[, accessor: \u003Ccode>String|Function\u003C/code>, { domain: \u003Ccode>Array\u003C/code>, thresholds: \u003Ccode>Array\u003C/code> }]\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#bin\\\"> \u003C/a>\u003C/h3>\u003Cp>This is a wrapper around the \u003Ccode>bin\u003C/code> function in \u003Ca href=\\\"https://github.com/d3/d3-array#bins\\\">d3-array\u003C/a>. It&#39;s useful for histograms.\u003C/p>\\n\u003Cp>The component has the following props:\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Cstrong>data\u003C/strong> \u003Ccode>Array|Object\u003C/code>\u003Cul>\\n\u003Cli>The data to be binned.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Cstrong>value\u003C/strong> \u003Ccode>Function|String\u003C/code>\u003Cul>\\n\u003Cli>Optional. An accessor function passed to \u003Ca href=\\\"https://github.com/d3/d3-array#bin_value\\\">\u003Ccode>bin.value()\u003C/code>\u003C/a>. If this is a string, it will be transformed into an accessor for that key.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Cstrong>domain\u003C/strong> \u003Ccode>Array\u003C/code>\u003Cul>\\n\u003Cli>Optional. The domain passed to \u003Ca href=\\\"https://github.com/d3/d3-array#bin_domain\\\">\u003Ccode>bin.domain()\u003C/code>\u003C/a>.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Cstrong>thresholds\u003C/strong> \u003Ccode>Number|Array|Function\u003C/code>\u003Cul>\\n\u003Cli>Optional. The thresholds passed to \u003Ca href=\\\"https://github.com/d3/d3-array#bin_thresholds\\\">\u003Ccode>bin.thresholds()\u003C/code>\u003C/a>. Optional. Can be a number, array or function.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003C/ul>\\n\u003Cp>See the \u003Ca href=\\\"/example/BarStacked\\\">stacked bar chart\u003C/a> for an example:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { bin } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> data = [\\n  { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span> },\\n  { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1\u003C/span> },\\n  { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">2\u003C/span> },\\n  { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">4\u003C/span> },\\n  { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">2\u003C/span> },\\n  { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">8\u003C/span> },\\n  { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1\u003C/span> },\\n  { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">4\u003C/span> },\\n  { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">7\u003C/span> }\\n];\\n\\n\u003Cspan class=\\\"hljs-comment\\\">// Usage\u003C/span>\\n\u003Cspan class=\\\"hljs-title function_\\\">bin\u003C/span>(data, \u003Cspan class=\\\"hljs-string\\\">&#x27;myX&#x27;\u003C/span>);\\n\u003Cspan class=\\\"hljs-comment\\\">// or...\u003C/span>\\n\u003Cspan class=\\\"hljs-title function_\\\">bin\u003C/span>(data, \u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">d\u003C/span> =&gt;\u003C/span> d.\u003Cspan class=\\\"hljs-property\\\">myX\u003C/span>);\\n\\n\u003Cspan class=\\\"hljs-comment\\\">// Output...\u003C/span>\\n[\\n  [ { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span> }, { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1\u003C/span> }, { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1\u003C/span> }, \u003Cspan class=\\\"hljs-attr\\\">x0\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">x1\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">2\u003C/span> ],\\n  [ { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">2\u003C/span> }, { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">2\u003C/span> }, \u003Cspan class=\\\"hljs-attr\\\">x0\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">2\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">x1\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">4\u003C/span> ],\\n  [ { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">4\u003C/span> }, { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">4\u003C/span> }, \u003Cspan class=\\\"hljs-attr\\\">x0\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">4\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">x1\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">6\u003C/span> ],\\n  [ { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">7\u003C/span> }, \u003Cspan class=\\\"hljs-attr\\\">x0\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">6\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">x1\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">8\u003C/span> ],\\n  [ { \u003Cspan class=\\\"hljs-attr\\\">myX\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">8\u003C/span> }, \u003Cspan class=\\\"hljs-attr\\\">x0\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">8\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">x1\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span> ]\\n]\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"calcextents\\\">calcExtents\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">flatData: \u003Ccode>Array\u003C/code>, fields: \u003Ccode>{x?: Function, y?: Function, z?: Function, r?: Function}\u003C/code>\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#calcextents\\\"> \u003C/a>\u003C/h3>\u003Cp>Calculate the extents of any of the keys specified in \u003Cstrong>fields\u003C/strong>, which is an object whose keys represent the name of the dimension (\u003Ccode>x\u003C/code>, \u003Ccode>y\u003C/code>, \u003Ccode>z\u003C/code> or \u003Ccode>r\u003C/code>) and whose value is an accessor function.\u003C/p>\\n\u003Cp>For example, calculating the extents for the x and y fields, which are in the data as \u003Ccode>myX\u003C/code> and \u003Ccode>myY\u003C/code> would look like this:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> extents = \u003Cspan class=\\\"hljs-title function_\\\">calcExtents\u003C/span>(flatData, {\\n  \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">d\u003C/span> =&gt;\u003C/span> d.\u003Cspan class=\\\"hljs-property\\\">myX\u003C/span>,\\n  \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">d\u003C/span> =&gt;\u003C/span> d.\u003Cspan class=\\\"hljs-property\\\">myY\u003C/span>\\n});\\n\\n\u003Cspan class=\\\"hljs-variable language_\\\">console\u003C/span>.\u003Cspan class=\\\"hljs-title function_\\\">log\u003C/span>(extents);\\n\u003Cspan class=\\\"hljs-comment\\\">/*\\n{\\n  x: [0, 10],\\n  y: [-20, 20]\\n}\\n*/\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>Returns an object matching the keys in the \u003Ccode>fields\u003C/code> argument and whose value is an array of \u003Ccode>[min, max]\u003C/code>.\u003C/p>\\n\u003Cp>This function will also work on strings, which is useful if your data fields are date-time strings like \u003Ccode>&#39;2020-03-09T18:00:00&#39;\u003C/code>.\u003C/p>\\n\u003Cp>The accessor functions can also return an array. This is useful if you want to scan multiple keys per object:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> timeData = [{ \u003Cspan class=\\\"hljs-attr\\\">start\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">end\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1\u003C/span> }, { \u003Cspan class=\\\"hljs-attr\\\">start\u003C/span>: -\u003Cspan class=\\\"hljs-number\\\">10000\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">end\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span> }];\\n\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> extents = \u003Cspan class=\\\"hljs-title function_\\\">calcExtents\u003C/span>(timeData, {\\n  \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">d\u003C/span> =&gt;\u003C/span> [d.\u003Cspan class=\\\"hljs-property\\\">start\u003C/span>, d.\u003Cspan class=\\\"hljs-property\\\">end\u003C/span>]\\n});\\n\\n\u003Cspan class=\\\"hljs-variable language_\\\">console\u003C/span>.\u003Cspan class=\\\"hljs-title function_\\\">log\u003C/span>(extents);\\n\u003Cspan class=\\\"hljs-comment\\\">/*\\n{\\n  y: [-10000, 1]\\n}\\n*/\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"calcuniques\\\">calcUniques\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">flatData: \u003Ccode>Array\u003C/code>, fields: \u003Ccode>{x?: Function, y?: Function, z?: Function, r?: Function}\u003C/code>[, { sort: \u003Ccode>Boolean=false\u003C/code>] }: Object\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#calcuniques\\\"> \u003C/a>\u003C/h3>\u003Cp>The same API and behavior as \u003Ccode>calcExtents\u003C/code> but instead of a two-value array of \u003Ccode>[min, max]\u003C/code> values, it returns an array of unique items. It returns the values in the order they appear in the data. Optionally pass in \u003Ccode>true\u003C/code> in the third options argument to do a simple \u003Ccode>.sort()\u003C/code>.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> uniques = \u003Cspan class=\\\"hljs-title function_\\\">calcUniques\u003C/span>(flatData, {\\n  \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">d\u003C/span> =&gt;\u003C/span> d.\u003Cspan class=\\\"hljs-property\\\">myX\u003C/span>,\\n  \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">d\u003C/span> =&gt;\u003C/span> d.\u003Cspan class=\\\"hljs-property\\\">myY\u003C/span>\\n});\\n\\n\u003Cspan class=\\\"hljs-variable language_\\\">console\u003C/span>.\u003Cspan class=\\\"hljs-title function_\\\">log\u003C/span>(uniques);\\n\u003Cspan class=\\\"hljs-comment\\\">/*\\n{\\n  x: [0, 85, 123, 43, 10],\\n  y: [&#x27;group-1&#x27;, &#x27;group-2&#x27;, &#x27;group-3&#x27;]\\n}\\n*/\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>The accessor functions can also return an array. This is useful if you want to scan multiple keys per object:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> timeData = [{ \u003Cspan class=\\\"hljs-attr\\\">teamCity\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;New York&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">backupCity\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;Los Angeles&#x27;\u003C/span> }, { \u003Cspan class=\\\"hljs-attr\\\">teamCity\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;Chicago&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">backupCity\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;Seattle&#x27;\u003C/span>}];\\n\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> uniques = \u003Cspan class=\\\"hljs-title function_\\\">calcUniques\u003C/span>(timeData, {\\n  \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">d\u003C/span> =&gt;\u003C/span> [d.\u003Cspan class=\\\"hljs-property\\\">teamCity\u003C/span>, d.\u003Cspan class=\\\"hljs-property\\\">backupCity\u003C/span>]\\n}, { \u003Cspan class=\\\"hljs-attr\\\">sort\u003C/span>: \u003Cspan class=\\\"hljs-literal\\\">true\u003C/span> });\\n\\n\u003Cspan class=\\\"hljs-variable language_\\\">console\u003C/span>.\u003Cspan class=\\\"hljs-title function_\\\">log\u003C/span>(uniques);\\n\u003Cspan class=\\\"hljs-comment\\\">/*\\n{\\n  y: [&#x27;Chicago&#x27;, &#x27;Los Angeles&#x27;, &#x27;New York&#x27;, &#x27;Seattle&#x27;]\\n}\\n*/\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"flatten\\\">flatten\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">data: \u003Ccode>Array\u003C/code>[, accessor: \u003Ccode>String|Function\u003C/code>]\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#flatten\\\"> \u003C/a>\u003C/h3>\u003Cp>Flatten an array one-level down. Handy for preparing data from stacked layouts whose extents can easily be calculated. This is equivalent to \u003Ccode>Array.prototype.flat()\u003C/code> but is kept in for old versions of node that support that or other browser compatibility.\u003C/p>\\n\u003Cp>In a typical scenario, the data:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> data = [\\n  [{\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>}, {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">5\u003C/span>}, {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">2\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span>}],\\n  [{\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span>}, {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">15\u003C/span>}, {\u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">2\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">20\u003C/span>}]\\n];\u003C/code>\u003C/pre>\u003C/div>\u003Cp>Becomes this:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { flatten } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> flatData = \u003Cspan class=\\\"hljs-title function_\\\">flatten\u003C/span>(data);\\n\u003Cspan class=\\\"hljs-comment\\\">/*\\n  [\\n    { x: 0, y: 1 }, { x: 1, y: 5 },\\n    { x: 2, y: 10 }, { x: 0, y: 10 },\\n    { x: 1, y: 15 }, { x: 2, y: 20 }\\n  ]\\n*/\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>You can also pass an optional accessor function if the arrays live on some other key. The accessor can also be the string name of the key.\u003C/p>\\n\u003Cp>For example, if you&#39;re using the \u003Ca href=\\\"#grouplonger\\\">\u003Ccode>GroupLonger.svelte\u003C/code>\u003C/a> transform component like in the \u003Ca href=\\\"/example/MultiLine\\\">MultiLine example\u003C/a>, that component will generally output data like the following and you can transform it by passing an accessor:\u003C/p>\\n\u003Cp>Flatten it like this:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { flatten } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> data = [\\n  {\\n    \u003Cspan class=\\\"hljs-attr\\\">key\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;group-one&#x27;\u003C/span>,\\n    \u003Cspan class=\\\"hljs-attr\\\">values\u003C/span>: [{ \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1\u003C/span> }, { \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">5\u003C/span> }, { \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">2\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span> }]\\n  },\\n  {\\n    \u003Cspan class=\\\"hljs-attr\\\">key\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;group-two&#x27;\u003C/span>,\\n    \u003Cspan class=\\\"hljs-attr\\\">values\u003C/span>: [{ \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">10\u003C/span> }, { \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">15\u003C/span> }, { \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">2\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">20\u003C/span> }]\\n  }\\n];\\n\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> flatData = \u003Cspan class=\\\"hljs-title function_\\\">flatten\u003C/span>(data, \u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">d\u003C/span> =&gt;\u003C/span> d.\u003Cspan class=\\\"hljs-property\\\">values\u003C/span>);\\n\u003Cspan class=\\\"hljs-comment\\\">// this is equivalent to\u003C/span>\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> flatData = \u003Cspan class=\\\"hljs-title function_\\\">flatten\u003C/span>(data, \u003Cspan class=\\\"hljs-string\\\">&#x27;values&#x27;\u003C/span>);\\n\u003Cspan class=\\\"hljs-comment\\\">/*\\n  [\\n    { x: 0, y: 1 }, { x: 1, y: 5 },\\n    { x: 2, y: 10 }, { x: 0, y: 10 },\\n    { x: 1, y: 15 }, { x: 2, y: 20 }\\n  ]\\n*/\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Cp>You can safely use this function on arrays of arrays of arrays, such as the output from \u003Ccode>d3.stack()\u003C/code>\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>[\\n  [[   \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">3840\u003C/span>], [   \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>], [   \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>,  \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>], [   \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>,  \u003Cspan class=\\\"hljs-number\\\">320\u003C/span>]],\\n  [[\u003Cspan class=\\\"hljs-number\\\">3840\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">5760\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">3040\u003C/span>], [ \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>], [ \u003Cspan class=\\\"hljs-number\\\">320\u003C/span>,  \u003Cspan class=\\\"hljs-number\\\">800\u003C/span>]],\\n  [[\u003Cspan class=\\\"hljs-number\\\">5760\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">6720\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">3040\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">4000\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">2240\u003C/span>], [ \u003Cspan class=\\\"hljs-number\\\">800\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1440\u003C/span>]],\\n  [[\u003Cspan class=\\\"hljs-number\\\">6720\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">7120\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">4000\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">4400\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">2240\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">2640\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">1440\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1840\u003C/span>]]\\n]\u003C/code>\u003C/pre>\u003C/div>\u003Cp>Becomes...\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>[ [ \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">3840\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1600\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">640\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">320\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">3840\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">5760\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">3040\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1600\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">320\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">800\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">5760\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">6720\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">3040\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">4000\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">2240\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">800\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1440\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">6720\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">7120\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">4000\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">4400\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">2240\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">2640\u003C/span> ],\\n  [ \u003Cspan class=\\\"hljs-number\\\">1440\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1840\u003C/span> ]\\n]\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"grouplonger\\\">groupLonger\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">data: \u003Ccode>Array\u003C/code>, keys: \u003Ccode>String[]\u003C/code>[, { groupTo: \u003Ccode>String=&#39;group&#39;\u003C/code>, valueTo: \u003Ccode>String=&#39;value&#39;\u003C/code>,  keepKeys: \u003Ccode>String[]\u003C/code> }]\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#grouplonger\\\"> \u003C/a>\u003C/h3>\u003Cp>This function is useful for data that you get in a &quot;wide&quot; format that you want to break into a multi-series chart.\u003C/p>\\n\u003Cp>For example, let&#39;s say you have a spreadsheet like this and you want to create a line chart with one line for each fruit over time.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>month,apples,bananas,cherries,dates\\n2015-01-01,320,480,640,400\\n2015-02-01,640,960,740,500\\n2015-03-01,1600,1440,960,600\u003C/code>\u003C/pre>\u003C/div>\u003Cp>You need to convert your data into something like this:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { groupLonger } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> groupData = \u003Cspan class=\\\"hljs-title function_\\\">groupLonger\u003C/span>(data, [ \u003Cspan class=\\\"hljs-string\\\">&#x27;apples&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-string\\\">&#x27;bananas&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-string\\\">&#x27;cherries&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-string\\\">&#x27;dates&#x27;\u003C/span>]);\\n\\n\u003Cspan class=\\\"hljs-comment\\\">// Outputs\u003C/span>\\n[\\n  {\\n    \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;apples&#x27;\u003C/span>,\\n    \u003Cspan class=\\\"hljs-attr\\\">values\u003C/span>: [\\n      { \u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-01-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">320\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;apples&#x27;\u003C/span> },\\n      { \u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-02-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;apples&#x27;\u003C/span> },\\n      { \u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-03-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;apples&#x27;\u003C/span> }\\n    ]\\n  },{\\n    \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;bananas&#x27;\u003C/span>,\\n    \u003Cspan class=\\\"hljs-attr\\\">values\u003C/span>: [\\n      { \u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-01-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">480\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;bananas&#x27;\u003C/span> },\\n      { \u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-02-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">960\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;bananas&#x27;\u003C/span> },\\n      { \u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-03-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1440\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;bananas&#x27;\u003C/span> }\\n    ]\\n  },{\\n    \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;cherries&#x27;\u003C/span>,\\n    \u003Cspan class=\\\"hljs-attr\\\">values\u003C/span>: [\\n      { \u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-01-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;cherries&#x27;\u003C/span> },\\n      { \u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-02-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">740\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;cherries&#x27;\u003C/span> },\\n      { \u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-03-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">960\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;cherries&#x27;\u003C/span> }\\n    ]\\n  },{\\n    \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;dates&#x27;\u003C/span>,\\n    \u003Cspan class=\\\"hljs-attr\\\">values\u003C/span>: [\\n      { \u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-01-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">400\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;dates&#x27;\u003C/span> },\\n      { \u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-02-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">500\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;dates&#x27;\u003C/span> },\\n      { \u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-03-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">value\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">600\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">group\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;dates&#x27;\u003C/span> }\\n    ]\\n  }\\n]\u003C/code>\u003C/pre>\u003C/div>\u003Cp>The component has the following props:\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Cstrong>data\u003C/strong> \u003Ccode>Array|Object\u003C/code>\u003Cul>\\n\u003Cli>The data to be transformed.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Cstrong>keys\u003C/strong> \u003Ccode>String[]\u003C/code>\u003Cul>\\n\u003Cli>The series names to break out out into separate groups.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Cstrong>options\u003C/strong> \u003Ccode>Object\u003C/code> Options object\u003C/li>\\n\u003Cli>\u003Cstrong>options.groupTo\u003C/strong> \u003Ccode>String=&#39;group&#39;\u003C/code>\u003Cul>\\n\u003Cli>Optional. This name of the field that is added to each group object. Defaults to &#39;group&#39;. This field is also added to each row of data.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Cstrong>options.valueTo\u003C/strong> \u003Ccode>String=&#39;value&#39;\u003C/code>\u003Cul>\\n\u003Cli>Optional. The name of the new field on each row of data to store the value under. Defaults to &#39;value&#39;.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Cstrong>options.keepKeys\u003C/strong> \u003Ccode>String[]\u003C/code>\u003Cul>\\n\u003Cli>Optional. Any keys we want to explicitly keep. If this is unset, all keys not specified in your groups will be kept. The list of full keys is determined by naively looking at the first row of the data.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003C/ul>\\n\u003Cp>It returns:\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Cstrong>groupData\u003C/strong> \u003Ccode>Array\u003C/code>\u003Cul>\\n\u003Cli>The transformed data.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003C/ul>\\n\u003Cp>See the example on the \u003Ca href=\\\"/example/MultiLine\\\">multline chart\u003C/a>\u003C/p>\\n\u003Ch3 id=\\\"raise\\\">raise\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">el: \u003Ccode>DOM Element\u003C/code>\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#raise\\\"> \u003C/a>\u003C/h3>\u003Cp>Adapted from the \u003Ca href=\\\"https://github.com/d3/d3-selection#selection_raise\\\">raise\u003C/a> method in d3-selection, this is a convenience function to re-insert the passed in element as the last child of its parent. Equivalent to:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>el.\u003Cspan class=\\\"hljs-property\\\">parentNode\u003C/span>.\u003Cspan class=\\\"hljs-title function_\\\">appendChild\u003C/span>(el);\u003C/code>\u003C/pre>\u003C/div>\u003Cp>This is useful for hovering over SVG maps so that the hovered-over feature is not obstructed by neighboring shapes. See how it&#39;s used in the \u003Ca href=\\\"/example/MapSvg\\\">SVG map component\u003C/a>.\u003C/p>\\n\u003Ch3 id=\\\"scalecanvas\\\">scaleCanvas\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">ctx: \u003Ccode>CanvasRenderingContext2D\u003C/code>, width: \u003Ccode>Number\u003C/code>, height: \u003Ccode>Number\u003C/code>\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#scalecanvas\\\"> \u003C/a>\u003C/h3>\u003Cp>Scale your canvas size to retina screens. This function will modify the canvas, if necessary, and return an object with the new \u003Ccode>width\u003C/code> and \u003Ccode>height\u003C/code> as properties.\u003C/p>\\n\u003Cp>Such as in the \u003Ca href=\\\"/example/Scatter\\\">Scatter canvas\u003C/a> example:\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-comment\\\">&lt;!-- { filename: &#x27;Scatter.html&#x27; } --&gt;\u003C/span>\u003Cspan class=\\\"language-xml\\\">\\n\u003Cspan class=\\\"hljs-tag\\\">&lt;\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003Cspan class=\\\"language-javascript\\\">\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { getContext } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;svelte&#x27;\u003C/span>;\\n  \u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { scaleCanvas } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\\n  \u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> { data, xGet, yGet, width, height } = \u003Cspan class=\\\"hljs-title function_\\\">getContext\u003C/span>(\u003Cspan class=\\\"hljs-string\\\">&#x27;LayerCake&#x27;\u003C/span>);\\n\\n  \u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> { ctx } = \u003Cspan class=\\\"hljs-title function_\\\">getContext\u003C/span>(\u003Cspan class=\\\"hljs-string\\\">&#x27;canvas&#x27;\u003C/span>);\\n\\n  \u003Cspan class=\\\"hljs-keyword\\\">export\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">let\u003C/span> r;\\n  \u003Cspan class=\\\"hljs-keyword\\\">export\u003C/span> \u003Cspan class=\\\"hljs-keyword\\\">let\u003C/span> fill;\\n\u003C/span>\u003Cspan class=\\\"hljs-keyword\\\">\\n  $: \u003C/span>\u003Cspan class=\\\"language-javascript\\\">{\\n    \u003Cspan class=\\\"hljs-keyword\\\">if\u003C/span> ($ctx) {\\n      \u003Cspan class=\\\"hljs-comment\\\">/* --------------------------------------------\\n       * If you were to have multiple canvas layers\\n       * maybe for some artistic layering purposes\\n       * put these reset functions in the first layer, not each one\\n       * since they should only run once per update\\n       */\u003C/span>\\n      \u003Cspan class=\\\"hljs-title function_\\\">scaleCanvas\u003C/span>($ctx, $width, $height);\\n      $ctx.\u003Cspan class=\\\"hljs-title function_\\\">clearRect\u003C/span>(\u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, $width, $height);\\n\\n      \u003Cspan class=\\\"hljs-comment\\\">/* --------------------------------------------\\n       * Draw our scatterplot\\n       */\u003C/span>\\n      $data.\u003Cspan class=\\\"hljs-title function_\\\">forEach\u003C/span>(\u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">d\u003C/span> =&gt;\u003C/span> {\\n        $ctx.\u003Cspan class=\\\"hljs-title function_\\\">beginPath\u003C/span>();\\n        $ctx.\u003Cspan class=\\\"hljs-title function_\\\">arc\u003C/span>($xGet(d), $yGet(d), r, \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">2\u003C/span> * \u003Cspan class=\\\"hljs-title class_\\\">Math\u003C/span>.\u003Cspan class=\\\"hljs-property\\\">PI\u003C/span>, \u003Cspan class=\\\"hljs-literal\\\">false\u003C/span>);\\n        $ctx.\u003Cspan class=\\\"hljs-property\\\">fillStyle\u003C/span> = fill;\\n        $ctx.\u003Cspan class=\\\"hljs-title function_\\\">fill\u003C/span>();\\n      });\\n    }\\n  }\\n\u003C/span>\u003Cspan class=\\\"language-xml\\\">\u003Cspan class=\\\"hljs-tag\\\">&lt;/\u003Cspan class=\\\"hljs-name\\\">script\u003C/span>&gt;\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"stack\\\">stack\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">data: \u003Ccode>Array|Object\u003C/code>[, keys: \u003Ccode>String[]\u003C/code>, { domain: \u003Ccode>Array\u003C/code>, thresholds: \u003Ccode>Array\u003C/code> }]\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#stack\\\"> \u003C/a>\u003C/h3>\u003Cp>This function is a wrapper around the \u003Ccode>stack\u003C/code> function in \u003Ca href=\\\"https://github.com/d3/d3-shape#stacks\\\">d3-shape\u003C/a>.\u003C/p>\\n\u003Cp>The component has the following props:\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Cstrong>data\u003C/strong> \u003Ccode>Array|Object\u003C/code>\u003Cul>\\n\u003Cli>The data to be stacked.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Cstrong>keys\u003C/strong> \u003Ccode>String[]\u003C/code>\u003Cul>\\n\u003Cli>The series names to stack, passed to \u003Ca href=\\\"https://github.com/d3/d3-shape#stack_keys\\\">\u003Ccode>stack.keys()\u003C/code>\u003C/a>.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Cstrong>options\u003C/strong> \u003Ccode>Object\u003C/code> Options object\u003C/li>\\n\u003Cli>\u003Cstrong>options.value\u003C/strong> \u003Ccode>Function|String\u003C/code>\u003Cul>\\n\u003Cli>Optional. An accessor function passed to \u003Ca href=\\\"https://github.com/d3/d3-shape#stack_value\\\">\u003Ccode>stack.value()\u003C/code>\u003C/a>. If this is a string, it will be transformed into an accessor for that key.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Cstrong>options.order\u003C/strong> \u003Ccode>Array|Function\u003C/code>\u003Cul>\\n\u003Cli>Optional. The stack order passed to \u003Ca href=\\\"https://github.com/d3/d3-shape#stack_order\\\">\u003Ccode>stack.order()\u003C/code>\u003C/a>.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003Cli>\u003Cstrong>options.offset\u003C/strong> \u003Ccode>Array|Function\u003C/code>\u003Cul>\\n\u003Cli>Optional. The offset function passed to \u003Ca href=\\\"https://github.com/d3/d3-shape#stack_offset\\\">\u003Ccode>stack.offset()\u003C/code>\u003C/a>.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003C/ul>\\n\u003Cp>It returns as slot props:\u003C/p>\\n\u003Cul>\\n\u003Cli>\u003Cstrong>stackData\u003C/strong> \u003Ccode>Array\u003C/code>\u003Cul>\\n\u003Cli>The transformed data.\u003C/li>\\n\u003C/ul>\\n\u003C/li>\\n\u003C/ul>\\n\u003Cp>See the example on the \u003Ca href=\\\"/example/AreaStacked\\\">stacked area chart\u003C/a>\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { stack } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\\n\u003Cspan class=\\\"hljs-comment\\\">// Input data\u003C/span>\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> data = [\\n  {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-01-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">apples\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">320\u003C/span>,  \u003Cspan class=\\\"hljs-attr\\\">bananas\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">480\u003C/span>,  \u003Cspan class=\\\"hljs-attr\\\">cherries\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">dates\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">400\u003C/span>}\\n  {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-02-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">apples\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>,  \u003Cspan class=\\\"hljs-attr\\\">bananas\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">960\u003C/span>,  \u003Cspan class=\\\"hljs-attr\\\">cherries\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">740\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">dates\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">500\u003C/span>},\\n  {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-03-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">apples\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">bananas\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1440\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">cherries\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">920\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">dates\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">600\u003C/span>},\\n  {\u003Cspan class=\\\"hljs-attr\\\">month\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;2015-04-01&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">apples\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">3840\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">bananas\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1920\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">cherries\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">960\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">dates\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">700\u003C/span>},\\n];\\n\\n\u003Cspan class=\\\"hljs-comment\\\">// Usage\u003C/span>\\n\u003Cspan class=\\\"hljs-title function_\\\">stack\u003C/span>(data, [\u003Cspan class=\\\"hljs-string\\\">&#x27;apples&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-string\\\">&#x27;bananas&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-string\\\">&#x27;cherries&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-string\\\">&#x27;dates&#x27;\u003C/span>])\\n\\n\u003Cspan class=\\\"hljs-comment\\\">// Output data. The `month` values you can&#x27;t see because sneakily stashes them as a property on the array, accessible as `d.data`.\u003C/span>\\n[\\n  [ [   \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">320\u003C/span>],  [   \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>,  \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>], [   \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>], [   \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">3840\u003C/span>] ], \u003Cspan class=\\\"hljs-comment\\\">// apples\u003C/span>\\n  [ [ \u003Cspan class=\\\"hljs-number\\\">320\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">800\u003C/span>],  [ \u003Cspan class=\\\"hljs-number\\\">640\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">3040\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">3840\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">5760\u003C/span>] ], \u003Cspan class=\\\"hljs-comment\\\">// bananas\u003C/span>\\n  [ [ \u003Cspan class=\\\"hljs-number\\\">800\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1440\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">1600\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">2340\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">3040\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">3960\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">5760\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">6720\u003C/span>] ], \u003Cspan class=\\\"hljs-comment\\\">// cherries\u003C/span>\\n  [ [\u003Cspan class=\\\"hljs-number\\\">1440\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">1840\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">2340\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">2840\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">3960\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">4560\u003C/span>], [\u003Cspan class=\\\"hljs-number\\\">6720\u003C/span>, \u003Cspan class=\\\"hljs-number\\\">7420\u003C/span>] ]  \u003Cspan class=\\\"hljs-comment\\\">// dates\u003C/span>\\n]\u003C/code>\u003C/pre>\u003C/div>\u003Ch3 id=\\\"uniques\\\">uniques\u003Cspan class=\\\"call\\\">(\u003Cspan class=\\\"arguments\\\">data: \u003Ccode>Array\u003C/code>[, accessor: \u003Ccode>String|Function\u003C/code>, transform: \u003Ccode>Boolean=true\u003C/code>]\u003C/span>)\u003C/span>\u003Ca href=\\\"/guide#uniques\\\"> \u003C/a>\u003C/h3>\u003Cp>A function to get the unique values from a list. If \u003Cstrong>accessor\u003C/strong> is specified, the uniqueness will be compared using that and, by default, the values in the returned list of unique values will be values returned by the accessor. Accessor can also be the string name of the key. Pass \u003Ccode>false\u003C/code> to the \u003Cstrong>transform\u003C/strong> argument if you want to return the original elements, which will be the first one that appears for every unique value. The default for \u003Cstrong>transform\u003C/strong> is \u003Ccode>true\u003C/code>.\u003C/p>\\n\u003Cp>This is different from Underscore&#39;s \u003Ca href=\\\"https://underscorejs.org/#uniq\\\">uniq\u003C/a> because that function doesn&#39;t return the transformed value.\u003C/p>\\n\u003Cdiv class='code-block'>\u003Cpre>\u003Ccode>\u003Cspan class=\\\"hljs-keyword\\\">import\u003C/span> { uniques } \u003Cspan class=\\\"hljs-keyword\\\">from\u003C/span> \u003Cspan class=\\\"hljs-string\\\">&#x27;layercake&#x27;\u003C/span>;\\n\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> data = [\\n  { \u003Cspan class=\\\"hljs-attr\\\">year\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;1990&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">0\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>},\\n  { \u003Cspan class=\\\"hljs-attr\\\">year\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;1990&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">5\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">4\u003C/span>},\\n  { \u003Cspan class=\\\"hljs-attr\\\">year\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;1991&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">2\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">5\u003C/span>},\\n  { \u003Cspan class=\\\"hljs-attr\\\">year\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;1991&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">6\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>},\\n  { \u003Cspan class=\\\"hljs-attr\\\">year\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;1992&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">1\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">6\u003C/span>},\\n  { \u003Cspan class=\\\"hljs-attr\\\">year\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;1992&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">7\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">3\u003C/span>},\\n  { \u003Cspan class=\\\"hljs-attr\\\">year\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;1993&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">7\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">8\u003C/span>},\\n  { \u003Cspan class=\\\"hljs-attr\\\">year\u003C/span>: \u003Cspan class=\\\"hljs-string\\\">&#x27;1993&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">x\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">3\u003C/span>, \u003Cspan class=\\\"hljs-attr\\\">y\u003C/span>: \u003Cspan class=\\\"hljs-number\\\">2\u003C/span>}\\n];\\n\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> uniqueYears = \u003Cspan class=\\\"hljs-title function_\\\">unique\u003C/span>(data, \u003Cspan class=\\\"hljs-string\\\">&#x27;year&#x27;\u003C/span>);\\n\u003Cspan class=\\\"hljs-comment\\\">// [&#x27;1990&#x27;, &#x27;1991&#x27;, &#x27;1992&#x27;, &#x27;1993&#x27;]\u003C/span>\\n\\n\u003Cspan class=\\\"hljs-comment\\\">// this is equivalent to\u003C/span>\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> uniqueYears = \u003Cspan class=\\\"hljs-title function_\\\">unique\u003C/span>(data, \u003Cspan class=\\\"hljs-function\\\">\u003Cspan class=\\\"hljs-params\\\">d\u003C/span> =&gt;\u003C/span> d.\u003Cspan class=\\\"hljs-property\\\">year\u003C/span>);\\n\\n\u003Cspan class=\\\"hljs-comment\\\">// setting transform to `false` gives you the full row of the first unique element\u003C/span>\\n\u003Cspan class=\\\"hljs-keyword\\\">const\u003C/span> uniqueYears = \u003Cspan class=\\\"hljs-title function_\\\">unique\u003C/span>(data, \u003Cspan class=\\\"hljs-string\\\">&#x27;year&#x27;\u003C/span>, \u003Cspan class=\\\"hljs-literal\\\">false\u003C/span>);\\n\u003Cspan class=\\\"hljs-comment\\\">/*\\n[\\n  {year: &#x27;1990&#x27;, x: 0, y: 1},\\n  {year: &#x27;1991&#x27;, x: 2, y: 5},\\n  {year: &#x27;1992&#x27;, x: 1, y: 6},\\n  {year: &#x27;1993&#x27;, x: 7, y: 8}\\n*/\u003C/span>\u003C/code>\u003C/pre>\u003C/div>\",\"metadata\":{\"title\":\"Helper functions\"},\"subsections\":[{\"slug\":\"bin\",\"title\":\"bin(...)\"},{\"slug\":\"calcextents\",\"title\":\"calcExtents(...)\"},{\"slug\":\"calcuniques\",\"title\":\"calcUniques(...)\"},{\"slug\":\"flatten\",\"title\":\"flatten(...)\"},{\"slug\":\"grouplonger\",\"title\":\"groupLonger(...)\"},{\"slug\":\"raise\",\"title\":\"raise(...)\"},{\"slug\":\"scalecanvas\",\"title\":\"scaleCanvas(...)\"},{\"slug\":\"stack\",\"title\":\"stack(...)\"},{\"slug\":\"uniques\",\"title\":\"uniques(...)\"}],\"slug\":\"helper-functions\",\"file\":\"99-helper-functions.md\"}]"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL(".", location).pathname.slice(0, -1)
 					};
 
@@ -1367,8 +1367,8 @@ <h3 id="scalecanvas">scaleCanvas<span class="call">(<span class="arguments">ctx:
 					const data = [null,null];
 
 					Promise.all([
-						import("./_app/immutable/entry/start.8McKjAmW.js"),
-						import("./_app/immutable/entry/app.pEfIXzME.js")
+						import("./_app/immutable/entry/start.ra6nUAIR.js"),
+						import("./_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 7],
diff --git a/docs/index.html b/docs/index.html
index 4f5e9f39..a3a0d193 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -31,25 +31,25 @@
 		<link href="./_app/immutable/assets/_examples_ssr.__jtvDKf.css" rel="stylesheet">
 		<link href="./_app/immutable/assets/ClevelandDotPlot.percent-range.qbmqn9wU.css" rel="stylesheet">
 		<link href="./_app/immutable/assets/2.cNkqmLdY.css" rel="stylesheet">
-		<link rel="modulepreload" href="./_app/immutable/entry/start.8McKjAmW.js">
-		<link rel="modulepreload" href="./_app/immutable/chunks/entry.O4gFZlXI.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.ra6nUAIR.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/entry.k7CtjUtt.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.P37s_KnH.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.Kwf8FJOX.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/control.pJ1mnnAb.js">
-		<link rel="modulepreload" href="./_app/immutable/entry/app.pEfIXzME.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.zQBYankm.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.GooPGtyi.js">
-		<link rel="modulepreload" href="./_app/immutable/nodes/0.3oi4C38q.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/0.ES6wwIFu.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/index.oiCz_B55.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/each.zMdpk9aP.js">
-		<link rel="modulepreload" href="./_app/immutable/chunks/stores.5_u9SQP3.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/stores.PauZgD8C.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/GuideContents.ryhBIpq-.js">
-		<link rel="modulepreload" href="./_app/immutable/chunks/_examples.sYS4I3XL.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/_examples.DJO-zfaW.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/Brush.html.I1clC5X0.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/dots.plnXAFy8.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/pointsFour.fzEDaS5G.js">
-		<link rel="modulepreload" href="./_app/immutable/chunks/_examples_ssr.B2SUOK7Z.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/_examples_ssr.X0tHL2fc.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/ClevelandDotPlot.percent-range.html.BOdAxcUZ.js">
-		<link rel="modulepreload" href="./_app/immutable/nodes/2.8nbfSQQA.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/2.NxZIIYNP.js">
 		<link rel="modulepreload" href="./_app/immutable/chunks/hljsDefineSvelte.U5_GHsKG.js"><title>Layer Cake</title><!-- HEAD_svelte-ep3aok_START --><meta name="og:title" content="Layer Cake"><meta name="twitter:title" content="Layer Cake"><!-- HEAD_svelte-ep3aok_END -->
 	</head>
 	<body data-sveltekit-preload-data="hover">
@@ -97,11 +97,11 @@
       <span class="hljs-tag">&lt;<span class="hljs-name">Labels</span>/&gt;</span>
     <span class="hljs-tag">&lt;/<span class="hljs-name">Html</span>&gt;</span>
   <span class="hljs-tag">&lt;/<span class="hljs-name">LayerCake</span>&gt;</span>
-<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span><!-- HTML_TAG_END --></pre></div> <div id="gallery"><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Line" class="svelte-9objxt">Line + area</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/ad32f9f301484d0cace82272126e9d09?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/ScatterWebgl" class="svelte-9objxt">WebGL Scatter (svg axes, quadtree hover)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/71cde05fa1e94583be57046207f72c02?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-d2cww5">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/MapSvg" class="svelte-9objxt">Map (svg, tooltip, pre-projected)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/14b8f866cc414a9ebdfbb5eaabf66ae2?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/MapLayered" class="svelte-9objxt">Multilayer map (canvas + svg)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/a8135fcccf3d42e68b1f29be00fc72c6?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Column" class="svelte-9objxt">Column annotated</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/666164c95fb9441188aab2622a4e8547?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/ColumnStacked" class="svelte-9objxt">Stacked column</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/f38656e90d0644cfb460206005c492e5?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Bar" class="svelte-9objxt">Bar</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/91fe94cac36c4829903238382563bc81?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/BarStacked" class="svelte-9objxt">Stacked bar</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/8d2e9a75cb0e4bf7abb86cb65915a93c?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/MultiLine" class="svelte-9objxt">Multiline (html labels + quadtree tooltip)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/cc8d7b6ace40433da8d694f2877258a8?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/AreaStacked" class="svelte-9objxt">Stacked area</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/e6ae831e723646c8a01a039b3eeb33cb?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Scatter" class="svelte-9objxt">Scatter (svg + canvas + voronoi)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/d9a9c151058d4e3eb74a4eed60eabb54?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/ClevelandDotPlot" class="svelte-9objxt">Cleveland dot plot</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/f9f33add37d440f78b24092c7ba8154d?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Calendar" class="svelte-9objxt">Calendar (one cake per month)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/fd96397862ff43e09fc8c83bfd818642?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-1lqvxpk" style="width:calc(50% - 10px);margin-right:20px" data-month="May">   </div><div class="chart-container svelte-1lqvxpk" style="width:calc(50% - 10px);" data-month="August">   </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Timeplot" class="svelte-9objxt">Time of day plot</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/2c5131bd0b694d54a6211b40afbd3c09?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Histogram" class="svelte-9objxt">Histogram (variable bins)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/58a15bea15bd46ee8364409c15045a8b?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="input-container" style="position: absolute;right:10px;z-index: 9;"><input style="margin:0;" type="range" min="4" max="100" step="4" class="svelte-v09z8s" value="40"> <span class="counter-container" style="display:inline-block;vertical-align:top;width: 70px;text-align:right;">40 bins</span></div> <div class="chart-container svelte-v09z8s">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/SmallMultiples" class="svelte-9objxt">Small multiples (animated domain transition)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/1c3297c4347248fc885b215f4907f8b2?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="input-container svelte-1xmktbf"><label class="svelte-1xmktbf"><input type="radio" value="individual" class="svelte-1xmktbf" checked>Individual scale</label> <label class="svelte-1xmktbf"><input type="radio" value="shared" class="svelte-1xmktbf">Shared scale</label></div> <div class="group-container svelte-1xmktbf"><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Radar" class="svelte-9objxt">Radar chart</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/cb6bb95b7d1549f7be8d8fc7258ea1da?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/CirclePack" class="svelte-9objxt">Circle pack</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/5d3d22482b3d400d96c88d7de7ff45b1?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/CirclePackNested" class="svelte-9objxt">Nested circle pack</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/8ecba3df31e24658bf039a1a4d5daedc?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Sankey" class="svelte-9objxt">Sankey</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/0f7f35ffe2f14a25860772897f7a0b5c?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Brush" class="svelte-9objxt">Brush</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/4e7a8affd4724d03b33493c85e50471c?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="brushed-chart-container svelte-12vpq9d">  </div> <div class="brush-container svelte-12vpq9d">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/SyncedBrush" class="svelte-9objxt">Synced brush</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/0eaf387a0a564971865fb6176f959940?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-lbwmtv"><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  </div> <div class="brush-container svelte-ypfvhs">  </div></div><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  </div> <div class="brush-container svelte-ypfvhs">  </div></div><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  </div> <div class="brush-container svelte-ypfvhs">  </div></div><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  </div> <div class="brush-container svelte-ypfvhs">  </div></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Beeswarm" class="svelte-9objxt">Beeswarm</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/132d2c81c3f841a0be0162443b008a92?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/BeeswarmForce" class="svelte-9objxt">Beeswarm, force layout</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/9d0e23f494f645b4a9623c46474462f6?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/CirclePackForce" class="svelte-9objxt">Circle pack, force layout</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/1879eb5e27f74784a69b65a11844f373?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="input-container"><label class="svelte-11z1nx4"><input type="radio" value="true" class="svelte-11z1nx4" checked>Group by category</label> <label class="svelte-11z1nx4"><input type="radio" value="false" class="svelte-11z1nx4">Clump together</label></div> <div class="chart-container svelte-11z1nx4">  </div> </div></div> <div class="section-hed svelte-9objxt" id="server-side" data-svelte-h="svelte-1q3rgko"><h2 class="svelte-9objxt">Server-side rendering</h2> <p class="svelte-9objxt">Svelte makes it easy to render your project server side and Layer Cake has built-in helpers to make it even easier for charts. All of these examples below (except for their canvas components) will load and be responsive without client-side JavaScript. The advantage is that you can see the chart as soon as the page loads, avoiding blank placeholder spaces. HTML charts use percentage-based scales and SVG charts take advanage of certain <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox" target="_blank" rel="noreferrer" class="svelte-9objxt">viewBox</a> and CSS settings that Rich Harris, Svelte&#39;s creator, outlined in <a href="https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp" target="_blank" rel="noreferrer" class="svelte-9objxt">this blog post</a>.</p> <p>For shapes that are difficult to render using percentages, such as swoopy arrows, Layer Cake makes it easy to superimpose client-side components that will hydrate once JavaScript is available. See the annotated column example below.</p></div> <div id="ssr-gallery"><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Line" class="svelte-9objxt">Line + area</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/ac23120460b1409a9e1e6fd328b63b64?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 8px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2.7027027027027026%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2.7027027027027026%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 16.216216216216218%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 16.216216216216218%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1985</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 29.72972972972973%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 29.72972972972973%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 43.24324324324324%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 43.24324324324324%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1995</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.75675675675676%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.75675675675676%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 70.27027027027027%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 70.27027027027027%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2005</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 83.78378378378379%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 83.78378378378379%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 97.2972972972973%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 97.2972972972973%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2015</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:74.58703939008895%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">2</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:49.17407878017789%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">4</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:23.761118170266837%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">6</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 8px; left: 25px; width: calc(100% - 35px); height: calc(100% - 28px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992" stroke="#ab00d6"></path>   <path class="path-area" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992L100,100L0,100Z" fill="#ab00d610"></path></svg></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/ScatterWebgl" class="svelte-9objxt">WebGL Scatter (svg axes, quadtree hover)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/1969b7c74b124445ad9d55ad28542cd6?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-va9vq4">  <div class="layercake-container svelte-vhzpsp" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 5px; right: 5px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 8.378378378378336%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 8.378378378378336%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 20.27027027027024%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 20.27027027027024%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1985</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 32.16216216216215%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 32.16216216216215%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 44.05405405405405%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 44.05405405405405%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1995</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 55.94594594594595%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 55.94594594594595%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 67.83783783783785%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 67.83783783783785%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2005</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 79.72972972972975%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 79.72972972972975%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 91.62162162162166%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 91.62162162162166%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2015</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:86.13176470588235%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">4</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:65.42588235294117%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">5</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:44.720000000000006%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">6</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:24.014117647058832%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">7</div> </div> <div class="tick tick-4 svelte-1jmrx3z" style="left:0%;top:3.3082352941176563%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">8</div> </div> </div> </div></div>   </div> </div><div class="gallery-item svelte-9objxt scaled"><h4 class="title svelte-9objxt"><a href="/example-ssr/MapSvg" class="svelte-9objxt">Map (svg, pre-projected)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/af25643f1e3c4a6f93aed138ac8b1550?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="map-container svelte-lie9rj" style="padding-bottom:38.02281368821293%">  <div class="layercake-container svelte-vhzpsp" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0;">  <svg viewBox="0 0 100 38.02281368821293" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 0px; width: calc(100% - 0px); height: calc(100% - 0px);" class="svelte-6sm8ei"><defs></defs>  <g class="map-group"><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M62.699,30.712L62.946,30.652L62.951,30.62L63.016,30.67L62.979,30.704L62.931,30.687L62.765,30.725ZM62.292,23.765L62.287,23.747L63.207,23.676L63.884,23.628L65.085,23.511L65.343,23.488L65.388,23.666L65.6,24.404L66.19,26.522L66.23,26.544L66.218,26.592L66.279,26.641L66.321,26.825L66.374,26.91L66.46,26.987L66.487,27.088L66.53,27.128L66.5,27.279L66.588,27.304L66.644,27.349L66.605,27.419L66.513,27.486L66.463,27.557L66.485,27.626L66.489,27.734L66.471,27.844L66.411,28L66.457,28.151L66.455,28.206L66.55,28.305L66.584,28.451L66.559,28.527L66.572,28.58L66.551,28.683L66.565,28.781L66.538,28.812L66.562,28.941L66.664,29.044L66.723,29.195L65.624,29.328L64.85,29.409L64.081,29.474L63.516,29.528L63.531,29.575L63.488,29.723L63.601,29.83L63.63,29.89L63.795,29.975L63.817,30.038L63.766,30.219L63.814,30.292L63.872,30.326L63.806,30.363L63.784,30.457L63.731,30.503L63.769,30.522L63.708,30.56L63.539,30.62L63.315,30.672L63.16,30.682L63.189,30.633L63.245,30.66L63.401,30.613L63.411,30.57L63.288,30.455L63.208,30.415L63.164,30.305L63.193,30.229L63.174,30.116L63.139,30.058L63.047,30.026L62.985,30.09L62.999,30.136L62.953,30.29L62.961,30.483L62.932,30.568L62.863,30.579L62.863,30.533L62.769,30.491L62.701,30.515L62.679,30.49L62.603,30.523L62.516,29.804L62.363,28.6L62.329,28.315L62.348,27.602L62.383,25.633L62.408,24.538L62.425,23.906L62.354,23.868Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M27.866,34.502L27.897,34.417L27.925,34.429ZM27.542,35.673L27.569,35.634L27.609,35.66L27.607,35.595L27.712,35.516L27.754,35.46L27.739,35.415L27.82,35.375L27.786,35.521L27.823,35.485L27.882,35.549L27.921,35.519L27.899,35.621L27.837,35.588L27.851,35.631L27.761,35.611L27.746,35.672L27.659,35.712ZM27.284,36.449L27.361,36.413L27.399,36.468L27.321,36.476ZM27.172,36.028L27.215,35.955L27.324,35.879L27.391,35.885L27.416,35.959L27.424,35.884L27.403,35.802L27.461,35.762L27.501,35.792L27.568,35.783L27.533,35.724L27.631,35.773L27.582,35.727L27.689,35.738L27.685,35.784L27.732,35.777L27.797,35.721L27.847,35.83L27.807,35.816L27.802,35.906L27.888,35.894L27.839,35.995L27.728,35.955L27.769,36.017L27.71,36.078L27.615,36.123L27.697,36.137L27.602,36.176L27.579,36.22L27.55,36.175L27.564,36.117L27.473,36.285L27.413,36.333L27.345,36.346L27.428,36.246L27.392,36.24L27.439,36.136L27.303,36.295L27.241,36.22L27.239,36.122L27.168,36.068ZM27.159,36.503L27.237,36.419L27.276,36.443L27.179,36.519ZM26.887,36.808L26.933,36.765L26.931,36.842ZM25.792,37.196L25.798,37.138L25.831,37.186ZM25.744,37.068L25.788,37.04L25.782,37.148L25.742,37.14ZM25.561,37.185L25.613,37.127L25.589,37.091L25.629,37.053L25.699,37.071L25.68,37.111ZM25.405,36.971L25.452,36.932L25.56,36.968L25.55,37.019L25.5,36.967L25.491,37.076L25.448,37.03L25.414,37.066ZM25.518,35.306L25.531,35.249L25.634,35.202L25.571,35.316ZM25.093,37.039L25.118,37.01L25.186,37.057L25.136,37.076ZM24.927,37.115L24.987,37.105L24.953,37.17ZM25.431,32.728L25.502,32.716L25.504,32.754ZM24.779,37.341L24.783,37.319L24.914,37.389L24.879,37.409ZM24.051,37.409L24.137,37.406L24.128,37.435ZM23.927,37.311L23.946,37.29L24.006,37.344L23.955,37.387ZM23.796,37.342L23.869,37.318L23.918,37.389L23.802,37.395ZM24.024,34.237L24.153,34.267L24.216,34.214L24.303,34.216L24.365,34.186L24.371,34.246L24.422,34.244L24.452,34.305L24.458,34.476L24.343,34.48L24.291,34.528L24.246,34.467L24.195,34.459L24.037,34.314ZM23.196,37.652L23.327,37.614L23.356,37.629L23.49,37.504L23.543,37.541L23.555,37.508L23.487,37.483L23.459,37.441L23.503,37.389L23.624,37.377L23.615,37.422L23.659,37.445L23.703,37.394L23.744,37.441L23.626,37.532L23.763,37.486L23.759,37.525L23.7,37.562L23.613,37.577L23.538,37.657L23.421,37.641L23.362,37.676L23.258,37.699ZM24.442,31.488L24.58,31.431L24.748,31.346L24.981,31.244L25.117,31.2L25.284,31.168L25.401,31.18L25.403,31.251L25.352,31.378L25.373,31.448L25.495,31.466L25.583,31.462L25.653,31.503L25.707,31.484L25.766,31.52L25.838,31.417L25.951,31.433L25.929,31.378L25.852,31.339L25.77,31.356L25.788,31.273L25.721,31.159L25.679,31.147L25.659,31.084L25.725,31.045L25.776,31.135L25.757,31.201L25.844,31.317L25.896,31.302L25.799,31.169L25.826,31.088L25.885,31.043L25.833,31.003L25.692,31.023L25.456,30.914L25.463,30.849L25.436,30.702L25.225,30.422L25.128,30.357L25.09,30.282L24.996,30.198L25.061,30.184L25.098,30.124L25.134,29.964L25.294,30.003L25.496,30L25.643,29.914L25.707,29.84L25.745,29.69L25.784,29.595L25.933,29.417L26.014,29.363L26.115,29.392L26.202,29.361L26.314,29.28L26.421,29.172L26.506,29.139L26.59,29.189L26.744,29.154L26.806,29.108L26.916,28.958L26.964,28.957L27.119,29.022L27.131,29.06L27.05,29.125L27.056,29.187L27.105,29.195L27.129,29.138L27.187,29.095L27.212,29.037L27.282,29.097L27.288,29.197L27.355,29.226L27.404,29.168L27.516,29.149L27.689,29.194L27.648,29.263L27.658,29.302L27.78,29.325L27.755,29.389L27.882,29.411L27.915,29.368L28.008,29.363L28.018,29.388L28.17,29.324L28.291,29.373L28.321,29.36L28.371,29.416L28.395,29.392L28.492,29.457L28.586,29.47L28.632,29.45L28.813,29.439L28.9,29.496L28.985,29.521L29.042,29.508L29.159,29.414L29.267,29.381L29.625,29.55L29.706,29.559L30.628,34.211L30.751,34.229L30.758,34.182L30.89,34.22L30.945,34.127L31.092,34.085L31.095,34.224L31.147,34.263L31.239,34.286L31.275,34.351L31.592,34.55L31.674,34.705L31.798,34.541L31.86,34.522L31.873,34.455L31.847,34.367L31.889,34.355L31.859,34.292L31.951,34.233L32.047,34.134L32.191,34.217L32.201,34.29L32.248,34.351L32.317,34.348L32.429,34.428L32.487,34.505L32.61,34.536L32.772,34.645L32.758,34.672L32.867,34.763L32.916,34.828L32.994,34.887L33.129,35.024L33.255,35.137L33.244,35.206L33.335,35.198L33.344,35.29L33.423,35.301L33.466,35.395L33.531,35.367L33.697,35.419L33.784,35.409L33.89,35.439L33.919,35.482L34.009,35.462L34.065,35.55L34.059,35.633L34.098,35.72L34.191,35.85L34.158,36.056L34.096,36.188L34.052,36.148L34.022,36.177L33.905,36.002L33.948,35.931L33.906,35.816L33.849,35.717L33.801,35.695L33.883,35.801L33.905,35.951L33.885,36.006L33.805,36.012L33.712,35.982L33.643,35.916L33.658,35.851L33.624,35.724L33.624,35.844L33.596,35.882L33.613,35.939L33.541,35.916L33.511,35.865L33.527,35.789L33.496,35.684L33.505,35.602L33.466,35.69L33.494,35.733L33.435,35.795L33.379,35.713L33.314,35.711L33.294,35.66L33.323,35.589L33.375,35.567L33.337,35.502L33.391,35.499L33.267,35.446L33.251,35.385L33.181,35.365L33.091,35.29L32.931,35.264L32.92,35.172L32.872,35.068L32.821,35.06L32.813,35.015L32.955,35.037L32.827,34.976L32.786,34.981L32.658,34.877L32.622,34.77L32.613,34.818L32.481,34.832L32.404,34.725L32.263,34.578L32.18,34.418L32.101,34.371L32.083,34.406L32.172,34.475L32.196,34.553L32.298,34.69L32.381,34.892L32.295,34.874L32.255,34.817L32.2,34.818L32.136,34.861L32.102,34.744L32.03,34.66L31.999,34.702L31.925,34.677L31.895,34.617L31.873,34.662L31.811,34.642L31.807,34.676L31.893,34.681L31.979,34.739L32.017,34.74L32.101,34.871L32.023,34.936L31.981,34.938L31.954,34.996L31.868,34.927L31.825,34.939L31.683,34.872L31.568,34.8L31.556,34.756L31.443,34.686L31.346,34.67L31.261,34.627L31.12,34.591L30.993,34.536L31.014,34.479L31.054,34.486L31.011,34.356L31.017,34.267L30.98,34.388L30.863,34.482L30.712,34.488L30.565,34.446L30.595,34.378L30.514,34.412L30.268,34.393L30.199,34.399L29.861,34.504L29.777,34.62L29.804,34.542L29.853,34.483L29.894,34.476L29.82,34.425L29.667,34.416L29.706,34.388L29.647,34.374L29.67,34.301L29.574,34.382L29.444,34.315L29.393,34.331L29.443,34.259L29.352,34.328L29.364,34.381L29.217,34.44L29.227,34.335L29.266,34.341L29.421,34.257L29.387,34.198L29.323,34.252L29.351,34.188L29.243,34.233L29.189,34.208L29.311,34.14L29.222,34.169L29.167,34.099L29.19,34.014L29.113,34.117L29.081,34.026L29.061,34.123L29.016,34.156L28.985,34.118L28.933,34.195L28.832,34.215L28.867,34.07L28.814,34.077L28.778,34.235L28.843,34.243L28.8,34.382L28.855,34.316L28.898,34.39L28.861,34.499L28.948,34.583L28.897,34.649L28.843,34.657L28.811,34.554L28.794,34.656L28.747,34.674L28.622,34.651L28.553,34.721L28.573,34.659L28.54,34.583L28.537,34.688L28.466,34.678L28.475,34.836L28.398,34.763L28.426,34.823L28.326,34.958L28.304,34.965L28.269,34.872L28.261,34.956L28.226,34.959L28.163,35.064L28.085,35.075L28.057,35.04L28.012,35.102L27.971,35.105L27.91,35.059L27.93,34.973L28.024,34.937L28.155,34.779L28.122,34.783L28.025,34.86L27.929,34.795L27.967,34.659L28.038,34.556L28.066,34.391L28.028,34.305L28.121,34.262L28.274,34.131L28.323,34.198L28.372,34.215L28.425,34.159L28.591,34.192L28.431,34.133L28.345,34.067L28.429,33.944L28.492,33.909L28.446,33.888L28.386,33.947L28.364,34.024L28.247,34.027L28.202,34.003L28.113,34.068L28.081,34.136L28.005,34.158L27.929,34.241L27.955,34.302L27.919,34.302L27.808,34.422L27.828,34.479L27.705,34.593L27.748,34.645L27.689,34.745L27.586,34.754L27.64,34.772L27.628,34.841L27.447,34.919L27.456,34.974L27.356,35.009L27.345,35.187L27.369,35.159L27.451,35.169L27.543,35.213L27.573,35.265L27.543,35.327L27.471,35.394L27.413,35.397L27.371,35.457L27.386,35.514L27.33,35.637L27.261,35.676L27.194,35.677L27.085,35.727L27.09,35.773L27.028,35.789L27.032,35.844L26.951,35.814L26.914,35.93L26.83,35.92L26.834,35.984L26.783,35.965L26.686,36.055L26.746,36.034L26.744,36.112L26.679,36.211L26.588,36.218L26.495,36.314L26.448,36.263L26.359,36.387L26.344,36.352L26.292,36.401L26.3,36.453L26.235,36.425L26.173,36.44L26.123,36.509L26.224,36.573L26.119,36.639L26.105,36.693L26.067,36.63L26.064,36.701L26.008,36.674L25.99,36.708L25.82,36.735L25.802,36.83L25.74,36.874L25.786,36.754L25.716,36.733L25.654,36.789L25.553,36.84L25.506,36.901L25.414,36.865L25.3,36.94L25.221,36.928L25.277,36.803L25.204,36.802L25.161,36.914L25.098,36.995L25.058,36.979L25.075,37.042L25.016,37.01L24.987,37.076L24.924,37.051L24.926,36.949L24.896,36.918L24.864,36.957L24.898,37.005L24.89,37.089L24.808,37.1L24.753,36.998L24.706,37.027L24.754,37.085L24.646,37.143L24.699,37.163L24.727,37.226L24.652,37.17L24.57,37.229L24.425,37.203L24.347,37.237L24.335,37.269L24.245,37.292L24.187,37.27L24.17,37.185L24.247,37.154L24.305,37.065L24.513,37.001L24.617,37.011L24.667,37.105L24.686,36.981L24.814,36.97L24.916,36.845L25.024,36.738L25.164,36.652L25.349,36.611L25.451,36.613L25.408,36.713L25.442,36.76L25.454,36.685L25.537,36.705L25.594,36.76L25.613,36.729L25.516,36.642L25.587,36.511L25.76,36.375L25.842,36.343L26.011,36.241L26.088,36.274L26.093,36.177L26.181,36.056L26.269,36L26.378,35.901L26.426,35.617L26.478,35.595L26.441,35.54L26.472,35.425L26.582,35.325L26.597,35.241L26.569,35.244L26.294,35.359L26.194,35.263L26.215,35.157L26.137,35.221L26.106,35.305L26.14,35.416L26.086,35.46L26.043,35.439L25.971,35.26L25.888,35.167L25.835,35.24L25.802,35.182L25.735,35.141L25.742,35.082L25.621,35.152L25.459,35.221L25.446,35.259L25.34,35.305L25.297,35.247L25.349,35.192L25.357,35.093L25.305,34.932L25.338,34.879L25.409,34.831L25.335,34.589L25.281,34.467L25.249,34.476L25.237,34.548L25.185,34.546L25.081,34.598L24.931,34.611L24.82,34.573L24.816,34.475L24.771,34.441L24.711,34.318L24.649,34.286L24.616,34.232L24.667,34.191L24.565,34.185L24.681,34.092L24.684,34.014L24.646,33.957L24.697,33.945L24.641,33.848L24.613,33.894L24.569,33.882L24.569,33.791L24.513,33.746L24.511,33.702L24.558,33.67L24.526,33.634L24.465,33.645L24.479,33.582L24.56,33.579L24.509,33.495L24.616,33.499L24.602,33.416L24.635,33.351L24.875,33.109L24.874,33.058L24.955,32.909L25.012,32.859L25.08,32.846L25.168,32.882L25.25,32.985L25.314,32.981L25.411,32.908L25.517,32.789L25.569,32.816L25.669,32.828L25.773,32.81L25.87,32.682L25.846,32.518L25.848,32.443L25.794,32.354L25.743,32.336L25.774,32.283L25.854,32.308L25.906,32.258L25.915,32.204L25.839,32.092L25.79,32.162L25.729,32.147L25.614,32.189L25.524,32.254L25.456,32.351L25.454,32.261L25.394,32.181L25.361,32.203L25.415,32.267L25.366,32.264L25.297,32.206L25.119,32.189L24.981,32.223L24.731,32.102L24.693,32.017L24.721,31.957L24.673,31.883L24.647,31.798L24.696,31.821L24.773,31.751L24.736,31.712L24.552,31.637L24.444,31.529ZM22.787,37.797L22.898,37.714L22.91,37.659L22.969,37.625L23.044,37.647L23.025,37.605L23.068,37.541L23.178,37.518L23.236,37.554L23.207,37.618L23.064,37.662L22.988,37.742L22.768,37.813ZM23.016,35.889L23.092,35.911L23.063,35.943ZM22.501,37.737L22.575,37.73L22.584,37.785L22.506,37.768ZM22.913,35.574L22.99,35.562L22.945,35.604ZM22.221,37.796L22.293,37.763L22.291,37.813L22.227,37.829ZM23.4,32.336L23.453,32.227L23.468,32.285L23.607,32.379L23.718,32.341L23.79,32.404L23.786,32.467L23.887,32.557L24.065,32.634L24.009,32.7L23.893,32.671L23.81,32.763L23.784,32.683L23.69,32.551L23.596,32.459L23.546,32.441L23.45,32.477L23.398,32.432ZM21.645,37.796L21.709,37.766L21.742,37.788L21.703,37.825ZM22.694,33.751L22.745,33.712L22.738,33.761L22.871,33.903L22.755,33.845ZM21.192,37.748L21.262,37.784L21.322,37.778L21.394,37.83L21.514,37.866L21.373,37.859L21.214,37.795ZM20.794,37.676L20.898,37.694L21.13,37.685L21.127,37.632L21.194,37.598L21.239,37.661L21.157,37.704L21.182,37.748L21.067,37.764L20.967,37.744ZM20.542,37.563L20.603,37.604L20.566,37.651L20.53,37.629ZM20.489,37.68L20.576,37.664L20.574,37.699L20.503,37.716ZM20.23,37.694L20.323,37.626L20.353,37.557L20.422,37.568L20.39,37.637L20.481,37.652L20.459,37.715L20.405,37.693L20.284,37.722ZM20.031,37.579L20.197,37.583L20.219,37.531L20.261,37.56L20.209,37.632L20.159,37.64L20.13,37.601ZM19.909,37.439L19.996,37.453L20.02,37.528L19.946,37.604L19.912,37.537L19.957,37.544ZM19.258,37.122L19.318,37.125L19.34,37.163L19.274,37.19ZM18.94,37.175L19.016,37.221L19.072,37.358L19.016,37.261ZM18.583,36.871L18.688,36.865L18.733,36.815L18.754,36.849L18.599,36.918ZM17.619,36.102L17.716,36.096L17.709,36.178ZM17.502,35.738L17.565,35.73L17.692,35.803L17.739,35.923L17.692,35.882L17.66,35.9L17.581,35.877L17.549,35.765ZM33.838,36.156L33.89,36.111L33.924,36.142L33.89,36.187ZM33.779,36.131L33.788,36.07L33.758,36.004L33.818,36.022L33.854,36.117ZM33.663,35.994L33.672,35.965L33.734,36.001L33.736,36.096ZM33.21,35.682L33.221,35.656L33.276,35.723ZM33.178,35.624L33.2,35.563L33.292,35.568L33.3,35.628L33.248,35.663ZM33.122,36.122L33.122,36.068L33.208,36.035L33.251,36.067L33.235,36.125L33.173,36.188L33.169,36.124ZM33.038,35.879L33.078,35.758L33.037,35.747L33.041,35.67L33.159,35.651L33.277,35.772L33.364,35.796L33.431,35.848L33.539,35.967L33.452,35.952L33.442,36.004L33.492,35.973L33.582,36.022L33.595,36.096L33.646,36.057L33.664,36.092L33.653,36.201L33.687,36.167L33.734,36.278L33.729,36.328L33.649,36.346L33.583,36.335L33.617,36.286L33.525,36.255L33.501,36.156L33.463,36.186L33.481,36.253L33.427,36.245L33.396,36.167L33.339,36.163L33.459,36.314L33.496,36.279L33.554,36.347L33.508,36.338L33.552,36.399L33.495,36.406L33.373,36.309L33.314,36.184L33.252,36.209L33.236,36.16L33.325,36.083L33.249,36.023L33.096,35.956L33.128,35.919L33.117,35.825L33.075,35.905ZM32.896,35.951L32.961,35.939L32.931,35.984ZM32.744,35.498L32.769,35.444L32.83,35.432L32.876,35.48L32.858,35.403L32.814,35.38L32.846,35.333L33.006,35.334L33.066,35.313L33.151,35.393L33.282,35.467L33.223,35.535L33.132,35.544L33.128,35.592L33.063,35.587L33.005,35.631L32.975,35.586L32.979,35.829L32.944,35.885L32.894,35.84L32.85,35.729L32.849,35.635L32.813,35.633ZM32.375,34.78L32.453,34.827L32.475,34.877L32.507,34.852L32.611,34.84L32.621,34.88L32.734,34.989L32.773,35.076L32.7,34.994L32.642,34.97L32.678,35.032L32.755,35.086L32.811,35.205L32.695,35.416L32.667,35.422L32.627,35.332L32.651,35.236L32.595,35.189L32.533,35.097L32.523,35.042L32.414,34.87ZM32.332,35.346L32.376,35.226L32.489,35.27L32.547,35.258L32.572,35.336L32.704,35.574L32.771,35.8L32.776,35.851L32.729,35.828L32.566,35.641L32.434,35.581L32.473,35.576L32.47,35.487L32.423,35.462L32.434,35.377L32.388,35.398ZM32.307,35.417L32.317,35.359L32.393,35.408L32.396,35.514L32.34,35.538L32.349,35.467ZM32.025,35.132L32.01,35.056L32.049,35.008L32.024,34.949L32.079,34.987L32.143,34.954L32.181,34.898L32.287,34.949L32.424,34.955L32.453,35.014L32.405,35.047L32.461,35.068L32.54,35.212L32.473,35.248L32.321,35.184L32.349,35.276L32.326,35.344L32.274,35.338L32.189,35.265L32.159,35.27L32.093,35.165ZM28.932,34.725L28.957,34.652L29.049,34.543L29.11,34.402L29.153,34.459L29.033,34.642L29.064,34.665ZM28.905,34.492L28.934,34.37L28.985,34.311L28.982,34.42L28.955,34.533Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M30.486,25.242L30.528,25.223L30.616,25.245L30.727,25.233L30.731,25.183L30.821,25.12L30.846,25.032L30.813,24.843L30.715,24.831L30.636,24.796L30.608,24.702L30.66,24.62L30.695,24.461L30.64,24.403L30.694,24.326L30.675,24.258L30.796,24.246L30.812,24.207L30.909,24.114L30.955,24.093L30.984,23.909L31.029,23.891L31.033,23.666L31.07,23.644L31.051,23.541L31.194,23.43L31.24,23.32L31.36,23.297L31.448,23.262L31.582,23.162L31.62,23.102L31.587,23.027L31.534,22.992L31.43,22.846L31.372,22.823L31.4,22.721L31.36,22.621L31.372,22.595L31.346,22.437L31.267,22.341L31.247,22.234L31.202,22.169L31.24,21.984L31.294,21.886L31.256,21.846L31.34,21.815L31.36,21.767L31.376,21.528L31.364,21.399L31.329,21.273L31.391,21.104L31.361,21.037L31.361,20.947L31.384,20.886L31.38,20.81L31.41,20.743L31.451,20.721L31.398,20.607L31.423,20.487L31.411,20.396L31.438,20.375L31.582,20.365L31.638,20.345L31.707,20.359L31.709,20.391L31.864,20.402L31.921,20.515L31.907,20.537L31.98,20.617L32.08,20.622L32.222,20.415L32.25,20.4L32.306,20.117L32.373,19.734L32.469,19.237L33.025,19.344L34.178,19.552L35.454,19.767L36.491,19.927L36.524,19.942L37.484,20.084L38.145,20.177L37.815,22.553L37.697,23.414L37.39,25.62L37.297,26.304L37.004,28.394L35.84,28.227L35.278,28.142L34.527,28.025L32.486,26.846L32.194,26.678L30.31,25.542L30.348,25.465L30.35,25.367L30.413,25.331Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M38.943,14.36L39.507,14.438L40.48,14.559L41.746,14.707L42.001,14.741L42.533,14.798L43.475,14.889L43.67,14.902L44.344,14.961L44.947,15.01L45.674,15.065L46.516,15.121L46.423,16.583L46.314,18.412L46.248,19.45L46.211,20.092L46.153,20.992L45.401,20.939L45.053,20.906L43.52,20.792L42.762,20.723L42.625,20.707L41.389,20.583L40.625,20.5L40.618,20.488L39.928,20.406L39.052,20.298L38.145,20.177L38.22,19.63L38.256,19.404L38.383,18.482L38.385,18.318L38.475,17.672L38.565,17.083L38.842,15.087L38.869,14.915Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M73.372,37.247L73.43,37.162L73.456,37.198L73.402,37.262ZM73.253,37.344L73.29,37.289L73.324,37.32ZM72.914,37.538L73.144,37.388L73.178,37.421L72.98,37.552ZM72.034,37.874L72.103,37.732L72.299,37.59L72.401,37.494L72.469,37.453L72.665,37.507L72.691,37.568L72.764,37.61L72.566,37.714L72.546,37.683L72.421,37.709L72.413,37.741L72.204,37.863L72.038,37.907ZM71.771,37.951L71.935,37.884L71.911,37.953L71.774,37.982ZM71.568,37.951L71.59,37.905L71.643,37.904L71.634,37.962ZM70.993,34.931L71.02,34.949L71.147,35.195L71.272,35.245L71.303,35.219L71.37,35.235L71.266,35.29L71.126,35.214L71,34.993ZM70.534,37.998L70.603,37.973L70.629,37.997L70.536,38.023ZM67.342,30.89L67.466,30.816L67.449,30.879L67.355,30.92ZM66.723,29.195L66.757,29.288L66.823,29.354L66.836,29.451L66.878,29.543L66.942,29.594L68.642,29.478L69.102,29.449L70.246,29.368L70.225,29.406L70.281,29.486L70.283,29.575L70.346,29.662L70.496,29.634L70.51,29.462L70.506,29.338L70.432,29.213L70.435,29.019L70.499,29.022L70.518,28.947L70.586,28.946L70.625,28.982L70.703,28.975L70.819,29.023L70.903,29.014L71.047,29.035L71.107,29.007L71.166,29.022L71.19,29.036L71.192,29.178L71.221,29.29L71.259,29.343L71.336,29.638L71.499,30.061L71.579,30.212L71.605,30.317L71.773,30.628L71.976,30.96L72.113,31.173L72.525,31.682L72.735,31.9L72.828,32.07L72.76,32.152L72.758,32.298L72.812,32.485L72.861,32.598L72.964,32.765L73.177,33.068L73.349,33.391L73.429,33.554L73.592,33.801L73.601,33.843L73.72,34.035L73.854,34.338L73.899,34.662L73.901,34.844L73.92,35.105L73.923,35.363L73.97,35.715L73.965,35.971L73.94,35.894L73.891,35.869L73.836,35.918L73.813,36.039L73.786,36.078L73.797,36.143L73.77,36.198L73.775,36.295L73.806,36.388L73.834,36.403L73.807,36.475L73.762,36.513L73.78,36.557L73.871,36.492L73.972,36.181L73.961,36.338L73.845,36.636L73.821,36.742L73.587,37.071L73.486,37.17L73.47,37.157L73.663,36.923L73.69,36.853L73.701,36.71L73.566,36.707L73.411,36.76L73.31,36.835L73.217,36.794L73.137,36.824L73.111,36.878L72.88,36.945L72.79,36.894L72.736,36.817L72.743,36.655L72.776,36.641L72.687,36.474L72.626,36.423L72.626,36.381L72.562,36.296L72.518,36.281L72.477,36.181L72.398,36.19L72.335,36.073L72.219,36.052L71.997,35.949L71.92,36.026L71.818,35.884L71.723,35.713L71.638,35.425L71.573,35.312L71.508,35.251L71.362,35.18L71.352,35.126L71.283,35.133L71.305,35.184L71.244,35.207L71.17,34.994L71.104,34.94L71.173,34.903L71.222,34.946L71.242,34.743L71.222,34.638L71.178,34.627L71.182,34.525L71.13,34.538L71.063,34.603L71.126,34.779L70.998,34.836L70.985,34.901L70.969,34.809L70.935,34.751L70.837,34.648L70.684,34.447L70.628,34.338L70.477,34.13L70.291,33.943L70.206,33.817L70.264,33.869L70.327,33.823L70.396,33.707L70.502,33.472L70.554,33.438L70.591,33.326L70.552,33.238L70.452,33.226L70.494,33.362L70.384,33.339L70.409,33.293L70.36,33.17L70.174,33.108L70.192,33.186L70.147,33.227L70.221,33.268L70.277,33.264L70.349,33.391L70.31,33.451L70.31,33.552L70.21,33.583L70.236,33.687L70.203,33.709L70.178,33.576L70.094,33.464L70.039,33.427L69.997,33.339L70,33.143L69.963,33.065L69.918,32.866L69.958,32.859L69.974,32.973L70.011,33.08L70.05,33.083L70.038,32.98L69.998,32.946L70.043,32.846L70.108,32.522L70.106,32.293L70.068,32.215L70.066,32.145L70.005,32.116L70.016,32.062L69.957,31.934L69.998,31.847L69.884,31.725L69.892,31.684L69.849,31.621L69.802,31.624L69.803,31.52L69.773,31.508L69.556,31.509L69.494,31.587L69.433,31.47L69.422,31.398L69.316,31.377L69.298,31.3L69.23,31.198L69.13,31.186L69.102,31.134L68.983,31.089L68.965,30.951L68.935,30.871L68.883,30.869L68.771,30.816L68.699,30.735L68.694,30.695L68.615,30.597L68.548,30.55L68.41,30.49L68.22,30.423L68.093,30.346L67.97,30.379L67.933,30.411L67.789,30.392L67.792,30.435L67.684,30.535L67.739,30.653L67.725,30.694L67.617,30.693L67.591,30.663L67.49,30.703L67.336,30.841L67.308,30.844L67.075,31.027L67.086,30.953L67.037,30.943L66.95,31.053L66.789,31.071L66.855,31.124L66.867,31.171L66.942,31.19L67.196,31.043L67.305,30.925L67.318,30.939L67.226,31.054L66.907,31.246L66.67,31.14L66.582,31.141L66.509,31.185L66.439,31.074L66.4,30.949L66.43,30.873L66.446,31.003L66.484,31.114L66.519,31.137L66.556,31.084L66.551,30.979L66.456,30.841L66.398,30.789L66.291,30.768L66.219,30.725L66.134,30.646L66.008,30.6L65.901,30.525L65.764,30.453L65.603,30.389L65.315,30.313L65.134,30.286L64.796,30.288L64.65,30.309L64.443,30.36L64.154,30.45L64.016,30.481L63.981,30.472L63.708,30.56L63.769,30.522L63.731,30.503L63.784,30.457L63.806,30.363L63.872,30.326L63.814,30.292L63.766,30.219L63.817,30.038L63.795,29.975L63.63,29.89L63.601,29.83L63.488,29.723L63.531,29.575L63.516,29.528L64.081,29.474L64.85,29.409L65.624,29.328Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M65.343,23.488L65.602,23.462L66.123,23.395L66.847,23.307L67.67,23.205L67.668,23.197L68.265,23.105L68.263,23.193L68.137,23.307L68.114,23.391L68.055,23.445L68.032,23.539L68.061,23.606L68.198,23.69L68.272,23.691L68.386,23.805L68.494,23.855L68.564,23.825L68.665,23.853L68.715,23.984L68.767,24.013L68.838,24.112L68.875,24.241L68.947,24.296L69.004,24.382L69.066,24.431L69.128,24.545L69.167,24.543L69.304,24.641L69.4,24.671L69.525,24.763L69.622,24.94L69.705,24.987L69.736,24.975L69.814,25.011L69.903,25.112L69.999,25.164L69.978,25.282L70.03,25.333L70.107,25.347L70.112,25.429L70.175,25.476L70.222,25.465L70.24,25.545L70.319,25.597L70.431,25.611L70.491,25.663L70.598,25.714L70.6,25.817L70.655,25.871L70.645,25.9L70.72,25.952L70.724,26.028L70.754,26.08L70.743,26.145L70.794,26.215L70.77,26.248L70.844,26.314L70.952,26.328L71.076,26.444L71.066,26.488L71.207,26.685L71.173,26.755L71.231,26.827L71.249,26.93L71.316,26.96L71.386,26.933L71.497,27.003L71.548,27.006L71.602,27.012L71.591,27.095L71.538,27.141L71.49,27.129L71.475,27.193L71.518,27.196L71.459,27.281L71.367,27.267L71.365,27.339L71.41,27.34L71.388,27.424L71.322,27.503L71.244,27.499L71.292,27.554L71.328,27.541L71.342,27.646L71.309,27.751L71.21,27.766L71.203,27.802L71.281,27.782L71.313,27.808L71.222,28.043L71.245,28.155L71.24,28.278L71.215,28.279L71.164,28.393L71.127,28.402L71.127,28.575L71.046,28.646L71.133,28.663L71.151,28.629L71.17,28.729L71.141,28.877L71.14,28.979L71.166,29.022L71.107,29.007L71.047,29.035L70.903,29.014L70.819,29.023L70.703,28.975L70.625,28.982L70.586,28.946L70.518,28.947L70.499,29.022L70.435,29.019L70.432,29.213L70.506,29.338L70.51,29.462L70.496,29.634L70.346,29.662L70.283,29.575L70.281,29.486L70.225,29.406L70.246,29.368L69.102,29.449L68.642,29.478L66.942,29.594L66.878,29.543L66.836,29.451L66.823,29.354L66.757,29.288L66.723,29.195L66.664,29.044L66.562,28.941L66.538,28.812L66.565,28.781L66.551,28.683L66.572,28.58L66.559,28.527L66.584,28.451L66.55,28.305L66.455,28.206L66.457,28.151L66.411,28L66.471,27.844L66.489,27.734L66.485,27.626L66.463,27.557L66.513,27.486L66.605,27.419L66.644,27.349L66.588,27.304L66.5,27.279L66.53,27.128L66.487,27.088L66.46,26.987L66.374,26.91L66.321,26.825L66.279,26.641L66.218,26.592L66.23,26.544L66.19,26.522L65.6,24.404L65.388,23.666Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M62.21,13.89L62.272,13.937L62.347,13.923L62.327,13.976L62.504,13.993L62.652,13.942L62.842,13.83L62.952,13.745L64.059,13.633L65.113,13.512L65.124,13.605L65.295,15.013L65.366,15.633L65.439,16.35L65.554,17.379L65.478,17.467L65.552,17.548L65.563,17.596L65.534,17.685L65.628,17.698L65.597,17.767L65.616,17.846L65.532,17.841L65.434,17.875L65.233,18.033L65.143,17.979L65.075,17.972L64.935,18.006L64.915,18.067L64.985,18.271L64.904,18.395L64.787,18.45L64.753,18.62L64.667,18.715L64.605,18.693L64.564,18.715L64.548,18.796L64.493,18.893L64.507,19.002L64.498,19.088L64.469,19.125L64.38,19.157L64.373,19.206L64.291,19.132L64.211,19.144L64.096,19.073L64.088,18.97L63.994,18.894L63.971,18.943L64.024,18.952L63.942,19.032L63.875,19.019L63.912,19.063L63.897,19.118L63.825,19.137L63.827,19.246L63.854,19.299L63.762,19.322L63.754,19.416L63.688,19.424L63.698,19.347L63.62,19.378L63.58,19.352L63.52,19.246L63.451,19.255L63.404,19.32L63.261,19.392L63.234,19.549L63.172,19.58L63.122,19.502L63.079,19.502L62.865,19.386L62.785,19.385L62.721,19.442L62.62,19.349L62.588,19.414L62.633,19.479L62.616,19.559L62.549,19.571L62.527,19.464L62.364,19.518L62.274,19.454L62.242,19.504L62.286,19.626L62.248,19.677L62.15,19.65L62.06,19.5L62.155,19.509L62.093,19.477L62.145,19.388L62.105,19.302L62.186,19.252L62.187,19.204L62.141,19.231L62.177,19.157L62.221,19.14L62.149,19.045L62.205,18.91L62.227,18.952L62.253,18.898L62.287,18.937L62.33,18.804L62.359,18.79L62.405,18.674L62.391,18.634L62.479,18.579L62.471,18.529L62.504,18.382L62.53,18.338L62.608,18.287L62.623,18.166L62.553,18.053L62.583,17.91L62.505,17.867L62.502,17.766L62.43,17.7L62.413,17.613L62.479,17.531L62.439,17.472L62.46,17.353L62.51,17.337L62.448,16.661L62.37,15.709L62.261,14.489Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M46.423,16.583L47.121,16.627L48.253,16.686L48.889,16.714L49.598,16.739L50.27,16.759L50.964,16.776L51.937,16.792L52.924,16.8L53.858,16.798L53.972,16.931L54.042,16.946L54.058,16.981L54.158,16.992L54.185,16.942L54.278,16.957L54.263,16.998L54.337,17.052L54.283,17.102L54.298,17.147L54.346,17.126L54.33,17.194L54.251,17.167L54.235,17.254L54.172,17.286L54.133,17.416L54.085,17.421L54.086,17.474L54.149,17.532L54.161,17.578L54.226,17.615L54.281,17.695L54.331,17.685L54.308,17.745L54.32,17.82L54.38,17.866L54.406,17.952L54.458,17.96L54.505,18.01L54.559,17.988L54.588,18.026L54.666,18.028L54.65,18.081L54.655,18.829L54.667,19.795L54.667,20.057L54.683,21.193L53.656,21.202L52.519,21.203L51.414,21.192L50.591,21.177L49.589,21.148L48.901,21.123L48.641,21.109L47.722,21.071L46.938,21.035L46.153,20.992L46.211,20.092L46.248,19.45L46.314,18.412Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M81.39,6.524L81.442,6.497L81.424,6.549ZM81.275,6.608L81.27,6.501L81.393,6.581L81.355,6.651ZM81.17,6.359L81.182,6.298L81.23,6.379ZM80.906,6.601L80.952,6.585L80.979,6.63ZM80.99,7.159L81.007,7.105L81.034,7.195ZM80.852,6.805L80.865,6.747L80.941,6.667L80.968,6.734L81.043,6.814L81.021,6.872L80.958,6.907L80.906,6.891L80.889,6.798ZM80.772,6.616L80.796,6.522L80.784,6.421L80.832,6.428L80.826,6.615ZM79.496,8.785L79.345,8.725L79.322,8.597L79.134,8.467L79.072,8.364L79.057,8.161L79.028,8.14L78.927,7.831L78.695,7.065L78.513,6.488L78.26,5.728L78.329,5.689L78.316,5.65L78.421,5.675L78.466,5.765L78.513,5.775L78.529,5.661L78.515,5.57L78.478,5.526L78.537,5.468L78.594,5.51L78.673,5.499L78.635,5.419L78.552,5.375L78.537,5.337L78.577,5.188L78.644,5.078L78.784,4.938L78.728,4.863L78.779,4.763L78.845,4.687L78.843,4.607L78.76,4.6L78.78,4.547L78.738,4.523L78.762,4.467L78.727,4.457L78.766,4.322L78.695,4.275L78.71,4.158L78.738,4.1L78.724,4.057L78.771,4.002L78.801,3.918L78.837,3.897L78.786,3.492L79.221,2.218L79.372,2.228L79.406,2.213L79.45,2.395L79.483,2.465L79.643,2.519L79.792,2.381L79.847,2.372L79.902,2.321L79.905,2.277L79.959,2.248L80.097,2.219L80.072,2.143L80.105,2.108L80.292,2.104L80.321,2.14L80.538,2.225L80.648,2.333L80.746,2.356L80.946,3.003L81.088,3.445L81.232,3.911L81.272,3.937L81.235,4L81.308,4.069L81.271,4.111L81.323,4.286L81.41,4.283L81.412,4.256L81.503,4.329L81.657,4.321L81.698,4.284L81.774,4.412L81.695,4.458L81.752,4.538L81.808,4.57L81.826,4.645L81.797,4.741L81.87,4.803L81.933,4.886L82.011,4.914L82.043,4.872L82.033,4.813L82.109,4.826L82.174,4.809L82.28,4.917L82.385,5.072L82.452,5.101L82.498,5.241L82.367,5.535L82.292,5.592L82.223,5.486L82.139,5.551L82.202,5.607L82.176,5.673L82.134,5.668L82.107,5.752L82.023,5.771L82.043,5.81L82.116,5.84L82.06,5.933L81.996,5.892L81.953,5.83L81.884,5.91L81.839,5.847L81.836,5.929L81.81,5.956L81.807,6.053L81.745,6.056L81.691,6.138L81.661,6.112L81.652,6.235L81.587,6.213L81.569,6.161L81.497,6.199L81.53,6.276L81.5,6.378L81.548,6.406L81.43,6.463L81.335,6.45L81.242,6.338L81.252,6.296L81.32,6.241L81.283,6.195L81.259,6.251L81.229,6.197L81.112,6.3L81.149,6.349L81.144,6.408L81.215,6.474L81.221,6.53L81.166,6.648L81.17,6.701L81.229,6.756L81.235,6.844L81.184,6.873L81.142,6.775L81.132,6.7L81.056,6.665L81.017,6.592L81.055,6.515L80.97,6.486L80.945,6.448L80.887,6.492L80.853,6.355L80.875,6.29L80.831,6.221L80.787,6.345L80.734,6.317L80.67,6.383L80.749,6.466L80.755,6.527L80.718,6.568L80.707,6.664L80.718,6.754L80.698,6.77L80.719,6.885L80.779,6.878L80.74,6.925L80.79,6.973L80.776,7.038L80.677,7.062L80.657,7.162L80.603,7.179L80.615,7.251L80.579,7.273L80.573,7.159L80.537,7.15L80.495,7.218L80.49,7.135L80.432,7.163L80.45,7.226L80.407,7.287L80.404,7.352L80.346,7.302L80.354,7.361L80.313,7.415L80.258,7.396L80.272,7.479L80.214,7.426L80.19,7.556L80.104,7.639L80.061,7.544L80.001,7.554L79.954,7.673L79.905,7.672L79.874,7.753L79.814,7.756L79.778,7.838L79.814,7.932L79.793,7.979L79.738,7.957L79.662,8.029L79.651,8.082L79.696,8.156L79.649,8.244L79.671,8.281L79.56,8.348L79.535,8.488L79.563,8.521L79.55,8.658L79.523,8.762Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M80.616,11.132L80.672,11.147L80.78,11.112L80.839,11.073L80.861,10.975L80.958,11.085L80.917,11.159L80.807,11.183L80.645,11.158ZM80.017,11.231L80.084,11.213L80.125,11.084L80.207,10.984L80.254,10.991L80.291,11.062L80.368,11.085L80.391,11.027L80.419,11.129L80.151,11.213L80.097,11.289ZM76.986,9.907L77.823,9.728L78.318,9.622L79.03,9.46L79.063,9.382L79.13,9.372L79.106,9.298L79.149,9.24L79.225,9.243L79.238,9.159L79.334,9.094L79.424,9.106L79.452,9.081L79.56,9.323L79.667,9.355L79.698,9.291L79.76,9.318L79.73,9.445L79.7,9.435L79.569,9.536L79.521,9.556L79.561,9.586L79.53,9.683L79.483,9.71L79.452,9.786L79.512,9.857L79.457,9.875L79.484,9.966L79.539,9.969L79.548,9.919L79.6,9.895L79.648,9.943L79.738,9.948L79.804,9.992L79.827,10.045L79.935,10.138L79.936,10.253L79.892,10.273L79.961,10.325L80.087,10.337L80.143,10.43L80.143,10.495L80.236,10.552L80.345,10.556L80.434,10.539L80.475,10.558L80.533,10.484L80.689,10.386L80.703,10.351L80.627,10.188L80.59,10.24L80.556,10.123L80.519,10.061L80.453,10.035L80.415,10.08L80.352,10.061L80.403,10.018L80.554,10.04L80.665,10.147L80.772,10.33L80.827,10.493L80.825,10.602L80.804,10.685L80.793,10.561L80.746,10.546L80.573,10.635L80.523,10.675L80.424,10.69L80.333,10.762L80.295,10.854L80.155,10.913L80.026,11.088L79.876,11.185L79.889,11.148L80.008,11.07L80.126,10.913L80.129,10.852L80.07,10.718L80.101,10.684L79.989,10.658L80.008,10.73L79.967,10.727L79.977,10.805L79.926,10.796L79.937,10.841L79.832,10.878L79.83,11.037L79.746,11.09L79.662,11.108L79.589,10.883L79.517,10.878L79.473,10.836L79.419,10.787L79.34,10.766L79.284,10.602L79.242,10.621L79.195,10.443L78.766,10.572L78.758,10.55L77.761,10.785L77.761,10.835L77.711,10.856L77.701,10.8L77.497,10.847L76.995,10.953L76.961,10.906Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M51.908,3.696L52.703,3.704L53.704,3.705L53.911,3.703L53.907,3.15L53.999,3.194L54.101,3.171L54.195,3.233L54.224,3.276L54.277,3.524L54.299,3.554L54.368,3.863L54.351,3.938L54.363,4.015L54.412,4.067L54.512,4.121L54.609,4.131L54.631,4.107L54.778,4.122L54.818,4.192L55.029,4.197L55.188,4.214L55.228,4.298L55.24,4.376L55.385,4.37L55.557,4.325L55.558,4.259L55.663,4.227L55.67,4.205L55.805,4.179L55.834,4.205L56.022,4.199L56.276,4.312L56.366,4.304L56.366,4.367L56.307,4.375L56.295,4.421L56.351,4.457L56.495,4.436L56.547,4.502L56.537,4.573L56.642,4.758L56.738,4.714L56.698,4.618L56.739,4.561L56.794,4.572L56.941,4.546L56.996,4.599L56.993,4.679L57.043,4.724L57.106,4.714L57.136,4.757L57.282,4.762L57.275,4.803L57.362,4.906L57.44,4.886L57.437,4.979L57.512,4.94L57.571,4.966L57.627,4.933L57.744,4.906L57.85,4.807L58.001,4.698L58.088,4.655L58.134,4.662L58.143,4.734L58.201,4.77L58.183,4.803L58.221,4.861L58.338,4.846L58.394,4.814L58.421,4.853L58.835,4.805L58.943,4.837L59.004,4.935L59.101,4.97L59.149,4.925L59.217,4.908L59.266,4.93L59.385,4.937L59.473,4.904L59.38,4.98L59.276,5.023L59.187,5.101L59.062,5.151L59.015,5.2L58.75,5.3L58.67,5.343L58.568,5.37L58.473,5.417L58.284,5.542L58.159,5.646L58.013,5.787L57.875,5.937L57.859,5.975L57.701,6.176L57.588,6.299L57.495,6.355L57.407,6.469L57.37,6.483L57.273,6.591L57.199,6.635L56.996,6.815L57.079,6.929L57.002,6.87L56.905,6.92L56.895,7.011L56.805,7.003L56.836,7.856L56.803,7.869L56.783,7.941L56.696,7.938L56.662,8.01L56.611,7.995L56.584,8.043L56.494,8.073L56.428,8.131L56.372,8.232L56.357,8.324L56.273,8.394L56.258,8.509L56.265,8.601L56.377,8.608L56.506,8.769L56.511,8.85L56.465,8.942L56.406,9.01L56.402,9.157L56.429,9.275L56.383,9.318L56.413,9.392L56.432,9.524L56.409,9.59L56.422,9.665L56.382,9.797L56.457,9.844L56.636,10.003L56.658,10.053L56.867,10.062L56.903,10.089L56.939,10.175L57.011,10.23L57.18,10.277L57.316,10.37L57.376,10.558L57.439,10.612L57.553,10.67L57.692,10.8L57.851,10.837L58.016,11.048L58.063,11.151L58.042,11.247L58.049,11.385L58.089,11.429L58.08,11.48L58.11,11.55L57.565,11.576L56.378,11.623L55.407,11.651L54.233,11.67L53.367,11.677L52.619,11.675L52.629,9.921L52.632,9.055L52.595,8.969L52.465,8.894L52.397,8.889L52.349,8.823L52.32,8.738L52.222,8.605L52.248,8.538L52.433,8.402L52.504,8.296L52.524,8.129L52.515,7.98L52.535,7.913L52.495,7.716L52.491,7.556L52.424,7.49L52.357,7.339L52.348,7.213L52.296,7.069L52.316,6.979L52.296,6.845L52.32,6.735L52.278,6.631L52.277,6.358L52.263,6.293L52.266,6.098L52.242,5.985L52.255,5.732L52.13,5.419L52.095,5.254L52.053,5.19L52.043,5.064L52.014,5.034L51.973,4.894L52.004,4.734L51.976,4.618L51.992,4.475L51.974,4.341L52.018,4.227L52.029,4.148L51.993,4.089L51.957,3.909L51.898,3.742Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M75.588,14.915L75.624,14.823L75.654,14.697L75.69,14.634L75.766,14.547L75.831,14.532L75.95,14.456L75.948,14.342L76.125,14.137L76.195,14.101L76.225,14.027L76.27,14.026L76.321,13.954L76.251,13.888L76.163,13.855L76.121,13.797L76.03,13.753L75.984,13.675L75.881,13.669L75.853,13.617L75.827,13.492L75.785,13.463L75.684,13.476L75.635,13.311L75.644,13.178L75.683,13.177L75.737,13.014L75.621,12.894L75.617,12.865L75.713,12.77L75.757,12.692L75.738,12.662L75.82,12.534L75.847,12.358L75.903,12.267L75.961,12.237L76.436,12.405L76.906,12.553L76.927,12.554L76.926,12.716L76.867,13.03L76.853,13.078L76.722,13.154L76.731,13.261L76.703,13.352L76.714,13.406L76.795,13.423L76.854,13.385L77.013,13.417L77.018,13.359L77.073,13.571L77.076,13.836L77.097,14.151L77.126,14.367L77.101,14.483L76.999,14.836L76.917,15.021L76.815,15.115L76.737,15.237L76.669,15.441L76.625,15.643L76.564,15.735L76.492,15.769L76.446,15.761L76.445,15.67L76.477,15.494L76.468,15.428L76.376,15.401L76.305,15.412L76.299,15.384L76.207,15.405L76.189,15.456L76.125,15.378L75.989,15.338L75.913,15.266L75.89,15.282L75.787,15.213L75.75,15.167L75.666,15.153L75.643,15.037L75.655,14.978L75.599,14.949Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M76.554,20.252L76.636,20.259L76.704,20.339L76.72,20.397L76.656,20.399L76.653,20.341ZM76.493,21.566L76.511,21.485L76.98,21.155L76.968,20.839L76.943,20.673L76.831,20.439L76.871,20.473L76.966,20.672L76.988,20.842L77.003,21.208L76.908,21.239L76.739,21.346ZM69.588,20.562L69.937,20.528L70.164,20.497L70.553,20.454L70.705,20.425L71.176,20.375L72.068,20.227L73.211,20.02L75.019,19.664L75.141,19.629L76.205,19.405L76.319,19.67L76.411,19.843L76.508,19.995L76.605,20.114L76.821,20.417L76.783,20.407L76.639,20.206L76.591,20.157L76.537,20.155L76.451,19.95L76.346,19.773L76.305,19.752L76.31,19.7L76.264,19.595L76.188,19.512L76.083,19.516L76.078,19.47L76.019,19.505L76.06,19.574L76.138,19.62L76.179,19.598L76.199,19.69L76.415,20.017L76.428,20.074L76.335,20.013L76.329,19.966L76.237,19.858L76.185,19.854L76.213,19.933L76.281,19.969L76.147,19.964L75.985,19.847L75.922,19.844L76.026,19.948L76.071,19.961L76.11,20.028L75.982,20.094L75.852,20.029L75.972,20.12L75.947,20.143L75.648,20.074L75.759,20.145L75.852,20.154L75.829,20.184L75.731,20.214L75.692,20.303L75.635,20.343L75.559,20.356L75.51,20.321L75.439,20.327L75.357,20.187L75.344,20.113L75.374,20.006L75.35,19.993L75.311,20.099L75.322,20.195L75.379,20.304L75.45,20.402L75.435,20.446L75.474,20.482L75.637,20.435L75.774,20.346L75.827,20.398L76.024,20.28L76.155,20.253L76.22,20.292L76.231,20.345L76.196,20.453L76.225,20.517L76.274,20.728L76.309,20.704L76.309,20.557L76.28,20.369L76.325,20.295L76.297,20.278L76.402,20.225L76.491,20.266L76.593,20.431L76.591,20.492L76.644,20.596L76.619,20.634L76.647,20.698L76.609,20.775L76.474,20.814L76.389,20.979L76.375,21.082L76.332,21.096L76.336,21.147L76.265,21.225L76.152,21.217L76.032,21.247L75.857,21.247L75.783,21.203L75.701,21.073L75.826,21.043L75.837,20.983L75.729,21.037L75.676,21.034L75.645,21.083L75.697,21.146L75.744,21.247L75.583,21.22L75.528,21.244L75.438,21.219L75.303,21.208L75.195,21.168L75.2,21.203L75.285,21.265L75.372,21.253L75.66,21.326L75.855,21.321L75.911,21.401L75.856,21.553L75.861,21.618L75.816,21.71L75.614,21.906L75.376,21.811L75.398,21.89L75.51,21.938L75.671,21.96L75.799,21.831L75.947,21.774L75.96,21.676L76.009,21.685L76.038,21.763L76.08,21.794L76.155,21.784L76.098,21.701L76.195,21.724L76.227,21.815L76.166,21.93L76.097,21.96L76.027,22.153L76.018,22.245L75.942,22.236L75.926,22.136L75.876,22.122L75.902,22.222L75.838,22.244L76.028,22.288L76.118,22.079L76.198,21.939L76.282,21.825L76.426,21.57L76.47,21.586L76.374,21.712L76.147,22.065L76.06,22.267L76.033,22.382L76.001,22.304L75.839,22.266L75.729,22.283L75.436,22.396L75.246,22.518L75.133,22.644L74.988,22.769L74.869,22.898L74.72,23.118L74.647,23.297L74.578,23.683L74.579,23.771L74.522,23.774L74.5,23.734L74.306,23.732L74.067,23.796L73.896,23.904L72.913,23.197L72.755,23.077L72.319,22.768L72.091,22.806L71.006,22.965L70.997,22.794L70.779,22.574L70.669,22.685L70.642,22.533L69.853,22.612L69.416,22.66L69.198,22.678L69.078,22.715L69.057,22.676L69.017,22.752L68.956,22.754L68.693,22.907L68.64,22.959L68.628,22.929L68.265,23.105L67.668,23.197L67.67,23.205L66.847,23.307L66.842,22.958L66.926,22.887L66.945,22.918L67.063,22.898L67.14,22.817L67.114,22.74L67.145,22.704L67.123,22.658L67.15,22.605L67.237,22.538L67.263,22.474L67.328,22.455L67.384,22.391L67.715,22.339L67.753,22.27L67.839,22.218L67.871,22.175L67.916,22.18L67.968,22.071L68.031,22.058L68.055,22.003L68.144,21.954L68.247,21.963L68.276,21.935L68.332,21.805L68.321,21.699L68.373,21.686L68.414,21.721L68.447,21.671L68.451,21.6L68.603,21.481L68.654,21.528L68.648,21.62L68.712,21.631L68.813,21.537L68.861,21.412L68.983,21.323L69.033,21.323L69.057,21.281L69.143,21.279L69.172,21.339L69.282,21.302L69.386,21.017L69.503,20.917L69.603,20.937L69.557,20.83L69.594,20.739L69.567,20.657Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M45.333,3.376L45.981,3.43L47.096,3.511L48.149,3.573L48.815,3.606L49.691,3.643L50.325,3.663L51.212,3.685L51.908,3.696L51.898,3.742L51.957,3.909L51.993,4.089L52.029,4.148L52.018,4.227L51.974,4.341L51.992,4.475L51.976,4.618L52.004,4.734L51.973,4.894L52.014,5.034L52.043,5.064L52.053,5.19L52.095,5.254L52.13,5.419L52.255,5.732L52.242,5.985L52.266,6.098L52.263,6.293L52.277,6.358L52.278,6.631L52.32,6.735L52.296,6.845L52.316,6.979L52.296,7.069L52.348,7.213L52.357,7.339L52.424,7.49L52.491,7.556L52.495,7.716L52.535,7.913L52.515,7.98L52.524,8.129L51.76,8.122L50.652,8.098L49.56,8.058L48.876,8.027L47.613,7.962L47.054,7.927L46.315,7.877L45.454,7.812L44.964,7.772L45.016,7.138L45.135,5.754L45.202,5.008L45.215,4.816Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M45.053,20.906L45.401,20.939L46.153,20.992L46.938,21.035L47.722,21.071L48.641,21.109L48.901,21.123L49.589,21.148L50.591,21.177L51.414,21.192L52.519,21.203L53.656,21.202L54.683,21.193L54.694,21.926L54.735,22.218L54.937,23.543L54.927,24.374L54.914,26.117L54.872,26.149L54.792,26.059L54.72,26.074L54.704,26.041L54.643,26.047L54.564,25.95L54.475,25.974L54.39,25.907L54.33,25.798L54.234,25.795L54.135,25.689L54.016,25.655L53.953,25.777L53.804,25.795L53.639,25.776L53.62,25.7L53.437,25.769L53.386,25.758L53.39,25.811L53.333,25.804L53.282,25.837L53.172,25.767L53.165,25.804L53.108,25.796L53.071,25.835L52.974,25.824L52.884,25.873L52.891,25.938L52.83,25.971L52.762,25.938L52.723,26.025L52.683,26.059L52.588,25.928L52.495,25.933L52.463,25.862L52.408,25.864L52.34,25.817L52.394,25.762L52.286,25.731L52.267,25.818L52.182,25.855L52.143,25.789L52.076,25.82L52.037,25.79L52.011,25.674L51.905,25.669L51.914,25.761L51.79,25.874L51.778,25.992L51.688,25.977L51.649,25.883L51.697,25.826L51.682,25.75L51.645,25.715L51.589,25.792L51.494,25.776L51.449,25.854L51.385,25.853L51.342,25.82L51.346,25.729L51.298,25.705L51.237,25.736L51.184,25.712L51.193,25.653L51.141,25.612L51.076,25.603L51.04,25.66L50.897,25.788L50.859,25.8L50.719,25.727L50.767,25.595L50.737,25.569L50.67,25.585L50.598,25.566L50.563,25.449L50.6,25.383L50.561,25.347L50.505,25.404L50.349,25.371L50.274,25.336L50.207,25.443L50.124,25.471L50.019,25.342L49.935,25.317L49.884,25.361L49.804,25.371L49.745,25.323L49.624,25.288L49.54,25.227L49.465,25.253L49.353,25.219L49.292,25.224L49.272,25.044L49.076,24.861L49.053,24.976L49.001,24.979L48.911,24.917L48.837,24.911L48.811,24.971L48.697,24.958L48.63,24.896L48.472,24.695L48.413,24.656L48.347,24.68L48.467,21.839L47.835,21.812L47.212,21.78L46.59,21.745L45.866,21.698L44.998,21.637Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M69.628,12.553L69.814,12.435L69.981,12.291L70.007,12.21L70.072,12.231L70.194,12.118L70.357,11.997L70.425,12.388L71.361,12.223L71.654,12.166L72.46,12.015L73.204,11.867L73.418,11.82L74.025,11.7L74.656,11.566L75.056,11.477L75.16,11.544L75.207,11.649L75.29,11.615L75.403,11.681L75.395,11.739L75.456,11.758L75.505,11.952L75.48,11.973L75.544,12.022L75.619,12.131L75.693,12.12L75.722,12.167L75.809,12.143L75.839,12.168L75.891,12.143L75.9,12.185L75.961,12.237L75.903,12.267L75.847,12.358L75.82,12.534L75.738,12.662L75.757,12.692L75.713,12.77L75.617,12.865L75.621,12.894L75.737,13.014L75.683,13.177L75.644,13.178L75.635,13.311L75.684,13.476L75.785,13.463L75.827,13.492L75.853,13.617L75.881,13.669L75.984,13.675L76.03,13.753L76.121,13.797L76.163,13.855L76.251,13.888L76.321,13.954L76.27,14.026L76.225,14.027L76.195,14.101L76.125,14.137L75.948,14.342L75.95,14.456L75.831,14.532L75.766,14.547L75.69,14.634L75.59,14.609L75.511,14.618L75.417,14.665L75.358,14.733L75.311,14.837L74.829,14.94L74.008,15.113L73.489,15.217L72.326,15.436L71.303,15.623L70.892,15.695L70.164,15.816L69.947,14.488Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M44.834,9.143L44.853,9.14L44.894,8.654L44.964,7.772L45.454,7.812L46.315,7.877L47.054,7.927L47.613,7.962L48.876,8.027L49.56,8.058L50.652,8.098L51.76,8.122L52.524,8.129L52.504,8.296L52.433,8.402L52.248,8.538L52.222,8.605L52.32,8.738L52.349,8.823L52.397,8.889L52.465,8.894L52.595,8.969L52.632,9.055L52.629,9.921L52.619,11.675L52.466,11.674L52.47,11.771L52.547,11.842L52.541,11.953L52.484,11.97L52.504,12.078L52.584,12.078L52.602,12.186L52.634,12.229L52.606,12.314L52.556,12.333L52.565,12.465L52.522,12.516L52.518,12.623L52.423,12.743L52.425,12.835L52.523,12.909L52.587,13.055L52.572,13.107L52.62,13.151L52.561,13.162L52.529,13.114L52.452,13.129L52.416,13.06L52.338,12.977L52.364,12.922L52.322,12.891L52.243,12.883L52.239,12.836L52.132,12.792L52.072,12.81L52.053,12.752L51.895,12.733L51.812,12.678L51.803,12.624L51.711,12.591L51.594,12.592L51.57,12.619L51.396,12.6L51.327,12.621L51.215,12.609L51.158,12.58L51.108,12.594L51.093,12.654L51.026,12.723L50.936,12.729L50.838,12.643L50.704,12.562L50.485,12.45L50.454,12.375L49.901,12.359L49.005,12.327L48.201,12.291L47.059,12.231L46.915,12.218L46.243,12.174L45.276,12.101L44.592,12.046L44.659,11.234L44.732,10.387Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M44.998,21.637L45.866,21.698L46.59,21.745L47.212,21.78L47.835,21.812L48.467,21.839L48.347,24.68L48.413,24.656L48.472,24.695L48.63,24.896L48.697,24.958L48.811,24.971L48.837,24.911L48.911,24.917L49.001,24.979L49.053,24.976L49.076,24.861L49.272,25.044L49.292,25.224L49.353,25.219L49.465,25.253L49.54,25.227L49.624,25.288L49.745,25.323L49.804,25.371L49.884,25.361L49.935,25.317L50.019,25.342L50.124,25.471L50.207,25.443L50.274,25.336L50.349,25.371L50.505,25.404L50.561,25.347L50.6,25.383L50.563,25.449L50.598,25.566L50.67,25.585L50.737,25.569L50.767,25.595L50.719,25.727L50.859,25.8L50.897,25.788L51.04,25.66L51.076,25.603L51.141,25.612L51.193,25.653L51.184,25.712L51.237,25.736L51.298,25.705L51.346,25.729L51.342,25.82L51.385,25.853L51.449,25.854L51.494,25.776L51.589,25.792L51.645,25.715L51.682,25.75L51.697,25.826L51.649,25.883L51.688,25.977L51.778,25.992L51.79,25.874L51.914,25.761L51.905,25.669L52.011,25.674L52.037,25.79L52.076,25.82L52.143,25.789L52.182,25.855L52.267,25.818L52.286,25.731L52.394,25.762L52.34,25.817L52.408,25.864L52.463,25.862L52.495,25.933L52.588,25.928L52.683,26.059L52.723,26.025L52.762,25.938L52.83,25.971L52.891,25.938L52.884,25.873L52.974,25.824L53.071,25.835L53.108,25.796L53.165,25.804L53.172,25.767L53.282,25.837L53.333,25.804L53.39,25.811L53.386,25.758L53.437,25.769L53.62,25.7L53.639,25.776L53.804,25.795L53.953,25.777L54.016,25.655L54.135,25.689L54.234,25.795L54.33,25.798L54.39,25.907L54.475,25.974L54.564,25.95L54.643,26.047L54.704,26.041L54.72,26.074L54.792,26.059L54.872,26.149L54.914,26.117L54.945,26.106L54.948,26.174L55.045,26.207L55.068,26.253L55.141,26.203L55.228,26.236L55.278,26.177L55.351,26.235L55.375,26.207L55.447,26.233L55.464,27.012L55.495,28.503L55.525,28.514L55.578,28.608L55.662,28.654L55.707,28.758L55.773,28.826L55.764,28.867L55.798,28.954L55.758,29.081L55.785,29.146L55.901,29.217L55.873,29.269L55.935,29.313L55.983,29.425L55.955,29.499L56.04,29.554L56.068,29.691L56.132,29.674L56.138,29.825L56.177,29.911L56.115,29.945L56.169,30.034L56.119,30.109L56.139,30.201L56.061,30.324L56.06,30.393L55.985,30.474L55.99,30.533L55.931,30.572L55.917,30.623L55.95,30.653L55.974,30.766L55.899,30.846L55.892,30.924L55.958,30.979L55.953,31.102L55.996,31.201L55.942,31.279L55.979,31.328L55.877,31.423L55.797,31.608L55.712,31.677L55.823,31.861L55.823,31.878L55.617,31.879L55.451,31.932L54.827,32.227L54.748,32.28L54.702,32.348L54.642,32.36L54.657,32.314L54.774,32.191L54.873,32.167L54.907,32.109L54.997,32.117L54.932,32.05L54.687,32.121L54.636,32.114L54.726,31.976L54.744,31.875L54.739,31.783L54.662,31.75L54.588,31.787L54.518,31.912L54.456,31.931L54.399,31.871L54.341,31.975L54.38,32.015L54.335,32.083L54.382,32.146L54.474,32.166L54.448,32.233L54.499,32.257L54.497,32.439L54.423,32.466L54.239,32.638L54.163,32.616L54.155,32.726L54.181,32.759L54.36,32.621L54.516,32.472L54.585,32.442L54.601,32.373L54.703,32.403L54.612,32.48L54.332,32.674L54.207,32.792L54.063,32.908L53.882,33.087L53.809,33.098L53.334,33.381L52.995,33.538L52.846,33.617L52.706,33.705L52.594,33.791L52.526,33.884L52.283,34.02L52.076,34.181L51.953,34.295L51.801,34.471L51.747,34.578L51.621,34.746L51.526,34.919L51.414,35.163L51.329,35.44L51.299,35.692L51.311,35.944L51.334,36.074L51.398,36.332L51.451,36.498L51.522,36.783L51.568,37.105L51.537,37.046L51.515,36.864L51.412,36.44L51.303,36.419L51.384,36.387L51.28,36.067L51.267,35.935L51.273,35.612L51.328,35.27L51.405,35.047L51.497,34.864L51.561,34.778L51.608,34.671L51.648,34.628L51.637,34.569L51.699,34.463L51.784,34.417L51.963,34.154L52.041,34.133L52.079,34.067L52.151,34.065L52.326,33.918L52.53,33.847L52.514,33.737L52.349,33.831L52.298,33.88L52.217,33.887L52.184,33.752L52.1,33.753L52.056,33.92L52.084,33.971L52.067,34.016L51.892,34.16L51.774,34.123L51.762,34.069L51.611,34.143L51.533,34.209L51.631,34.254L51.775,34.176L51.774,34.278L51.744,34.306L51.563,34.59L51.513,34.587L51.481,34.514L51.385,34.525L51.365,34.502L51.219,34.514L51.169,34.498L51.14,34.545L51.195,34.585L51.316,34.567L51.295,34.646L51.327,34.706L51.474,34.774L51.384,34.954L51.324,35.128L51.318,35.183L51.26,35.314L51.135,35.379L51.086,35.355L51.15,35.33L51.165,35.258L51.13,35.254L51.005,35.362L50.978,35.422L51.089,35.444L51.211,35.398L51.247,35.405L51.213,35.796L51.18,36.052L51.163,36.055L51.202,36.341L51.239,36.422L51.242,36.527L51.285,36.528L51.412,36.832L51.371,36.89L51.396,37.071L51.421,37.098L51.515,37.113L51.519,37.157L51.577,37.135L51.583,37.289L51.41,37.291L51.41,37.316L51.281,37.354L51.282,37.451L51.186,37.435L51.182,37.404L51.086,37.381L51.055,37.312L51.007,37.306L50.921,37.184L50.777,37.166L50.722,37.125L50.61,37.114L50.503,37.132L50.423,37.109L50.408,37.146L50.36,37.106L50.267,37.131L50.133,37.094L50.021,36.998L50.02,36.956L49.954,36.967L49.854,36.871L49.812,36.884L49.697,36.821L49.586,36.844L49.477,36.713L49.432,36.702L49.387,36.644L49.3,36.661L49.201,36.599L49.108,36.575L49.051,36.597L49.015,36.553L49.042,36.481L48.997,36.409L48.941,36.386L48.936,36.27L48.908,36.217L48.9,36.118L48.861,36.086L48.828,35.944L48.751,35.889L48.762,35.85L48.689,35.808L48.694,35.751L48.646,35.687L48.606,35.677L48.632,35.579L48.621,35.492L48.64,35.457L48.624,35.349L48.554,35.316L48.558,35.27L48.502,35.249L48.547,35.219L48.586,35.007L48.524,34.986L48.551,34.892L48.497,34.817L48.435,34.775L48.389,34.795L48.352,34.746L48.305,34.751L48.224,34.636L48.09,34.533L48.063,34.439L48.068,34.369L48.022,34.326L48.032,34.268L47.955,34.245L47.926,34.142L47.881,34.111L47.846,34.024L47.69,33.95L47.585,33.809L47.594,33.762L47.522,33.634L47.539,33.577L47.503,33.525L47.543,33.491L47.479,33.468L47.453,33.414L47.472,33.368L47.411,33.329L47.413,33.282L47.346,33.25L47.342,33.135L47.312,33.101L47.298,33.009L47.268,33.007L47.234,32.896L47.196,32.892L47.184,32.77L47.143,32.588L47.032,32.491L47.045,32.46L47.01,32.383L46.913,32.331L46.901,32.289L46.749,32.192L46.693,32.058L46.579,32.026L46.554,31.97L46.446,31.931L46.47,31.885L46.443,31.795L46.408,31.878L46.384,31.842L46.386,31.755L46.323,31.739L46.269,31.601L46.196,31.562L46.122,31.582L46.107,31.533L46.069,31.564L45.903,31.571L45.817,31.527L45.723,31.503L45.625,31.515L45.57,31.481L45.473,31.512L45.391,31.496L45.313,31.413L45.255,31.412L45.166,31.357L45.115,31.366L45.048,31.511L44.919,31.477L44.854,31.52L44.822,31.503L44.664,31.549L44.653,31.615L44.594,31.662L44.586,31.723L44.55,31.727L44.541,31.793L44.491,31.828L44.431,32.063L44.385,32.067L44.341,32.2L44.383,32.229L44.319,32.299L44.215,32.317L44.189,32.384L44.073,32.474L44.047,32.578L43.904,32.558L43.836,32.566L43.777,32.504L43.656,32.465L43.607,32.422L43.569,32.346L43.504,32.289L43.394,32.274L43.297,32.219L43.224,32.117L43.164,32.081L42.993,32.041L42.792,31.897L42.656,31.695L42.563,31.678L42.492,31.595L42.413,31.534L42.33,31.429L42.31,31.289L42.26,31.214L42.187,31.053L42.193,30.98L42.169,30.867L42.202,30.819L42.211,30.683L42.135,30.498L42.024,30.357L42.037,30.317L42,30.092L41.972,30.039L41.914,30.025L41.882,29.911L41.813,29.904L41.761,29.816L41.71,29.799L41.635,29.719L41.582,29.719L41.422,29.619L41.423,29.57L41.243,29.403L41.2,29.263L41.149,29.209L41.003,29.12L40.902,28.931L40.829,28.887L40.81,28.81L40.752,28.763L40.66,28.744L40.516,28.63L40.478,28.515L40.439,28.481L40.421,28.393L40.344,28.22L40.263,28.163L40.214,28.182L40.172,28.127L40.085,28.051L40.047,27.949L40.077,27.923L40.097,27.799L41.548,27.952L42.171,28.013L42.89,28.079L43.632,28.141L44.437,28.204L44.551,26.686L44.681,25.273L44.906,22.285L44.952,21.634Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M44.834,9.143L44.732,10.387L44.659,11.234L44.592,12.046L44.344,14.961L43.67,14.902L43.475,14.889L42.533,14.798L42.001,14.741L41.746,14.707L40.48,14.559L39.507,14.438L38.943,14.36L38.42,14.291L37.38,14.141L36.794,14.044L37.026,12.593L37.142,11.866L37.196,11.552L37.593,9.026L37.621,8.808L37.708,8.267L37.982,8.308L38.061,8.336L38.574,8.409L38.667,8.411L39.032,8.469L39.69,8.556L39.709,8.568L40.302,8.648L41.693,8.821L41.743,8.832L42.58,8.931L42.922,8.967L42.939,8.958L44.112,9.077Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M76.995,10.953L77.497,10.847L77.701,10.8L77.711,10.856L77.761,10.835L77.761,10.785L78.758,10.55L78.766,10.572L78.908,11.067L78.985,11.409L78.943,11.427L78.978,11.521L78.955,11.563L78.859,11.562L78.787,11.612L78.72,11.625L78.675,11.667L78.621,11.646L78.596,11.7L78.424,11.788L78.349,11.781L78.259,11.847L78.228,11.828L78.122,11.856L78.106,11.894L78.035,11.878L77.884,11.944L77.864,11.877L77.784,12.035L77.744,12.036L77.682,12.147L77.625,12.131L77.553,12.223L77.523,12.214L77.442,12.27L77.442,12.339L77.333,12.38L77.254,12.471L77.228,12.456L77.181,12.512L77.175,12.474L77.068,12.365L77.287,12.143L77.187,12.043L77.108,11.573Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M53.351,15.942L54.592,15.952L55.183,15.939L55.777,15.915L56.092,15.905L56.642,15.877L57.364,15.83L57.764,15.796L57.82,15.882L57.883,15.893L57.895,15.95L57.956,16.011L57.994,16.012L58.002,16.083L58.048,16.12L58.12,16.124L58.075,16.179L58.034,16.337L58.037,16.496L58.06,16.629L58.151,16.785L58.123,16.859L58.146,16.917L58.223,16.979L58.222,17.073L58.37,17.211L58.433,17.245L58.479,17.329L58.532,17.337L58.609,17.466L58.837,17.612L58.97,17.736L59.033,17.972L59.001,18.024L59.041,18.103L59.07,18.21L59.162,18.287L59.205,18.275L59.302,18.134L59.464,18.188L59.53,18.191L59.689,18.285L59.683,18.36L59.591,18.477L59.636,18.591L59.624,18.656L59.553,18.764L59.523,18.916L59.472,18.98L59.447,19.133L59.475,19.232L59.57,19.309L59.609,19.372L59.694,19.431L59.741,19.438L59.793,19.504L59.826,19.502L59.901,19.574L59.983,19.574L59.931,19.637L59.959,19.688L60.018,19.704L60.079,19.647L60.156,19.717L60.204,19.726L60.3,19.808L60.294,19.848L60.353,19.859L60.395,19.909L60.479,19.945L60.479,20.017L60.528,20.074L60.479,20.098L60.489,20.164L60.586,20.302L60.612,20.374L60.6,20.438L60.54,20.458L60.511,20.525L60.581,20.577L60.585,20.652L60.695,20.82L60.697,20.88L60.816,20.946L60.834,20.894L60.774,20.83L60.829,20.834L60.905,20.906L60.916,20.952L60.984,20.944L61.024,20.967L60.992,21.142L60.951,21.203L61.026,21.249L60.968,21.272L60.935,21.339L60.987,21.408L60.946,21.466L60.918,21.556L60.883,21.565L60.797,21.472L60.743,21.5L60.706,21.674L60.669,21.732L60.628,21.682L60.647,21.623L60.626,21.576L60.55,21.566L60.523,21.608L60.566,21.685L60.591,21.717L60.565,21.778L60.611,21.858L60.583,21.92L60.499,21.922L60.501,21.968L60.593,22.018L60.536,22.068L60.41,22.056L60.399,22.081L60.506,22.157L60.539,22.232L60.444,22.304L60.421,22.426L60.39,22.428L59.641,22.483L59.701,22.341L59.793,22.262L59.807,22.195L59.912,22.123L59.958,22.057L59.973,21.931L59.95,21.868L59.875,21.838L59.858,21.731L58.732,21.795L57.365,21.856L56.42,21.889L55.518,21.912L54.694,21.926L54.683,21.193L54.667,20.057L54.667,19.795L54.655,18.829L54.65,18.081L54.666,18.028L54.588,18.026L54.559,17.988L54.505,18.01L54.458,17.96L54.406,17.952L54.38,17.866L54.32,17.82L54.308,17.745L54.331,17.685L54.281,17.695L54.226,17.615L54.161,17.578L54.149,17.532L54.086,17.474L54.085,17.421L54.133,17.416L54.172,17.286L54.235,17.254L54.251,17.167L54.33,17.194L54.346,17.126L54.298,17.147L54.283,17.102L54.337,17.052L54.263,16.998L54.278,16.957L54.185,16.942L54.158,16.992L54.058,16.981L54.042,16.946L53.972,16.931L53.858,16.798L53.815,16.756L53.748,16.75L53.732,16.712L53.757,16.613L53.668,16.527L53.678,16.465L53.582,16.402L53.586,16.372L53.519,16.339L53.431,16.112L53.423,16.059L53.465,16.041L53.454,15.975L53.426,16.025L53.354,16.025Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M68.162,18.052L68.237,18.066L68.369,17.996L68.457,17.969L68.466,17.775L68.482,17.751L68.577,17.735L68.59,17.697L68.56,17.574L68.503,17.448L68.574,17.371L68.563,17.288L68.606,17.166L68.685,17.074L68.73,17.123L68.776,17.123L68.823,17.19L68.802,17.247L68.849,17.28L68.917,17.164L68.979,17.187L68.949,17.131L68.959,17.067L68.891,16.964L68.96,16.932L68.93,16.813L68.991,16.734L69.003,16.661L69.116,16.656L69.114,16.551L69.22,16.428L69.291,16.504L69.343,16.505L69.419,16.434L69.47,16.426L69.502,16.354L69.551,16.327L69.609,16.211L69.736,16.044L69.797,16.016L69.793,15.928L69.823,15.874L69.779,15.831L69.811,15.759L69.8,15.696L69.832,15.658L69.805,15.604L69.86,15.579L69.864,15.494L69.842,15.342L69.867,15.302L69.86,15.221L69.896,15.082L69.924,15.052L69.935,14.967L69.902,14.847L69.905,14.744L69.854,14.656L69.803,14.609L69.827,14.542L69.947,14.488L70.164,15.816L70.892,15.695L71.303,15.623L71.422,16.369L71.471,16.344L71.517,16.264L71.586,16.194L71.614,16.196L71.642,16.106L71.747,16.01L71.779,15.91L71.852,15.902L71.944,15.924L72.073,15.658L72.068,15.611L72.141,15.629L72.096,15.659L72.247,15.731L72.35,15.734L72.462,15.712L72.491,15.649L72.464,15.606L72.518,15.602L72.551,15.516L72.651,15.529L72.726,15.4L72.805,15.406L72.933,15.5L73.001,15.466L73.128,15.465L73.135,15.509L73.088,15.529L73.117,15.596L73.224,15.652L73.263,15.704L73.286,15.834L73.328,15.844L73.304,15.897L73.262,16.139L72.603,15.767L72.64,15.928L72.58,16.082L72.605,16.097L72.575,16.172L72.622,16.209L72.473,16.439L72.501,16.455L72.459,16.542L72.433,16.52L72.348,16.652L72.335,16.615L72.274,16.695L72.217,16.887L72.057,16.786L72.014,16.881L71.986,17.02L71.997,17.082L71.965,17.087L71.907,17.299L71.91,17.345L71.818,17.483L71.624,17.449L71.532,17.325L71.398,17.289L71.372,17.468L71.394,17.528L71.353,17.65L71.291,17.734L71.323,17.784L71.267,17.835L71.184,18.01L71.211,18.042L71.154,18.222L71.086,18.309L70.957,18.528L70.926,18.613L70.939,18.65L70.898,18.713L70.941,18.774L70.998,18.792L70.892,18.904L70.897,18.945L70.952,18.94L70.939,18.98L70.76,19.136L70.707,19.058L70.662,19.077L70.508,19.22L70.441,19.264L70.326,19.197L70.31,19.267L70.357,19.315L70.307,19.371L70.075,19.461L69.957,19.545L69.779,19.42L69.732,19.523L69.697,19.532L69.584,19.644L69.452,19.672L69.308,19.571L69.234,19.577L69.12,19.456L69.109,19.375L69.031,19.327L69.103,19.261L69.05,19.234L68.879,19.227L68.854,19.18L68.76,19.147L68.718,19.099L68.654,19.095L68.578,18.934L68.475,18.858L68.47,18.808L68.403,18.79L68.365,18.747L68.396,18.666L68.334,18.651L68.282,18.555L68.195,18.493L68.157,18.432L68.194,18.418L68.179,18.325L68.215,18.278L68.208,18.202L68.173,18.164Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M58.12,16.124L58.164,16.106L58.172,15.944L58.122,15.883L58.18,15.782L58.289,15.734L58.357,15.732L58.423,15.68L58.445,15.538L58.44,15.472L58.54,15.326L58.577,15.299L58.591,15.132L58.582,15.047L58.53,14.963L58.473,14.951L58.389,14.845L58.426,14.748L58.448,14.593L58.525,14.555L58.574,14.571L58.65,14.521L58.78,14.518L58.867,14.495L58.932,14.417L59.072,14.393L59.12,14.329L59.193,14.292L59.194,14.157L59.211,14.076L59.247,14.025L59.341,13.967L59.369,13.813L59.354,13.734L59.375,13.671L59.345,13.616L59.34,13.507L59.28,13.452L59.086,13.363L59.04,13.288L59.052,13.223L58.989,13.145L58.903,13.099L58.877,13.058L58.794,13.019L58.795,12.965L59.399,12.929L60.275,12.886L60.768,12.859L61.48,12.796L61.815,12.774L61.824,12.93L61.803,13.054L61.851,13.187L61.924,13.298L62.008,13.394L62.013,13.436L62.093,13.63L62.113,13.724L62.21,13.89L62.261,14.489L62.37,15.709L62.448,16.661L62.51,17.337L62.46,17.353L62.439,17.472L62.479,17.531L62.413,17.613L62.43,17.7L62.502,17.766L62.505,17.867L62.583,17.91L62.553,18.053L62.623,18.166L62.608,18.287L62.53,18.338L62.504,18.382L62.471,18.529L62.479,18.579L62.391,18.634L62.405,18.674L62.359,18.79L62.33,18.804L62.287,18.937L62.253,18.898L62.227,18.952L62.205,18.91L62.149,19.045L62.221,19.14L62.177,19.157L62.141,19.231L62.187,19.204L62.186,19.252L62.105,19.302L62.145,19.388L62.093,19.477L62.155,19.509L62.06,19.5L62.15,19.65L62.117,19.742L62.054,19.79L62.017,19.863L62.058,19.989L62.145,20.068L62.126,20.133L61.904,20.181L61.814,20.263L61.762,20.233L61.69,20.294L61.656,20.448L61.744,20.56L61.776,20.637L61.746,20.751L61.647,20.764L61.544,20.698L61.425,20.673L61.336,20.614L61.188,20.568L61.109,20.578L61.017,20.671L60.994,20.742L60.948,20.789L60.927,20.891L60.984,20.944L60.916,20.952L60.905,20.906L60.829,20.834L60.774,20.83L60.834,20.894L60.816,20.946L60.697,20.88L60.695,20.82L60.585,20.652L60.581,20.577L60.511,20.525L60.54,20.458L60.6,20.438L60.612,20.374L60.586,20.302L60.489,20.164L60.479,20.098L60.528,20.074L60.479,20.017L60.479,19.945L60.395,19.909L60.353,19.859L60.294,19.848L60.3,19.808L60.204,19.726L60.156,19.717L60.079,19.647L60.018,19.704L59.959,19.688L59.931,19.637L59.983,19.574L59.901,19.574L59.826,19.502L59.793,19.504L59.741,19.438L59.694,19.431L59.609,19.372L59.57,19.309L59.475,19.232L59.447,19.133L59.472,18.98L59.523,18.916L59.553,18.764L59.624,18.656L59.636,18.591L59.591,18.477L59.683,18.36L59.689,18.285L59.53,18.191L59.464,18.188L59.302,18.134L59.205,18.275L59.162,18.287L59.07,18.21L59.041,18.103L59.001,18.024L59.033,17.972L58.97,17.736L58.837,17.612L58.609,17.466L58.532,17.337L58.479,17.329L58.433,17.245L58.37,17.211L58.222,17.073L58.223,16.979L58.146,16.917L58.123,16.859L58.151,16.785L58.06,16.629L58.037,16.496L58.034,16.337L58.075,16.179Z"></path><path class="feature-path svelte-18wj229" fill="#ffa06b" stroke="#333" stroke-width="0.5" d="M38.145,20.177L39.052,20.298L39.928,20.406L40.618,20.488L40.625,20.5L41.389,20.583L42.625,20.707L42.762,20.723L43.52,20.792L45.053,20.906L44.998,21.637L44.952,21.634L44.906,22.285L44.681,25.273L44.551,26.686L44.437,28.204L43.632,28.141L42.89,28.079L42.171,28.013L41.548,27.952L40.097,27.799L40.077,27.923L40.047,27.949L40.085,28.051L40.172,28.127L39.079,27.999L38.12,27.879L38.036,28.531L37.004,28.394L37.297,26.304L37.39,25.62L37.697,23.414L37.815,22.553Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M54.694,21.926L55.518,21.912L56.42,21.889L57.365,21.856L58.732,21.795L59.858,21.731L59.875,21.838L59.95,21.868L59.973,21.931L59.958,22.057L59.912,22.123L59.807,22.195L59.793,22.262L59.701,22.341L59.641,22.483L60.39,22.428L60.41,22.475L60.502,22.563L60.466,22.592L60.42,22.565L60.363,22.591L60.368,22.639L60.439,22.693L60.353,22.718L60.319,22.787L60.247,22.819L60.212,22.795L60.162,22.828L60.16,22.899L60.202,22.948L60.275,22.923L60.281,22.974L60.167,23.053L60.226,23.105L60.219,23.155L60.133,23.093L60.076,23.114L60.069,23.179L60.107,23.234L60.068,23.326L60.05,23.236L59.99,23.236L59.935,23.308L59.927,23.362L59.979,23.372L59.998,23.319L60.049,23.356L60.016,23.475L59.953,23.491L59.97,23.549L60.033,23.552L60.066,23.609L60.017,23.647L60.083,23.712L60.043,23.75L59.996,23.727L59.957,23.753L59.923,23.889L59.825,23.873L59.808,23.942L59.882,24.003L59.886,24.067L59.784,24.142L59.687,24.185L59.666,24.113L59.617,24.118L59.649,24.204L59.66,24.306L59.642,24.346L59.589,24.345L59.583,24.239L59.526,24.343L59.554,24.388L59.638,24.385L59.651,24.423L59.605,24.48L59.558,24.491L59.548,24.408L59.507,24.436L59.512,24.517L59.568,24.628L59.52,24.708L59.553,24.78L59.538,24.816L59.448,24.872L59.453,24.943L59.411,24.953L59.419,24.884L59.326,24.895L59.356,24.979L59.329,25.019L59.25,25.042L59.237,25.133L59.165,25.082L59.135,25.126L59.191,25.171L59.276,25.165L59.256,25.232L59.166,25.196L59.115,25.239L59.124,25.278L59.219,25.315L59.202,25.393L59.084,25.415L59.118,25.471L59.073,25.493L59.048,25.441L58.968,25.486L58.98,25.516L59.064,25.554L58.997,25.644L59.034,25.72L59.101,25.758L58.918,25.784L58.919,25.853L58.953,25.882L59.011,25.863L59.055,25.924L58.984,25.95L58.901,25.882L58.821,25.93L58.933,26L58.941,26.046L58.83,26.095L58.889,26.188L58.832,26.279L58.91,26.255L58.913,26.189L58.961,26.223L58.956,26.285L58.872,26.309L58.919,26.361L58.981,26.338L59.009,26.251L59.045,26.283L58.952,26.401L58.954,26.477L59.009,26.564L59.045,26.49L59.074,26.514L59.02,26.589L59.031,26.699L59.012,26.72L58.915,26.71L58.896,26.758L58.992,26.82L58.947,26.91L57.996,26.95L57.668,26.961L56.27,26.995L55.464,27.012L55.447,26.233L55.375,26.207L55.351,26.235L55.278,26.177L55.228,26.236L55.141,26.203L55.068,26.253L55.045,26.207L54.948,26.174L54.945,26.106L54.914,26.117L54.927,24.374L54.937,23.543L54.735,22.218Z"></path><path class="feature-path svelte-18wj229" fill="#ffa06b" stroke="#333" stroke-width="0.5" d="M26.138,23.145L26.206,23.167L26.306,23.26L26.389,23.312L26.433,23.43L26.403,23.478L26.352,23.434L26.248,23.4L26.231,23.35L26.253,23.26L26.175,23.221ZM25.982,23.78L26.019,23.784L26.086,23.967L26.207,24.149L26.115,24.159L26.049,24.066ZM25.368,22.124L25.444,22.147L25.437,22.184L25.365,22.171ZM24.927,23.145L24.989,23.151L25.084,23.261L25.024,23.265L24.95,23.219ZM24.82,21.912L24.927,21.976L25.002,21.989L25.069,22.062L25.145,22.087L25.188,22.047L25.266,22.09L25.206,22.133L25.084,22.117L25.007,22.137L24.838,22.063L24.853,21.988ZM24.412,21.92L24.507,21.935L24.661,21.933L24.648,21.992L24.717,22.027L24.708,22.087L24.519,22.108L24.473,22.061ZM24.193,21.809L24.306,21.784L24.357,21.873L24.29,21.868ZM23.282,9.415L23.777,9.567L24.169,9.681L24.381,9.727L24.482,9.767L24.905,9.887L25.172,9.956L25.56,10.074L26.553,10.364L27.33,10.57L27.628,10.645L27.218,12.236L27.084,12.766L26.884,13.538L26.607,14.574L26.529,14.896L27.264,16L27.692,16.647L28.661,18.104L29.654,19.601L30.443,20.788L31.24,21.984L31.202,22.169L31.247,22.234L31.267,22.341L31.346,22.437L31.372,22.595L31.36,22.621L31.4,22.721L31.372,22.823L31.43,22.846L31.534,22.992L31.587,23.027L31.62,23.102L31.582,23.162L31.448,23.262L31.36,23.297L31.24,23.32L31.194,23.43L31.051,23.541L31.07,23.644L31.033,23.666L31.029,23.891L30.984,23.909L30.955,24.093L30.909,24.114L30.812,24.207L30.796,24.246L30.675,24.258L30.694,24.326L30.64,24.403L30.695,24.461L30.66,24.62L30.608,24.702L30.636,24.796L30.715,24.831L30.813,24.843L30.846,25.032L30.821,25.12L30.731,25.183L30.727,25.233L30.616,25.245L30.528,25.223L30.486,25.242L27.567,24.897L27.58,24.761L27.532,24.657L27.467,24.672L27.493,24.477L27.475,24.445L27.527,24.378L27.537,24.174L27.517,24.005L27.377,23.654L27.289,23.555L27.248,23.464L27.173,23.417L27.118,23.282L27.027,23.185L26.973,23.152L26.904,23.063L26.826,22.931L26.729,22.858L26.713,22.914L26.619,22.921L26.454,22.823L26.445,22.772L26.495,22.739L26.51,22.688L26.485,22.533L26.425,22.387L26.372,22.353L26.165,22.317L26.084,22.344L26.038,22.282L25.945,22.245L25.79,22.125L25.742,22.11L25.658,22.02L25.634,21.852L25.542,21.729L25.518,21.725L25.457,21.625L25.357,21.541L25.229,21.504L25.178,21.522L25.087,21.465L24.993,21.455L24.857,21.342L24.709,21.283L24.522,21.244L24.32,21.22L24.302,21.102L24.169,20.979L24.262,20.835L24.245,20.734L24.309,20.619L24.288,20.525L24.262,20.514L24.368,20.303L24.381,20.188L24.293,20.106L24.262,20.125L24.165,20.029L24.135,19.958L24.198,19.855L24.225,19.746L24.198,19.67L24.094,19.624L24.017,19.469L23.977,19.327L23.858,19.236L23.84,19.171L23.847,19.067L23.74,18.882L23.739,18.707L23.672,18.656L23.641,18.507L23.575,18.365L23.482,18.28L23.425,18.137L23.442,18.044L23.438,17.885L23.478,17.783L23.445,17.739L23.517,17.68L23.543,17.737L23.636,17.679L23.735,17.483L23.703,17.279L23.646,17.193L23.589,17.213L23.442,17.169L23.354,17.056L23.285,16.88L23.252,16.869L23.241,16.781L23.208,16.737L23.215,16.658L23.278,16.508L23.262,16.386L23.271,16.32L23.217,16.242L23.305,16.016L23.324,15.877L23.453,15.867L23.457,15.985L23.427,16.018L23.406,16.119L23.417,16.191L23.516,16.249L23.592,16.375L23.624,16.379L23.659,16.47L23.709,16.48L23.656,16.388L23.649,16.263L23.663,16.146L23.593,16.044L23.611,16L23.526,15.93L23.584,15.849L23.583,15.76L23.513,15.734L23.49,15.646L23.564,15.644L23.574,15.602L23.65,15.619L23.705,15.583L23.687,15.486L23.602,15.403L23.481,15.423L23.438,15.546L23.478,15.61L23.425,15.625L23.396,15.672L23.447,15.759L23.384,15.722L23.386,15.816L23.323,15.818L23.301,15.762L23.218,15.658L23.164,15.659L23.099,15.552L23.077,15.476L23.022,15.417L22.962,15.389L22.908,15.434L22.873,15.406L22.972,15.268L23.006,15.2L22.988,15.089L23.018,15.045L22.985,14.97L22.939,14.969L22.958,14.886L22.929,14.739L22.824,14.616L22.757,14.513L22.681,14.258L22.535,14.018L22.482,13.892L22.483,13.836L22.563,13.757L22.575,13.705L22.551,13.359L22.565,13.225L22.61,13.12L22.706,12.986L22.706,12.906L22.734,12.793L22.711,12.726L22.734,12.566L22.688,12.505L22.684,12.432L22.616,12.253L22.577,12.216L22.576,12.102L22.506,12.04L22.378,11.8L22.417,11.73L22.424,11.612L22.406,11.537L22.469,11.432L22.566,11.313L22.781,11.089L22.9,10.941L22.969,10.805L22.937,10.756L22.97,10.629L23.061,10.524L23.196,10.244L23.222,10.086L23.219,9.791L23.191,9.788L23.144,9.702L23.238,9.57Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M75.588,14.915L75.599,14.949L75.588,14.915ZM75.311,14.837L75.358,14.733L75.417,14.665L75.511,14.618L75.59,14.609L75.69,14.634L75.654,14.697L75.624,14.823L75.551,14.891L75.541,14.974L75.605,15.013L75.599,15.139L75.753,15.31L75.818,15.34L75.902,15.485L75.898,15.559L75.945,15.696L76.053,15.777L76.079,15.867L76.25,16.006L76.32,16.028L76.363,15.995L76.434,16.184L76.519,16.48L76.14,16.564L75.807,16.625L75.372,15.081Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M74.096,16.271L74.165,16.166L74.339,16.284L74.226,16.458L74.217,16.372L74.164,16.31Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M40.758,36.609L40.768,36.554L40.884,36.446L40.938,36.44L40.982,36.333L41.061,36.27L41.07,36.184L41.017,36.121L40.972,36.024L40.962,35.938L40.983,35.866L41.034,35.842L41.18,35.898L41.2,35.937L41.308,35.992L41.381,36.05L41.438,36.043L41.563,36.081L41.835,36.209L42.027,36.364L42.092,36.446L42.081,36.609L42.2,36.606L42.236,36.676L42.232,36.747L42.343,36.849L42.466,36.906L42.455,36.978L42.239,37.17L42.03,37.278L41.931,37.301L41.806,37.294L41.719,37.378L41.641,37.409L41.592,37.461L41.52,37.482L41.449,37.563L41.453,37.604L41.389,37.724L41.293,37.803L41.218,37.728L41.107,37.664L41.003,37.632L40.948,37.509L40.993,37.196L40.944,36.991L40.902,36.976L40.867,36.803L40.748,36.626ZM39.874,34.907L39.921,34.782L40.021,34.744L40.084,34.785L40.181,34.944L40.303,34.908L40.386,34.863L40.516,34.889L40.516,34.909L40.649,34.991L40.672,35.04L40.826,35.085L40.848,35.19L40.758,35.29L40.636,35.335L40.568,35.323L40.418,35.389L40.315,35.401L40.226,35.35L40.196,35.107L40.139,35.082L40.095,35.112L39.967,35.051L39.903,34.979ZM39.871,35.468L40.043,35.36L40.089,35.399L40.08,35.485L40.006,35.479L39.898,35.505ZM39.379,34.931L39.478,34.89L39.604,34.915L39.686,34.989L39.724,35.068L39.685,35.133L39.588,35.169L39.508,35.175L39.449,35.003ZM39.04,34.646L39.114,34.545L39.105,34.473L39.465,34.529L39.515,34.486L39.537,34.538L39.644,34.555L39.776,34.532L39.861,34.563L39.82,34.632L39.734,34.695L39.632,34.721L39.334,34.643L39.119,34.666ZM37.724,33.953L37.931,33.942L38.078,33.779L38.146,33.762L38.206,33.882L38.324,34.026L38.318,34.127L38.403,34.196L38.422,34.125L38.479,34.128L38.457,34.207L38.498,34.281L38.576,34.36L38.496,34.413L38.421,34.388L38.344,34.414L38.251,34.348L38.126,34.334L37.947,34.353L37.91,34.249L37.857,34.205L37.84,34.142L37.784,34.084L37.783,34.009ZM35.674,33.286L35.681,33.236L35.733,33.189L35.754,33.128L35.988,33.006L36.053,33.04L36.085,33.003L36.201,33L36.272,33.026L36.348,33.128L36.343,33.185L36.293,33.262L36.296,33.393L36.217,33.474L36.138,33.523L36.097,33.503L35.923,33.487L35.835,33.398L35.703,33.349ZM35.05,33.539L35.069,33.486L35.198,33.398L35.232,33.331L35.287,33.32L35.276,33.474L35.163,33.518L35.102,33.64L35.043,33.588Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M52.619,11.675L53.367,11.677L54.233,11.67L55.407,11.651L56.378,11.623L57.565,11.576L58.11,11.55L58.097,11.613L58.134,11.672L58.123,11.746L58.24,11.816L58.297,11.899L58.181,12.085L58.19,12.221L58.226,12.33L58.231,12.413L58.28,12.444L58.341,12.653L58.468,12.727L58.702,12.777L58.77,12.879L58.795,12.965L58.794,13.019L58.877,13.058L58.903,13.099L58.989,13.145L59.052,13.223L59.04,13.288L59.086,13.363L59.28,13.452L59.34,13.507L59.345,13.616L59.375,13.671L59.354,13.734L59.369,13.813L59.341,13.967L59.247,14.025L59.211,14.076L59.194,14.157L59.193,14.292L59.12,14.329L59.072,14.393L58.932,14.417L58.867,14.495L58.78,14.518L58.65,14.521L58.574,14.571L58.525,14.555L58.448,14.593L58.426,14.748L58.389,14.845L58.473,14.951L58.53,14.963L58.582,15.047L58.591,15.132L58.577,15.299L58.54,15.326L58.44,15.472L58.445,15.538L58.423,15.68L58.357,15.732L58.289,15.734L58.18,15.782L58.122,15.883L58.172,15.944L58.164,16.106L58.12,16.124L58.048,16.12L58.002,16.083L57.994,16.012L57.956,16.011L57.895,15.95L57.883,15.893L57.82,15.882L57.764,15.796L57.364,15.83L56.642,15.877L56.092,15.905L55.777,15.915L55.183,15.939L54.592,15.952L53.351,15.942L53.367,15.907L53.325,15.833L53.266,15.807L53.216,15.727L53.266,15.67L53.261,15.531L53.295,15.51L53.268,15.422L53.281,15.375L53.236,15.321L53.244,15.205L53.221,15.107L53.264,15.07L53.192,15.064L53.171,14.916L53.214,14.926L53.227,14.877L53.152,14.845L53.179,14.667L53.09,14.642L53.103,14.584L53.065,14.542L53.037,14.589L52.991,14.533L53.007,14.493L52.969,14.424L52.989,14.397L52.968,14.317L53.02,14.158L52.983,14.137L52.92,14.008L52.956,13.911L52.848,13.878L52.853,13.818L52.803,13.804L52.809,13.708L52.728,13.634L52.714,13.554L52.749,13.533L52.701,13.418L52.649,13.355L52.651,13.283L52.689,13.216L52.673,13.161L52.62,13.151L52.572,13.107L52.587,13.055L52.523,12.909L52.425,12.835L52.423,12.743L52.518,12.623L52.522,12.516L52.565,12.465L52.556,12.333L52.606,12.314L52.634,12.229L52.602,12.186L52.584,12.078L52.504,12.078L52.484,11.97L52.541,11.953L52.547,11.842L52.47,11.771L52.466,11.674Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M60.984,20.944L60.927,20.891L60.948,20.789L60.994,20.742L61.017,20.671L61.109,20.578L61.188,20.568L61.336,20.614L61.425,20.673L61.544,20.698L61.647,20.764L61.746,20.751L61.776,20.637L61.744,20.56L61.656,20.448L61.69,20.294L61.762,20.233L61.814,20.263L61.904,20.181L62.126,20.133L62.145,20.068L62.058,19.989L62.017,19.863L62.054,19.79L62.117,19.742L62.15,19.65L62.248,19.677L62.286,19.626L62.242,19.504L62.274,19.454L62.364,19.518L62.527,19.464L62.549,19.571L62.616,19.559L62.633,19.479L62.588,19.414L62.62,19.349L62.721,19.442L62.785,19.385L62.865,19.386L63.079,19.502L63.122,19.502L63.172,19.58L63.234,19.549L63.261,19.392L63.404,19.32L63.451,19.255L63.52,19.246L63.58,19.352L63.62,19.378L63.698,19.347L63.688,19.424L63.754,19.416L63.762,19.322L63.854,19.299L63.827,19.246L63.825,19.137L63.897,19.118L63.912,19.063L63.875,19.019L63.942,19.032L64.024,18.952L63.971,18.943L63.994,18.894L64.088,18.97L64.096,19.073L64.211,19.144L64.291,19.132L64.373,19.206L64.38,19.157L64.469,19.125L64.498,19.088L64.507,19.002L64.493,18.893L64.548,18.796L64.564,18.715L64.605,18.693L64.667,18.715L64.753,18.62L64.787,18.45L64.904,18.395L64.985,18.271L64.915,18.067L64.935,18.006L65.075,17.972L65.143,17.979L65.233,18.033L65.434,17.875L65.532,17.841L65.616,17.846L65.597,17.767L65.628,17.698L65.534,17.685L65.563,17.596L65.552,17.548L65.478,17.467L65.554,17.379L65.632,17.308L65.705,17.369L65.802,17.396L65.901,17.355L65.939,17.309L65.982,17.332L65.996,17.396L66.093,17.415L66.144,17.454L66.171,17.526L66.242,17.609L66.282,17.734L66.446,17.766L66.546,17.728L66.685,17.755L66.71,17.8L66.781,17.833L66.8,17.886L66.922,17.915L66.97,17.826L67.071,17.785L67.136,17.817L67.252,17.826L67.353,17.901L67.4,17.851L67.508,17.841L67.532,17.769L67.594,17.725L67.612,17.678L67.67,17.67L67.759,17.612L67.854,17.852L67.902,17.879L67.988,17.875L68.133,17.982L68.162,18.052L68.173,18.164L68.208,18.202L68.215,18.278L68.179,18.325L68.194,18.418L68.157,18.432L68.195,18.493L68.282,18.555L68.334,18.651L68.396,18.666L68.365,18.747L68.403,18.79L68.47,18.808L68.475,18.858L68.578,18.934L68.654,19.095L68.718,19.099L68.76,19.147L68.854,19.18L68.879,19.227L69.05,19.234L68.67,19.693L68.568,19.74L68.462,19.814L68.284,19.964L68.299,20.073L68.239,20.136L68.148,20.194L68.168,20.262L68.152,20.325L68.055,20.385L67.939,20.405L67.886,20.52L67.888,20.577L67.822,20.591L67.699,20.65L67.574,20.731L67.451,20.751L67.326,20.83L67.298,20.866L67.285,20.895L66.943,20.929L66.304,20.998L65.959,21.026L65.748,21.03L65.551,21.044L65.216,21.097L64.82,21.129L64.589,21.142L64.241,21.151L64.039,21.166L63.977,21.2L63.945,21.175L63.343,21.248L62.986,21.283L62.495,21.338L62.495,21.293L62.239,21.293L62.3,21.491L62.281,21.556L61.379,21.62L60.841,21.653L60.706,21.674L60.743,21.5L60.797,21.472L60.883,21.565L60.918,21.556L60.946,21.466L60.987,21.408L60.935,21.339L60.968,21.272L61.026,21.249L60.951,21.203L60.992,21.142L61.024,20.967ZM60.628,21.682L60.566,21.685L60.523,21.608L60.55,21.566L60.626,21.576L60.647,21.623Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M75.631,17.423L75.573,17.435L75.554,17.321L75.619,17.323ZM75.466,17.2L75.453,17.102L75.494,17.077L75.58,17.248ZM71.303,15.623L72.326,15.436L73.489,15.217L74.008,15.113L74.829,14.94L75.311,14.837L75.372,15.081L75.807,16.625L76.14,16.564L76.519,16.48L76.519,16.671L76.504,16.694L76.473,17.025L76.441,17.136L76.028,17.276L75.991,17.349L75.935,17.323L75.858,17.345L75.79,17.442L75.746,17.441L75.73,17.37L75.74,17.278L75.8,17.228L75.72,17.221L75.76,17.125L75.677,17.131L75.636,17.182L75.616,17.075L75.716,17.019L75.621,16.96L75.651,16.809L75.601,16.85L75.569,16.997L75.509,16.922L75.55,16.883L75.493,16.82L75.461,16.933L75.494,16.962L75.487,17.021L75.45,17.013L75.389,17.056L75.353,17.048L75.258,16.952L75.088,16.729L75.165,16.696L75.116,16.608L75.115,16.548L75.157,16.51L75.19,16.536L75.23,16.494L75.244,16.537L75.331,16.531L75.407,16.55L75.325,16.481L75.253,16.478L75.184,16.442L75.104,16.36L75.093,16.397L75.039,16.384L75.047,16.458L75.017,16.453L75.006,16.326L75.051,16.198L75.121,16.243L75.146,16.211L75.102,16.072L75.067,16.059L75.012,16.13L74.964,16.135L74.982,16.194L74.937,16.224L74.926,16.093L74.961,15.935L75.005,16.012L75.09,16.008L75.124,15.961L75.088,15.899L75.116,15.823L75.055,15.847L75.072,15.956L75.029,15.937L75.021,15.845L74.955,15.777L74.984,15.597L75.016,15.485L75.069,15.414L75.188,15.396L75.147,15.376L75.192,15.274L75.151,15.275L75.165,15.115L75.035,15.174L75.024,15.237L75.1,15.294L75.059,15.321L74.952,15.468L74.915,15.436L74.929,15.363L74.892,15.335L74.88,15.461L74.92,15.495L74.905,15.557L74.855,15.445L74.794,15.439L74.848,15.546L74.799,15.615L74.849,15.632L74.76,15.744L74.693,15.737L74.684,15.705L74.584,15.682L74.662,15.772L74.795,15.832L74.807,15.948L74.869,15.997L74.793,16.071L74.829,16.162L74.79,16.166L74.776,16.239L74.816,16.267L74.76,16.385L74.809,16.44L74.817,16.507L74.859,16.592L74.879,16.718L74.919,16.779L75.063,16.891L75.048,16.992L74.992,16.994L75.02,17.042L75.069,17.004L75.105,17.02L75.089,17.078L75.117,17.135L75.213,17.234L75.199,17.265L75.242,17.37L75.111,17.304L75.074,17.229L75.043,17.247L75.05,17.318L74.982,17.289L74.941,17.218L74.891,17.187L74.793,17.177L74.655,17.202L74.637,17.14L74.554,17.04L74.6,17.187L74.502,17.151L74.426,17.083L74.352,16.951L74.165,17.117L74.111,17.094L74.056,16.956L74.076,16.847L74.171,16.704L74.158,16.649L74.244,16.564L74.226,16.458L74.339,16.284L74.165,16.166L74.096,16.271L74.058,16.234L73.938,16.226L73.935,16.175L73.817,16.134L73.679,16.142L73.604,16.09L73.602,15.999L73.639,15.922L73.548,15.89L73.5,15.833L73.447,15.849L73.328,15.844L73.286,15.834L73.263,15.704L73.224,15.652L73.117,15.596L73.088,15.529L73.135,15.509L73.128,15.465L73.001,15.466L72.933,15.5L72.805,15.406L72.726,15.4L72.651,15.529L72.551,15.516L72.518,15.602L72.464,15.606L72.491,15.649L72.462,15.712L72.35,15.734L72.247,15.731L72.096,15.659L72.141,15.629L72.068,15.611L72.073,15.658L71.944,15.924L71.852,15.902L71.779,15.91L71.747,16.01L71.642,16.106L71.614,16.196L71.586,16.194L71.517,16.264L71.471,16.344L71.422,16.369Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M64.565,7.55L64.609,7.546L64.634,7.596L64.878,7.645L64.824,7.725L64.738,7.713ZM63.692,7.699L63.772,7.738L63.764,7.784L63.689,7.746ZM63.622,8.045L63.634,7.921L63.662,7.875L63.66,7.804L63.727,7.805L63.76,8.013L63.695,8.075ZM63.527,7.854L63.577,7.838L63.564,7.908ZM63.39,8.296L63.441,8.313L63.45,8.386ZM63.252,8.754L63.269,8.724L63.341,8.748L63.353,8.858L63.316,8.86L63.261,8.805ZM63.177,8.952L63.211,8.893L63.254,8.915L63.203,8.969ZM62.544,8.129L62.625,8.202L62.599,8.232ZM62.952,13.745L63.06,13.647L63.153,13.528L63.264,13.187L63.381,12.975L63.428,12.818L63.46,12.635L63.47,12.282L63.43,11.993L63.399,11.854L63.33,11.685L63.183,11.435L63.066,11.154L63.014,11.07L62.983,10.973L62.99,10.924L63.051,10.816L63.072,10.708L63.016,10.491L62.951,10.37L63.029,10.272L63.099,10.074L63.162,9.927L63.172,9.816L63.162,9.726L63.179,9.602L63.132,9.487L63.146,9.401L63.287,9.334L63.299,9.292L63.285,9.094L63.374,9.084L63.414,8.988L63.481,9.024L63.544,9.002L63.59,8.849L63.65,8.781L63.698,8.638L63.774,8.596L63.789,8.643L63.712,8.724L63.772,8.817L63.701,8.95L63.744,8.92L63.757,9.013L63.733,9.024L63.721,9.156L63.756,9.246L63.791,9.24L63.836,9.058L63.8,9.054L63.833,8.935L63.876,8.905L63.865,9.116L63.818,9.177L63.81,9.251L63.862,9.262L63.967,8.983L63.966,8.711L63.925,8.542L63.936,8.489L64.087,8.346L64.151,8.319L64.265,8.319L64.379,8.259L64.367,8.219L64.244,8.211L64.189,8.159L64.142,8.029L64.178,7.937L64.234,7.898L64.295,7.778L64.217,7.741L64.436,7.735L64.455,7.671L64.689,7.77L64.793,7.83L64.838,7.8L64.924,7.797L65.044,7.825L65.145,7.919L65.175,7.999L65.381,8.001L65.496,8.084L65.584,8.081L65.719,8.152L65.822,8.132L65.955,8.244L65.928,8.281L65.998,8.394L66.047,8.437L66.115,8.583L65.976,8.532L65.928,8.596L65.955,8.627L65.953,8.709L66.013,8.773L66.093,8.796L66.123,8.866L66.142,8.986L66.173,9.029L66.153,9.207L66.171,9.286L66.185,9.577L66.154,9.592L66.102,9.688L66.017,9.697L65.984,9.77L65.98,10.021L65.885,10.064L65.893,10.125L65.74,10.152L65.672,10.265L65.675,10.472L65.654,10.514L65.716,10.621L65.78,10.653L65.81,10.607L65.835,10.651L65.91,10.668L65.966,10.709L66,10.685L66.088,10.522L66.158,10.48L66.126,10.421L66.169,10.249L66.193,10.309L66.272,10.222L66.189,10.195L66.281,10.186L66.329,10.097L66.411,10.073L66.543,10.006L66.56,9.961L66.666,9.908L66.803,9.959L66.865,10L66.949,10.144L67.006,10.213L67.047,10.342L67.088,10.539L67.185,10.769L67.246,11.073L67.31,11.245L67.412,11.415L67.379,11.494L67.375,11.67L67.4,11.735L67.373,11.967L67.3,12.064L67.26,12.061L67.22,12.12L67.214,12.038L67.175,12.009L67.253,11.895L67.17,11.875L67.075,11.94L67.06,11.998L67.107,12.069L67.054,12.07L67.021,12.14L67.04,12.245L67.002,12.396L66.861,12.466L66.809,12.59L66.833,12.809L66.779,12.849L66.789,12.937L66.718,13.045L66.66,13.074L66.653,13.141L66.612,13.16L66.562,13.288L66.592,13.355L66.562,13.371L65.598,13.533L65.124,13.605L65.113,13.512L64.059,13.633ZM59.715,5.087L59.784,4.997L60.107,4.797L60.132,4.797L60.273,4.665L60.376,4.606L60.399,4.618L60.495,4.573L60.472,4.615L60.356,4.738L60.357,4.775L60.274,4.85L60.056,4.951L59.959,5.022L60.051,5.041L59.849,5.146L59.784,5.146ZM58.687,7.051L58.934,6.921L59.067,6.871L59.17,6.769L59.235,6.684L59.291,6.648L59.406,6.619L59.461,6.636L59.564,6.596L59.662,6.586L59.821,6.488L59.942,6.348L60.072,6.334L60.13,6.265L60.158,6.178L60.276,6.089L60.375,5.98L60.454,5.944L60.521,5.87L60.593,5.752L60.817,5.608L61.014,5.56L61.19,5.554L61.278,5.595L61.288,5.643L61.187,5.683L61.047,5.691L61.071,5.754L60.961,5.827L60.864,5.954L60.816,5.968L60.804,6.061L60.749,6.089L60.745,6.135L60.693,6.182L60.684,6.255L60.614,6.329L60.591,6.535L60.628,6.637L60.688,6.523L60.818,6.374L60.913,6.313L60.909,6.346L60.824,6.438L60.79,6.518L60.889,6.405L60.98,6.374L61.077,6.387L61.162,6.374L61.325,6.425L61.339,6.473L61.439,6.492L61.481,6.53L61.5,6.605L61.565,6.661L61.59,6.718L61.656,6.777L61.716,6.786L61.744,6.908L61.855,6.926L62.005,6.9L62.09,6.837L62.131,6.844L62.168,6.919L62.236,6.957L62.304,6.956L62.327,6.896L62.379,6.894L62.422,6.944L62.428,6.856L62.396,6.793L62.45,6.763L62.479,6.8L62.467,6.87L62.53,6.897L62.634,6.758L62.75,6.708L62.946,6.549L62.988,6.572L63.203,6.496L63.287,6.502L63.494,6.488L63.598,6.469L63.81,6.338L63.891,6.314L64.001,6.31L64.111,6.28L64.047,6.392L64.053,6.532L64.074,6.615L64.047,6.642L64.096,6.705L64.172,6.682L64.316,6.727L64.43,6.653L64.478,6.652L64.524,6.748L64.653,6.695L64.685,6.603L64.85,6.583L64.872,6.532L64.97,6.525L64.992,6.561L64.973,6.688L65.018,6.834L65.034,6.95L64.933,6.965L64.911,7.05L65.037,7.028L65.067,7.067L65.144,7.086L65.106,7.148L65.199,7.223L65.245,7.219L65.328,7.262L65.345,7.215L65.402,7.251L65.412,7.169L65.352,7.1L65.407,7.111L65.541,7.075L65.598,7.089L65.661,7.195L65.726,7.226L65.699,7.31L65.651,7.341L65.548,7.306L65.439,7.34L65.32,7.302L65.185,7.333L65.087,7.316L64.871,7.376L64.829,7.417L64.711,7.349L64.666,7.382L64.624,7.295L64.579,7.309L64.527,7.277L64.495,7.318L64.512,7.395L64.462,7.441L64.516,7.57L64.473,7.601L64.382,7.558L64.367,7.522L64.286,7.484L64.187,7.385L64.03,7.338L63.985,7.352L63.839,7.299L63.795,7.319L63.653,7.322L63.58,7.418L63.529,7.516L63.497,7.53L63.38,7.514L63.299,7.541L63.278,7.611L63.141,7.565L62.994,7.579L62.915,7.618L62.874,7.675L62.851,7.846L62.798,7.846L62.786,7.886L62.705,7.916L62.684,7.983L62.64,7.992L62.644,8.048L62.603,8.062L62.622,8.137L62.524,8.084L62.511,8.035L62.559,8.004L62.583,7.885L62.631,7.886L62.675,7.772L62.658,7.72L62.614,7.711L62.56,7.811L62.419,7.787L62.435,7.857L62.392,7.921L62.382,7.992L62.279,8.04L62.236,8.03L62.218,7.879L62.183,7.841L62.148,7.883L62.16,8.033L62.052,8.111L61.975,8.279L61.918,8.437L61.928,8.461L61.868,8.556L61.807,8.701L61.678,8.918L61.703,8.97L61.628,8.958L61.545,8.873L61.577,8.685L61.612,8.622L61.559,8.553L61.503,8.617L61.42,8.621L61.376,8.587L61.383,8.503L61.429,8.456L61.444,8.395L61.399,8.306L61.432,8.313L61.446,8.243L61.394,8.192L61.434,8.15L61.398,8.098L61.299,8.037L61.24,8.043L61.203,7.992L61.104,8.015L61.058,7.97L61.114,7.898L61.079,7.818L60.929,7.77L60.881,7.792L60.792,7.74L60.758,7.766L60.66,7.711L60.563,7.723L60.554,7.765L60.425,7.717L60.39,7.736L60.312,7.707L60.059,7.583L59.005,7.365L58.949,7.219L58.878,7.122L58.791,7.11L58.774,7.065L58.715,7.099Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M62.476,30.756L62.604,30.744L62.551,30.791ZM62.147,30.74L62.216,30.718L62.38,30.761L62.274,30.763ZM61.879,30.803L61.997,30.782L61.903,30.824ZM61.662,30.786L61.756,30.781L61.73,30.829ZM58.947,26.91L58.992,26.82L58.896,26.758L58.915,26.71L59.012,26.72L59.031,26.699L59.02,26.589L59.074,26.514L59.045,26.49L59.009,26.564L58.954,26.477L58.952,26.401L59.045,26.283L59.009,26.251L58.981,26.338L58.919,26.361L58.872,26.309L58.956,26.285L58.961,26.223L58.913,26.189L58.91,26.255L58.832,26.279L58.889,26.188L58.83,26.095L58.941,26.046L58.933,26L58.821,25.93L58.901,25.882L58.984,25.95L59.055,25.924L59.011,25.863L58.953,25.882L58.919,25.853L58.918,25.784L59.101,25.758L59.034,25.72L58.997,25.644L59.064,25.554L58.98,25.516L58.968,25.486L59.048,25.441L59.073,25.493L59.118,25.471L59.084,25.415L59.202,25.393L59.219,25.315L59.124,25.278L59.115,25.239L59.166,25.196L59.256,25.232L59.276,25.165L59.191,25.171L59.135,25.126L59.165,25.082L59.237,25.133L59.25,25.042L59.329,25.019L59.356,24.979L59.326,24.895L59.419,24.884L59.411,24.953L59.453,24.943L59.448,24.872L59.538,24.816L59.553,24.78L59.52,24.708L59.568,24.628L59.512,24.517L59.507,24.436L59.548,24.408L59.558,24.491L59.605,24.48L59.651,24.423L59.638,24.385L59.554,24.388L59.526,24.343L59.583,24.239L59.589,24.345L59.642,24.346L59.66,24.306L59.649,24.204L59.617,24.118L59.666,24.113L59.687,24.185L59.784,24.142L59.886,24.067L59.882,24.003L59.808,23.942L60.838,23.878L61.559,23.824L62.292,23.765L62.354,23.868L62.425,23.906L62.408,24.538L62.383,25.633L62.348,27.602L62.329,28.315L62.363,28.6L62.516,29.804L62.603,30.523L62.472,30.604L62.43,30.576L62.374,30.598L62.349,30.562L62.268,30.561L62.166,30.59L62.082,30.542L62.075,30.577L61.943,30.539L61.744,30.591L61.491,30.704L61.501,30.635L61.454,30.601L61.393,30.639L61.443,30.708L61.336,30.786L61.307,30.889L61.212,30.902L61.155,30.907L61.091,30.842L61.053,30.757L61.065,30.681L60.991,30.589L60.987,30.522L60.888,30.449L60.828,30.377L60.801,30.268L60.757,30.231L60.78,30.136L60.772,30.075L60.803,30.036L60.849,29.813L60.879,29.738L60.848,29.728L59.999,29.784L59.227,29.828L58.512,29.862L58.599,29.8L58.593,29.755L58.518,29.666L58.559,29.598L58.487,29.52L58.488,29.473L58.571,29.477L58.639,29.453L58.65,29.398L58.557,29.276L58.596,29.225L58.636,29.315L58.682,29.32L58.689,29.275L58.634,29.207L58.625,29.081L58.705,29.064L58.755,29.018L58.735,28.979L58.659,28.998L58.618,28.96L58.64,28.913L58.726,28.958L58.761,28.944L58.759,28.811L58.808,28.764L58.906,28.754L58.919,28.721L58.795,28.723L58.821,28.603L58.907,28.596L59.01,28.496L58.997,28.434L59.131,28.346L59.023,28.288L59.062,28.261L59.1,28.301L59.17,28.224L59.205,28.136L59.15,28.108L59.15,28.187L59.016,28.182L59.009,28.088L59.18,28.022L59.215,28.053L59.243,27.995L59.231,27.931L59.283,27.937L59.33,27.88L59.214,27.851L59.201,27.776L59.233,27.749L59.198,27.707L59.155,27.734L59.046,27.668L59.061,27.605L59.189,27.661L59.201,27.639L59.085,27.558L59.174,27.457L59.144,27.423L59.118,27.482L59.036,27.519L58.99,27.44L59.073,27.362L59.1,27.31L58.975,27.29L58.966,27.19L58.986,27.141L59.071,27.073L59.045,26.946L58.986,26.944L58.995,27.02L58.972,27.058L58.894,27.021Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M33.881,1.67L34.676,1.839L35.464,1.994L36.11,2.123L36.759,2.241L38.195,2.492L38.668,2.568L39.42,2.682L40.588,2.85L41.313,2.946L42.075,3.042L42.997,3.149L43.794,3.233L44.538,3.307L45.333,3.376L45.215,4.816L45.202,5.008L45.135,5.754L45.016,7.138L44.964,7.772L44.894,8.654L44.853,9.14L44.834,9.143L44.112,9.077L42.939,8.958L42.922,8.967L42.58,8.931L41.743,8.832L41.693,8.821L40.302,8.648L39.709,8.568L39.69,8.556L39.032,8.469L38.667,8.411L38.574,8.409L38.061,8.336L37.982,8.308L37.708,8.267L37.621,8.808L37.593,9.026L37.522,8.986L37.511,8.922L37.438,8.843L37.449,8.783L37.371,8.621L37.306,8.569L37.276,8.626L37.202,8.618L37.205,8.681L37.137,8.759L37.182,8.845L37.147,8.856L37.066,8.809L37.034,8.824L36.945,8.793L36.929,8.815L36.813,8.846L36.776,8.759L36.657,8.78L36.607,8.756L36.525,8.78L36.449,8.749L36.398,8.689L36.354,8.68L36.27,8.724L36.221,8.835L36.142,8.774L36.11,8.794L36.064,8.753L35.952,8.732L35.897,8.695L35.829,8.712L35.757,8.791L35.769,8.859L35.732,8.882L35.699,8.82L35.594,8.72L35.583,8.65L35.61,8.611L35.552,8.488L35.588,8.467L35.588,8.38L35.562,8.349L35.548,8.235L35.444,8.142L35.338,8.179L35.333,8.126L35.245,8.042L35.227,7.916L35.281,7.909L35.3,7.765L35.24,7.704L35.252,7.674L35.194,7.643L35.186,7.549L35.117,7.443L35.085,7.332L35.104,7.236L35.071,7.137L35.108,7.047L35.039,7.034L35.089,6.923L35.008,6.845L34.937,6.742L34.901,6.753L34.89,6.816L34.835,6.837L34.748,6.924L34.685,6.942L34.632,6.918L34.605,6.987L34.523,7.025L34.455,6.937L34.424,6.855L34.335,6.838L34.36,6.775L34.346,6.723L34.416,6.694L34.426,6.617L34.379,6.531L34.467,6.435L34.556,6.451L34.586,6.411L34.558,6.327L34.591,6.303L34.536,6.234L34.529,6.156L34.575,6.091L34.522,6.04L34.541,5.98L34.61,5.985L34.612,5.847L34.65,5.841L34.688,5.761L34.693,5.686L34.754,5.616L34.744,5.531L34.797,5.528L34.866,5.336L34.833,5.297L34.768,5.297L34.718,5.33L34.574,5.289L34.56,5.228L34.588,5.192L34.521,5.13L34.442,5.179L34.442,5.058L34.355,4.996L34.311,4.913L34.346,4.83L34.291,4.742L34.245,4.737L34.228,4.621L34.153,4.48L34.106,4.441L34.056,4.275L33.977,4.246L33.876,4.168L33.866,4.097L33.702,3.927L33.813,3.922L33.775,3.878L33.777,3.816L33.738,3.767L33.805,3.722L33.777,3.629L33.802,3.572L33.721,3.473L33.72,3.38L33.675,3.329L33.589,3.119L33.573,3.11Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M77.956,6.248L77.938,6.167L77.986,6.065L77.988,5.954L77.931,5.922L77.988,5.909L78.063,5.785L78.138,5.845L78.235,5.825L78.26,5.728L78.513,6.488L78.695,7.065L78.927,7.831L79.028,8.14L79.057,8.161L79.072,8.364L79.134,8.467L79.322,8.597L79.345,8.725L79.496,8.785L79.45,8.98L79.452,9.081L79.424,9.106L79.334,9.094L79.238,9.159L79.225,9.243L79.149,9.24L79.106,9.298L79.13,9.372L79.063,9.382L79.03,9.46L78.318,9.622L77.823,9.728L77.707,9.634L77.669,9.529L77.665,9.424L77.719,9.385L77.735,9.323L77.697,9.265L77.708,9.165L77.674,9.133L77.656,8.969L77.677,8.881L77.641,8.816L77.631,8.647L77.603,8.602L77.6,8.508L77.642,8.454L77.631,8.306L77.706,8.184L77.692,8.059L77.745,7.893L77.713,7.845L77.763,7.687L77.694,7.556L77.695,7.483L77.663,7.442L77.68,7.364L77.801,7.291L77.887,7.259L77.877,7.22L77.972,7.15L78.011,7.044L78.068,6.989L78.029,6.919L78.065,6.894L78.044,6.799L78.002,6.769L77.923,6.649L77.963,6.589L77.964,6.473L78.001,6.391L77.931,6.299Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M78.795,11.702L78.806,11.672L78.896,11.624L78.831,11.697ZM78.634,11.854L78.688,11.819L78.657,11.882ZM76.853,13.078L76.89,13.156L76.825,13.282L76.703,13.352L76.731,13.261L76.722,13.154ZM73.431,9.023L73.473,8.949L73.47,9.008ZM73.345,9.017L73.377,8.958L73.413,8.957ZM70.357,11.997L70.468,11.909L70.667,11.707L70.733,11.606L70.836,11.524L70.929,11.475L70.952,11.381L70.994,11.327L70.998,11.261L71.122,11.167L71.177,11.087L71.156,11.006L71.051,10.855L70.96,10.828L70.941,10.714L70.87,10.706L70.887,10.606L70.827,10.44L71.058,10.316L71.253,10.221L71.4,10.169L71.664,10.127L71.796,10.092L71.93,10.077L72.166,10.078L72.289,10.14L72.425,10.181L72.56,10.091L72.845,10.017L72.931,10.025L73.015,10.009L73.059,9.969L73.167,9.92L73.256,9.85L73.304,9.737L73.498,9.533L73.618,9.523L73.676,9.486L73.695,9.414L73.68,9.306L73.6,9.092L73.518,9.058L73.544,8.988L73.594,8.964L73.609,9.003L73.676,8.936L73.655,8.886L73.57,8.843L73.497,8.878L73.499,8.82L73.438,8.788L73.382,8.799L73.367,8.7L73.396,8.546L73.463,8.526L73.535,8.457L73.525,8.397L73.667,8.268L73.751,8.219L73.824,8.108L73.853,7.977L74.057,7.65L74.273,7.362L74.429,7.232L74.505,7.136L74.57,7.121L74.641,7.057L74.745,7.071L74.789,7.047L75.14,6.978L75.329,6.935L75.597,6.857L76.125,6.716L76.161,6.847L76.147,6.969L76.203,7.006L76.195,7.102L76.231,7.322L76.337,7.429L76.372,7.529L76.354,7.618L76.41,7.751L76.408,7.797L76.359,7.888L76.361,8.107L76.395,8.126L76.429,8.258L76.484,8.333L76.484,8.411L76.544,8.475L76.512,8.686L76.531,8.759L76.566,8.773L76.573,8.689L76.643,8.668L76.662,8.721L76.734,8.796L76.817,9.177L76.94,9.781L76.94,9.834L76.986,9.907L76.961,10.906L76.995,10.953L77.108,11.573L77.187,12.043L77.287,12.143L77.068,12.365L77.175,12.474L77.181,12.512L77.166,12.57L77.101,12.64L77.114,12.739L77.064,12.748L77.114,12.815L77.161,12.69L77.224,12.685L77.236,12.63L77.371,12.567L77.377,12.523L77.47,12.54L77.463,12.491L77.523,12.518L77.662,12.516L77.739,12.462L77.734,12.407L77.838,12.387L78.122,12.312L78.262,12.252L78.404,12.11L78.502,11.952L78.619,11.898L78.559,12.015L78.636,12.066L78.713,12.061L78.737,12.023L78.813,12.094L78.943,11.979L78.942,11.943L79.04,11.91L79.039,11.947L78.816,12.126L78.557,12.352L78.388,12.475L78.2,12.6L77.93,12.811L77.779,12.901L77.679,12.941L77.654,12.929L77.423,13.061L77.191,13.104L77.031,13.214L77.029,13.165L76.944,13.187L76.895,13.123L76.909,13.068L76.867,13.03L76.926,12.716L76.927,12.554L76.906,12.553L76.436,12.405L75.961,12.237L75.9,12.185L75.891,12.143L75.839,12.168L75.809,12.143L75.722,12.167L75.693,12.12L75.619,12.131L75.544,12.022L75.48,11.973L75.505,11.952L75.456,11.758L75.395,11.739L75.403,11.681L75.29,11.615L75.207,11.649L75.16,11.544L75.056,11.477L74.656,11.566L74.025,11.7L73.418,11.82L73.204,11.867L72.46,12.015L71.654,12.166L71.361,12.223L70.425,12.388Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M67.354,13.454L67.413,13.424L67.394,13.475ZM67.23,13.406L67.227,13.315L67.285,13.329ZM65.124,13.605L65.598,13.533L66.562,13.371L66.575,13.407L66.654,13.427L66.703,13.398L66.816,13.467L67.002,13.515L67.085,13.587L67.16,13.613L67.236,13.552L67.252,13.491L67.313,13.552L67.385,13.54L67.386,13.577L67.517,13.689L67.672,13.737L67.791,13.653L67.903,13.625L67.962,13.572L68.146,13.469L68.23,13.493L68.437,13.468L68.576,13.338L68.718,13.149L68.864,12.998L68.905,12.99L69.137,12.816L69.25,12.776L69.628,12.553L69.947,14.488L69.827,14.542L69.803,14.609L69.854,14.656L69.905,14.744L69.902,14.847L69.935,14.967L69.924,15.052L69.896,15.082L69.86,15.221L69.867,15.302L69.842,15.342L69.864,15.494L69.86,15.579L69.805,15.604L69.832,15.658L69.8,15.696L69.811,15.759L69.779,15.831L69.823,15.874L69.793,15.928L69.797,16.016L69.736,16.044L69.609,16.211L69.551,16.327L69.502,16.354L69.47,16.426L69.419,16.434L69.343,16.505L69.291,16.504L69.22,16.428L69.114,16.551L69.116,16.656L69.003,16.661L68.991,16.734L68.93,16.813L68.96,16.932L68.891,16.964L68.959,17.067L68.949,17.131L68.979,17.187L68.917,17.164L68.849,17.28L68.802,17.247L68.823,17.19L68.776,17.123L68.73,17.123L68.685,17.074L68.606,17.166L68.563,17.288L68.574,17.371L68.503,17.448L68.56,17.574L68.59,17.697L68.577,17.735L68.482,17.751L68.466,17.775L68.457,17.969L68.369,17.996L68.237,18.066L68.162,18.052L68.133,17.982L67.988,17.875L67.902,17.879L67.854,17.852L67.759,17.612L67.67,17.67L67.612,17.678L67.594,17.725L67.532,17.769L67.508,17.841L67.4,17.851L67.353,17.901L67.252,17.826L67.136,17.817L67.071,17.785L66.97,17.826L66.922,17.915L66.8,17.886L66.781,17.833L66.71,17.8L66.685,17.755L66.546,17.728L66.446,17.766L66.282,17.734L66.242,17.609L66.171,17.526L66.144,17.454L66.093,17.415L65.996,17.396L65.982,17.332L65.939,17.309L65.901,17.355L65.802,17.396L65.705,17.369L65.632,17.308L65.554,17.379L65.439,16.35L65.366,15.633L65.295,15.013Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M25.738,3.668L25.809,3.674L25.842,3.744L25.82,3.809L25.862,3.876L25.95,3.904L26.078,3.875L26.125,3.894L26.289,4.095L26.293,4.176L26.327,4.292L26.318,4.43L26.284,4.508L26.298,4.556L26.253,4.73L26.324,4.81L26.504,4.921L26.595,4.951L26.632,5.003L26.713,5.027L26.789,5.003L26.871,5.018L27.088,4.972L27.144,4.929L27.203,4.925L27.273,4.964L27.484,4.973L27.599,5.055L27.666,5.055L27.773,5.135L27.78,5.235L27.832,5.244L27.893,5.203L28.035,5.228L28.077,5.26L28.127,5.23L28.306,5.211L28.371,5.183L28.442,5.213L28.481,5.281L28.581,5.309L28.78,5.321L28.833,5.28L28.94,5.273L29.057,5.245L29.225,5.253L29.359,5.273L29.422,5.216L29.479,5.201L29.555,5.249L29.794,5.259L29.92,5.3L30.051,5.264L30.08,5.24L30.926,5.444L32.116,5.726L32.14,5.848L32.211,6.013L32.278,6.022L32.297,6.083L32.367,6.104L32.405,6.153L32.401,6.256L32.445,6.363L32.328,6.494L32.307,6.56L32.267,6.581L32.144,6.735L32.03,6.98L31.939,7.078L31.876,7.121L31.852,7.18L31.863,7.251L31.713,7.44L31.567,7.492L31.432,7.698L31.413,7.749L31.326,7.801L31.317,7.883L31.279,7.921L31.313,8.02L31.267,8.066L31.307,8.133L31.383,8.12L31.423,8.202L31.501,8.211L31.489,8.266L31.534,8.284L31.551,8.346L31.497,8.413L31.447,8.424L31.471,8.525L31.391,8.665L31.372,8.732L31.331,8.736L31.309,8.807L30.729,11.386L30.102,11.245L29.187,11.033L28.983,10.989L28.45,10.856L27.913,10.716L27.628,10.645L27.33,10.57L26.553,10.364L25.56,10.074L25.172,9.956L24.905,9.887L24.482,9.767L24.381,9.727L24.169,9.681L23.777,9.567L23.282,9.415L23.215,9.312L23.183,9.206L23.207,9.113L23.186,8.999L23.202,8.88L23.243,8.727L23.347,8.553L23.36,8.429L23.329,8.392L23.33,8.306L23.29,8.287L23.297,8.13L23.462,7.937L23.535,7.783L23.598,7.697L23.654,7.583L23.648,7.527L23.73,7.483L23.821,7.381L23.926,7.229L24.099,6.897L24.271,6.499L24.373,6.21L24.454,6.041L24.477,5.957L24.569,5.745L24.634,5.503L24.697,5.416L24.857,5.092L24.926,4.908L24.947,4.802L24.992,4.7L25.001,4.613L25.028,4.59L25.11,4.384L25.133,4.283L25.11,4.233L25.162,4.134L25.186,4.034L25.177,3.973L25.244,3.946L25.267,3.905L25.293,3.751L25.277,3.583L25.294,3.57L25.357,3.69L25.4,3.721L25.404,3.673L25.517,3.672L25.545,3.716L25.606,3.691L25.651,3.708Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M60.39,22.428L60.421,22.426L60.444,22.304L60.539,22.232L60.506,22.157L60.399,22.081L60.41,22.056L60.536,22.068L60.593,22.018L60.501,21.968L60.499,21.922L60.583,21.92L60.611,21.858L60.565,21.778L60.591,21.717L60.566,21.685L60.628,21.682L60.669,21.732L60.706,21.674L60.841,21.653L61.379,21.62L62.281,21.556L62.3,21.491L62.239,21.293L62.495,21.293L62.495,21.338L62.986,21.283L63.343,21.248L63.945,21.175L63.977,21.2L64.039,21.166L64.241,21.151L64.589,21.142L64.82,21.129L65.216,21.097L65.551,21.044L65.748,21.03L65.959,21.026L66.304,20.998L66.943,20.929L67.285,20.895L67.298,20.866L67.756,20.809L67.774,20.814L68.422,20.725L69.293,20.597L69.301,20.563L69.617,20.522L69.588,20.562L69.567,20.657L69.594,20.739L69.557,20.83L69.603,20.937L69.503,20.917L69.386,21.017L69.282,21.302L69.172,21.339L69.143,21.279L69.057,21.281L69.033,21.323L68.983,21.323L68.861,21.412L68.813,21.537L68.712,21.631L68.648,21.62L68.654,21.528L68.603,21.481L68.451,21.6L68.447,21.671L68.414,21.721L68.373,21.686L68.321,21.699L68.332,21.805L68.276,21.935L68.247,21.963L68.144,21.954L68.055,22.003L68.031,22.058L67.968,22.071L67.916,22.18L67.871,22.175L67.839,22.218L67.753,22.27L67.715,22.339L67.384,22.391L67.328,22.455L67.263,22.474L67.237,22.538L67.15,22.605L67.123,22.658L67.145,22.704L67.114,22.74L67.14,22.817L67.063,22.898L66.945,22.918L66.926,22.887L66.842,22.958L66.847,23.307L66.123,23.395L65.602,23.462L65.343,23.488L65.085,23.511L63.884,23.628L63.207,23.676L62.287,23.747L62.292,23.765L61.559,23.824L60.838,23.878L59.808,23.942L59.825,23.873L59.923,23.889L59.957,23.753L59.996,23.727L60.043,23.75L60.083,23.712L60.017,23.647L60.066,23.609L60.033,23.552L59.97,23.549L59.953,23.491L60.016,23.475L60.049,23.356L59.998,23.319L59.979,23.372L59.927,23.362L59.935,23.308L59.99,23.236L60.05,23.236L60.068,23.326L60.107,23.234L60.069,23.179L60.076,23.114L60.133,23.093L60.219,23.155L60.226,23.105L60.167,23.053L60.281,22.974L60.275,22.923L60.202,22.948L60.16,22.899L60.162,22.828L60.212,22.795L60.247,22.819L60.319,22.787L60.353,22.718L60.439,22.693L60.368,22.639L60.363,22.591L60.42,22.565L60.466,22.592L60.502,22.563L60.41,22.475Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M33.86,12.048L34.015,12.086L35.813,12.392L35.833,12.402L36.537,12.517L37.026,12.593L36.794,14.044L37.38,14.141L38.42,14.291L38.943,14.36L38.869,14.915L38.842,15.087L38.565,17.083L38.475,17.672L38.385,18.318L38.383,18.482L38.256,19.404L38.22,19.63L38.145,20.177L37.484,20.084L36.524,19.942L36.491,19.927L35.454,19.767L34.178,19.552L33.025,19.344L32.469,19.237L32.495,19.088L32.746,17.797L32.884,17.077L33.422,14.304L33.509,13.871L33.833,12.205Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M75.991,17.349L76.028,17.276L76.441,17.136L76.367,17.381L76.337,17.421L76.273,17.41L76.229,17.475L76.177,17.631L76.159,17.826L76.186,17.883L76.127,18.052L76.16,18.062L76.109,18.248L76.051,18.319L76.07,18.389L76.062,18.471L76.006,18.584L75.93,18.61L75.911,18.656L75.893,18.561L75.809,18.429L75.799,18.32L75.818,18.261L75.804,18.165L75.826,17.877L75.902,17.651L75.876,17.613L75.955,17.574L75.997,17.482L75.963,17.431L75.909,17.437ZM75.631,17.423L75.6,17.487L75.573,17.435ZM69.05,19.234L69.103,19.261L69.031,19.327L69.109,19.375L69.12,19.456L69.234,19.577L69.308,19.571L69.452,19.672L69.584,19.644L69.697,19.532L69.732,19.523L69.779,19.42L69.957,19.545L70.075,19.461L70.307,19.371L70.357,19.315L70.31,19.267L70.326,19.197L70.441,19.264L70.508,19.22L70.662,19.077L70.707,19.058L70.76,19.136L70.939,18.98L70.952,18.94L70.897,18.945L70.892,18.904L70.998,18.792L70.941,18.774L70.898,18.713L70.939,18.65L70.926,18.613L70.957,18.528L71.086,18.309L71.154,18.222L71.211,18.042L71.184,18.01L71.267,17.835L71.323,17.784L71.291,17.734L71.353,17.65L71.394,17.528L71.372,17.468L71.398,17.289L71.532,17.325L71.624,17.449L71.818,17.483L71.91,17.345L71.907,17.299L71.965,17.087L71.997,17.082L71.986,17.02L72.014,16.881L72.057,16.786L72.217,16.887L72.274,16.695L72.335,16.615L72.348,16.652L72.433,16.52L72.459,16.542L72.501,16.455L72.473,16.439L72.622,16.209L72.575,16.172L72.605,16.097L72.58,16.082L72.64,15.928L72.603,15.767L73.262,16.139L73.304,15.897L73.328,15.844L73.447,15.849L73.5,15.833L73.548,15.89L73.639,15.922L73.602,15.999L73.604,16.09L73.679,16.142L73.817,16.134L73.935,16.175L73.938,16.226L74.058,16.234L74.096,16.271L74.164,16.31L74.217,16.372L74.226,16.458L74.244,16.564L74.158,16.649L74.171,16.704L74.097,16.745L74.048,16.723L74.055,16.794L74.013,16.947L74.009,17.015L74.091,17.163L74.219,17.127L74.299,17.078L74.335,17.022L74.377,17.052L74.375,17.147L74.467,17.211L74.479,17.272L74.631,17.317L74.717,17.294L74.768,17.328L74.786,17.297L74.885,17.287L74.911,17.339L74.995,17.383L75.029,17.44L75.085,17.448L75.158,17.502L75.244,17.514L75.381,17.572L75.381,17.656L75.326,17.699L75.368,17.875L75.337,17.931L75.396,17.949L75.326,18.002L75.186,17.948L75.151,17.991L75.03,17.826L74.884,17.775L74.745,17.65L74.701,17.646L74.673,17.593L74.611,17.568L74.613,17.607L74.745,17.693L74.855,17.818L74.931,17.866L74.998,17.869L75.078,17.999L75.141,18.039L75.243,18.016L75.28,18.055L75.409,18.058L75.355,18.133L75.397,18.16L75.447,18.13L75.497,18.21L75.524,18.296L75.513,18.413L75.428,18.35L75.329,18.313L75.306,18.372L75.402,18.474L75.441,18.482L75.287,18.551L75.321,18.594L75.405,18.563L75.419,18.657L75.473,18.631L75.55,18.68L75.586,18.736L75.574,18.863L75.529,18.852L75.465,18.944L75.386,18.863L75.259,18.815L75.186,18.767L75.189,18.706L75.12,18.629L75.031,18.658L75.008,18.696L74.955,18.647L74.88,18.647L74.858,18.62L74.782,18.683L74.835,18.714L74.955,18.696L75.031,18.752L75.068,18.748L75.086,18.669L75.145,18.79L75.144,18.858L75.179,18.893L75.248,18.89L75.383,18.977L75.404,19.056L75.511,19.029L75.542,18.988L75.593,19.033L75.561,18.929L75.626,18.907L75.669,18.928L75.837,18.946L75.922,18.895L75.954,18.918L76.047,19.123L76.153,19.296L76.205,19.405L75.141,19.629L75.019,19.664L73.211,20.02L72.068,20.227L71.176,20.375L70.705,20.425L70.553,20.454L70.164,20.497L69.937,20.528L69.588,20.562L69.617,20.522L69.301,20.563L69.293,20.597L68.422,20.725L67.774,20.814L67.756,20.809L67.298,20.866L67.326,20.83L67.451,20.751L67.574,20.731L67.699,20.65L67.822,20.591L67.888,20.577L67.886,20.52L67.939,20.405L68.055,20.385L68.152,20.325L68.168,20.262L68.148,20.194L68.239,20.136L68.299,20.073L68.284,19.964L68.462,19.814L68.568,19.74L68.67,19.693Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M27.164,2.427L27.213,2.305L27.274,2.229L27.296,2.302L27.268,2.383L27.322,2.427L27.227,2.468L27.161,2.464ZM27.518,0.743L27.533,0.696L27.588,0.764L27.521,0.779ZM27.527,0.472L27.549,0.461L27.598,0.622L27.552,0.556ZM27.451,0.671L27.485,0.644L27.51,0.711L27.451,0.736ZM27.281,1.156L27.422,1.006L27.449,0.944L27.505,0.945L27.505,1.032L27.557,1.13L27.501,1.138L27.469,1.104L27.331,1.191L27.412,1.202L27.435,1.263L27.437,1.363L27.417,1.383L27.415,1.512L27.49,1.416L27.527,1.5L27.574,1.53L27.566,1.649L27.519,1.71L27.475,1.681L27.466,1.568L27.387,1.577L27.402,1.538L27.355,1.472L27.395,1.364L27.397,1.292L27.337,1.281ZM27.314,0.318L27.442,0.429L27.348,0.386ZM27.19,0.422L27.255,0.408L27.248,0.447ZM27.293,0L27.347,0.053L27.289,0.037ZM27.024,0.529L27.058,0.5L27.124,0.519L27.157,0.608L27.212,0.635L27.178,0.537L27.337,0.444L27.376,0.458L27.48,0.563L27.401,0.604L27.414,0.693L27.385,0.765L27.341,0.784L27.319,0.875L27.259,0.864L27.228,0.791L27.122,0.762L27.06,0.695ZM27.03,0.392L27.076,0.411L27.13,0.504ZM32.953,1.468L32.753,2.349L32.615,2.927L32.372,4.021L32.131,5.089L32.09,5.199L32.143,5.29L32.165,5.475L32.107,5.569L32.116,5.726L30.926,5.444L30.08,5.24L30.051,5.264L29.92,5.3L29.794,5.259L29.555,5.249L29.479,5.201L29.422,5.216L29.359,5.273L29.225,5.253L29.057,5.245L28.94,5.273L28.833,5.28L28.78,5.321L28.581,5.309L28.481,5.281L28.442,5.213L28.371,5.183L28.306,5.211L28.127,5.23L28.077,5.26L28.035,5.228L27.893,5.203L27.832,5.244L27.78,5.235L27.773,5.135L27.666,5.055L27.599,5.055L27.484,4.973L27.273,4.964L27.203,4.925L27.144,4.929L27.088,4.972L26.871,5.018L26.789,5.003L26.713,5.027L26.632,5.003L26.595,4.951L26.504,4.921L26.324,4.81L26.253,4.73L26.298,4.556L26.284,4.508L26.318,4.43L26.327,4.292L26.293,4.176L26.289,4.095L26.125,3.894L26.078,3.875L25.95,3.904L25.862,3.876L25.82,3.809L25.842,3.744L25.809,3.674L25.738,3.668L25.624,3.622L25.586,3.559L25.541,3.585L25.5,3.559L25.414,3.6L25.384,3.583L25.338,3.472L25.307,3.453L25.228,3.502L25.3,3.343L25.346,3.195L25.392,3.002L25.416,3.081L25.372,3.199L25.338,3.367L25.397,3.384L25.392,3.283L25.414,3.21L25.448,3.251L25.521,3.182L25.499,3.025L25.55,2.986L25.655,2.948L25.612,2.887L25.578,2.913L25.485,2.921L25.415,2.833L25.438,2.743L25.442,2.601L25.483,2.62L25.473,2.667L25.601,2.622L25.725,2.622L25.699,2.578L25.591,2.517L25.602,2.461L25.515,2.417L25.479,2.437L25.472,2.552L25.411,2.56L25.477,2.368L25.501,2.213L25.51,2.044L25.461,1.926L25.507,1.653L25.522,1.354L25.488,1.309L25.496,1.24L25.449,1.151L25.399,1.102L25.388,0.984L25.431,0.795L25.42,0.683L25.452,0.671L25.557,0.483L25.511,0.393L25.588,0.403L25.66,0.46L25.797,0.627L25.885,0.7L25.92,0.698L26.029,0.8L26.017,0.822L26.12,0.906L26.23,0.956L26.382,0.982L26.473,1.057L26.618,1.091L26.648,1.141L26.786,1.179L26.885,1.133L26.96,1.223L26.969,1.285L27.087,1.304L27.068,1.336L27.107,1.376L27.088,1.448L27.125,1.449L27.154,1.391L27.118,1.336L27.134,1.289L27.256,1.275L27.256,1.315L27.195,1.341L27.211,1.411L27.298,1.348L27.291,1.475L27.237,1.473L27.261,1.554L27.26,1.634L27.295,1.67L27.209,1.675L27.199,1.727L27.131,1.753L27.099,1.826L27.021,1.903L27.009,1.876L27.087,1.752L27.029,1.759L26.939,1.887L26.843,1.949L26.653,2.129L26.564,2.257L26.682,2.299L26.81,2.279L26.861,2.242L26.664,2.267L26.613,2.218L26.837,1.991L26.967,1.933L27.073,1.93L27.112,1.845L27.19,1.773L27.285,1.713L27.318,1.722L27.322,1.598L27.38,1.667L27.353,1.903L27.292,1.882L27.318,1.945L27.288,2.023L27.287,2.116L27.227,2.148L27.211,2.192L27.254,2.225L27.204,2.272L27.155,2.37L27.161,2.4L27.103,2.47L27.115,2.523L27.035,2.602L26.971,2.484L27.029,2.376L26.963,2.411L26.919,2.48L26.926,2.543L26.993,2.609L26.953,2.618L26.902,2.705L26.854,2.626L26.822,2.48L26.877,2.448L26.9,2.376L26.807,2.457L26.807,2.55L26.769,2.603L26.818,2.597L26.833,2.686L26.918,2.739L26.988,2.664L27.03,2.66L27.136,2.52L27.141,2.483L27.206,2.577L27.246,2.51L27.352,2.496L27.37,2.301L27.35,2.154L27.436,2.128L27.375,2.036L27.456,1.954L27.47,1.84L27.534,1.8L27.606,1.667L27.693,1.65L27.709,1.575L27.67,1.534L27.621,1.406L27.648,1.321L27.633,1.255L27.578,1.24L27.539,1.289L27.55,1.378L27.6,1.497L27.526,1.372L27.486,1.356L27.482,1.279L27.514,1.19L27.585,1.179L27.632,1.221L27.679,1.18L27.659,1.117L27.582,1.037L27.554,0.967L27.57,0.922L27.462,0.933L27.438,0.857L27.473,0.79L27.543,0.792L27.582,0.822L27.594,0.888L27.657,0.9L27.664,0.761L27.722,0.77L27.752,0.734L27.704,0.636L27.709,0.552L27.75,0.508L27.718,0.461L27.659,0.451L27.573,0.483L27.613,0.434L27.56,0.4L27.575,0.305L27.529,0.244L27.583,0.191L27.52,0.16L27.601,0.089L28.214,0.264L28.535,0.361L29.022,0.489L29.5,0.619L30.167,0.795L30.981,1L31.858,1.213Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M62.314,8.539L62.327,8.437L62.44,8.448L62.376,8.576ZM61.908,8.8L61.948,8.778L61.963,8.856ZM58.603,6.423L58.625,6.319L58.666,6.311L58.653,6.405ZM58.553,6.61L58.628,6.564L58.613,6.611ZM58.423,6.546L58.542,6.476L58.527,6.554L58.439,6.572ZM58.321,6.676L58.4,6.587L58.404,6.611ZM58.332,6.494L58.387,6.559L58.339,6.566ZM58.291,6.41L58.414,6.359L58.46,6.425L58.504,6.379L58.516,6.434L58.46,6.448L58.402,6.513ZM58.296,6.756L58.353,6.731L58.463,6.617L58.512,6.654L58.408,6.701L58.429,6.743L58.371,6.751L58.301,6.802ZM58.09,6.476L58.142,6.452L58.142,6.507ZM57.079,6.929L57.153,6.964L57.275,6.944L57.517,6.835L57.58,6.833L57.874,6.661L57.916,6.689L58.04,6.619L58.102,6.54L58.155,6.552L58.236,6.51L58.328,6.605L58.285,6.702L58.205,6.803L58.241,6.883L58.182,6.946L58.151,7.037L58.198,7.054L58.343,6.955L58.357,6.887L58.516,7.012L58.687,7.051L58.715,7.099L58.774,7.065L58.791,7.11L58.878,7.122L58.949,7.219L59.005,7.365L60.059,7.583L60.312,7.707L60.39,7.736L60.425,7.717L60.554,7.765L60.563,7.723L60.66,7.711L60.758,7.766L60.792,7.74L60.881,7.792L60.929,7.77L61.079,7.818L61.114,7.898L61.058,7.97L61.104,8.015L61.203,7.992L61.24,8.043L61.299,8.037L61.398,8.098L61.434,8.15L61.394,8.192L61.446,8.243L61.432,8.313L61.399,8.306L61.444,8.395L61.429,8.456L61.383,8.503L61.376,8.587L61.42,8.621L61.503,8.617L61.559,8.553L61.612,8.622L61.577,8.685L61.545,8.873L61.628,8.958L61.703,8.97L61.673,9.046L61.677,9.145L61.486,9.2L61.485,9.287L61.418,9.386L61.385,9.493L61.347,9.549L61.33,9.672L61.345,9.712L61.305,9.777L61.346,9.814L61.426,9.812L61.446,9.743L61.537,9.655L61.589,9.632L61.616,9.519L61.715,9.345L61.885,9.25L61.922,9.294L61.915,9.23L61.951,9.105L62.036,8.96L62.052,8.834L62.096,8.835L62.17,8.788L62.171,8.691L62.219,8.634L62.294,8.624L62.302,8.739L62.254,8.734L62.256,8.929L62.186,8.98L62.173,9.048L62.129,9.116L62.151,9.169L62.11,9.222L62.125,9.253L62.065,9.3L62.032,9.365L61.996,9.519L61.898,9.747L61.848,10.089L61.898,10.218L61.893,10.292L61.772,10.413L61.707,10.747L61.726,10.848L61.759,10.908L61.764,11.036L61.698,11.19L61.685,11.363L61.634,11.466L61.602,11.679L61.645,11.793L61.628,11.843L61.672,11.931L61.646,11.98L61.659,12.04L61.714,12.119L61.715,12.199L61.747,12.275L61.814,12.343L61.807,12.457L61.779,12.595L61.815,12.774L61.48,12.796L60.768,12.859L60.275,12.886L59.399,12.929L58.795,12.965L58.77,12.879L58.702,12.777L58.468,12.727L58.341,12.653L58.28,12.444L58.231,12.413L58.226,12.33L58.19,12.221L58.181,12.085L58.297,11.899L58.24,11.816L58.123,11.746L58.134,11.672L58.097,11.613L58.11,11.55L58.08,11.48L58.089,11.429L58.049,11.385L58.042,11.247L58.063,11.151L58.016,11.048L57.851,10.837L57.692,10.8L57.553,10.67L57.439,10.612L57.376,10.558L57.316,10.37L57.18,10.277L57.011,10.23L56.939,10.175L56.903,10.089L56.867,10.062L56.658,10.053L56.636,10.003L56.457,9.844L56.382,9.797L56.422,9.665L56.409,9.59L56.432,9.524L56.413,9.392L56.383,9.318L56.429,9.275L56.402,9.157L56.406,9.01L56.465,8.942L56.511,8.85L56.506,8.769L56.377,8.608L56.265,8.601L56.258,8.509L56.273,8.394L56.357,8.324L56.372,8.232L56.428,8.131L56.494,8.073L56.584,8.043L56.611,7.995L56.662,8.01L56.696,7.938L56.783,7.941L56.803,7.869L56.836,7.856L56.805,7.003L56.895,7.011L56.905,6.92L57.002,6.87Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M44.592,12.046L45.276,12.101L46.243,12.174L46.915,12.218L47.059,12.231L48.201,12.291L49.005,12.327L49.901,12.359L50.454,12.375L50.485,12.45L50.704,12.562L50.838,12.643L50.936,12.729L51.026,12.723L51.093,12.654L51.108,12.594L51.158,12.58L51.215,12.609L51.327,12.621L51.396,12.6L51.57,12.619L51.594,12.592L51.711,12.591L51.803,12.624L51.812,12.678L51.895,12.733L52.053,12.752L52.072,12.81L52.132,12.792L52.239,12.836L52.243,12.883L52.322,12.891L52.364,12.922L52.338,12.977L52.416,13.06L52.452,13.129L52.529,13.114L52.561,13.162L52.62,13.151L52.673,13.161L52.689,13.216L52.651,13.283L52.649,13.355L52.701,13.418L52.749,13.533L52.714,13.554L52.728,13.634L52.809,13.708L52.803,13.804L52.853,13.818L52.848,13.878L52.956,13.911L52.92,14.008L52.983,14.137L53.02,14.158L52.968,14.317L52.989,14.397L52.969,14.424L53.007,14.493L52.991,14.533L53.037,14.589L53.065,14.542L53.103,14.584L53.09,14.642L53.179,14.667L53.152,14.845L53.227,14.877L53.214,14.926L53.171,14.916L53.192,15.064L53.264,15.07L53.221,15.107L53.244,15.205L53.236,15.321L53.281,15.375L53.268,15.422L53.295,15.51L53.261,15.531L53.266,15.67L53.216,15.727L53.266,15.807L53.325,15.833L53.367,15.907L53.351,15.942L53.354,16.025L53.426,16.025L53.454,15.975L53.465,16.041L53.423,16.059L53.431,16.112L53.519,16.339L53.586,16.372L53.582,16.402L53.678,16.465L53.668,16.527L53.757,16.613L53.732,16.712L53.748,16.75L53.815,16.756L53.858,16.798L52.924,16.8L51.937,16.792L50.964,16.776L50.27,16.759L49.598,16.739L48.889,16.714L48.253,16.686L47.121,16.627L46.423,16.583L46.516,15.121L45.674,15.065L44.947,15.01L44.344,14.961Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M68.265,23.105L68.628,22.929L68.64,22.959L68.693,22.907L68.956,22.754L69.017,22.752L69.057,22.676L69.078,22.715L69.198,22.678L69.416,22.66L69.853,22.612L70.642,22.533L70.669,22.685L70.779,22.574L70.997,22.794L71.006,22.965L72.091,22.806L72.319,22.768L72.755,23.077L72.913,23.197L73.896,23.904L73.705,24.015L73.604,24.118L73.483,24.294L73.403,24.466L73.35,24.55L73.302,24.715L73.296,24.901L73.308,25.019L73.25,25.101L73.16,25.169L73.145,25.295L73.068,25.297L72.999,25.329L72.944,25.288L72.882,25.342L72.853,25.438L72.91,25.445L72.913,25.485L72.784,25.591L72.758,25.661L72.624,25.759L72.572,25.72L72.529,25.777L72.606,25.793L72.598,25.869L72.501,25.952L72.479,26.006L72.388,26.025L72.308,26.075L72.276,26.138L72.246,26.12L72.111,26.257L72.069,26.237L72.016,26.284L71.997,26.246L71.939,26.258L71.932,26.312L72.016,26.404L71.988,26.513L71.872,26.6L71.795,26.639L71.779,26.588L71.687,26.552L71.633,26.61L71.697,26.638L71.767,26.7L71.718,26.792L71.62,26.883L71.566,26.906L71.52,26.984L71.548,27.006L71.497,27.003L71.386,26.933L71.316,26.96L71.249,26.93L71.231,26.827L71.173,26.755L71.207,26.685L71.066,26.488L71.076,26.444L70.952,26.328L70.844,26.314L70.77,26.248L70.794,26.215L70.743,26.145L70.754,26.08L70.724,26.028L70.72,25.952L70.645,25.9L70.655,25.871L70.6,25.817L70.598,25.714L70.491,25.663L70.431,25.611L70.319,25.597L70.24,25.545L70.222,25.465L70.175,25.476L70.112,25.429L70.107,25.347L70.03,25.333L69.978,25.282L69.999,25.164L69.903,25.112L69.814,25.011L69.736,24.975L69.705,24.987L69.622,24.94L69.525,24.763L69.4,24.671L69.304,24.641L69.167,24.543L69.128,24.545L69.066,24.431L69.004,24.382L68.947,24.296L68.875,24.241L68.838,24.112L68.767,24.013L68.715,23.984L68.665,23.853L68.564,23.825L68.494,23.855L68.386,23.805L68.272,23.691L68.198,23.69L68.061,23.606L68.032,23.539L68.055,23.445L68.114,23.391L68.137,23.307L68.263,23.193Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M32.116,5.726L32.107,5.569L32.165,5.475L32.143,5.29L32.09,5.199L32.131,5.089L32.372,4.021L32.615,2.927L32.753,2.349L32.953,1.468L33.881,1.67L33.573,3.11L33.589,3.119L33.675,3.329L33.72,3.38L33.721,3.473L33.802,3.572L33.777,3.629L33.805,3.722L33.738,3.767L33.777,3.816L33.775,3.878L33.813,3.922L33.702,3.927L33.866,4.097L33.876,4.168L33.977,4.246L34.056,4.275L34.106,4.441L34.153,4.48L34.228,4.621L34.245,4.737L34.291,4.742L34.346,4.83L34.311,4.913L34.355,4.996L34.442,5.058L34.442,5.179L34.521,5.13L34.588,5.192L34.56,5.228L34.574,5.289L34.718,5.33L34.768,5.297L34.833,5.297L34.866,5.336L34.797,5.528L34.744,5.531L34.754,5.616L34.693,5.686L34.688,5.761L34.65,5.841L34.612,5.847L34.61,5.985L34.541,5.98L34.522,6.04L34.575,6.091L34.529,6.156L34.536,6.234L34.591,6.303L34.558,6.327L34.586,6.411L34.556,6.451L34.467,6.435L34.379,6.531L34.426,6.617L34.416,6.694L34.346,6.723L34.36,6.775L34.335,6.838L34.424,6.855L34.455,6.937L34.523,7.025L34.605,6.987L34.632,6.918L34.685,6.942L34.748,6.924L34.835,6.837L34.89,6.816L34.901,6.753L34.937,6.742L35.008,6.845L35.089,6.923L35.039,7.034L35.108,7.047L35.071,7.137L35.104,7.236L35.085,7.332L35.117,7.443L35.186,7.549L35.194,7.643L35.252,7.674L35.24,7.704L35.3,7.765L35.281,7.909L35.227,7.916L35.245,8.042L35.333,8.126L35.338,8.179L35.444,8.142L35.548,8.235L35.562,8.349L35.588,8.38L35.588,8.467L35.552,8.488L35.61,8.611L35.583,8.65L35.594,8.72L35.699,8.82L35.732,8.882L35.769,8.859L35.757,8.791L35.829,8.712L35.897,8.695L35.952,8.732L36.064,8.753L36.11,8.794L36.142,8.774L36.221,8.835L36.27,8.724L36.354,8.68L36.398,8.689L36.449,8.749L36.525,8.78L36.607,8.756L36.657,8.78L36.776,8.759L36.813,8.846L36.929,8.815L36.945,8.793L37.034,8.824L37.066,8.809L37.147,8.856L37.182,8.845L37.137,8.759L37.205,8.681L37.202,8.618L37.276,8.626L37.306,8.569L37.371,8.621L37.449,8.783L37.438,8.843L37.511,8.922L37.522,8.986L37.593,9.026L37.196,11.552L37.142,11.866L37.026,12.593L36.537,12.517L35.833,12.402L35.813,12.392L34.015,12.086L33.86,12.048L33.275,11.932L33.033,11.872L32.819,11.839L32.523,11.778L31.417,11.543L30.729,11.386L31.309,8.807L31.331,8.736L31.372,8.732L31.391,8.665L31.471,8.525L31.447,8.424L31.497,8.413L31.551,8.346L31.534,8.284L31.489,8.266L31.501,8.211L31.423,8.202L31.383,8.12L31.307,8.133L31.267,8.066L31.313,8.02L31.279,7.921L31.317,7.883L31.326,7.801L31.413,7.749L31.432,7.698L31.567,7.492L31.713,7.44L31.863,7.251L31.852,7.18L31.876,7.121L31.939,7.078L32.03,6.98L32.144,6.735L32.267,6.581L32.307,6.56L32.328,6.494L32.445,6.363L32.401,6.256L32.405,6.153L32.367,6.104L32.297,6.083L32.278,6.022L32.211,6.013L32.14,5.848Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M27.628,10.645L27.913,10.716L28.45,10.856L28.983,10.989L29.187,11.033L30.102,11.245L30.729,11.386L31.417,11.543L32.523,11.778L32.819,11.839L33.033,11.872L33.275,11.932L33.86,12.048L33.833,12.205L33.509,13.871L33.422,14.304L32.884,17.077L32.746,17.797L32.495,19.088L32.469,19.237L32.373,19.734L32.306,20.117L32.25,20.4L32.222,20.415L32.08,20.622L31.98,20.617L31.907,20.537L31.921,20.515L31.864,20.402L31.709,20.391L31.707,20.359L31.638,20.345L31.582,20.365L31.438,20.375L31.411,20.396L31.423,20.487L31.398,20.607L31.451,20.721L31.41,20.743L31.38,20.81L31.384,20.886L31.361,20.947L31.361,21.037L31.391,21.104L31.329,21.273L31.364,21.399L31.376,21.528L31.36,21.767L31.34,21.815L31.256,21.846L31.294,21.886L31.24,21.984L30.443,20.788L29.654,19.601L28.661,18.104L27.692,16.647L27.264,16L26.529,14.896L26.607,14.574L26.884,13.538L27.084,12.766L27.218,12.236Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M76.125,6.716L76.618,6.586L77.156,6.47L77.956,6.248L77.931,6.299L78.001,6.391L77.964,6.473L77.963,6.589L77.923,6.649L78.002,6.769L78.044,6.799L78.065,6.894L78.029,6.919L78.068,6.989L78.011,7.044L77.972,7.15L77.877,7.22L77.887,7.259L77.801,7.291L77.68,7.364L77.663,7.442L77.695,7.483L77.694,7.556L77.763,7.687L77.713,7.845L77.745,7.893L77.692,8.059L77.706,8.184L77.631,8.306L77.642,8.454L77.6,8.508L77.603,8.602L77.631,8.647L77.641,8.816L77.677,8.881L77.656,8.969L77.674,9.133L77.708,9.165L77.697,9.265L77.735,9.323L77.719,9.385L77.665,9.424L77.669,9.529L77.707,9.634L77.823,9.728L76.986,9.907L76.94,9.834L76.94,9.781L76.817,9.177L76.734,8.796L76.662,8.721L76.643,8.668L76.573,8.689L76.566,8.773L76.531,8.759L76.512,8.686L76.544,8.475L76.484,8.411L76.484,8.333L76.429,8.258L76.395,8.126L76.361,8.107L76.359,7.888L76.408,7.797L76.41,7.751L76.354,7.618L76.372,7.529L76.337,7.429L76.231,7.322L76.195,7.102L76.203,7.006L76.147,6.969L76.161,6.847Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M62.03,31.03L62.096,31.104L62.125,31.196L62.117,31.357L62.071,31.455L62.105,31.268L62.094,31.157ZM61.453,31.063L61.632,30.901L61.593,31.001L61.666,31.071L61.6,31.138L61.584,31.081L61.461,31.09ZM61.147,31.848L61.225,31.83L61.184,31.885ZM60.238,32.526L60.278,32.495L60.332,32.569L60.294,32.588ZM60.008,32.561L60.187,32.593L60.1,32.607ZM59.767,32.63L59.879,32.6L59.892,32.62L59.771,32.652ZM58.125,31.931L58.236,31.866L58.337,31.87L58.512,31.966L58.448,32.014L58.447,32.064L58.348,32.084L58.11,31.958ZM55.464,27.012L56.27,26.995L57.668,26.961L57.996,26.95L58.947,26.91L58.894,27.021L58.972,27.058L58.995,27.02L58.986,26.944L59.045,26.946L59.071,27.073L58.986,27.141L58.966,27.19L58.975,27.29L59.1,27.31L59.073,27.362L58.99,27.44L59.036,27.519L59.118,27.482L59.144,27.423L59.174,27.457L59.085,27.558L59.201,27.639L59.189,27.661L59.061,27.605L59.046,27.668L59.155,27.734L59.198,27.707L59.233,27.749L59.201,27.776L59.214,27.851L59.33,27.88L59.283,27.937L59.231,27.931L59.243,27.995L59.215,28.053L59.18,28.022L59.009,28.088L59.016,28.182L59.15,28.187L59.15,28.108L59.205,28.136L59.17,28.224L59.1,28.301L59.062,28.261L59.023,28.288L59.131,28.346L58.997,28.434L59.01,28.496L58.907,28.596L58.821,28.603L58.795,28.723L58.919,28.721L58.906,28.754L58.808,28.764L58.759,28.811L58.761,28.944L58.726,28.958L58.64,28.913L58.618,28.96L58.659,28.998L58.735,28.979L58.755,29.018L58.705,29.064L58.625,29.081L58.634,29.207L58.689,29.275L58.682,29.32L58.636,29.315L58.596,29.225L58.557,29.276L58.65,29.398L58.639,29.453L58.571,29.477L58.488,29.473L58.487,29.52L58.559,29.598L58.518,29.666L58.593,29.755L58.599,29.8L58.512,29.862L59.227,29.828L59.999,29.784L60.848,29.728L60.879,29.738L60.849,29.813L60.803,30.036L60.772,30.075L60.78,30.136L60.757,30.231L60.801,30.268L60.828,30.377L60.888,30.449L60.987,30.522L60.991,30.589L61.065,30.681L61.053,30.757L61.091,30.842L61.155,30.907L61.212,30.902L61.137,30.951L61.098,30.946L61.027,31.02L61.023,31.068L60.969,31.091L60.987,31.14L60.857,31.126L60.812,31.186L60.841,31.27L60.921,31.277L60.979,31.242L60.965,31.316L61.032,31.37L61.149,31.343L61.171,31.228L61.159,31.177L61.264,31.103L61.275,31.046L61.417,31.098L61.344,31.145L61.347,31.188L61.416,31.204L61.435,31.279L61.5,31.258L61.546,31.152L61.617,31.177L61.606,31.247L61.544,31.252L61.495,31.311L61.597,31.3L61.582,31.338L61.423,31.386L61.51,31.453L61.56,31.422L61.53,31.498L61.425,31.459L61.377,31.531L61.378,31.655L61.338,31.665L61.304,31.559L61.257,31.562L61.251,31.676L61.087,31.695L61.171,31.737L61.173,31.778L61.065,31.723L61.124,31.79L61.071,31.812L61.133,31.895L61.223,31.903L61.279,31.956L61.311,32.054L61.472,32.034L61.552,32.071L61.559,32.034L61.657,32.14L61.704,32.082L61.822,32.212L61.859,32.299L61.939,32.258L61.971,32.307L61.864,32.335L61.857,32.375L61.93,32.375L61.9,32.442L61.848,32.416L61.803,32.506L61.814,32.593L61.715,32.555L61.713,32.507L61.667,32.47L61.535,32.652L61.468,32.707L61.553,32.522L61.594,32.493L61.586,32.426L61.627,32.393L61.618,32.33L61.57,32.305L61.537,32.412L61.462,32.419L61.361,32.3L61.2,32.257L61.154,32.204L60.895,32.179L60.844,32.2L60.634,32.393L60.433,32.549L60.416,32.486L60.36,32.469L60.375,32.413L60.316,32.292L60.255,32.24L60.193,32.347L60.199,32.251L60.146,32.185L60.092,32.268L60.03,32.254L59.997,32.283L59.941,32.26L59.955,32.332L59.904,32.392L59.89,32.459L59.853,32.453L59.833,32.525L59.795,32.512L59.703,32.575L59.689,32.654L59.618,32.638L59.625,32.581L59.49,32.463L59.442,32.482L59.321,32.462L59.274,32.424L59.185,32.42L59.083,32.387L59.008,32.316L59.061,32.295L59.091,32.222L59.183,32.298L59.213,32.268L59.216,32.353L59.281,32.371L59.26,32.242L59.149,32.167L59.146,32.115L59.096,32.109L59.06,32.162L59.002,32.182L59.005,32.13L58.962,32.141L59.013,32.055L58.964,32.007L58.836,32.076L58.787,31.978L58.743,31.99L58.708,31.845L58.588,31.849L58.613,31.806L58.616,31.7L58.469,31.686L58.324,31.753L58.29,31.746L58.289,31.683L58.322,31.631L58.352,31.649L58.346,31.575L58.272,31.568L58.212,31.599L58.169,31.575L58.162,31.626L57.992,31.721L57.965,31.681L57.885,31.705L57.928,31.781L58.011,31.787L57.971,31.827L58.01,31.903L58.101,31.873L58.064,31.915L58.095,31.939L57.948,31.952L57.832,32.018L57.742,32.033L57.371,31.968L57.21,31.921L56.946,31.804L56.838,31.767L56.653,31.723L56.504,31.72L56.44,31.741L56.277,31.735L55.942,31.792L55.823,31.861L55.712,31.677L55.797,31.608L55.877,31.423L55.979,31.328L55.942,31.279L55.996,31.201L55.953,31.102L55.958,30.979L55.892,30.924L55.899,30.846L55.974,30.766L55.95,30.653L55.917,30.623L55.931,30.572L55.99,30.533L55.985,30.474L56.06,30.393L56.061,30.324L56.139,30.201L56.119,30.109L56.169,30.034L56.115,29.945L56.177,29.911L56.138,29.825L56.132,29.674L56.068,29.691L56.04,29.554L55.955,29.499L55.983,29.425L55.935,29.313L55.873,29.269L55.901,29.217L55.785,29.146L55.758,29.081L55.798,28.954L55.764,28.867L55.773,28.826L55.707,28.758L55.662,28.654L55.578,28.608L55.525,28.514L55.495,28.503Z"></path><path class="feature-path svelte-18wj229" fill="#ffa06b" stroke="#333" stroke-width="0.5" d="M79.517,10.878L79.589,10.883L79.662,11.108L79.602,11.185L79.547,11.066L79.514,10.954L79.491,10.969L79.547,11.161L79.485,11.175L79.487,11.22L79.424,11.228L79.461,11.042L79.455,10.979ZM79.384,11.238L79.364,11.098L79.39,11.091L79.417,11.195ZM79.273,11.723L79.29,11.615L79.341,11.718ZM78.955,11.563L78.978,11.521L78.943,11.427L78.985,11.409L78.908,11.067L78.766,10.572L79.195,10.443L79.242,10.621L79.284,10.602L79.34,10.766L79.419,10.787L79.473,10.836L79.477,10.893L79.438,10.957L79.407,10.866L79.273,10.778L79.31,10.919L79.248,10.931L79.299,10.954L79.333,11.057L79.29,11.082L79.338,11.138L79.361,11.226L79.331,11.387L79.187,11.441L79.097,11.509L78.963,11.582Z"></path></g></svg></div></div> </div><div class="gallery-item svelte-9objxt scaled"><h4 class="title svelte-9objxt"><a href="/example-ssr/MapLayered" class="svelte-9objxt">Multilayer map (canvas + svg)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/14c49b034a1e49bbbcd32e0ba749378c?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="map-container svelte-1enkenv" style="aspect-ratio:2.63;">     <div class="layercake-container svelte-vhzpsp" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0;">  <svg viewBox="0 0 100 38.02281368821293" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 0px; width: calc(100% - 0px); height: calc(100% - 0px);" class="svelte-6sm8ei"><defs></defs>  <g class="map-group"><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M71.611,27.025L71.61,27.018L71.465,26.953L71.38,26.983L71.33,26.943L71.314,26.843L71.258,26.772L71.292,26.703L71.238,26.648L71.188,26.609L71.173,26.516L71.163,26.454L71.061,26.367L71.012,26.342L70.921,26.325L70.869,26.277L70.856,26.192L70.807,26.16L70.839,26.084L70.777,25.966L70.773,25.943L70.72,25.888L70.668,25.832L70.695,25.725L70.647,25.701L70.555,25.675L70.503,25.62L70.461,25.634L70.413,25.609L70.316,25.553L70.308,25.498L70.215,25.465L70.167,25.44L70.206,25.403L70.199,25.356L70.109,25.346L70.061,25.321L70.048,25.228L70.084,25.175L70.036,25.15L69.987,25.118L69.935,25.062L69.885,25.022L69.794,24.996L69.699,24.946L69.692,24.899L69.642,24.851L69.586,24.772L69.485,24.676L69.394,24.649L69.298,24.592L69.25,24.559L69.205,24.549L69.145,24.431L69.095,24.383L69.091,24.359L69.039,24.295L68.95,24.284L68.944,24.237L68.926,24.113L68.88,24.095L68.827,24.024L68.779,23.991L68.718,23.864L68.669,23.823L68.586,23.843L68.545,23.864L68.496,23.823L68.449,23.79L68.352,23.716L68.263,23.696L68.216,23.663L68.122,23.604L68.113,23.542L68.149,23.49L68.101,23.449L68.137,23.396L68.179,23.391L68.211,23.307L68.252,23.293L68.287,23.233L68.325,23.196L68.313,23.111L68.717,22.928L68.72,22.951L68.874,22.826L68.954,22.783L69.076,22.742L69.114,22.705L69.158,22.714L69.282,22.68L69.367,22.676L69.915,22.61L70.507,22.551L70.719,22.533L70.728,22.588L70.734,22.626L70.744,22.689L70.855,22.575L71.063,22.797L71.09,22.968L71.427,22.913L72.187,22.801L72.398,22.773L72.842,23.078L72.993,23.195L73.498,23.575L73.997,23.906L73.956,23.922L73.799,24.023L73.685,24.123L73.586,24.301L73.519,24.417L73.485,24.471L73.456,24.556L73.398,24.726L73.387,24.911L73.4,24.981L73.408,25.027L73.334,25.112L73.257,25.173L73.236,25.305L73.147,25.304L73.065,25.343L73.014,25.304L72.978,25.35L72.948,25.435L73.004,25.497L72.921,25.535L72.888,25.597L72.857,25.674L72.696,25.773L72.67,25.881L72.596,25.965L72.558,26.003L72.475,26.041L72.394,26.087L72.358,26.14L72.312,26.132L72.202,26.27L72.155,26.254L72.116,26.292L72.067,26.261L72.023,26.268L72.032,26.322L72.041,26.376L72.094,26.423L72.067,26.531L71.946,26.614L71.903,26.621L71.866,26.667L71.83,26.72L71.799,26.805L71.681,26.903L71.607,27.002Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M44.815,9.092L44.816,9.085L44.862,8.54L44.908,7.997L44.932,7.71L45.332,7.743L46.096,7.801L46.823,7.859L47.587,7.906L48.097,7.934L48.862,7.971L49.299,7.989L49.809,8.008L50.647,8.04L51.303,8.055L51.923,8.064L52.543,8.07L52.506,8.233L52.469,8.288L52.432,8.35L52.322,8.419L52.248,8.496L52.211,8.55L52.32,8.676L52.356,8.77L52.392,8.833L52.465,8.841L52.612,8.912L52.648,9.006L52.646,9.489L52.643,10.224L52.639,10.935L52.636,11.632L52.485,11.631L52.485,11.663L52.484,11.725L52.56,11.788L52.559,11.906L52.483,11.929L52.52,12.031L52.596,12.039L52.596,12.149L52.633,12.196L52.633,12.259L52.557,12.329L52.595,12.353L52.556,12.4L52.556,12.423L52.518,12.478L52.556,12.525L52.517,12.595L52.479,12.619L52.44,12.752L52.439,12.799L52.477,12.83L52.554,12.909L52.591,13.019L52.591,13.113L52.629,13.114L52.552,13.121L52.514,13.066L52.437,13.081L52.438,13.018L52.361,12.986L52.362,12.939L52.362,12.877L52.324,12.853L52.248,12.844L52.248,12.797L52.134,12.749L52.095,12.772L52.058,12.709L51.943,12.692L51.905,12.692L51.867,12.66L51.829,12.636L51.792,12.581L51.716,12.548L51.639,12.571L51.601,12.555L51.563,12.577L51.487,12.561L51.448,12.576L51.41,12.559L51.295,12.581L51.219,12.572L51.143,12.539L51.105,12.554L51.104,12.616L51.026,12.686L50.949,12.692L50.837,12.603L50.686,12.521L50.648,12.504L50.611,12.48L50.498,12.407L50.462,12.335L50.043,12.323L49.434,12.303L48.939,12.284L48.178,12.249L47.797,12.23L47.151,12.194L46.885,12.178L46.238,12.136L45.555,12.079L45.023,12.045L44.567,12.008L44.604,11.578L44.673,10.759L44.714,10.284L44.777,9.536Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M69.647,20.558L69.657,20.628L69.673,20.729L69.644,20.821L69.656,20.899L69.618,20.929L69.573,20.911L69.495,20.955L69.461,21.008L69.335,21.297L69.297,21.327L69.255,21.333L69.205,21.277L69.161,21.267L69.084,21.318L69.041,21.316L68.963,21.359L68.928,21.412L68.902,21.527L68.826,21.586L68.786,21.607L68.703,21.619L68.696,21.572L68.731,21.52L68.683,21.479L68.603,21.514L68.532,21.611L68.498,21.672L68.461,21.709L68.457,21.678L68.375,21.697L68.381,21.744L68.39,21.806L68.326,21.958L68.197,21.952L68.161,21.996L68.119,22.002L68.084,22.054L68.043,22.068L68.008,22.12L67.973,22.18L67.929,22.17L67.893,22.215L67.814,22.265L67.783,22.349L67.614,22.363L67.448,22.393L67.413,22.453L67.33,22.471L67.296,22.539L67.256,22.56L67.183,22.656L67.189,22.703L67.194,22.742L67.203,22.812L67.167,22.865L67.129,22.901L67.003,22.917L66.957,22.891L66.922,22.959L66.923,23.307L66.162,23.398L65.656,23.464L65.402,23.492L65.148,23.512L64.555,23.574L63.92,23.63L63.24,23.677L62.986,23.7L62.35,23.746L62.352,23.77L61.588,23.83L60.867,23.882L60.315,23.919L59.848,23.948L59.844,23.877L59.973,23.893L60.007,23.757L60.048,23.731L60.092,23.752L60.133,23.726L60.043,23.653L60.081,23.587L60.08,23.556L59.994,23.545L59.991,23.498L60.032,23.48L60.071,23.422L60.067,23.359L60.023,23.323L60.025,23.354L59.979,23.31L60.02,23.276L60.059,23.226L60.102,23.239L60.063,23.289L60.148,23.291L60.144,23.236L60.099,23.184L60.094,23.114L60.178,23.093L60.223,23.137L60.266,23.158L60.263,23.103L60.22,23.098L60.217,23.043L60.256,23.001L60.295,22.951L60.21,22.941L60.208,22.901L60.203,22.831L60.243,22.797L60.287,22.818L60.369,22.789L60.407,22.715L60.49,22.694L60.488,22.662L60.402,22.637L60.398,22.59L60.439,22.563L60.525,22.597L60.521,22.534L60.434,22.485L60.43,22.43L60.472,22.427L60.468,22.372L60.464,22.301L60.585,22.23L60.539,22.17L60.45,22.097L60.447,22.05L60.574,22.065L60.614,22.047L60.612,22.015L60.525,21.966L60.522,21.919L60.647,21.91L60.644,21.863L60.597,21.796L60.633,21.706L60.59,21.686L60.673,21.68L60.675,21.711L60.718,21.724L60.756,21.666L60.88,21.65L61.089,21.643L61.421,21.618L62.003,21.573L62.337,21.553L62.331,21.49L62.273,21.29L62.523,21.292L62.527,21.331L63.065,21.276L63.397,21.245L64.017,21.17L64.019,21.193L64.1,21.161L64.307,21.14L64.641,21.137L64.89,21.119L65.265,21.094L65.47,21.055L65.594,21.041L65.802,21.025L66.011,21.024L66.384,20.988L66.675,20.96L67.005,20.918L67.338,20.891L67.375,20.855L67.417,20.857L67.83,20.802L67.831,20.81L68.285,20.748L68.739,20.684L69.357,20.594L69.392,20.549L69.682,20.513Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M51.479,36.682L51.48,36.62L51.434,36.526L51.387,36.471L51.388,36.448L51.342,36.339L51.343,36.262L51.296,36.23L51.297,36.168L51.298,36.091L51.3,36.013L51.301,35.905L51.306,35.603L51.307,35.533L51.309,35.394L51.31,35.308L51.358,35.224L51.405,35.162L51.454,35.023L51.502,34.915L51.549,34.893L51.549,34.846L51.597,34.769L51.691,34.692L51.692,34.638L51.738,34.615L51.833,34.453L51.833,34.414L51.927,34.299L51.974,34.276L51.975,34.214L52.021,34.23L52.067,34.207L52.068,34.129L52.068,34.114L52.207,34.099L52.254,34.061L52.254,34.022L52.347,33.952L52.44,33.922L52.532,33.899L52.532,33.922L52.393,33.992L52.3,34.053L52.114,34.192L52.02,34.292L51.88,34.399L51.786,34.515L51.738,34.623L51.691,34.685L51.596,34.854L51.452,35.147L51.356,35.324L51.307,35.525L51.304,35.68L51.302,35.843L51.3,35.959L51.344,36.215L51.479,36.651ZM40.127,28.147L40.088,28.103L40.009,28.008L40.014,27.969L40.019,27.922L40.075,27.818L40.646,27.881L41.526,27.972L42.142,28.031L42.626,28.076L43.242,28.129L43.595,28.159L44.432,28.224L44.488,27.466L44.541,26.762L44.582,26.199L44.65,25.29L44.699,24.624L44.742,24.052L44.786,23.464L44.826,22.915L44.874,22.28L44.922,21.628L44.964,21.631L45.837,21.692L46.586,21.739L47.211,21.774L47.836,21.806L48.461,21.834L48.433,22.487L48.406,23.131L48.37,23.996L48.341,24.687L48.384,24.665L48.468,24.708L48.509,24.764L48.632,24.903L48.672,24.968L48.8,24.98L48.846,24.919L48.931,24.93L49.015,24.988L49.058,24.982L49.061,24.888L49.062,24.872L49.146,24.922L49.23,24.956L49.187,24.979L49.27,25.044L49.267,25.131L49.307,25.234L49.349,25.251L49.435,25.246L49.478,25.263L49.522,25.233L49.564,25.25L49.606,25.299L49.734,25.334L49.776,25.367L49.862,25.369L49.949,25.325L50.035,25.351L50.118,25.471L50.117,25.478L50.204,25.457L50.249,25.388L50.293,25.349L50.335,25.382L50.421,25.384L50.506,25.417L50.594,25.356L50.593,25.396L50.548,25.457L50.589,25.584L50.675,25.594L50.718,25.579L50.761,25.603L50.76,25.658L50.758,25.761L50.757,25.768L50.843,25.809L50.886,25.802L51.018,25.687L51.105,25.61L51.148,25.626L51.191,25.666L51.19,25.714L51.233,25.746L51.319,25.716L51.362,25.74L51.361,25.834L51.403,25.866L51.447,25.867L51.491,25.789L51.534,25.782L51.577,25.806L51.621,25.751L51.664,25.728L51.664,25.76L51.706,25.831L51.663,25.854L51.662,25.893L51.704,25.988L51.747,26.02L51.791,26.005L51.791,25.95L51.792,25.903L51.879,25.833L51.923,25.771L51.923,25.708L52.01,25.669L52.01,25.709L52.009,25.764L52.052,25.827L52.095,25.796L52.138,25.804L52.181,25.867L52.267,25.86L52.268,25.829L52.311,25.743L52.397,25.798L52.354,25.845L52.397,25.877L52.483,25.877L52.483,25.948L52.613,25.941L52.612,25.988L52.698,26.074L52.742,26.035L52.742,25.972L52.785,25.949L52.828,25.981L52.915,25.949L52.915,25.847L53.002,25.84L53.045,25.855L53.174,25.816L53.174,25.777L53.304,25.855L53.347,25.816L53.39,25.823L53.39,25.769L53.433,25.784L53.519,25.752L53.605,25.705L53.649,25.713L53.649,25.783L53.822,25.806L53.951,25.789L53.994,25.75L54.036,25.663L54.166,25.701L54.21,25.764L54.253,25.763L54.254,25.81L54.34,25.849L54.384,25.919L54.515,25.988L54.558,25.964L54.645,26.033L54.646,26.065L54.732,26.056L54.863,26.109L54.907,26.163L54.949,26.131L54.993,26.138L54.994,26.201L55.038,26.263L55.081,26.239L55.125,26.254L55.167,26.214L55.34,26.195L55.341,26.226L55.428,26.216L55.472,26.247L55.488,27.032L55.505,27.886L55.519,28.529L55.563,28.535L55.609,28.628L55.699,28.674L55.746,28.79L55.791,28.852L55.792,28.891L55.839,28.976L55.795,29.008L55.796,29.071L55.797,29.094L55.799,29.173L55.844,29.211L55.888,29.21L55.934,29.24L55.891,29.296L55.936,29.342L55.983,29.45L55.985,29.528L56.031,29.582L56.076,29.581L56.079,29.721L56.168,29.704L56.172,29.852L56.219,29.937L56.13,29.971L56.131,30.01L56.177,30.063L56.135,30.142L56.137,30.228L56.139,30.291L56.097,30.425L56.009,30.505L56.011,30.568L55.966,30.6L55.968,30.647L55.971,30.795L55.928,30.874L55.93,30.953L55.976,31.014L55.978,31.084L55.979,31.139L55.981,31.217L55.983,31.279L55.983,31.311L55.984,31.342L55.941,31.413L55.896,31.461L55.853,31.563L55.81,31.642L55.721,31.715L55.721,31.746L55.768,31.784L55.861,31.899L55.816,31.915L55.634,31.912L55.453,31.97L54.911,32.236L54.775,32.293L54.73,32.34L54.731,32.387L54.684,32.349L54.729,32.286L54.774,32.231L54.865,32.229L54.911,32.205L54.91,32.143L54.956,32.166L55.001,32.157L54.954,32.088L54.682,32.162L54.636,32.154L54.726,32.013L54.769,31.872L54.677,31.78L54.587,31.82L54.542,31.875L54.543,31.945L54.452,31.97L54.451,31.907L54.361,31.971L54.361,32.01L54.407,32.048L54.363,32.119L54.409,32.181L54.5,32.203L54.455,32.274L54.501,32.296L54.502,32.39L54.503,32.476L54.458,32.515L54.458,32.507L54.368,32.594L54.231,32.673L54.186,32.713L54.186,32.767L54.186,32.806L54.277,32.743L54.368,32.656L54.368,32.633L54.549,32.506L54.595,32.482L54.594,32.428L54.731,32.442L54.641,32.521L54.323,32.711L54.232,32.798L54.232,32.829L54.05,32.986L54.005,33.026L53.913,33.081L53.914,33.128L53.822,33.136L53.639,33.238L53.363,33.426L53.271,33.473L52.995,33.581L52.81,33.675L52.81,33.651L53.041,33.535L53.133,33.512L53.133,33.457L53.041,33.441L52.903,33.504L52.856,33.535L52.811,33.457L52.857,33.387L52.857,33.371L52.719,33.41L52.718,33.449L52.626,33.487L52.488,33.557L52.442,33.463L52.396,33.455L52.396,33.385L52.351,33.33L52.258,33.376L52.304,33.462L52.303,33.54L52.349,33.54L52.441,33.58L52.441,33.626L52.579,33.713L52.579,33.744L52.394,33.836L52.347,33.875L52.255,33.897L52.209,33.882L52.209,33.796L52.117,33.795L52.07,33.857L52.07,33.935L52.069,33.966L52.069,34.013L52.069,34.059L51.975,34.128L51.882,34.205L51.79,34.165L51.744,34.11L51.604,34.187L51.557,34.256L51.603,34.295L51.649,34.296L51.743,34.227L51.788,34.321L51.741,34.351L51.552,34.636L51.506,34.636L51.507,34.558L51.367,34.572L51.32,34.61L51.319,34.695L51.318,34.75L51.41,34.798L51.457,34.822L51.408,34.999L51.312,35.176L51.311,35.231L51.262,35.354L51.121,35.422L51.169,35.337L51.123,35.305L51.122,35.336L51.027,35.412L50.981,35.412L50.98,35.474L51.073,35.491L51.214,35.446L51.261,35.455L51.212,35.617L51.21,35.687L51.163,35.694L51.161,35.825L51.067,35.839L51.066,35.917L51.065,35.971L51.064,36.056L51.11,36.111L51.156,36.174L51.155,36.251L51.2,36.36L51.2,36.391L51.246,36.477L51.196,36.623L51.243,36.632L51.289,36.71L51.289,36.749L51.336,36.772L51.335,36.827L51.334,36.888L51.382,36.881L51.381,36.951L51.38,37.013L51.379,37.051L51.425,37.152L51.52,37.169L51.519,37.223L51.472,37.246L51.471,37.284L51.566,37.278L51.567,37.216L51.567,37.193L51.565,37.347L51.47,37.338L51.423,37.346L51.327,37.391L51.28,37.398L51.279,37.467L51.278,37.506L51.23,37.505L51.183,37.458L51.089,37.441L51.042,37.371L50.995,37.362L50.902,37.237L50.855,37.221L50.76,37.219L50.713,37.18L50.665,37.194L50.618,37.17L50.523,37.191L50.476,37.167L50.428,37.166L50.428,37.205L50.333,37.164L50.238,37.177L50.239,37.146L50.144,37.152L50.051,37.08L50.004,37.033L49.957,37.024L49.911,36.984L49.865,36.929L49.817,36.943L49.676,36.877L49.581,36.898L49.536,36.819L49.49,36.771L49.443,36.755L49.397,36.699L49.302,36.719L49.256,36.679L49.21,36.655L49.162,36.653L49.116,36.629L49.02,36.649L49.022,36.61L49.024,36.533L48.979,36.462L48.933,36.445L48.937,36.321L48.891,36.273L48.895,36.172L48.849,36.14L48.851,36.078L48.806,35.999L48.761,35.943L48.716,35.879L48.67,35.862L48.672,35.8L48.581,35.727L48.583,35.673L48.631,35.628L48.634,35.543L48.636,35.504L48.592,35.433L48.593,35.402L48.547,35.362L48.551,35.269L48.555,35.16L48.557,35.106L48.559,35.052L48.513,35.034L48.563,34.943L48.518,34.879L48.427,34.822L48.38,34.843L48.335,34.795L48.288,34.801L48.2,34.681L48.154,34.663L48.156,34.617L48.064,34.582L48.066,34.52L48.068,34.489L48.07,34.435L48.026,34.371L48.028,34.316L47.937,34.289L47.894,34.186L47.849,34.153L47.853,34.068L47.671,33.99L47.674,33.935L47.628,33.926L47.585,33.854L47.587,33.807L47.5,33.679L47.548,33.642L47.505,33.57L47.507,33.531L47.461,33.513L47.418,33.457L47.466,33.412L47.376,33.369L47.378,33.323L47.333,33.289L47.339,33.181L47.294,33.139L47.299,33.054L47.253,33.044L47.212,32.933L47.167,32.931L47.169,32.876L47.172,32.814L47.135,32.641L47.091,32.6L47.003,32.533L47.05,32.496L47.008,32.424L46.874,32.362L46.876,32.323L46.788,32.264L46.744,32.231L46.66,32.094L46.57,32.065L46.527,32.008L46.438,31.964L46.443,31.887L46.444,31.863L46.352,31.874L46.357,31.788L46.312,31.778L46.272,31.674L46.186,31.599L46.094,31.617L46.049,31.598L45.867,31.595L45.778,31.559L45.733,31.556L45.689,31.538L45.597,31.548L45.554,31.514L45.463,31.516L45.461,31.547L45.37,31.533L45.327,31.499L45.285,31.45L45.239,31.447L45.152,31.394L45.106,31.399L45.006,31.54L44.917,31.511L44.823,31.551L44.778,31.533L44.73,31.569L44.64,31.562L44.634,31.648L44.584,31.699L44.58,31.761L44.534,31.766L44.53,31.828L44.481,31.864L44.479,31.902L44.428,31.977L44.423,32.039L44.419,32.101L44.373,32.106L44.321,32.188L44.317,32.235L44.359,32.292L44.263,32.356L44.171,32.357L44.166,32.419L44.071,32.466L44.067,32.513L44.014,32.618L43.967,32.623L43.877,32.6L43.831,32.604L43.743,32.543L43.698,32.539L43.609,32.501L43.526,32.385L43.485,32.327L43.394,32.305L43.348,32.309L43.261,32.255L43.177,32.154L43.134,32.119L42.954,32.081L42.866,32.034L42.827,31.96L42.738,31.929L42.696,31.887L42.704,31.793L42.618,31.731L42.574,31.704L42.527,31.715L42.441,31.653L42.444,31.63L42.317,31.517L42.276,31.458L42.288,31.326L42.204,31.248L42.211,31.17L42.173,31.089L42.18,31.011L42.145,30.898L42.149,30.851L42.156,30.781L42.162,30.711L42.088,30.524L42.048,30.473L42.051,30.435L42.01,30.391L42.015,30.345L41.975,30.286L41.982,30.208L41.945,30.119L41.95,30.072L41.906,30.06L41.868,29.978L41.742,29.88L41.745,29.848L41.657,29.824L41.618,29.765L41.53,29.741L41.533,29.71L41.404,29.65L41.365,29.591L41.283,29.505L41.245,29.438L41.201,29.426L41.17,29.289L41.13,29.238L41.045,29.197L41.004,29.154L40.961,29.142L40.965,29.095L40.845,28.957L40.805,28.913L40.769,28.831L40.728,28.787L40.641,28.77L40.517,28.67L40.475,28.65L40.442,28.536L40.401,28.5L40.366,28.418L40.334,28.296L40.295,28.244L40.213,28.18L40.165,28.207Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M38.904,14.33L38.828,14.883L38.792,15.14L38.677,15.974L38.602,16.519L38.526,17.065L38.476,17.432L38.444,17.658L38.355,18.305L38.332,18.469L38.281,18.843L38.205,19.389L38.174,19.615L38.098,20.169L37.441,20.076L36.99,20.01L36.458,19.929L36.418,19.915L35.804,19.819L35.395,19.753L34.333,19.574L33.638,19.459L32.498,19.247L32.376,19.224L32.541,18.366L32.647,18.033L32.769,17.399L32.794,17.052L32.975,16.325L33.111,15.614L33.249,14.895L33.361,14.316L33.464,13.775L33.586,13.142L33.665,12.733L33.774,12.162L33.804,12.008L33.954,12.045L34.639,12.165L35.287,12.274L35.744,12.354L35.782,12.36L36.468,12.476L36.964,12.556L36.868,13.161L36.733,14.007L37.274,14.1L37.312,14.106L37.739,14.17L38.36,14.254Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M77.922,9.681L77.547,9.759L77.098,9.853L77.042,9.786L77.031,9.74L76.998,9.442L76.92,9.122L76.827,8.742L76.814,8.688L76.771,8.675L76.757,8.614L76.683,8.632L76.661,8.701L76.623,8.703L76.606,8.634L76.623,8.542L76.648,8.487L76.632,8.419L76.578,8.359L76.596,8.274L76.54,8.199L76.506,8.062L76.464,8.048L76.451,7.834L76.505,7.741L76.494,7.695L76.461,7.558L76.477,7.466L76.46,7.398L76.398,7.3L76.313,7.265L76.304,7.227L76.311,7.096L76.298,7.043L76.312,6.943L76.225,6.9L76.271,6.776L76.24,6.647L76.705,6.525L76.993,6.461L77.248,6.413L77.64,6.304L78.068,6.184L78.038,6.216L78.106,6.328L78.058,6.437L78.078,6.513L78.024,6.599L78.131,6.717L78.163,6.838L78.155,6.953L78.125,6.985L78.1,7.04L78.074,7.087L78.008,7.129L77.986,7.191L77.957,7.231L77.917,7.225L77.813,7.268L77.784,7.308L77.766,7.385L77.814,7.421L77.795,7.499L77.843,7.535L77.864,7.618L77.872,7.648L77.848,7.703L77.831,7.788L77.858,7.894L77.827,7.926L77.806,7.996L77.826,8.072L77.774,8.174L77.742,8.199L77.753,8.244L77.73,8.307L77.753,8.398L77.724,8.438L77.713,8.545L77.719,8.568L77.73,8.767L77.784,8.826L77.767,8.912L77.788,8.995L77.77,9.081L77.817,9.109L77.828,9.155L77.805,9.217L77.857,9.269L77.833,9.331L77.767,9.38L77.779,9.426L77.79,9.472L77.817,9.578L77.91,9.635Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M75.74,17.398L75.712,17.461L75.66,17.415ZM76.555,17.108L76.498,17.225L76.485,17.357L76.405,17.375L76.368,17.399L76.308,17.509L76.265,17.695L76.249,17.812L76.301,17.857L76.25,18.013L76.264,18.075L76.201,18.177L76.213,18.23L76.181,18.278L76.144,18.302L76.167,18.409L76.176,18.448L76.079,18.589L76.074,18.566L75.997,18.599L75.985,18.545L75.93,18.485L75.914,18.408L75.892,18.307L75.921,18.245L75.9,18.145L75.91,17.998L75.9,17.952L75.922,17.858L76,17.632L75.99,17.586L76.067,17.553L76.088,17.46L76.065,17.352L76.101,17.328L76.128,17.258ZM74.261,16.684L74.187,16.723L74.141,16.7L74.155,16.77L74.103,16.924L74.115,16.986L74.131,17.063L74.187,17.14L74.229,17.14L74.305,17.109L74.339,17.07L74.379,17.062L74.408,17L74.456,17.03L74.474,17.123L74.57,17.184L74.582,17.246L74.718,17.298L74.796,17.274L74.846,17.312L74.879,17.273L74.962,17.272L75.013,17.318L75.105,17.355L75.117,17.417L75.162,17.432L75.257,17.484L75.342,17.491L75.433,17.528L75.479,17.55L75.497,17.635L75.424,17.683L75.451,17.813L75.461,17.86L75.434,17.93L75.48,17.952L75.403,17.984L75.266,17.933L75.233,17.972L75.226,17.941L75.175,17.895L75.116,17.811L75.027,17.789L75.018,17.743L74.934,17.744L74.923,17.69L74.885,17.706L74.945,17.798L74.99,17.813L75.038,17.843L75.082,17.85L75.13,17.881L75.192,17.98L75.242,18.018L75.323,18.001L75.373,18.039L75.498,18.037L75.431,18.115L75.479,18.146L75.513,18.106L75.574,18.198L75.632,18.274L75.613,18.383L75.519,18.338L75.473,18.316L75.397,18.356L75.447,18.394L75.502,18.454L75.471,18.509L75.392,18.534L75.401,18.58L75.519,18.539L75.5,18.648L75.579,18.623L75.586,18.654L75.631,18.669L75.684,18.722L75.668,18.846L75.624,18.839L75.556,18.917L75.498,18.841L75.362,18.797L75.268,18.752L75.298,18.69L75.197,18.614L75.12,18.646L75.086,18.685L75.137,18.731L75.179,18.73L75.163,18.653L75.231,18.776L75.247,18.853L75.294,18.876L75.336,18.875L75.384,18.905L75.482,18.965L75.498,19.042L75.618,19.009L75.611,18.978L75.654,18.978L75.641,18.916L75.72,18.891L75.767,18.913L75.941,18.933L76.014,18.877L76.058,18.884L76.148,19.106L76.27,19.281L76.295,19.396L75.806,19.5L75.235,19.619L75.114,19.652L74.664,19.742L74.173,19.839L73.315,20.01L72.781,20.1L72.167,20.218L71.713,20.288L71.261,20.365L70.764,20.423L70.641,20.443L70.102,20.504L70.02,20.517L69.647,20.558L69.682,20.513L69.392,20.549L69.357,20.594L68.739,20.684L68.285,20.748L67.831,20.81L67.83,20.802L67.417,20.857L67.375,20.855L67.41,20.803L67.528,20.74L67.652,20.723L67.689,20.686L67.884,20.581L67.967,20.569L67.959,20.515L67.985,20.4L68.108,20.375L68.225,20.312L68.254,20.22L68.207,20.187L68.243,20.142L68.324,20.123L68.355,20.047L68.342,19.953L68.565,19.763L68.762,19.679L68.796,19.626L69.111,19.222L69.16,19.27L69.083,19.313L69.172,19.348L69.178,19.395L69.19,19.473L69.283,19.538L69.288,19.569L69.413,19.567L69.462,19.615L69.511,19.663L69.673,19.631L69.781,19.518L69.821,19.504L69.812,19.45L69.847,19.405L69.897,19.461L70.034,19.535L70.147,19.453L70.304,19.389L70.346,19.39L70.416,19.307L70.367,19.259L70.397,19.19L70.486,19.224L70.532,19.248L70.567,19.211L70.752,19.061L70.791,19.046L70.844,19.117L71.028,18.967L70.973,18.889L71.047,18.829L71.079,18.775L71.035,18.759L70.983,18.696L71.014,18.634L71.008,18.596L71.1,18.404L71.098,18.389L71.164,18.29L71.233,18.206L71.284,18.022L71.276,17.975L71.303,17.891L71.333,17.822L71.404,17.754L71.356,17.714L71.424,17.631L71.485,17.508L71.434,17.453L71.485,17.269L71.614,17.302L71.718,17.427L71.889,17.461L71.927,17.439L71.989,17.324L71.98,17.277L72.005,17.185L72.027,17.077L72.065,17.062L72.054,17L72.083,16.931L72.11,16.854L72.135,16.762L72.318,16.864L72.365,16.672L72.393,16.603L72.438,16.626L72.472,16.588L72.501,16.519L72.542,16.519L72.567,16.434L72.563,16.411L72.622,16.288L72.66,16.273L72.724,16.181L72.676,16.142L72.704,16.072L72.66,16.057L72.723,15.957L72.713,15.903L72.683,15.74L72.913,15.881L73.367,16.114L73.384,15.991L73.399,15.86L73.431,15.813L73.471,15.806L73.556,15.821L73.593,15.806L73.643,15.852L73.689,15.875L73.734,15.898L73.678,16.03L73.777,16.114L73.9,16.114L74.031,16.152L74.04,16.198L74.045,16.222L74.165,16.205L74.175,16.252L74.263,16.282L74.317,16.344L74.334,16.428L74.316,16.544L74.283,16.583L74.249,16.622Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M27.463,1.061L27.364,1.024L27.319,1.052L27.268,1.101L27.33,1.143L27.329,1.271L27.321,1.301L27.336,1.378L27.372,1.38L27.387,1.328L27.437,1.407L27.499,1.449L27.465,1.568L27.448,1.627L27.382,1.6L27.397,1.548L27.378,1.486L27.338,1.499L27.259,1.388L27.276,1.329L27.291,1.277L27.308,1.217L27.241,1.198L27.222,1.136L27.203,1.074L27.267,0.98L27.322,0.916L27.373,0.866L27.438,0.893L27.421,0.952L27.476,1.016ZM27.189,2.149L27.204,2.225L27.185,2.292L27.204,2.354L27.121,2.387L27.082,2.392L27.054,2.36L27.129,2.228ZM27.319,0.545L27.336,0.614L27.281,0.679L27.241,0.691L27.251,0.783L27.177,0.785L27.127,0.706L27.091,0.704L27.026,0.677L26.971,0.613L26.953,0.551L26.941,0.467L26.947,0.445L26.958,0.408L27.026,0.428L27.015,0.465L27.071,0.521L27.115,0.494L27.091,0.455L27.139,0.413L27.23,0.351L27.295,0.378L27.377,0.474L27.292,0.513ZM27.447,0.607L27.5,0.678L27.428,0.673ZM27.389,0.557L27.407,0.619L27.361,0.654L27.344,0.585ZM32.869,1.384L32.67,2.264L32.592,2.61L32.501,3.018L32.385,3.531L32.274,4.023L32.138,4.629L32.049,5.023L32.025,5.129L32.079,5.221L32.092,5.327L32.048,5.357L32.075,5.403L32.016,5.502L32.055,5.662L31.486,5.533L30.849,5.376L29.999,5.171L29.957,5.192L29.834,5.234L29.761,5.224L29.696,5.183L29.582,5.187L29.437,5.167L29.407,5.135L29.329,5.147L29.276,5.206L29.131,5.185L28.982,5.179L28.862,5.204L28.746,5.215L28.699,5.251L28.626,5.24L28.512,5.242L28.406,5.214L28.349,5.143L28.28,5.116L28.235,5.145L28.04,5.165L27.994,5.193L27.93,5.152L27.82,5.138L27.735,5.172L27.697,5.17L27.686,5.07L27.559,4.979L27.518,4.992L27.451,4.957L27.391,4.9L27.277,4.901L27.167,4.887L27.101,4.852L27.059,4.865L27.009,4.908L26.77,4.946L26.698,4.933L26.614,4.958L26.544,4.938L26.484,4.881L26.444,4.886L26.415,4.853L26.285,4.775L26.219,4.74L26.166,4.66L26.139,4.62L26.196,4.555L26.216,4.488L26.191,4.44L26.215,4.358L26.2,4.28L26.219,4.213L26.212,4.106L26.199,4.021L26.136,3.978L26.114,3.923L26.031,3.818L25.996,3.808L25.839,3.826L25.77,3.806L25.715,3.733L25.735,3.666L25.716,3.603L25.642,3.597L25.542,3.551L25.519,3.503L25.486,3.486L25.44,3.512L25.41,3.487L25.322,3.526L25.29,3.508L25.248,3.397L25.215,3.379L25.165,3.421L25.128,3.418L25.185,3.354L25.255,3.123L25.279,2.92L25.328,3.007L25.257,3.116L25.278,3.171L25.352,3.177L25.411,3.106L25.385,2.944L25.435,2.902L25.516,2.886L25.529,2.841L25.421,2.825L25.382,2.829L25.329,2.756L25.331,2.627L25.326,2.52L25.424,2.566L25.505,2.55L25.539,2.56L25.619,2.544L25.596,2.496L25.529,2.468L25.517,2.383L25.419,2.337L25.376,2.356L25.378,2.471L25.301,2.48L25.364,2.394L25.371,2.25L25.391,2.061L25.421,1.965L25.393,1.932L25.348,1.837L25.373,1.755L25.393,1.567L25.43,1.449L25.412,1.265L25.387,1.225L25.408,1.159L25.349,1.108L25.361,1.071L25.302,1.021L25.303,0.899L25.327,0.704L25.323,0.598L25.363,0.586L25.459,0.398L25.435,0.358L25.417,0.296L25.549,0.345L25.707,0.547L25.833,0.618L25.916,0.708L25.965,0.788L26.093,0.851L26.226,0.899L26.298,0.904L26.386,0.979L26.426,0.967L26.454,0.999L26.548,1.052L26.684,1.092L26.805,1.055L26.855,1.134L26.872,1.203L26.946,1.201L26.978,1.218L26.969,1.248L27.028,1.297L27.054,1.208L27.096,1.188L27.169,1.193L27.158,1.23L27.113,1.257L27.132,1.319L27.181,1.277L27.219,1.272L27.185,1.391L27.14,1.418L27.185,1.519L27.159,1.609L27.125,1.599L27.112,1.643L27.031,1.668L27.01,1.743L26.958,1.792L26.92,1.797L26.993,1.673L26.92,1.668L26.843,1.807L26.751,1.869L26.551,2.045L26.476,2.176L26.512,2.178L26.523,2.141L26.74,1.906L26.868,1.847L26.979,1.847L27.005,1.757L27.099,1.688L27.231,1.613L27.214,1.544L27.282,1.564L27.301,1.625L27.246,1.819L27.214,1.802L27.199,1.854L27.229,1.878L27.21,1.945L27.203,1.968L27.184,2.035L27.137,2.069L27.124,2.114L27.154,2.139L27.103,2.189L27.073,2.293L27.065,2.323L27.009,2.387L27.028,2.449L26.934,2.519L26.891,2.41L26.915,2.328L26.876,2.333L26.82,2.397L26.893,2.531L26.794,2.616L26.775,2.554L26.739,2.422L26.79,2.373L26.769,2.318L26.715,2.375L26.723,2.474L26.723,2.603L26.784,2.653L26.818,2.663L26.951,2.588L26.979,2.492L27.033,2.434L27.125,2.501L27.168,2.481L27.146,2.427L27.26,2.419L27.277,2.359L27.27,2.252L27.279,2.223L27.257,2.168L27.28,2.086L27.323,2.066L27.336,2.021L27.28,1.957L27.378,1.873L27.363,1.796L27.374,1.759L27.459,1.719L27.499,1.577L27.612,1.569L27.633,1.495L27.573,1.446L27.535,1.322L27.56,1.233L27.541,1.171L27.457,1.211L27.435,1.286L27.401,1.276L27.389,1.192L27.414,1.103L27.55,1.142L27.598,1.099L27.579,1.038L27.493,0.957L27.453,0.841L27.377,0.851L27.354,0.804L27.405,0.755L27.344,0.713L27.456,0.705L27.483,0.737L27.502,0.799L27.531,0.823L27.578,0.788L27.605,0.692L27.654,0.65L27.61,0.549L27.633,0.467L27.648,0.415L27.623,0.376L27.522,0.347L27.499,0.301L27.487,0.217L27.433,0.153L27.484,0.104L27.421,0.069L27.427,0.047L27.513,0L28.116,0.172L28.449,0.273L29.021,0.422L29.422,0.538L30.095,0.714L30.635,0.852L31.175,0.986L31.784,1.133L32.328,1.252Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M71.396,15.59L71.445,15.869L71.447,15.885L71.488,16.349L71.565,16.32L71.592,16.243L71.731,16.106L71.828,15.969L71.857,15.9L71.934,15.878L72.02,15.903L72.014,15.872L72.076,15.764L72.138,15.657L72.173,15.627L72.307,15.69L72.348,15.691L72.432,15.707L72.55,15.685L72.579,15.624L72.536,15.608L72.562,15.531L72.635,15.485L72.719,15.501L72.752,15.463L72.816,15.371L72.899,15.379L72.989,15.426L72.998,15.472L73.121,15.473L73.152,15.427L73.195,15.434L73.207,15.496L73.17,15.519L73.306,15.589L73.318,15.651L73.363,15.674L73.389,15.806L73.431,15.813L73.399,15.86L73.384,15.991L73.367,16.114L72.913,15.881L72.683,15.74L72.713,15.903L72.723,15.957L72.66,16.057L72.704,16.072L72.676,16.142L72.724,16.181L72.66,16.273L72.622,16.288L72.563,16.411L72.567,16.434L72.542,16.519L72.501,16.519L72.472,16.588L72.438,16.626L72.393,16.603L72.365,16.672L72.318,16.864L72.135,16.762L72.11,16.854L72.083,16.931L72.054,17L72.065,17.062L72.027,17.077L72.005,17.185L71.98,17.277L71.989,17.324L71.927,17.439L71.889,17.461L71.718,17.427L71.614,17.302L71.485,17.269L71.434,17.453L71.485,17.508L71.424,17.631L71.356,17.714L71.404,17.754L71.333,17.822L71.303,17.891L71.276,17.975L71.284,18.022L71.233,18.206L71.164,18.29L71.098,18.389L71.1,18.404L71.008,18.596L71.014,18.634L70.983,18.696L71.035,18.759L71.079,18.775L71.047,18.829L70.973,18.889L71.028,18.967L70.844,19.117L70.791,19.046L70.752,19.061L70.567,19.211L70.532,19.248L70.486,19.224L70.397,19.19L70.367,19.259L70.416,19.307L70.346,19.39L70.304,19.389L70.147,19.453L70.034,19.535L69.897,19.461L69.847,19.405L69.812,19.45L69.821,19.504L69.781,19.518L69.673,19.631L69.511,19.663L69.462,19.615L69.413,19.567L69.288,19.569L69.283,19.538L69.19,19.473L69.178,19.395L69.172,19.348L69.083,19.313L69.16,19.27L69.111,19.222L69.03,19.234L68.945,19.222L68.937,19.168L68.896,19.174L68.848,19.125L68.761,19.098L68.713,19.057L68.661,18.985L68.651,18.915L68.563,18.88L68.55,18.787L68.418,18.734L68.449,18.658L68.404,18.633L68.349,18.537L68.301,18.488L68.254,18.447L68.247,18.401L68.279,18.333L68.235,18.315L68.269,18.262L68.258,18.184L68.252,18.145L68.237,18.036L68.32,18.048L68.433,17.976L68.511,17.949L68.542,17.881L68.524,17.756L68.561,17.727L68.641,17.716L68.675,17.663L68.623,17.591L68.617,17.552L68.559,17.433L68.629,17.351L68.616,17.266L68.68,17.145L68.715,17.108L68.71,17.069L68.789,17.057L68.796,17.104L68.837,17.106L68.888,17.17L68.856,17.23L68.902,17.263L68.976,17.212L69.005,17.136L69.01,17.167L69.03,17.029L68.98,16.973L68.976,16.942L69.013,16.92L69.047,16.875L68.994,16.796L69.026,16.735L69.063,16.714L69.053,16.644L69.173,16.633L69.197,16.526L69.301,16.407L69.345,16.432L69.352,16.478L69.434,16.482L69.504,16.407L69.543,16.401L69.573,16.332L69.609,16.303L69.639,16.234L69.742,16.122L69.807,16.016L69.884,15.996L69.867,15.887L69.901,15.85L69.853,15.802L69.882,15.733L69.872,15.671L69.907,15.634L69.893,15.548L69.921,15.472L69.941,15.349L69.935,15.31L69.929,15.272L69.916,15.194L69.945,15.126L69.977,15.073L70.008,15.02L69.996,14.942L69.966,14.763L69.956,14.701L69.944,14.624L69.896,14.576L69.923,14.5L69.964,14.501L70.036,14.457L70.17,15.272L70.255,15.784L70.963,15.665Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M58.683,6.322L58.65,6.37L58.646,6.301L58.643,6.254L58.679,6.252ZM58.331,6.459L58.402,6.439L58.405,6.493L58.37,6.503ZM58.555,6.594L58.449,6.639L58.347,6.738L58.308,6.693L58.379,6.666L58.48,6.551ZM58.546,6.431L58.581,6.429L58.549,6.493L58.478,6.505L58.475,6.458ZM58.325,6.335L58.467,6.311L58.507,6.386L58.439,6.453L58.4,6.4L58.327,6.381ZM61.866,12.736L61.522,12.758L60.948,12.804L60.795,12.823L60.297,12.852L59.875,12.865L59.569,12.885L59.416,12.895L59.071,12.916L58.841,12.929L58.838,12.874L58.716,12.74L58.482,12.682L58.364,12.617L58.362,12.586L58.319,12.486L58.315,12.408L58.275,12.37L58.27,12.284L58.227,12.177L58.22,12.051L58.256,12.003L58.253,11.94L58.325,11.858L58.244,11.76L58.166,11.725L58.163,11.662L58.12,11.57L58.155,11.506L58.113,11.437L58.111,11.39L58.071,11.337L58.064,11.204L58.097,11.109L58.054,11.001L57.935,10.882L57.855,10.784L57.817,10.762L57.703,10.752L57.664,10.706L57.585,10.624L57.47,10.566L57.393,10.515L57.388,10.406L57.35,10.392L57.347,10.321L57.308,10.284L57.193,10.226L57.042,10.177L56.966,10.134L56.925,10.041L56.886,10.011L56.7,10.003L56.661,9.957L56.586,9.937L56.585,9.905L56.469,9.792L56.393,9.748L56.426,9.614L56.423,9.536L56.458,9.472L56.42,9.427L56.417,9.341L56.416,9.31L56.414,9.263L56.45,9.222L56.409,9.115L56.444,9.059L56.441,8.957L56.475,8.886L56.474,8.863L56.546,8.798L56.543,8.735L56.466,8.629L56.465,8.59L56.39,8.553L56.354,8.562L56.28,8.549L56.277,8.456L56.31,8.338L56.38,8.265L56.447,8.076L56.518,8.019L56.59,7.985L56.624,7.937L56.698,7.95L56.731,7.871L56.805,7.892L56.838,7.812L56.874,7.795L56.84,6.933L56.913,6.953L56.98,6.826L57.016,6.809L57.09,6.868L57.164,6.904L57.308,6.882L57.485,6.812L57.555,6.77L57.591,6.768L57.697,6.717L57.733,6.715L57.767,6.674L57.837,6.648L57.871,6.599L57.944,6.627L57.979,6.602L58.015,6.6L58.118,6.509L58.117,6.478L58.189,6.49L58.223,6.449L58.259,6.447L58.335,6.528L58.305,6.639L58.239,6.743L58.279,6.819L58.21,6.877L58.179,6.972L58.216,6.994L58.355,6.893L58.388,6.829L58.539,6.952L58.613,6.972L58.612,6.964L58.722,6.989L58.761,7.033L58.795,7L58.872,7.073L58.908,7.071L58.986,7.16L59.029,7.274L59.031,7.305L59.695,7.441L60.101,7.521L60.366,7.65L60.441,7.675L60.476,7.657L60.589,7.703L60.623,7.661L60.696,7.663L60.809,7.709L60.844,7.683L60.883,7.719L61.068,7.743L61.106,7.763L61.15,7.853L61.082,7.913L61.159,7.954L61.196,7.958L61.23,7.932L61.271,7.983L61.344,7.977L61.423,8.041L61.464,8.092L61.431,8.134L61.472,8.185L61.482,8.294L61.486,8.348L61.454,8.398L61.421,8.448L61.425,8.487L61.429,8.541L61.468,8.561L61.542,8.563L61.61,8.494L61.649,8.522L61.653,8.568L61.624,8.657L61.6,8.808L61.641,8.851L61.683,8.903L61.758,8.912L61.728,8.993L61.737,9.094L61.591,9.122L61.518,9.144L61.523,9.199L61.526,9.238L61.495,9.311L61.46,9.337L61.432,9.442L61.4,9.499L61.377,9.674L61.344,9.723L61.385,9.767L61.459,9.761L61.525,9.653L61.595,9.6L61.631,9.589L61.662,9.516L61.658,9.469L61.755,9.296L61.861,9.239L61.899,9.244L61.967,9.175L61.993,9.055L62.024,8.982L62.091,8.905L62.079,8.781L62.154,8.782L62.223,8.736L62.214,8.635L62.318,8.562L62.355,8.567L62.362,8.637L62.33,8.687L62.292,8.682L62.306,8.83L62.311,8.877L62.278,8.927L62.241,8.922L62.211,8.996L62.18,9.061L62.185,9.116L62.152,9.166L62.156,9.205L62.122,9.247L62.091,9.313L62.066,9.44L62.002,9.564L61.969,9.614L61.939,9.695L61.895,10.037L61.944,10.166L61.951,10.244L61.881,10.297L61.812,10.366L61.818,10.444L61.785,10.494L61.766,10.7L61.774,10.801L61.817,10.86L61.791,10.988L61.73,11.166L61.739,11.268L61.743,11.315L61.677,11.423L61.657,11.637L61.705,11.751L61.671,11.801L61.717,11.891L61.683,11.941L61.688,12.004L61.771,12.075L61.74,12.157L61.784,12.232L61.867,12.303L61.839,12.416L61.809,12.513L61.823,12.685ZM62.424,8.505L62.349,8.497L62.376,8.392L62.486,8.39Z"></path></g></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 0px; bottom: 0px; left: 0px;">  <div class="map-labels svelte-vevpxr" style="aspect-ratio: 1;"> <div class="map-label svelte-vevpxr" style="left: 64.49079353189929%; top: 27.139177480323198%;">AL</div> <div class="map-label svelte-vevpxr" style="left: 27.725494720119944%; top: 32.16585747860627%;">AK</div> <div class="map-label svelte-vevpxr" style="left: 34.73391825889259%; top: 23.88611664910701%;">AZ</div> <div class="map-label svelte-vevpxr" style="left: 57.28745321585845%; top: 24.43232909887059%;">AR</div> <div class="map-label svelte-vevpxr" style="left: 26.158613635087224%; top: 19.354782315808933%;">CA</div> <div class="map-label svelte-vevpxr" style="left: 42.303955166461726%; top: 18.73912662458782%;">CO</div> <div class="map-label svelte-vevpxr" style="left: 71.85497169861037%; top: 33.46638773179554%;">FL</div> <div class="map-label svelte-vevpxr" style="left: 68.84519737772102%; top: 27.781652049826853%;">GA</div> <div class="map-label svelte-vevpxr" style="left: 38.691814368288725%; top: 35.46304470044995%;">HI</div> <div class="map-label svelte-vevpxr" style="left: 33.73738546061735%; top: 9.74282279711528%;">ID</div> <div class="map-label svelte-vevpxr" style="left: 60.65581750879768%; top: 16.89003509069787%;">IL</div> <div class="map-label svelte-vevpxr" style="left: 63.97474018387497%; top: 16.56989808223117%;">IN</div> <div class="map-label svelte-vevpxr" style="left: 55.958924785348486%; top: 14.677746167733986%;">IA</div> <div class="map-label svelte-vevpxr" style="left: 50.46576196356229%; top: 19.544062255312156%;">KS</div> <div class="map-label svelte-vevpxr" style="left: 66.49665877272798%; top: 20.227743508064606%;">KY</div> <div class="map-label svelte-vevpxr" style="left: 57.77812036017639%; top: 31.531270271417576%;">LA</div> <div class="map-label svelte-vevpxr" style="left: 80.41423710452945%; top: 5.157382493501245%;">ME</div> <div class="map-label svelte-vevpxr" style="left: 65.18821541318533%; top: 12.67523699183618%;">MI</div> <div class="map-label svelte-vevpxr" style="left: 54.615712608868016%; top: 7.326637773464313%;">MN</div> <div class="map-label svelte-vevpxr" style="left: 60.79935662122264%; top: 27.443393450526045%;">MS</div> <div class="map-label svelte-vevpxr" style="left: 57.20624192457669%; top: 20.3830110480653%;">MO</div> <div class="map-label svelte-vevpxr" style="left: 39.05021279858778%; top: 5.949632178877451%;">MT</div> <div class="map-label svelte-vevpxr" style="left: 49.0964259921124%; top: 15.228242703181294%;">NE</div> <div class="map-label svelte-vevpxr" style="left: 30.053852971492553%; top: 16.18451384842843%;">NV</div> <div class="map-label svelte-vevpxr" style="left: 41.121069289806975%; top: 24.74538679895749%;">NM</div> <div class="map-label svelte-vevpxr" style="left: 75.3275932370288%; top: 10.941047619524639%;">NY</div> <div class="map-label svelte-vevpxr" style="left: 72.27252519374228%; top: 22.18512239454835%;">NC</div> <div class="map-label svelte-vevpxr" style="left: 48.793019518712335%; top: 6.7175490708455925%;">ND</div> <div class="map-label svelte-vevpxr" style="left: 67.56667841134517%; top: 15.779134545214227%;">OH</div> <div class="map-label svelte-vevpxr" style="left: 51.6813535544928%; top: 24.132993960412904%;">OK</div> <div class="map-label svelte-vevpxr" style="left: 27.467588600192933%; top: 8.705512329438179%;">OR</div> <div class="map-label svelte-vevpxr" style="left: 73.25315663218669%; top: 14.230943929193892%;">PA</div> <div class="map-label svelte-vevpxr" style="left: 71.23573125750211%; top: 24.90712939782844%;">SC</div> <div class="map-label svelte-vevpxr" style="left: 48.670906761965995%; top: 10.802110203111923%;">SD</div> <div class="map-label svelte-vevpxr" style="left: 64.89372488792783%; top: 22.9311812302779%;">TN</div> <div class="map-label svelte-vevpxr" style="left: 49.28871020459013%; top: 29.95269766654213%;">TX</div> <div class="map-label svelte-vevpxr" style="left: 35.71748398802005%; top: 16.824857103066655%;">UT</div> <div class="map-label svelte-vevpxr" style="left: 73.04541909980942%; top: 19.21906656863186%;">VA</div> <div class="map-label svelte-vevpxr" style="left: 29.353209445498376%; top: 3.9584382426041316%;">WA</div> <div class="map-label svelte-vevpxr" style="left: 59.287476826000436%; top: 11.001929666004578%;">WI</div> <div class="map-label svelte-vevpxr" style="left: 40.877068070074%; top: 11.623039955519289%;">WY</div> </div> </div></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Column" class="svelte-9objxt">Column annotated</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/3dcdfc8c7aab4ca5a82f912f377a25e2?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-93joy6">  <div class="layercake-container svelte-vhzpsp" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 20px; width: calc(100% - 20px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <g class="column-group">     <rect class="group-rect" data-id="0" data-range="1979" data-count="2" x="0" y="88.88888888888889" width="19" height="11.111111111111114" fill="#00e047" stroke="#000" stroke-width="0"></rect>      <rect class="group-rect" data-id="1" data-range="1980" data-count="3" x="20" y="83.33333333333334" width="19" height="16.666666666666657" fill="#00e047" stroke="#000" stroke-width="0"></rect>      <rect class="group-rect" data-id="2" data-range="1981" data-count="5" x="40" y="72.22222222222221" width="19" height="27.777777777777786" fill="#00e047" stroke="#000" stroke-width="0"></rect>      <rect class="group-rect" data-id="3" data-range="1982" data-count="8" x="60" y="55.55555555555556" width="19" height="44.44444444444444" fill="#00e047" stroke="#000" stroke-width="0"></rect>      <rect class="group-rect" data-id="4" data-range="1983" data-count="18" x="80" y="0" width="19" height="100" fill="#00e047" stroke="#000" stroke-width="0"></rect> </g></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 0px; bottom: 20px; left: 20px;">  <div class="axis x-axis svelte-fdkjmm">    <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 9.5%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1979</div> </div>    <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 29.5%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>    <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 49.5%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1981</div> </div>    <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 69.5%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1982</div> </div>    <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 89.5%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1983</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:72.22222222222221%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">5</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:44.44444444444444%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">10</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:16.666666666666664%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">15</div> </div> </div>   <div class="layercake-annotations"><div class="layercake-annotation svelte-xdvye1" data-id="0" style="top:18%;left:30%;">Example text...</div> </div> </div></div>    </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/ColumnStacked" class="svelte-9objxt">Stacked column</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/9d7b933184db447c83cc315ad278dabd?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 0px; bottom: 20px; left: 20px;">  <div class="axis x-axis svelte-fdkjmm">    <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 12%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2019</div> </div>    <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 37%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2018</div> </div>    <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 62%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2017</div> </div>    <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 87%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2016</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:71.91011235955057%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">2k</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:43.82022471910112%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">4k</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:15.73033707865169%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">6k</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 20px; width: calc(100% - 20px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <g class="column-group">  <rect class="group-rect" data-id="0" x="0" y="46.06741573033708" width="24" height="53.93258426966292" fill="#00e047"></rect>  <rect class="group-rect" data-id="0" x="25" y="77.52808988764045" width="24" height="22.471910112359552" fill="#00e047"></rect>  <rect class="group-rect" data-id="0" x="50" y="88.48314606741573" width="24" height="11.516853932584269" fill="#00e047"></rect>  <rect class="group-rect" data-id="0" x="75" y="88.48314606741573" width="24" height="11.516853932584269" fill="#00e047"></rect>  <rect class="group-rect" data-id="1" x="0" y="19.10112359550562" width="24" height="26.966292134831463" fill="#7ceb68"></rect>  <rect class="group-rect" data-id="1" x="25" y="57.30337078651686" width="24" height="20.22471910112359" fill="#7ceb68"></rect>  <rect class="group-rect" data-id="1" x="50" y="74.43820224719101" width="24" height="14.044943820224717" fill="#7ceb68"></rect>  <rect class="group-rect" data-id="1" x="75" y="80.6179775280899" width="24" height="7.865168539325836" fill="#7ceb68"></rect>  <rect class="group-rect" data-id="2" x="0" y="5.61797752808989" width="24" height="13.48314606741573" fill="#b7f486"></rect>  <rect class="group-rect" data-id="2" x="25" y="43.82022471910112" width="24" height="13.483146067415738" fill="#b7f486"></rect>  <rect class="group-rect" data-id="2" x="50" y="65.4494382022472" width="24" height="8.98876404494382" fill="#b7f486"></rect>  <rect class="group-rect" data-id="2" x="75" y="70.50561797752809" width="24" height="10.112359550561806" fill="#b7f486"></rect>  <rect class="group-rect" data-id="3" x="0" y="0" width="24" height="5.61797752808989" fill="#ecfda5"></rect>  <rect class="group-rect" data-id="3" x="25" y="38.20224719101124" width="24" height="5.617977528089881" fill="#ecfda5"></rect>  <rect class="group-rect" data-id="3" x="50" y="59.8314606741573" width="24" height="5.617977528089895" fill="#ecfda5"></rect>  <rect class="group-rect" data-id="3" x="75" y="64.8876404494382" width="24" height="5.617977528089895" fill="#ecfda5"></rect></g></svg></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Bar" class="svelte-9objxt">Bar</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/3e18cab5e88a4b29a14a08fdccd418c2?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 20px; bottom: 20px; left: 35px;">  <div class="axis x-axis svelte-fdkjmm"> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 0%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 0%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">0</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 11.11111111111111%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 11.11111111111111%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 22.22222222222222%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 22.22222222222222%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">4</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 33.33333333333333%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 33.33333333333333%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">6</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 44.44444444444444%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 44.44444444444444%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">8</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 55.55555555555556%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 55.55555555555556%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">10</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 66.66666666666666%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 66.66666666666666%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">12</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 77.77777777777779%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 77.77777777777779%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">14</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 88.88888888888889%;"></div>  <div class="tick tick-8 svelte-fdkjmm" style="top: calc(100% + 0px); left: 88.88888888888889%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">16</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 100%;"></div>  <div class="tick tick-9 svelte-fdkjmm" style="top: calc(100% + 0px); left: 100%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">18</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:10.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1979</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:30.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1980</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:50.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1981</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:70.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1982</div> </div> <div class="tick tick-4 svelte-1jmrx3z" style="left:0%;top:90.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1983</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 35px; width: calc(100% - 55px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <g class="bar-group"><rect class="group-rect" data-id="0" x="0" y="1" height="19" width="11.11111111111111" fill="#00bbff"></rect><rect class="group-rect" data-id="1" x="0" y="21" height="19" width="16.666666666666664" fill="#00bbff"></rect><rect class="group-rect" data-id="2" x="0" y="41" height="19" width="27.77777777777778" fill="#00bbff"></rect><rect class="group-rect" data-id="3" x="0" y="61" height="19" width="44.44444444444444" fill="#00bbff"></rect><rect class="group-rect" data-id="4" x="0" y="81" height="19" width="100" fill="#00bbff"></rect></g></svg></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/BarStacked" class="svelte-9objxt">Stacked bar</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/af5ce39a12d74ed7a484010a49f09eaa?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 0px; bottom: 20px; left: 35px;">  <div class="axis x-axis svelte-fdkjmm"> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 0%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 0%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">0</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 14.04494382022472%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 14.04494382022472%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 28.08988764044944%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 28.08988764044944%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 42.13483146067416%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 42.13483146067416%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">3k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.17977528089888%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.17977528089888%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">4k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 70.2247191011236%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 70.2247191011236%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">5k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 84.26966292134831%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 84.26966292134831%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">6k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 98.31460674157303%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 98.31460674157303%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">7k</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:13%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2016</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:38%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2017</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:63%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2018</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:88%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2019</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 35px; width: calc(100% - 35px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <g class="bar-group"><rect class="group-rect" data-id="0" x="0" y="76" height="24" width="53.93258426966292" fill="#00bbff"></rect><rect class="group-rect" data-id="1" x="0" y="51" height="24" width="22.47191011235955" fill="#00bbff"></rect><rect class="group-rect" data-id="2" x="0" y="26" height="24" width="11.51685393258427" fill="#00bbff"></rect><rect class="group-rect" data-id="3" x="0" y="1" height="24" width="11.51685393258427" fill="#00bbff"></rect><rect class="group-rect" data-id="0" x="53.93258426966292" y="76" height="24" width="26.966292134831455" fill="#8bcef6"></rect><rect class="group-rect" data-id="1" x="22.47191011235955" y="51" height="24" width="20.224719101123593" fill="#8bcef6"></rect><rect class="group-rect" data-id="2" x="11.51685393258427" y="26" height="24" width="14.044943820224718" fill="#8bcef6"></rect><rect class="group-rect" data-id="3" x="11.51685393258427" y="1" height="24" width="7.8651685393258415" fill="#8bcef6"></rect><rect class="group-rect" data-id="0" x="80.89887640449437" y="76" height="24" width="13.483146067415731" fill="#c4e2ed"></rect><rect class="group-rect" data-id="1" x="42.69662921348314" y="51" height="24" width="13.483146067415738" fill="#c4e2ed"></rect><rect class="group-rect" data-id="2" x="25.56179775280899" y="26" height="24" width="8.988764044943824" fill="#c4e2ed"></rect><rect class="group-rect" data-id="3" x="19.382022471910112" y="1" height="24" width="10.112359550561798" fill="#c4e2ed"></rect><rect class="group-rect" data-id="0" x="94.3820224719101" y="76" height="24" width="5.617977528089895" fill="#f7f6e3"></rect><rect class="group-rect" data-id="1" x="56.17977528089888" y="51" height="24" width="5.617977528089881" fill="#f7f6e3"></rect><rect class="group-rect" data-id="2" x="34.55056179775281" y="26" height="24" width="5.617977528089881" fill="#f7f6e3"></rect><rect class="group-rect" data-id="3" x="29.49438202247191" y="1" height="24" width="5.617977528089888" fill="#f7f6e3"></rect></g></svg></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/MultiLine" class="svelte-9objxt">Multiline (html labels + quadtree tooltip)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/ea09c9f533594b3ab9ebb509c9bfc03a?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 7px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">   <div class="tick-mark svelte-fdkjmm" style="left: 0%; height: 6px; bottom: -6px;"></div> <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 0%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Jan.  1</div> </div>   <div class="tick-mark svelte-fdkjmm" style="left: 34.46039833256137%; height: 6px; bottom: -6px;"></div> <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 34.46039833256137%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Feb.  1</div> </div>   <div class="tick-mark svelte-fdkjmm" style="left: 65.58591940713293%; height: 6px; bottom: -6px;"></div> <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 65.58591940713293%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Mar.  1</div> </div>   <div class="tick-mark svelte-fdkjmm" style="left: 100%; height: 6px; bottom: -6px;"></div> <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 100%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Apr.  1</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:73.95833333333333%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">1k</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:47.916666666666664%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">2k</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:21.875%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">3k</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 7px; left: 25px; width: calc(100% - 35px); height: calc(100% - 27px);" class="svelte-6sm8ei"><defs></defs>  <g class="line-group"><path class="path-line svelte-tqv5lw" d="M100,0L65.58591940713293,58.33333333333333L34.46039833256137,83.33333333333334L0,91.66666666666666" stroke="#ffe4b8"></path><path class="path-line svelte-tqv5lw" d="M100,50L65.58591940713293,62.5L34.46039833256137,75L0,87.5" stroke="#ffb3c0"></path><path class="path-line svelte-tqv5lw" d="M100,75L65.58591940713293,75L34.46039833256137,83.33333333333334L0,83.33333333333334" stroke="#ff7ac7"></path><path class="path-line svelte-tqv5lw" d="M100,89.58333333333334L65.58591940713293,89.58333333333334L34.46039833256137,89.58333333333334L0,89.58333333333334" stroke="#ff00cc"></path></g></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 7px; right: 10px; bottom: 20px; left: 25px;">  <div class="label svelte-x0qwpz" style="top:0%; left:100%;">Apples</div><div class="label svelte-x0qwpz" style="top:50%; left:100%;">Bananas</div><div class="label svelte-x0qwpz" style="top:75%; left:100%;">Cherries</div><div class="label svelte-x0qwpz" style="top:89.58333333333334%; left:100%;">Dates</div>       <div class="bg svelte-19xh5jy"></div>  </div></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/AreaStacked" class="svelte-9objxt">Stacked area</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/1eb71294f7c147ce906aa2dfc6e2f64e?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 0px; bottom: 20px; left: 17px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 11.728680973701817%;"></div> <div class="tick-mark svelte-fdkjmm" style="left: 11.728680973701817%; height: 6px; bottom: -6px;"></div> <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 11.728680973701817%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Jan. 11</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 24.59471977767485%;"></div> <div class="tick-mark svelte-fdkjmm" style="left: 24.59471977767485%; height: 6px; bottom: -6px;"></div> <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 24.59471977767485%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Jan. 23</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 37.46075858164789%;"></div> <div class="tick-mark svelte-fdkjmm" style="left: 37.46075858164789%; height: 6px; bottom: -6px;"></div> <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 37.46075858164789%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Feb. 3</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 50.326797385620914%;"></div> <div class="tick-mark svelte-fdkjmm" style="left: 50.326797385620914%; height: 6px; bottom: -6px;"></div> <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 50.326797385620914%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Feb. 15</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 63.19283618959395%;"></div> <div class="tick-mark svelte-fdkjmm" style="left: 63.19283618959395%; height: 6px; bottom: -6px;"></div> <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 63.19283618959395%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Feb. 26</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 76.05887499356699%;"></div> <div class="tick-mark svelte-fdkjmm" style="left: 76.05887499356699%; height: 6px; bottom: -6px;"></div> <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 76.05887499356699%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Mar. 10</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 88.92491379754001%;"></div> <div class="tick-mark svelte-fdkjmm" style="left: 88.92491379754001%; height: 6px; bottom: -6px;"></div> <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 88.92491379754001%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Mar. 22</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:71.91011235955057%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">2k</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:43.82022471910112%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">4k</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:15.73033707865169%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">6k</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 17px; width: calc(100% - 17px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <g class="area-group"><path class="path-area" d="M100,46.067L65.586,77.528L34.46,91.011L0,95.506L0,100L34.46,100L65.586,100L100,100Z" fill="#ff00cc"></path><path class="path-area" d="M100,19.101L65.586,57.303L34.46,77.528L0,88.764L0,95.506L34.46,91.011L65.586,77.528L100,46.067Z" fill="#ff7ac7"></path><path class="path-area" d="M100,5.618L65.586,43.82L34.46,68.539L0,79.775L0,88.764L34.46,77.528L65.586,57.303L100,19.101Z" fill="#ffb3c0"></path><path class="path-area" d="M100,0L65.586,38.202L34.46,62.921L0,74.157L0,79.775L34.46,68.539L65.586,43.82L100,5.618Z" fill="#ffe4b8"></path></g></svg></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Scatter" class="svelte-9objxt">Scatter (html)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/9862620a31cd4f9dac8191df953e4532?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 10px; right: 5px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 5.067567567567402%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 5.067567567567402%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 17.905405405405286%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 17.905405405405286%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1985</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 30.743243243243175%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 30.743243243243175%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 43.58108108108106%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 43.58108108108106%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1995</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.41891891891895%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.41891891891895%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 69.25675675675683%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 69.25675675675683%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2005</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 82.09459459459471%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 82.09459459459471%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 94.9324324324326%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 94.9324324324326%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2015</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:89.00588235294119%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">4</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:66.65294117647058%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">5</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:44.3%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">6</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:21.947058823529396%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">7</div> </div> </div>   <div class="scatter-group"><div class="circle svelte-icbw6q" style="left: 2.499999999999825%; top: 17.69999999999998%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 5.067567567567402%; top: 3.394117647058792%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 7.63513513513498%; top: 16.58235294117645%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 10.202702702702556%; top: 12.111764705882333%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 12.770270270270135%; top: 10.547058823529387%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 15.337837837837709%; top: 19.711764705882352%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 17.905405405405286%; top: 23.958823529411756%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 20.472972972972865%; top: 10.099999999999987%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 23.04054054054044%; top: 11.441176470588232%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 25.60810810810802%; top: 11.217647058823509%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 28.175675675675592%; top: 21.276470588235274%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 30.743243243243175%; top: 39.15882352941175%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 33.31081081081075%; top: 32.22941176470587%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 35.87837837837833%; top: 9.876470588235286%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 38.4459459459459%; top: 33.12352941176469%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 41.01351351351348%; top: 17.923529411764704%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 43.58108108108106%; top: 41.617647058823515%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 46.14864864864863%; top: 2.499999999999991%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 48.71621621621621%; top: 27.982352941176448%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 51.28378378378379%; top: 32.00588235294117%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 53.85135135135136%; top: 39.15882352941175%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 56.41891891891895%; top: 37.37058823529412%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 58.98648648648652%; top: 27.758823529411746%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 61.5540540540541%; top: 45.41764705882352%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 64.12162162162167%; top: 41.39411764705881%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 66.68918918918925%; top: 43.40588235294117%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 69.25675675675683%; top: 54.13529411764706%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 71.82432432432441%; top: 46.31176470588234%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 74.39189189189199%; top: 82.52352941176471%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 76.95945945945955%; top: 72.91176470588235%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 79.52702702702713%; top: 58.15882352941176%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 82.09459459459471%; top: 68.44117647058823%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 84.66216216216229%; top: 75.3705882352941%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 87.22972972972987%; top: 97.5%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 89.79729729729743%; top: 58.82941176470589%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 92.36486486486503%; top: 60.39411764705882%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 94.9324324324326%; top: 74.9235294117647%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 97.50000000000017%; top: 72.91176470588235%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div> </div> </div></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/ClevelandDotPlot" class="svelte-9objxt">Cleveland dot plot</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/f3f78a8b122b40dda9ac1e32dee0737f?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 10px; bottom: 20px; left: 30px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">0</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 14.760416666666668%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 14.760416666666668%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">500</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 27.520833333333332%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 27.520833333333332%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 40.28124999999999%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 40.28124999999999%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1500</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 53.041666666666664%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 53.041666666666664%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 65.80208333333333%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 65.80208333333333%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2500</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 78.5625%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 78.5625%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">3000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 91.32291666666667%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 91.32291666666667%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">3500</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:13%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2016</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:38%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2017</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:63%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2018</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:88%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2019</div> </div> </div>   <div class="dot-plot">  <div class="dot-row"><div class="line svelte-1j3utxh" style="left: 12.208333333333336%; top: 88%; right: 0%;"></div> <div class="circle svelte-1j3utxh" style="left: 100%; top: 88%; width: 10px; height: 10px; background: #f0c;"></div><div class="circle svelte-1j3utxh" style="left: 51%; top: 88%; width: 10px; height: 10px; background: #00bbff;"></div><div class="circle svelte-1j3utxh" style="left: 26.499999999999996%; top: 88%; width: 10px; height: 10px; background: #00e047;"></div><div class="circle svelte-1j3utxh" style="left: 12.208333333333336%; top: 88%; width: 10px; height: 10px; background: #ff7a33;"></div> </div>  <div class="dot-row"><div class="line svelte-1j3utxh" style="left: 12.208333333333336%; top: 63%; right: 57.166666666666664%;"></div> <div class="circle svelte-1j3utxh" style="left: 42.833333333333336%; top: 63%; width: 10px; height: 10px; background: #f0c;"></div><div class="circle svelte-1j3utxh" style="left: 38.75%; top: 63%; width: 10px; height: 10px; background: #00bbff;"></div><div class="circle svelte-1j3utxh" style="left: 26.499999999999996%; top: 63%; width: 10px; height: 10px; background: #00e047;"></div><div class="circle svelte-1j3utxh" style="left: 12.208333333333336%; top: 63%; width: 10px; height: 10px; background: #ff7a33;"></div> </div>  <div class="dot-row"><div class="line svelte-1j3utxh" style="left: 12.208333333333336%; top: 38%; right: 72.47916666666667%;"></div> <div class="circle svelte-1j3utxh" style="left: 22.927083333333336%; top: 38%; width: 10px; height: 10px; background: #f0c;"></div><div class="circle svelte-1j3utxh" style="left: 27.520833333333332%; top: 38%; width: 10px; height: 10px; background: #00bbff;"></div><div class="circle svelte-1j3utxh" style="left: 18.333333333333336%; top: 38%; width: 10px; height: 10px; background: #00e047;"></div><div class="circle svelte-1j3utxh" style="left: 12.208333333333336%; top: 38%; width: 10px; height: 10px; background: #ff7a33;"></div> </div>  <div class="dot-row"><div class="line svelte-1j3utxh" style="left: 12.208333333333336%; top: 13%; right: 77.07291666666666%;"></div> <div class="circle svelte-1j3utxh" style="left: 22.927083333333336%; top: 13%; width: 10px; height: 10px; background: #f0c;"></div><div class="circle svelte-1j3utxh" style="left: 16.291666666666668%; top: 13%; width: 10px; height: 10px; background: #00bbff;"></div><div class="circle svelte-1j3utxh" style="left: 20.375%; top: 13%; width: 10px; height: 10px; background: #00e047;"></div><div class="circle svelte-1j3utxh" style="left: 12.208333333333336%; top: 13%; width: 10px; height: 10px; background: #ff7a33;"></div> </div> </div> </div></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Calendar" class="svelte-9objxt">Calendar (one cake per month)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/c1e6634def024499ad026ecab3c39499?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-xb94lj" style="width:calc(50% - 10px);margin-right:20px" data-month="May">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px);" class="svelte-6sm8ei"><defs></defs>  <rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="0" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="0" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="0" style="fill:#ffcc00;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="0" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="0" style="fill:#ffd754;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="0" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="0" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="14.285714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="14.285714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="14.285714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="14.285714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="14.285714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="14.285714285714286" style="fill:#ffe182;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="14.285714285714286" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="28.571428571428573" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="28.571428571428573" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="28.571428571428573" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="28.571428571428573" style="fill:#ffe182;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="28.571428571428573" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="28.571428571428573" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="28.571428571428573" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="42.85714285714286" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="42.85714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="42.85714285714286" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="42.85714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="57.142857142857146" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="57.142857142857146" style="fill:#fff;"></rect> </svg> </div> </div><div class="chart-container svelte-xb94lj" style="width:calc(50% - 10px);" data-month="August">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px);" class="svelte-6sm8ei"><defs></defs>  <rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="0" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="0" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="0" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="0" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="0" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="0" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="0" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="14.285714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="14.285714285714286" style="fill:#ffd754;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="14.285714285714286" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="14.285714285714286" style="fill:#ffe182;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="14.285714285714286" style="fill:#ffcc00;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="14.285714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="14.285714285714286" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="28.571428571428573" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="28.571428571428573" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="28.571428571428573" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="28.571428571428573" style="fill:#ffe182;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="28.571428571428573" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="28.571428571428573" style="fill:#ffe182;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="28.571428571428573" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="42.85714285714286" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="57.142857142857146" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="57.142857142857146" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="57.142857142857146" style="fill:#fff;"></rect> </svg> </div> </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Timeplot" class="svelte-9objxt">Time of day plot</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/3142518ab68f493cad0e327dba5cae1a?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 15px; bottom: 20px; left: 75px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">0:00</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 18%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 18%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">4:00</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 34%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 34%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">8:00</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 50%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 50%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">12:00</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 66%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 66%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">16:00</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 82%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 82%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">20:00</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 98%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 98%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">24:00</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:7.5%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 72.5px; left: -72.5px; transform: translate(-3px, calc(-50% + 1px));">2018-07-22</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:21.5%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 72.5px; left: -72.5px; transform: translate(-3px, calc(-50% + 1px));">2018-07-23</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:35.5%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 72.5px; left: -72.5px; transform: translate(-3px, calc(-50% + 1px));">2018-07-24</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:49.5%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 72.5px; left: -72.5px; transform: translate(-3px, calc(-50% + 1px));">2018-07-25</div> </div> <div class="tick tick-4 svelte-1jmrx3z" style="left:0%;top:63.5%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 72.5px; left: -72.5px; transform: translate(-3px, calc(-50% + 1px));">2018-07-26</div> </div> <div class="tick tick-5 svelte-1jmrx3z" style="left:0%;top:77.5%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 72.5px; left: -72.5px; transform: translate(-3px, calc(-50% + 1px));">2018-07-27</div> </div> <div class="tick tick-6 svelte-1jmrx3z" style="left:0%;top:91.5%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 72.5px; left: -72.5px; transform: translate(-3px, calc(-50% + 1px));">2018-07-28</div> </div> </div>   <div class="scatter-group"><div class="circle svelte-icbw6q" style="left: 91.72777777777777%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 80.36555555555556%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 77.64666666666666%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 10.398888888888889%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 5.668888888888889%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 5.533333333333333%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 96.17444444444445%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 73.52777777777779%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 73.46777777777777%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 72.15666666666667%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 68.55777777777777%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 68.55555555555556%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 86.49777777777777%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 8.452222222222222%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.004444444444444%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 83.03888888888889%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 14.33888888888889%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.753333333333334%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 10.792222222222222%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 10.587777777777777%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 10.148888888888889%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 18.89888888888889%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 15.664444444444445%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 15.594444444444445%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 15.468888888888888%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 76.47222222222221%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 8.32%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.775555555555555%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.1611111111111105%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 96.14111111111112%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 75.73777777777778%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 75.70555555555556%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.764444444444447%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 68.26333333333334%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 65.48444444444445%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 84.08%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 83.81222222222222%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 59.153333333333336%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 17.297777777777778%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 16.836666666666666%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 15.383333333333333%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 9.161111111111111%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 7.751111111111111%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 7.127777777777777%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 5.35%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 79.09%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 12.55%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.261111111111112%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.061111111111111%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 5.967777777777778%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 78.44%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 78.22%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.388888888888888%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 96.90222222222222%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 72.65888888888888%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 72.48333333333333%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 65.34666666666666%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 17.15111111111111%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 14.423333333333332%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.971111111111112%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 85.59222222222222%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 8.531111111111112%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 8.158888888888889%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 8.01%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 70.24333333333334%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 66.04333333333334%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 65.98222222222222%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 91.99444444444444%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.978888888888887%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.906666666666666%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.778888888888888%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 11.462222222222222%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 11.363333333333333%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 11.027777777777779%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 11.508888888888889%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 11.294444444444444%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 93.25555555555556%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 29.488888888888887%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 29.01%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 87.21222222222222%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 72.37444444444444%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 9.52888888888889%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.506666666666666%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.374444444444445%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.363333333333333%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 71.64888888888889%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 65.56222222222222%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 64.19888888888889%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 72.24222222222222%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 63.9%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 63.11111111111111%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 62.519999999999996%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 57.775555555555556%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 21.066666666666666%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.317777777777778%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.265555555555554%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 18.97888888888889%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 17.601111111111113%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 17.544444444444444%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 11.868888888888888%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 72.7811111111111%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 20.81111111111111%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 20.692222222222224%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 20.677777777777777%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 8.10888888888889%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 3.535555555555556%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 75.14444444444445%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 74.55666666666667%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 63.98444444444444%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 63.03666666666666%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 21.643333333333334%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.853333333333335%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.641111111111112%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 18.583333333333332%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 17.58888888888889%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 16.825555555555553%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 78.23%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 4.176666666666667%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 4.168888888888889%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.822222222222221%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.644444444444446%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.892222222222223%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 11.312222222222221%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 5.390000000000001%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 4.724444444444444%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 89.60666666666667%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 89.54333333333334%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 78.63333333333333%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 77.67111111111112%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 77.44888888888889%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 71.63111111111111%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 12.086666666666666%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.355555555555558%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.28111111111111%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.10111111111111%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div> </div> </div></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Histogram" class="svelte-9objxt">Histogram (variable bins)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/74c8fd12be824840bb78bcaa2eea33bb?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="input-container" style="position: absolute;right:10px;z-index: 9;"><input style="margin:0;" type="range" min="4" max="100" step="4" class="svelte-1jk7v2q" value="40"> <span class="counter-container" style="display:inline-block;vertical-align:top;width: 70px;text-align:right;">40 bins</span></div> <div class="chart-container svelte-1jk7v2q">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 20px; right: 5px; bottom: 20px; left: 31px;">  <div class="axis x-axis svelte-fdkjmm"> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div>   <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 1.2195121951219512%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1.6</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div>   <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 15.853658536585364%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">5.32</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div>   <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 30.487804878048777%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">9.04</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div>   <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 45.12195121951219%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">12.76</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div>   <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 59.756097560975604%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">16.48</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div>   <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 74.39024390243902%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">20.2</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div>   <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 89.02439024390243%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">23.92</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 21.75px; left: -21.75px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:64.60176991150442%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 21.75px; left: -21.75px; transform: translate(-3px, calc(-50% + 1px));">200</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:29.20353982300885%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 21.75px; left: -21.75px; transform: translate(-3px, calc(-50% + 1px));">400</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 20px; left: 31px; width: calc(100% - 36px); height: calc(100% - 40px);" class="svelte-6sm8ei"><defs></defs>  <g class="column-group">     <rect class="group-rect" data-id="0" data-range="1.6,2.2199999999999998" data-count="49" x="0" y="91.32743362831859" width="2.4390243902439024" height="8.672566371681413" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="1" data-range="2.2199999999999998,2.84" data-count="131" x="2.4390243902439024" y="76.8141592920354" width="2.4390243902439024" height="23.1858407079646" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="2" data-range="2.84,3.46" data-count="280" x="4.878048780487805" y="50.442477876106196" width="2.4390243902439024" height="49.557522123893804" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="3" data-range="3.46,4.08" data-count="391" x="7.317073170731707" y="30.796460176991147" width="2.4390243902439024" height="69.20353982300885" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="4" data-range="4.08,4.7" data-count="474" x="9.75609756097561" y="16.106194690265486" width="2.4390243902439024" height="83.89380530973452" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="5" data-range="4.7,5.32" data-count="565" x="12.195121951219512" y="0" width="2.4390243902439024" height="100" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="6" data-range="5.32,5.94" data-count="392" x="14.634146341463413" y="30.619469026548675" width="2.4390243902439024" height="69.38053097345133" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="7" data-range="5.94,6.5600000000000005" data-count="254" x="17.073170731707318" y="55.044247787610615" width="2.4390243902439024" height="44.955752212389385" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="8" data-range="6.5600000000000005,7.180000000000001" data-count="220" x="19.51219512195122" y="61.061946902654874" width="2.4390243902439024" height="38.938053097345126" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="9" data-range="7.180000000000001,7.800000000000001" data-count="156" x="21.95121951219512" y="72.38938053097345" width="2.4390243902439024" height="27.610619469026545" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="10" data-range="7.800000000000001,8.42" data-count="84" x="24.390243902439025" y="85.13274336283186" width="2.4390243902439024" height="14.86725663716814" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="11" data-range="8.42,9.04" data-count="50" x="26.829268292682926" y="91.1504424778761" width="2.4390243902439024" height="8.849557522123902" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="12" data-range="9.04,9.659999999999998" data-count="31" x="29.268292682926827" y="94.51327433628319" width="2.4390243902439024" height="5.486725663716811" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="13" data-range="9.659999999999998,10.279999999999998" data-count="22" x="31.70731707317073" y="96.10619469026548" width="2.4390243902439024" height="3.8938053097345176" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="14" data-range="10.279999999999998,10.899999999999997" data-count="13" x="34.146341463414636" y="97.69911504424779" width="2.4390243902439024" height="2.3008849557522097" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="15" data-range="10.899999999999997,11.519999999999996" data-count="14" x="36.58536585365854" y="97.52212389380531" width="2.4390243902439024" height="2.4778761061946852" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="16" data-range="11.519999999999996,12.139999999999995" data-count="10" x="39.02439024390244" y="98.23008849557522" width="2.4390243902439024" height="1.7699115044247833" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="17" data-range="12.139999999999995,12.759999999999994" data-count="8" x="41.46341463414634" y="98.58407079646018" width="2.4390243902439024" height="1.415929203539818" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="18" data-range="12.759999999999994,13.379999999999994" data-count="12" x="43.90243902439024" y="97.87610619469027" width="2.4390243902439024" height="2.1238938053097343" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="19" data-range="13.379999999999994,13.999999999999993" data-count="11" x="46.34146341463415" y="98.05309734513274" width="2.4390243902439024" height="1.9469026548672588" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="20" data-range="13.999999999999993,14.619999999999992" data-count="13" x="48.78048780487805" y="97.69911504424779" width="2.4390243902439024" height="2.3008849557522097" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="21" data-range="14.619999999999992,15.239999999999991" data-count="5" x="51.21951219512195" y="99.11504424778761" width="2.4390243902439024" height="0.8849557522123916" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="22" data-range="15.239999999999991,15.85999999999999" data-count="8" x="53.65853658536585" y="98.58407079646018" width="2.4390243902439024" height="1.415929203539818" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="23" data-range="15.85999999999999,16.47999999999999" data-count="3" x="56.09756097560975" y="99.46902654867257" width="2.4390243902439024" height="0.5309734513274265" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="24" data-range="16.47999999999999,17.09999999999999" data-count="5" x="58.536585365853654" y="99.11504424778761" width="2.4390243902439024" height="0.8849557522123916" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="25" data-range="17.09999999999999,17.71999999999999" data-count="3" x="60.97560975609756" y="99.46902654867257" width="2.4390243902439024" height="0.5309734513274265" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="26" data-range="17.71999999999999,18.339999999999993" data-count="5" x="63.41463414634146" y="99.11504424778761" width="2.4390243902439024" height="0.8849557522123916" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="27" data-range="18.339999999999993,18.959999999999994" data-count="2" x="65.85365853658537" y="99.64601769911503" width="2.4390243902439024" height="0.3539823008849652" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="28" data-range="18.959999999999994,19.579999999999995" data-count="1" x="68.29268292682927" y="99.82300884955752" width="2.4390243902439024" height="0.1769911504424755" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="29" data-range="19.579999999999995,20.199999999999996" data-count="1" x="70.73170731707317" y="99.82300884955752" width="2.4390243902439024" height="0.1769911504424755" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="30" data-range="20.199999999999996,20.819999999999997" data-count="2" x="73.17073170731707" y="99.64601769911503" width="2.4390243902439024" height="0.3539823008849652" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="31" data-range="20.819999999999997,21.439999999999998" data-count="0" x="75.60975609756098" y="100" width="2.4390243902439024" height="0" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="32" data-range="21.439999999999998,22.06" data-count="1" x="78.04878048780488" y="99.82300884955752" width="2.4390243902439024" height="0.1769911504424755" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="33" data-range="22.06,22.68" data-count="0" x="80.48780487804878" y="100" width="2.4390243902439024" height="0" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="34" data-range="22.68,23.3" data-count="0" x="82.92682926829268" y="100" width="2.4390243902439024" height="0" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="35" data-range="23.3,23.92" data-count="1" x="85.36585365853658" y="99.82300884955752" width="2.4390243902439024" height="0.1769911504424755" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="36" data-range="23.92,24.540000000000003" data-count="1" x="87.80487804878048" y="99.82300884955752" width="2.4390243902439024" height="0.1769911504424755" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="37" data-range="24.540000000000003,25.160000000000004" data-count="0" x="90.24390243902438" y="100" width="2.4390243902439024" height="0" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="38" data-range="25.160000000000004,25.780000000000005" data-count="0" x="92.6829268292683" y="100" width="2.4390243902439024" height="0" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="39" data-range="25.780000000000005,26.4" data-count="1" x="95.1219512195122" y="99.82300884955752" width="2.4390243902439024" height="0.1769911504424755" fill="#fff" stroke="#000" stroke-width="1"></rect> </g></svg></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/SmallMultiples" class="svelte-9objxt">Small multiples (animated domain transition)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/82b6e8a37e9f4eaa8140498c1b1f490d?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="input-container svelte-1xmktbf"><label class="svelte-1xmktbf"><input type="radio" value="individual" class="svelte-1xmktbf" checked>Individual scale</label> <label class="svelte-1xmktbf"><input type="radio" value="shared" class="svelte-1xmktbf">Shared scale</label></div> <div class="group-container svelte-1xmktbf"><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,96.06630676267473L11.11111111111111,100L22.22222222222222,75.40740026235487L33.33333333333333,40.246469167074295L44.44444444444444,29.888429755090318L55.55555555555556,37.483955648124144L66.66666666666666,23.612424145346534L77.77777777777779,10.61255189363891L88.88888888888889,3.59466629909011L100,0" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,91.34104523963695L11.11111111111111,100L22.22222222222222,85.79453376218873L33.33333333333333,87.08414766328042L44.44444444444444,72.7819252455543L55.55555555555556,46.42869606294805L66.66666666666666,35.65680058750051L77.77777777777779,25.67739305933966L88.88888888888889,9.953667792682918L100,0" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,80.34303093972439L11.11111111111111,65.8716334918003L22.22222222222222,80.60916426850476L33.33333333333333,100L44.44444444444444,66.27010006180198L55.55555555555556,77.47542126514952L66.66666666666666,70.14046558361822L77.77777777777779,42.25986120285149L88.88888888888889,34.65152068419105L100,0" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,93.42599512873917L11.11111111111111,76.53163076875403L22.22222222222222,100L33.33333333333333,86.27017157307256L44.44444444444444,96.37286470767876L55.55555555555556,92.16686782627981L66.66666666666666,45.977061337512446L77.77777777777779,0L88.88888888888889,13.342039081201095L100,18.617599099287276" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,64.5241074787804L11.11111111111111,53.699930111233044L22.22222222222222,0L33.33333333333333,23.84944747674844L44.44444444444444,64.49476922470001L55.55555555555556,62.38752542615943L66.66666666666666,100L77.77777777777779,35.34589321903433L88.88888888888889,4.595355178873605L100,15.30817343927524" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,9.943516163375254L11.11111111111111,22.095814220332755L22.22222222222222,66.95599648751926L33.33333333333333,100L44.44444444444444,76.10226678436531L55.55555555555556,68.28855979285251L66.66666666666666,30.250111317764127L77.77777777777779,0L88.88888888888889,16.79205576252869L100,8.455938942439168" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,100L11.11111111111111,94.38070709548705L22.22222222222222,60.96151131419138L33.33333333333333,62.4111216199601L44.44444444444444,40.67956483878689L55.55555555555556,21.848606626685275L66.66666666666666,0L77.77777777777779,23.665243353188703L88.88888888888889,42.675212339726144L100,58.888870085703935" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,87.80365714781888L11.11111111111111,100L22.22222222222222,71.66947310282596L33.33333333333333,42.256596819444816L44.44444444444444,72.47165279836535L55.55555555555556,67.07716686313647L66.66666666666666,40.17421715376408L77.77777777777779,56.1906165523514L88.88888888888889,0L100,16.238322321333143" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,100L11.11111111111111,77.96451694152942L22.22222222222222,43.19356179167738L33.33333333333333,35.51380892233345L44.44444444444444,8.624634516185136L55.55555555555556,58.628497711840346L66.66666666666666,18.16180513008109L77.77777777777779,61.026191794905735L88.88888888888889,2.8387314371223216L100,0" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,97.9640546640032L11.11111111111111,46.446378795763266L22.22222222222222,33.17998556466383L33.33333333333333,0L44.44444444444444,100L55.55555555555556,28.437152908244222L66.66666666666666,84.2680915140017L77.77777777777779,45.8711213838766L88.88888888888889,26.04330624880816L100,75.10423506329244" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,84.62393574781485L11.11111111111111,71.57871154804201L22.22222222222222,79.0506995979091L33.33333333333333,56.31580275148884L44.44444444444444,0L55.55555555555556,4.719782797464944L66.66666666666666,52.2782191806886L77.77777777777779,100L88.88888888888889,73.04697180753402L100,56.82492561975484" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,53.9587277051904L11.11111111111111,100L22.22222222222222,84.50585359038969L33.33333333333333,49.42234565985591L44.44444444444444,0L55.55555555555556,11.888144735396011L66.66666666666666,38.878943199677394L77.77777777777779,21.431014746805864L88.88888888888889,41.50066105691044L100,5.180867175051162" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,99.56630118469019L11.11111111111111,66.93138778362957L22.22222222222222,53.55147253434891L33.33333333333333,61.66605460817509L44.44444444444444,65.53912896250752L55.55555555555556,0L66.66666666666666,3.7723375769340373L77.77777777777779,74.65335323841471L88.88888888888889,100L100,44.473461776169266" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,46.82258873186657L11.11111111111111,61.68919489117391L22.22222222222222,87.07294542920056L33.33333333333333,100L44.44444444444444,53.73075102821878L55.55555555555556,6.949273628232611L66.66666666666666,46.10694218248008L77.77777777777779,0L88.88888888888889,35.30385774772174L100,69.39864029908836" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,100L11.11111111111111,79.6784987846815L22.22222222222222,41.671438743544854L33.33333333333333,87.93336265743244L44.44444444444444,95.31764085253184L55.55555555555556,75.24169912313153L66.66666666666666,47.19653837215745L77.77777777777779,18.93851437938302L88.88888888888889,0L100,79.26056814676181" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,56.89446161071091L11.11111111111111,26.967966255918796L22.22222222222222,72.13634609543035L33.33333333333333,66.79757070583786L44.44444444444444,11.371105735248388L55.55555555555556,0L66.66666666666666,41.309153390193345L77.77777777777779,76.29713610940637L88.88888888888889,100L100,42.12474384263339" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,19.348804816925814L11.11111111111111,0L22.22222222222222,49.23394544219656L33.33333333333333,84.07941028760663L44.44444444444444,100L55.55555555555556,62.18215732302157L66.66666666666666,7.743998154700038L77.77777777777779,39.18519179581794L88.88888888888889,57.86840805987901L100,65.55417248124182" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,83.66064948071586L11.11111111111111,67.47545519371158L22.22222222222222,18.077109871525444L33.33333333333333,0L44.44444444444444,28.697569952660608L55.55555555555556,54.6740330024864L66.66666666666666,65.92916932201747L77.77777777777779,83.42402645284854L88.88888888888889,69.36644566189358L100,100" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,67.97086649196132L11.11111111111111,79.37786303685976L22.22222222222222,62.57305157706998L33.33333333333333,19.5946313263058L44.44444444444444,0L55.55555555555556,32.16170807835421L66.66666666666666,48.65759548624173L77.77777777777779,28.088326921210648L88.88888888888889,93.87762512842882L100,100" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,44.34897872479577L11.11111111111111,100L22.22222222222222,60.901876623084526L33.33333333333333,15.064777160988807L44.44444444444444,0.6964422580018725L55.55555555555556,26.32797172611916L66.66666666666666,0L77.77777777777779,16.866736178426056L88.88888888888889,50.388787852883254L100,63.311035188492326" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,0L11.11111111111111,62.261463155668174L22.22222222222222,100L33.33333333333333,68.80075460274038L44.44444444444444,55.00485661991874L55.55555555555556,65.38712905758359L66.66666666666666,78.30374870448478L77.77777777777779,59.30106537926887L88.88888888888889,12.381552743743518L100,96.41603784766556" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,0L11.11111111111111,19.189616825059463L22.22222222222222,28.084940807404113L33.33333333333333,48.55585088793851L44.44444444444444,44.44545385717785L55.55555555555556,84.1974410938016L66.66666666666666,100L77.77777777777779,71.61346353279771L88.88888888888889,90.88957044628567L100,69.73218142163229" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,37.88988914171192L11.11111111111111,64.40666980349079L22.22222222222222,16.29223377570771L33.33333333333333,10.436514763619698L44.44444444444444,29.939649664672707L55.55555555555556,6.121316624781459L66.66666666666666,0L77.77777777777779,41.772388168795906L88.88888888888889,74.96655600618591L100,100" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,10.973166741667761L11.11111111111111,0L22.22222222222222,36.81311309528712L33.33333333333333,71.9141484066007L44.44444444444444,61.82718644294235L55.55555555555556,54.071953076629754L66.66666666666666,76.89123985015911L77.77777777777779,89.17921745677788L88.88888888888889,69.45483194033497L100,100" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,0L11.11111111111111,73.91909594126045L22.22222222222222,71.65776404040159L33.33333333333333,75.13790556791466L44.44444444444444,100L55.55555555555556,69.86659602756716L66.66666666666666,65.38698907827869L77.77777777777779,86.30924247072917L88.88888888888889,95.39505648622983L100,92.61025658745325" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,0L11.11111111111111,17.803166201700748L22.22222222222222,52.3477276465506L33.33333333333333,38.13370980215245L44.44444444444444,69.3610623888129L55.55555555555556,87.88396638277672L66.66666666666666,53.4554570695539L77.77777777777779,59.94111209224845L88.88888888888889,100L100,95.73864368212126" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,0L11.11111111111111,21.7462261645433L22.22222222222222,50.21299884769365L33.33333333333333,62.12319559644759L44.44444444444444,57.70082393050737L55.55555555555556,77.07733050621057L66.66666666666666,94.4302578675726L77.77777777777779,92.31057206476672L88.88888888888889,100L100,89.88597637014803" stroke="#000"></path></svg></div> </div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Brush" class="svelte-9objxt">Brush</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/7b692f97938f4bc2a79d62d5ccdbb02d?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="brushed-chart-container svelte-12vpq9d">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2.7027027027027026%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2.7027027027027026%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 29.72972972972973%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 29.72972972972973%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.75675675675676%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.75675675675676%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 83.78378378378379%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 83.78378378378379%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:74.58703939008895%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">2</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:49.17407878017789%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">4</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:23.761118170266837%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">6</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 25px; width: calc(100% - 35px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992" stroke="#00e047"></path>   <path class="path-area" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992L100,100L0,100Z" fill="#00e04710"></path></svg></div></div> <div class="brush-container svelte-12vpq9d">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 5px; left: 0px; width: calc(100% - 0px); height: calc(100% - 5px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992" stroke="#00e047"></path>   <path class="path-area" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992L100,100L0,100Z" fill="#00e04710"></path></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 5px; right: 0px; bottom: 0px; left: 0px;">  <div class="brush-outer svelte-1m1nhvc"> </div> </div></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/SyncedBrush" class="svelte-9objxt">Synced brush</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/1868bf7315654558894580f43ddeace8?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="small-multiple-container svelte-gmttnm"><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2.7027027027027026%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2.7027027027027026%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 29.72972972972973%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 29.72972972972973%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.75675675675676%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.75675675675676%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 83.78378378378379%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 83.78378378378379%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:36.46759847522236%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">5</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 25px; width: calc(100% - 35px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992" stroke="#00e047"></path>   <path class="path-area" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992L100,100L0,100Z" fill="#00e04710"></path></svg></div></div> <div class="brush-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 5px; left: 0px; width: calc(100% - 0px); height: calc(100% - 5px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992" stroke="#00e047"></path>   <path class="path-area" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992L100,100L0,100Z" fill="#00e04710"></path></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 5px; right: 0px; bottom: 0px; left: 0px;">  <div class="brush-outer svelte-1m1nhvc"> </div> </div></div></div></div><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2.7027027027027026%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2.7027027027027026%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 29.72972972972973%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 29.72972972972973%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.75675675675676%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.75675675675676%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 83.78378378378379%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 83.78378378378379%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:35.93850096092248%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">10</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 25px; width: calc(100% - 35px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,67.77706598334402L2.7027027027027026,74.43946188340806L5.405405405405405,33.696348494554776L8.108108108108109,73.99103139013454L10.81081081081081,35.23382447149264L13.513513513513514,25.304292120435612L16.216216216216218,61.88340807174888L18.91891891891892,53.42729019859065L21.62162162162162,82.25496476617553L24.324324324324326,78.02690582959642L27.027027027027028,58.42408712363869L29.72972972972973,47.021140294682894L32.432432432432435,75.33632286995515L35.13513513513514,60.217809096732864L37.83783783783784,99.10313901345292L40.54054054054054,50.992953235105695L43.24324324324324,64.31774503523383L45.94594594594595,0L48.64864864864865,20.43561819346572L51.35135135135135,66.6880204996797L54.054054054054056,37.15566944266495L56.75675675675676,44.650864830237026L59.45945945945946,35.490070467648934L62.16216216216216,89.04548366431774L64.86486486486487,80.78155028827675L67.56756756756756,24.279308135810375L70.27027027027027,69.63484945547725L72.97297297297297,72.77386290839205L75.67567567567568,98.97501601537476L78.37837837837837,48.94298526585522L81.08108108108108,37.54003843689942L83.78378378378379,78.6034593209481L86.48648648648648,77.83472133247918L89.1891891891892,88.91736066623959L91.8918918918919,61.75528507367072L94.5945945945946,86.09865470852019L97.2972972972973,94.36258808456118L100,47.53363228699552" stroke="#00bbff"></path>   <path class="path-area" d="M0,67.77706598334402L2.7027027027027026,74.43946188340806L5.405405405405405,33.696348494554776L8.108108108108109,73.99103139013454L10.81081081081081,35.23382447149264L13.513513513513514,25.304292120435612L16.216216216216218,61.88340807174888L18.91891891891892,53.42729019859065L21.62162162162162,82.25496476617553L24.324324324324326,78.02690582959642L27.027027027027028,58.42408712363869L29.72972972972973,47.021140294682894L32.432432432432435,75.33632286995515L35.13513513513514,60.217809096732864L37.83783783783784,99.10313901345292L40.54054054054054,50.992953235105695L43.24324324324324,64.31774503523383L45.94594594594595,0L48.64864864864865,20.43561819346572L51.35135135135135,66.6880204996797L54.054054054054056,37.15566944266495L56.75675675675676,44.650864830237026L59.45945945945946,35.490070467648934L62.16216216216216,89.04548366431774L64.86486486486487,80.78155028827675L67.56756756756756,24.279308135810375L70.27027027027027,69.63484945547725L72.97297297297297,72.77386290839205L75.67567567567568,98.97501601537476L78.37837837837837,48.94298526585522L81.08108108108108,37.54003843689942L83.78378378378379,78.6034593209481L86.48648648648648,77.83472133247918L89.1891891891892,88.91736066623959L91.8918918918919,61.75528507367072L94.5945945945946,86.09865470852019L97.2972972972973,94.36258808456118L100,47.53363228699552L100,100L0,100Z" fill="#00bbff10"></path></svg></div></div> <div class="brush-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 5px; left: 0px; width: calc(100% - 0px); height: calc(100% - 5px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,67.77706598334402L2.7027027027027026,74.43946188340806L5.405405405405405,33.696348494554776L8.108108108108109,73.99103139013454L10.81081081081081,35.23382447149264L13.513513513513514,25.304292120435612L16.216216216216218,61.88340807174888L18.91891891891892,53.42729019859065L21.62162162162162,82.25496476617553L24.324324324324326,78.02690582959642L27.027027027027028,58.42408712363869L29.72972972972973,47.021140294682894L32.432432432432435,75.33632286995515L35.13513513513514,60.217809096732864L37.83783783783784,99.10313901345292L40.54054054054054,50.992953235105695L43.24324324324324,64.31774503523383L45.94594594594595,0L48.64864864864865,20.43561819346572L51.35135135135135,66.6880204996797L54.054054054054056,37.15566944266495L56.75675675675676,44.650864830237026L59.45945945945946,35.490070467648934L62.16216216216216,89.04548366431774L64.86486486486487,80.78155028827675L67.56756756756756,24.279308135810375L70.27027027027027,69.63484945547725L72.97297297297297,72.77386290839205L75.67567567567568,98.97501601537476L78.37837837837837,48.94298526585522L81.08108108108108,37.54003843689942L83.78378378378379,78.6034593209481L86.48648648648648,77.83472133247918L89.1891891891892,88.91736066623959L91.8918918918919,61.75528507367072L94.5945945945946,86.09865470852019L97.2972972972973,94.36258808456118L100,47.53363228699552" stroke="#00bbff"></path>   <path class="path-area" d="M0,67.77706598334402L2.7027027027027026,74.43946188340806L5.405405405405405,33.696348494554776L8.108108108108109,73.99103139013454L10.81081081081081,35.23382447149264L13.513513513513514,25.304292120435612L16.216216216216218,61.88340807174888L18.91891891891892,53.42729019859065L21.62162162162162,82.25496476617553L24.324324324324326,78.02690582959642L27.027027027027028,58.42408712363869L29.72972972972973,47.021140294682894L32.432432432432435,75.33632286995515L35.13513513513514,60.217809096732864L37.83783783783784,99.10313901345292L40.54054054054054,50.992953235105695L43.24324324324324,64.31774503523383L45.94594594594595,0L48.64864864864865,20.43561819346572L51.35135135135135,66.6880204996797L54.054054054054056,37.15566944266495L56.75675675675676,44.650864830237026L59.45945945945946,35.490070467648934L62.16216216216216,89.04548366431774L64.86486486486487,80.78155028827675L67.56756756756756,24.279308135810375L70.27027027027027,69.63484945547725L72.97297297297297,72.77386290839205L75.67567567567568,98.97501601537476L78.37837837837837,48.94298526585522L81.08108108108108,37.54003843689942L83.78378378378379,78.6034593209481L86.48648648648648,77.83472133247918L89.1891891891892,88.91736066623959L91.8918918918919,61.75528507367072L94.5945945945946,86.09865470852019L97.2972972972973,94.36258808456118L100,47.53363228699552L100,100L0,100Z" fill="#00bbff10"></path></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 5px; right: 0px; bottom: 0px; left: 0px;">  <div class="brush-outer svelte-1m1nhvc"> </div> </div></div></div></div><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2.7027027027027026%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2.7027027027027026%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 29.72972972972973%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 29.72972972972973%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.75675675675676%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.75675675675676%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 83.78378378378379%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 83.78378378378379%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:31.647300068352703%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">10</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 25px; width: calc(100% - 35px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,62.88448393711552L2.7027027027027026,50.30758714969241L5.405405405405405,39.71291866028708L8.108108108108109,10.184552289815452L10.81081081081081,0L13.513513513513514,63.021189336978814L16.216216216216218,67.4641148325359L18.91891891891892,14.832535885167463L21.62162162162162,29.049897470950103L24.324324324324326,99.58988380041012L27.027027027027028,36.09022556390978L29.72972972972973,60.08202323991798L32.432432432432435,52.563226247436766L35.13513513513514,80.99794941900204L37.83783783783784,32.74094326725906L40.54054054054054,55.70745044429255L43.24324324324324,31.852358168147642L45.94594594594595,66.84894053315107L48.64864864864865,63.43130553656871L51.35135135135135,71.83868762816131L54.054054054054056,89.33697881066303L56.75675675675676,30.89542036910459L59.45945945945946,86.05604921394395L62.16216216216216,72.45386192754614L64.86486486486487,73.6842105263158L67.56756756756756,41.14832535885168L70.27027027027027,90.15721120984279L72.97297297297297,35.68010936431989L75.67567567567568,76.0082023239918L78.37837837837837,71.83868762816131L81.08108108108108,53.793574846206425L83.78378378378379,75.05126452494873L86.48648648648648,53.793574846206425L89.1891891891892,55.84415584415585L91.8918918918919,94.87354750512645L94.5945945945946,32.12576896787424L97.2972972972973,44.56596035543404L100,90.43062200956939" stroke="#ff00cc"></path>   <path class="path-area" d="M0,62.88448393711552L2.7027027027027026,50.30758714969241L5.405405405405405,39.71291866028708L8.108108108108109,10.184552289815452L10.81081081081081,0L13.513513513513514,63.021189336978814L16.216216216216218,67.4641148325359L18.91891891891892,14.832535885167463L21.62162162162162,29.049897470950103L24.324324324324326,99.58988380041012L27.027027027027028,36.09022556390978L29.72972972972973,60.08202323991798L32.432432432432435,52.563226247436766L35.13513513513514,80.99794941900204L37.83783783783784,32.74094326725906L40.54054054054054,55.70745044429255L43.24324324324324,31.852358168147642L45.94594594594595,66.84894053315107L48.64864864864865,63.43130553656871L51.35135135135135,71.83868762816131L54.054054054054056,89.33697881066303L56.75675675675676,30.89542036910459L59.45945945945946,86.05604921394395L62.16216216216216,72.45386192754614L64.86486486486487,73.6842105263158L67.56756756756756,41.14832535885168L70.27027027027027,90.15721120984279L72.97297297297297,35.68010936431989L75.67567567567568,76.0082023239918L78.37837837837837,71.83868762816131L81.08108108108108,53.793574846206425L83.78378378378379,75.05126452494873L86.48648648648648,53.793574846206425L89.1891891891892,55.84415584415585L91.8918918918919,94.87354750512645L94.5945945945946,32.12576896787424L97.2972972972973,44.56596035543404L100,90.43062200956939L100,100L0,100Z" fill="#ff00cc10"></path></svg></div></div> <div class="brush-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 5px; left: 0px; width: calc(100% - 0px); height: calc(100% - 5px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,62.88448393711552L2.7027027027027026,50.30758714969241L5.405405405405405,39.71291866028708L8.108108108108109,10.184552289815452L10.81081081081081,0L13.513513513513514,63.021189336978814L16.216216216216218,67.4641148325359L18.91891891891892,14.832535885167463L21.62162162162162,29.049897470950103L24.324324324324326,99.58988380041012L27.027027027027028,36.09022556390978L29.72972972972973,60.08202323991798L32.432432432432435,52.563226247436766L35.13513513513514,80.99794941900204L37.83783783783784,32.74094326725906L40.54054054054054,55.70745044429255L43.24324324324324,31.852358168147642L45.94594594594595,66.84894053315107L48.64864864864865,63.43130553656871L51.35135135135135,71.83868762816131L54.054054054054056,89.33697881066303L56.75675675675676,30.89542036910459L59.45945945945946,86.05604921394395L62.16216216216216,72.45386192754614L64.86486486486487,73.6842105263158L67.56756756756756,41.14832535885168L70.27027027027027,90.15721120984279L72.97297297297297,35.68010936431989L75.67567567567568,76.0082023239918L78.37837837837837,71.83868762816131L81.08108108108108,53.793574846206425L83.78378378378379,75.05126452494873L86.48648648648648,53.793574846206425L89.1891891891892,55.84415584415585L91.8918918918919,94.87354750512645L94.5945945945946,32.12576896787424L97.2972972972973,44.56596035543404L100,90.43062200956939" stroke="#ff00cc"></path>   <path class="path-area" d="M0,62.88448393711552L2.7027027027027026,50.30758714969241L5.405405405405405,39.71291866028708L8.108108108108109,10.184552289815452L10.81081081081081,0L13.513513513513514,63.021189336978814L16.216216216216218,67.4641148325359L18.91891891891892,14.832535885167463L21.62162162162162,29.049897470950103L24.324324324324326,99.58988380041012L27.027027027027028,36.09022556390978L29.72972972972973,60.08202323991798L32.432432432432435,52.563226247436766L35.13513513513514,80.99794941900204L37.83783783783784,32.74094326725906L40.54054054054054,55.70745044429255L43.24324324324324,31.852358168147642L45.94594594594595,66.84894053315107L48.64864864864865,63.43130553656871L51.35135135135135,71.83868762816131L54.054054054054056,89.33697881066303L56.75675675675676,30.89542036910459L59.45945945945946,86.05604921394395L62.16216216216216,72.45386192754614L64.86486486486487,73.6842105263158L67.56756756756756,41.14832535885168L70.27027027027027,90.15721120984279L72.97297297297297,35.68010936431989L75.67567567567568,76.0082023239918L78.37837837837837,71.83868762816131L81.08108108108108,53.793574846206425L83.78378378378379,75.05126452494873L86.48648648648648,53.793574846206425L89.1891891891892,55.84415584415585L91.8918918918919,94.87354750512645L94.5945945945946,32.12576896787424L97.2972972972973,44.56596035543404L100,90.43062200956939L100,100L0,100Z" fill="#ff00cc10"></path></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 5px; right: 0px; bottom: 0px; left: 0px;">  <div class="brush-outer svelte-1m1nhvc"> </div> </div></div></div></div><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2.7027027027027026%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2.7027027027027026%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 29.72972972972973%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 29.72972972972973%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.75675675675676%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.75675675675676%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 83.78378378378379%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 83.78378378378379%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:32.975871313672926%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">10</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 25px; width: calc(100% - 35px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,31.166219839142094L2.7027027027027026,86.6621983914209L5.405405405405405,84.91957104557642L8.108108108108109,76.13941018766756L10.81081081081081,97.85522788203752L13.513513513513514,71.98391420911528L16.216216216216218,88.27077747989276L18.91891891891892,84.24932975871313L21.62162162162162,82.97587131367293L24.324324324324326,56.233243967828415L27.027027027027028,66.35388739946382L29.72972972972973,77.2117962466488L32.432432432432435,67.89544235924933L35.13513513513514,91.3538873994638L37.83783783783784,15.21447721179624L40.54054054054054,64.74530831099196L43.24324324324324,79.15549597855228L45.94594594594595,0L48.64864864864865,11.46112600536192L51.35135135135135,30.6970509383378L54.054054054054056,66.35388739946382L56.75675675675676,38.94101876675603L59.45945945945946,11.260053619302946L62.16216216216216,46.24664879356568L64.86486486486487,89.67828418230563L67.56756756756756,98.32439678284183L70.27027027027027,59.65147453083111L72.97297297297297,60.388739946380696L75.67567567567568,54.2225201072386L78.37837837837837,54.6916890080429L81.08108108108108,75.20107238605898L83.78378378378379,84.58445040214477L86.48648648648648,77.41286863270777L89.1891891891892,73.05630026809652L91.8918918918919,85.58981233243968L94.5945945945946,84.3833780160858L97.2972972972973,59.919571045576404L100,57.975871313672926" stroke="#ffcc00"></path>   <path class="path-area" d="M0,31.166219839142094L2.7027027027027026,86.6621983914209L5.405405405405405,84.91957104557642L8.108108108108109,76.13941018766756L10.81081081081081,97.85522788203752L13.513513513513514,71.98391420911528L16.216216216216218,88.27077747989276L18.91891891891892,84.24932975871313L21.62162162162162,82.97587131367293L24.324324324324326,56.233243967828415L27.027027027027028,66.35388739946382L29.72972972972973,77.2117962466488L32.432432432432435,67.89544235924933L35.13513513513514,91.3538873994638L37.83783783783784,15.21447721179624L40.54054054054054,64.74530831099196L43.24324324324324,79.15549597855228L45.94594594594595,0L48.64864864864865,11.46112600536192L51.35135135135135,30.6970509383378L54.054054054054056,66.35388739946382L56.75675675675676,38.94101876675603L59.45945945945946,11.260053619302946L62.16216216216216,46.24664879356568L64.86486486486487,89.67828418230563L67.56756756756756,98.32439678284183L70.27027027027027,59.65147453083111L72.97297297297297,60.388739946380696L75.67567567567568,54.2225201072386L78.37837837837837,54.6916890080429L81.08108108108108,75.20107238605898L83.78378378378379,84.58445040214477L86.48648648648648,77.41286863270777L89.1891891891892,73.05630026809652L91.8918918918919,85.58981233243968L94.5945945945946,84.3833780160858L97.2972972972973,59.919571045576404L100,57.975871313672926L100,100L0,100Z" fill="#ffcc0010"></path></svg></div></div> <div class="brush-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 5px; left: 0px; width: calc(100% - 0px); height: calc(100% - 5px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,31.166219839142094L2.7027027027027026,86.6621983914209L5.405405405405405,84.91957104557642L8.108108108108109,76.13941018766756L10.81081081081081,97.85522788203752L13.513513513513514,71.98391420911528L16.216216216216218,88.27077747989276L18.91891891891892,84.24932975871313L21.62162162162162,82.97587131367293L24.324324324324326,56.233243967828415L27.027027027027028,66.35388739946382L29.72972972972973,77.2117962466488L32.432432432432435,67.89544235924933L35.13513513513514,91.3538873994638L37.83783783783784,15.21447721179624L40.54054054054054,64.74530831099196L43.24324324324324,79.15549597855228L45.94594594594595,0L48.64864864864865,11.46112600536192L51.35135135135135,30.6970509383378L54.054054054054056,66.35388739946382L56.75675675675676,38.94101876675603L59.45945945945946,11.260053619302946L62.16216216216216,46.24664879356568L64.86486486486487,89.67828418230563L67.56756756756756,98.32439678284183L70.27027027027027,59.65147453083111L72.97297297297297,60.388739946380696L75.67567567567568,54.2225201072386L78.37837837837837,54.6916890080429L81.08108108108108,75.20107238605898L83.78378378378379,84.58445040214477L86.48648648648648,77.41286863270777L89.1891891891892,73.05630026809652L91.8918918918919,85.58981233243968L94.5945945945946,84.3833780160858L97.2972972972973,59.919571045576404L100,57.975871313672926" stroke="#ffcc00"></path>   <path class="path-area" d="M0,31.166219839142094L2.7027027027027026,86.6621983914209L5.405405405405405,84.91957104557642L8.108108108108109,76.13941018766756L10.81081081081081,97.85522788203752L13.513513513513514,71.98391420911528L16.216216216216218,88.27077747989276L18.91891891891892,84.24932975871313L21.62162162162162,82.97587131367293L24.324324324324326,56.233243967828415L27.027027027027028,66.35388739946382L29.72972972972973,77.2117962466488L32.432432432432435,67.89544235924933L35.13513513513514,91.3538873994638L37.83783783783784,15.21447721179624L40.54054054054054,64.74530831099196L43.24324324324324,79.15549597855228L45.94594594594595,0L48.64864864864865,11.46112600536192L51.35135135135135,30.6970509383378L54.054054054054056,66.35388739946382L56.75675675675676,38.94101876675603L59.45945945945946,11.260053619302946L62.16216216216216,46.24664879356568L64.86486486486487,89.67828418230563L67.56756756756756,98.32439678284183L70.27027027027027,59.65147453083111L72.97297297297297,60.388739946380696L75.67567567567568,54.2225201072386L78.37837837837837,54.6916890080429L81.08108108108108,75.20107238605898L83.78378378378379,84.58445040214477L86.48648648648648,77.41286863270777L89.1891891891892,73.05630026809652L91.8918918918919,85.58981233243968L94.5945945945946,84.3833780160858L97.2972972972973,59.919571045576404L100,57.975871313672926L100,100L0,100Z" fill="#ffcc0010"></path></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 5px; right: 0px; bottom: 0px; left: 0px;">  <div class="brush-outer svelte-1m1nhvc"> </div> </div></div></div></div></div> </div></div></div></main> 
+<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span><!-- HTML_TAG_END --></pre></div> <div id="gallery"><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Line" class="svelte-9objxt">Line + area</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/ad32f9f301484d0cace82272126e9d09?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/ScatterWebgl" class="svelte-9objxt">WebGL Scatter (svg axes, quadtree hover)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/71cde05fa1e94583be57046207f72c02?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-d2cww5">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/MapSvg" class="svelte-9objxt">Map (svg, tooltip, pre-projected)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/14b8f866cc414a9ebdfbb5eaabf66ae2?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/MapLayered" class="svelte-9objxt">Multilayer map (canvas + svg)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/a8135fcccf3d42e68b1f29be00fc72c6?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Column" class="svelte-9objxt">Column annotated</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/666164c95fb9441188aab2622a4e8547?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/ColumnStacked" class="svelte-9objxt">Stacked column</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/f38656e90d0644cfb460206005c492e5?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Bar" class="svelte-9objxt">Bar</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/91fe94cac36c4829903238382563bc81?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/BarStacked" class="svelte-9objxt">Stacked bar</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/8d2e9a75cb0e4bf7abb86cb65915a93c?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/MultiLine" class="svelte-9objxt">Multiline (html labels + quadtree tooltip)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/cc8d7b6ace40433da8d694f2877258a8?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/AreaStacked" class="svelte-9objxt">Stacked area</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/e6ae831e723646c8a01a039b3eeb33cb?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Scatter" class="svelte-9objxt">Scatter (svg + canvas + voronoi)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/d9a9c151058d4e3eb74a4eed60eabb54?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/ClevelandDotPlot" class="svelte-9objxt">Cleveland dot plot</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/f9f33add37d440f78b24092c7ba8154d?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Calendar" class="svelte-9objxt">Calendar (one cake per month)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/fd96397862ff43e09fc8c83bfd818642?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-1lqvxpk" style="width:calc(50% - 10px);margin-right:20px" data-month="May">   </div><div class="chart-container svelte-1lqvxpk" style="width:calc(50% - 10px);" data-month="August">   </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Timeplot" class="svelte-9objxt">Time of day plot</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/2c5131bd0b694d54a6211b40afbd3c09?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Histogram" class="svelte-9objxt">Histogram (variable bins)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/58a15bea15bd46ee8364409c15045a8b?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="input-container" style="position: absolute;right:10px;z-index: 9;"><input style="margin:0;" type="range" min="4" max="100" step="4" class="svelte-v09z8s" value="40"> <span class="counter-container" style="display:inline-block;vertical-align:top;width: 70px;text-align:right;">40 bins</span></div> <div class="chart-container svelte-v09z8s">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/SmallMultiples" class="svelte-9objxt">Small multiples (animated domain transition)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/1c3297c4347248fc885b215f4907f8b2?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="input-container svelte-1xmktbf"><label class="svelte-1xmktbf"><input type="radio" value="individual" class="svelte-1xmktbf" checked>Individual scale</label> <label class="svelte-1xmktbf"><input type="radio" value="shared" class="svelte-1xmktbf">Shared scale</label></div> <div class="group-container svelte-1xmktbf"><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div><div class="small-multiple-container svelte-1xmktbf">   </div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Radar" class="svelte-9objxt">Radar chart</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/cb6bb95b7d1549f7be8d8fc7258ea1da?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/CirclePack" class="svelte-9objxt">Circle pack</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/5d3d22482b3d400d96c88d7de7ff45b1?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/CirclePackNested" class="svelte-9objxt">Nested circle pack</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/8ecba3df31e24658bf039a1a4d5daedc?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Sankey" class="svelte-9objxt">Sankey</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/0f7f35ffe2f14a25860772897f7a0b5c?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Brush" class="svelte-9objxt">Brush</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/4e7a8affd4724d03b33493c85e50471c?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="brushed-chart-container svelte-12vpq9d">  </div> <div class="brush-container svelte-12vpq9d">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/SyncedBrush" class="svelte-9objxt">Synced brush</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/0eaf387a0a564971865fb6176f959940?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-lbwmtv"><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  </div> <div class="brush-container svelte-ypfvhs">  </div></div><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  </div> <div class="brush-container svelte-ypfvhs">  </div></div><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  </div> <div class="brush-container svelte-ypfvhs">  </div></div><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  </div> <div class="brush-container svelte-ypfvhs">  </div></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/Beeswarm" class="svelte-9objxt">Beeswarm</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/132d2c81c3f841a0be0162443b008a92?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/BeeswarmForce" class="svelte-9objxt">Beeswarm, force layout</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/9d0e23f494f645b4a9623c46474462f6?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example/CirclePackForce" class="svelte-9objxt">Circle pack, force layout</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/1879eb5e27f74784a69b65a11844f373?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="input-container"><label class="svelte-11z1nx4"><input type="radio" value="true" class="svelte-11z1nx4" checked>Group by category</label> <label class="svelte-11z1nx4"><input type="radio" value="false" class="svelte-11z1nx4">Clump together</label></div> <div class="chart-container svelte-11z1nx4">  </div> </div></div> <div class="section-hed svelte-9objxt" id="server-side" data-svelte-h="svelte-1q3rgko"><h2 class="svelte-9objxt">Server-side rendering</h2> <p class="svelte-9objxt">Svelte makes it easy to render your project server side and Layer Cake has built-in helpers to make it even easier for charts. All of these examples below (except for their canvas components) will load and be responsive without client-side JavaScript. The advantage is that you can see the chart as soon as the page loads, avoiding blank placeholder spaces. HTML charts use percentage-based scales and SVG charts take advanage of certain <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox" target="_blank" rel="noreferrer" class="svelte-9objxt">viewBox</a> and CSS settings that Rich Harris, Svelte&#39;s creator, outlined in <a href="https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp" target="_blank" rel="noreferrer" class="svelte-9objxt">this blog post</a>.</p> <p>For shapes that are difficult to render using percentages, such as swoopy arrows, Layer Cake makes it easy to superimpose client-side components that will hydrate once JavaScript is available. See the annotated column example below.</p></div> <div id="ssr-gallery"><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Line" class="svelte-9objxt">Line + area</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/ac23120460b1409a9e1e6fd328b63b64?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 8px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2.7027027027027026%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2.7027027027027026%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 16.216216216216218%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 16.216216216216218%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1985</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 29.72972972972973%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 29.72972972972973%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 43.24324324324324%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 43.24324324324324%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1995</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.75675675675676%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.75675675675676%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 70.27027027027027%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 70.27027027027027%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2005</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 83.78378378378379%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 83.78378378378379%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 97.2972972972973%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 97.2972972972973%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2015</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:74.58703939008895%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">2</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:49.17407878017789%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">4</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:23.761118170266837%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">6</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 8px; left: 25px; width: calc(100% - 35px); height: calc(100% - 28px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992" stroke="#ab00d6"></path>   <path class="path-area" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992L100,100L0,100Z" fill="#ab00d610"></path></svg></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/ScatterWebgl" class="svelte-9objxt">WebGL Scatter (svg axes, quadtree hover)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/1969b7c74b124445ad9d55ad28542cd6?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-va9vq4">  <div class="layercake-container svelte-vhzpsp" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 5px; right: 5px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 8.378378378378336%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 8.378378378378336%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 20.27027027027024%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 20.27027027027024%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1985</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 32.16216216216215%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 32.16216216216215%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 44.05405405405405%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 44.05405405405405%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1995</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 55.94594594594595%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 55.94594594594595%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 67.83783783783785%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 67.83783783783785%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2005</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 79.72972972972975%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 79.72972972972975%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 91.62162162162166%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 91.62162162162166%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2015</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:86.13176470588235%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">4</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:65.42588235294117%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">5</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:44.720000000000006%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">6</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:24.014117647058832%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">7</div> </div> <div class="tick tick-4 svelte-1jmrx3z" style="left:0%;top:3.3082352941176563%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">8</div> </div> </div> </div></div>   </div> </div><div class="gallery-item svelte-9objxt scaled"><h4 class="title svelte-9objxt"><a href="/example-ssr/MapSvg" class="svelte-9objxt">Map (svg, pre-projected)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/af25643f1e3c4a6f93aed138ac8b1550?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="map-container svelte-lie9rj" style="padding-bottom:38.02281368821293%">  <div class="layercake-container svelte-vhzpsp" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0;">  <svg viewBox="0 0 100 38.02281368821293" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 0px; width: calc(100% - 0px); height: calc(100% - 0px);" class="svelte-6sm8ei"><defs></defs>  <g class="map-group"><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M62.699,30.712L62.946,30.652L62.951,30.62L63.016,30.67L62.979,30.704L62.931,30.687L62.765,30.725ZM62.292,23.765L62.287,23.747L63.207,23.676L63.884,23.628L65.085,23.511L65.343,23.488L65.388,23.666L65.6,24.404L66.19,26.522L66.23,26.544L66.218,26.592L66.279,26.641L66.321,26.825L66.374,26.91L66.46,26.987L66.487,27.088L66.53,27.128L66.5,27.279L66.588,27.304L66.644,27.349L66.605,27.419L66.513,27.486L66.463,27.557L66.485,27.626L66.489,27.734L66.471,27.844L66.411,28L66.457,28.151L66.455,28.206L66.55,28.305L66.584,28.451L66.559,28.527L66.572,28.58L66.551,28.683L66.565,28.781L66.538,28.812L66.562,28.941L66.664,29.044L66.723,29.195L65.624,29.328L64.85,29.409L64.081,29.474L63.516,29.528L63.531,29.575L63.488,29.723L63.601,29.83L63.63,29.89L63.795,29.975L63.817,30.038L63.766,30.219L63.814,30.292L63.872,30.326L63.806,30.363L63.784,30.457L63.731,30.503L63.769,30.522L63.708,30.56L63.539,30.62L63.315,30.672L63.16,30.682L63.189,30.633L63.245,30.66L63.401,30.613L63.411,30.57L63.288,30.455L63.208,30.415L63.164,30.305L63.193,30.229L63.174,30.116L63.139,30.058L63.047,30.026L62.985,30.09L62.999,30.136L62.953,30.29L62.961,30.483L62.932,30.568L62.863,30.579L62.863,30.533L62.769,30.491L62.701,30.515L62.679,30.49L62.603,30.523L62.516,29.804L62.363,28.6L62.329,28.315L62.348,27.602L62.383,25.633L62.408,24.538L62.425,23.906L62.354,23.868Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M27.866,34.502L27.897,34.417L27.925,34.429ZM27.542,35.673L27.569,35.634L27.609,35.66L27.607,35.595L27.712,35.516L27.754,35.46L27.739,35.415L27.82,35.375L27.786,35.521L27.823,35.485L27.882,35.549L27.921,35.519L27.899,35.621L27.837,35.588L27.851,35.631L27.761,35.611L27.746,35.672L27.659,35.712ZM27.284,36.449L27.361,36.413L27.399,36.468L27.321,36.476ZM27.172,36.028L27.215,35.955L27.324,35.879L27.391,35.885L27.416,35.959L27.424,35.884L27.403,35.802L27.461,35.762L27.501,35.792L27.568,35.783L27.533,35.724L27.631,35.773L27.582,35.727L27.689,35.738L27.685,35.784L27.732,35.777L27.797,35.721L27.847,35.83L27.807,35.816L27.802,35.906L27.888,35.894L27.839,35.995L27.728,35.955L27.769,36.017L27.71,36.078L27.615,36.123L27.697,36.137L27.602,36.176L27.579,36.22L27.55,36.175L27.564,36.117L27.473,36.285L27.413,36.333L27.345,36.346L27.428,36.246L27.392,36.24L27.439,36.136L27.303,36.295L27.241,36.22L27.239,36.122L27.168,36.068ZM27.159,36.503L27.237,36.419L27.276,36.443L27.179,36.519ZM26.887,36.808L26.933,36.765L26.931,36.842ZM25.792,37.196L25.798,37.138L25.831,37.186ZM25.744,37.068L25.788,37.04L25.782,37.148L25.742,37.14ZM25.561,37.185L25.613,37.127L25.589,37.091L25.629,37.053L25.699,37.071L25.68,37.111ZM25.405,36.971L25.452,36.932L25.56,36.968L25.55,37.019L25.5,36.967L25.491,37.076L25.448,37.03L25.414,37.066ZM25.518,35.306L25.531,35.249L25.634,35.202L25.571,35.316ZM25.093,37.039L25.118,37.01L25.186,37.057L25.136,37.076ZM24.927,37.115L24.987,37.105L24.953,37.17ZM25.431,32.728L25.502,32.716L25.504,32.754ZM24.779,37.341L24.783,37.319L24.914,37.389L24.879,37.409ZM24.051,37.409L24.137,37.406L24.128,37.435ZM23.927,37.311L23.946,37.29L24.006,37.344L23.955,37.387ZM23.796,37.342L23.869,37.318L23.918,37.389L23.802,37.395ZM24.024,34.237L24.153,34.267L24.216,34.214L24.303,34.216L24.365,34.186L24.371,34.246L24.422,34.244L24.452,34.305L24.458,34.476L24.343,34.48L24.291,34.528L24.246,34.467L24.195,34.459L24.037,34.314ZM23.196,37.652L23.327,37.614L23.356,37.629L23.49,37.504L23.543,37.541L23.555,37.508L23.487,37.483L23.459,37.441L23.503,37.389L23.624,37.377L23.615,37.422L23.659,37.445L23.703,37.394L23.744,37.441L23.626,37.532L23.763,37.486L23.759,37.525L23.7,37.562L23.613,37.577L23.538,37.657L23.421,37.641L23.362,37.676L23.258,37.699ZM24.442,31.488L24.58,31.431L24.748,31.346L24.981,31.244L25.117,31.2L25.284,31.168L25.401,31.18L25.403,31.251L25.352,31.378L25.373,31.448L25.495,31.466L25.583,31.462L25.653,31.503L25.707,31.484L25.766,31.52L25.838,31.417L25.951,31.433L25.929,31.378L25.852,31.339L25.77,31.356L25.788,31.273L25.721,31.159L25.679,31.147L25.659,31.084L25.725,31.045L25.776,31.135L25.757,31.201L25.844,31.317L25.896,31.302L25.799,31.169L25.826,31.088L25.885,31.043L25.833,31.003L25.692,31.023L25.456,30.914L25.463,30.849L25.436,30.702L25.225,30.422L25.128,30.357L25.09,30.282L24.996,30.198L25.061,30.184L25.098,30.124L25.134,29.964L25.294,30.003L25.496,30L25.643,29.914L25.707,29.84L25.745,29.69L25.784,29.595L25.933,29.417L26.014,29.363L26.115,29.392L26.202,29.361L26.314,29.28L26.421,29.172L26.506,29.139L26.59,29.189L26.744,29.154L26.806,29.108L26.916,28.958L26.964,28.957L27.119,29.022L27.131,29.06L27.05,29.125L27.056,29.187L27.105,29.195L27.129,29.138L27.187,29.095L27.212,29.037L27.282,29.097L27.288,29.197L27.355,29.226L27.404,29.168L27.516,29.149L27.689,29.194L27.648,29.263L27.658,29.302L27.78,29.325L27.755,29.389L27.882,29.411L27.915,29.368L28.008,29.363L28.018,29.388L28.17,29.324L28.291,29.373L28.321,29.36L28.371,29.416L28.395,29.392L28.492,29.457L28.586,29.47L28.632,29.45L28.813,29.439L28.9,29.496L28.985,29.521L29.042,29.508L29.159,29.414L29.267,29.381L29.625,29.55L29.706,29.559L30.628,34.211L30.751,34.229L30.758,34.182L30.89,34.22L30.945,34.127L31.092,34.085L31.095,34.224L31.147,34.263L31.239,34.286L31.275,34.351L31.592,34.55L31.674,34.705L31.798,34.541L31.86,34.522L31.873,34.455L31.847,34.367L31.889,34.355L31.859,34.292L31.951,34.233L32.047,34.134L32.191,34.217L32.201,34.29L32.248,34.351L32.317,34.348L32.429,34.428L32.487,34.505L32.61,34.536L32.772,34.645L32.758,34.672L32.867,34.763L32.916,34.828L32.994,34.887L33.129,35.024L33.255,35.137L33.244,35.206L33.335,35.198L33.344,35.29L33.423,35.301L33.466,35.395L33.531,35.367L33.697,35.419L33.784,35.409L33.89,35.439L33.919,35.482L34.009,35.462L34.065,35.55L34.059,35.633L34.098,35.72L34.191,35.85L34.158,36.056L34.096,36.188L34.052,36.148L34.022,36.177L33.905,36.002L33.948,35.931L33.906,35.816L33.849,35.717L33.801,35.695L33.883,35.801L33.905,35.951L33.885,36.006L33.805,36.012L33.712,35.982L33.643,35.916L33.658,35.851L33.624,35.724L33.624,35.844L33.596,35.882L33.613,35.939L33.541,35.916L33.511,35.865L33.527,35.789L33.496,35.684L33.505,35.602L33.466,35.69L33.494,35.733L33.435,35.795L33.379,35.713L33.314,35.711L33.294,35.66L33.323,35.589L33.375,35.567L33.337,35.502L33.391,35.499L33.267,35.446L33.251,35.385L33.181,35.365L33.091,35.29L32.931,35.264L32.92,35.172L32.872,35.068L32.821,35.06L32.813,35.015L32.955,35.037L32.827,34.976L32.786,34.981L32.658,34.877L32.622,34.77L32.613,34.818L32.481,34.832L32.404,34.725L32.263,34.578L32.18,34.418L32.101,34.371L32.083,34.406L32.172,34.475L32.196,34.553L32.298,34.69L32.381,34.892L32.295,34.874L32.255,34.817L32.2,34.818L32.136,34.861L32.102,34.744L32.03,34.66L31.999,34.702L31.925,34.677L31.895,34.617L31.873,34.662L31.811,34.642L31.807,34.676L31.893,34.681L31.979,34.739L32.017,34.74L32.101,34.871L32.023,34.936L31.981,34.938L31.954,34.996L31.868,34.927L31.825,34.939L31.683,34.872L31.568,34.8L31.556,34.756L31.443,34.686L31.346,34.67L31.261,34.627L31.12,34.591L30.993,34.536L31.014,34.479L31.054,34.486L31.011,34.356L31.017,34.267L30.98,34.388L30.863,34.482L30.712,34.488L30.565,34.446L30.595,34.378L30.514,34.412L30.268,34.393L30.199,34.399L29.861,34.504L29.777,34.62L29.804,34.542L29.853,34.483L29.894,34.476L29.82,34.425L29.667,34.416L29.706,34.388L29.647,34.374L29.67,34.301L29.574,34.382L29.444,34.315L29.393,34.331L29.443,34.259L29.352,34.328L29.364,34.381L29.217,34.44L29.227,34.335L29.266,34.341L29.421,34.257L29.387,34.198L29.323,34.252L29.351,34.188L29.243,34.233L29.189,34.208L29.311,34.14L29.222,34.169L29.167,34.099L29.19,34.014L29.113,34.117L29.081,34.026L29.061,34.123L29.016,34.156L28.985,34.118L28.933,34.195L28.832,34.215L28.867,34.07L28.814,34.077L28.778,34.235L28.843,34.243L28.8,34.382L28.855,34.316L28.898,34.39L28.861,34.499L28.948,34.583L28.897,34.649L28.843,34.657L28.811,34.554L28.794,34.656L28.747,34.674L28.622,34.651L28.553,34.721L28.573,34.659L28.54,34.583L28.537,34.688L28.466,34.678L28.475,34.836L28.398,34.763L28.426,34.823L28.326,34.958L28.304,34.965L28.269,34.872L28.261,34.956L28.226,34.959L28.163,35.064L28.085,35.075L28.057,35.04L28.012,35.102L27.971,35.105L27.91,35.059L27.93,34.973L28.024,34.937L28.155,34.779L28.122,34.783L28.025,34.86L27.929,34.795L27.967,34.659L28.038,34.556L28.066,34.391L28.028,34.305L28.121,34.262L28.274,34.131L28.323,34.198L28.372,34.215L28.425,34.159L28.591,34.192L28.431,34.133L28.345,34.067L28.429,33.944L28.492,33.909L28.446,33.888L28.386,33.947L28.364,34.024L28.247,34.027L28.202,34.003L28.113,34.068L28.081,34.136L28.005,34.158L27.929,34.241L27.955,34.302L27.919,34.302L27.808,34.422L27.828,34.479L27.705,34.593L27.748,34.645L27.689,34.745L27.586,34.754L27.64,34.772L27.628,34.841L27.447,34.919L27.456,34.974L27.356,35.009L27.345,35.187L27.369,35.159L27.451,35.169L27.543,35.213L27.573,35.265L27.543,35.327L27.471,35.394L27.413,35.397L27.371,35.457L27.386,35.514L27.33,35.637L27.261,35.676L27.194,35.677L27.085,35.727L27.09,35.773L27.028,35.789L27.032,35.844L26.951,35.814L26.914,35.93L26.83,35.92L26.834,35.984L26.783,35.965L26.686,36.055L26.746,36.034L26.744,36.112L26.679,36.211L26.588,36.218L26.495,36.314L26.448,36.263L26.359,36.387L26.344,36.352L26.292,36.401L26.3,36.453L26.235,36.425L26.173,36.44L26.123,36.509L26.224,36.573L26.119,36.639L26.105,36.693L26.067,36.63L26.064,36.701L26.008,36.674L25.99,36.708L25.82,36.735L25.802,36.83L25.74,36.874L25.786,36.754L25.716,36.733L25.654,36.789L25.553,36.84L25.506,36.901L25.414,36.865L25.3,36.94L25.221,36.928L25.277,36.803L25.204,36.802L25.161,36.914L25.098,36.995L25.058,36.979L25.075,37.042L25.016,37.01L24.987,37.076L24.924,37.051L24.926,36.949L24.896,36.918L24.864,36.957L24.898,37.005L24.89,37.089L24.808,37.1L24.753,36.998L24.706,37.027L24.754,37.085L24.646,37.143L24.699,37.163L24.727,37.226L24.652,37.17L24.57,37.229L24.425,37.203L24.347,37.237L24.335,37.269L24.245,37.292L24.187,37.27L24.17,37.185L24.247,37.154L24.305,37.065L24.513,37.001L24.617,37.011L24.667,37.105L24.686,36.981L24.814,36.97L24.916,36.845L25.024,36.738L25.164,36.652L25.349,36.611L25.451,36.613L25.408,36.713L25.442,36.76L25.454,36.685L25.537,36.705L25.594,36.76L25.613,36.729L25.516,36.642L25.587,36.511L25.76,36.375L25.842,36.343L26.011,36.241L26.088,36.274L26.093,36.177L26.181,36.056L26.269,36L26.378,35.901L26.426,35.617L26.478,35.595L26.441,35.54L26.472,35.425L26.582,35.325L26.597,35.241L26.569,35.244L26.294,35.359L26.194,35.263L26.215,35.157L26.137,35.221L26.106,35.305L26.14,35.416L26.086,35.46L26.043,35.439L25.971,35.26L25.888,35.167L25.835,35.24L25.802,35.182L25.735,35.141L25.742,35.082L25.621,35.152L25.459,35.221L25.446,35.259L25.34,35.305L25.297,35.247L25.349,35.192L25.357,35.093L25.305,34.932L25.338,34.879L25.409,34.831L25.335,34.589L25.281,34.467L25.249,34.476L25.237,34.548L25.185,34.546L25.081,34.598L24.931,34.611L24.82,34.573L24.816,34.475L24.771,34.441L24.711,34.318L24.649,34.286L24.616,34.232L24.667,34.191L24.565,34.185L24.681,34.092L24.684,34.014L24.646,33.957L24.697,33.945L24.641,33.848L24.613,33.894L24.569,33.882L24.569,33.791L24.513,33.746L24.511,33.702L24.558,33.67L24.526,33.634L24.465,33.645L24.479,33.582L24.56,33.579L24.509,33.495L24.616,33.499L24.602,33.416L24.635,33.351L24.875,33.109L24.874,33.058L24.955,32.909L25.012,32.859L25.08,32.846L25.168,32.882L25.25,32.985L25.314,32.981L25.411,32.908L25.517,32.789L25.569,32.816L25.669,32.828L25.773,32.81L25.87,32.682L25.846,32.518L25.848,32.443L25.794,32.354L25.743,32.336L25.774,32.283L25.854,32.308L25.906,32.258L25.915,32.204L25.839,32.092L25.79,32.162L25.729,32.147L25.614,32.189L25.524,32.254L25.456,32.351L25.454,32.261L25.394,32.181L25.361,32.203L25.415,32.267L25.366,32.264L25.297,32.206L25.119,32.189L24.981,32.223L24.731,32.102L24.693,32.017L24.721,31.957L24.673,31.883L24.647,31.798L24.696,31.821L24.773,31.751L24.736,31.712L24.552,31.637L24.444,31.529ZM22.787,37.797L22.898,37.714L22.91,37.659L22.969,37.625L23.044,37.647L23.025,37.605L23.068,37.541L23.178,37.518L23.236,37.554L23.207,37.618L23.064,37.662L22.988,37.742L22.768,37.813ZM23.016,35.889L23.092,35.911L23.063,35.943ZM22.501,37.737L22.575,37.73L22.584,37.785L22.506,37.768ZM22.913,35.574L22.99,35.562L22.945,35.604ZM22.221,37.796L22.293,37.763L22.291,37.813L22.227,37.829ZM23.4,32.336L23.453,32.227L23.468,32.285L23.607,32.379L23.718,32.341L23.79,32.404L23.786,32.467L23.887,32.557L24.065,32.634L24.009,32.7L23.893,32.671L23.81,32.763L23.784,32.683L23.69,32.551L23.596,32.459L23.546,32.441L23.45,32.477L23.398,32.432ZM21.645,37.796L21.709,37.766L21.742,37.788L21.703,37.825ZM22.694,33.751L22.745,33.712L22.738,33.761L22.871,33.903L22.755,33.845ZM21.192,37.748L21.262,37.784L21.322,37.778L21.394,37.83L21.514,37.866L21.373,37.859L21.214,37.795ZM20.794,37.676L20.898,37.694L21.13,37.685L21.127,37.632L21.194,37.598L21.239,37.661L21.157,37.704L21.182,37.748L21.067,37.764L20.967,37.744ZM20.542,37.563L20.603,37.604L20.566,37.651L20.53,37.629ZM20.489,37.68L20.576,37.664L20.574,37.699L20.503,37.716ZM20.23,37.694L20.323,37.626L20.353,37.557L20.422,37.568L20.39,37.637L20.481,37.652L20.459,37.715L20.405,37.693L20.284,37.722ZM20.031,37.579L20.197,37.583L20.219,37.531L20.261,37.56L20.209,37.632L20.159,37.64L20.13,37.601ZM19.909,37.439L19.996,37.453L20.02,37.528L19.946,37.604L19.912,37.537L19.957,37.544ZM19.258,37.122L19.318,37.125L19.34,37.163L19.274,37.19ZM18.94,37.175L19.016,37.221L19.072,37.358L19.016,37.261ZM18.583,36.871L18.688,36.865L18.733,36.815L18.754,36.849L18.599,36.918ZM17.619,36.102L17.716,36.096L17.709,36.178ZM17.502,35.738L17.565,35.73L17.692,35.803L17.739,35.923L17.692,35.882L17.66,35.9L17.581,35.877L17.549,35.765ZM33.838,36.156L33.89,36.111L33.924,36.142L33.89,36.187ZM33.779,36.131L33.788,36.07L33.758,36.004L33.818,36.022L33.854,36.117ZM33.663,35.994L33.672,35.965L33.734,36.001L33.736,36.096ZM33.21,35.682L33.221,35.656L33.276,35.723ZM33.178,35.624L33.2,35.563L33.292,35.568L33.3,35.628L33.248,35.663ZM33.122,36.122L33.122,36.068L33.208,36.035L33.251,36.067L33.235,36.125L33.173,36.188L33.169,36.124ZM33.038,35.879L33.078,35.758L33.037,35.747L33.041,35.67L33.159,35.651L33.277,35.772L33.364,35.796L33.431,35.848L33.539,35.967L33.452,35.952L33.442,36.004L33.492,35.973L33.582,36.022L33.595,36.096L33.646,36.057L33.664,36.092L33.653,36.201L33.687,36.167L33.734,36.278L33.729,36.328L33.649,36.346L33.583,36.335L33.617,36.286L33.525,36.255L33.501,36.156L33.463,36.186L33.481,36.253L33.427,36.245L33.396,36.167L33.339,36.163L33.459,36.314L33.496,36.279L33.554,36.347L33.508,36.338L33.552,36.399L33.495,36.406L33.373,36.309L33.314,36.184L33.252,36.209L33.236,36.16L33.325,36.083L33.249,36.023L33.096,35.956L33.128,35.919L33.117,35.825L33.075,35.905ZM32.896,35.951L32.961,35.939L32.931,35.984ZM32.744,35.498L32.769,35.444L32.83,35.432L32.876,35.48L32.858,35.403L32.814,35.38L32.846,35.333L33.006,35.334L33.066,35.313L33.151,35.393L33.282,35.467L33.223,35.535L33.132,35.544L33.128,35.592L33.063,35.587L33.005,35.631L32.975,35.586L32.979,35.829L32.944,35.885L32.894,35.84L32.85,35.729L32.849,35.635L32.813,35.633ZM32.375,34.78L32.453,34.827L32.475,34.877L32.507,34.852L32.611,34.84L32.621,34.88L32.734,34.989L32.773,35.076L32.7,34.994L32.642,34.97L32.678,35.032L32.755,35.086L32.811,35.205L32.695,35.416L32.667,35.422L32.627,35.332L32.651,35.236L32.595,35.189L32.533,35.097L32.523,35.042L32.414,34.87ZM32.332,35.346L32.376,35.226L32.489,35.27L32.547,35.258L32.572,35.336L32.704,35.574L32.771,35.8L32.776,35.851L32.729,35.828L32.566,35.641L32.434,35.581L32.473,35.576L32.47,35.487L32.423,35.462L32.434,35.377L32.388,35.398ZM32.307,35.417L32.317,35.359L32.393,35.408L32.396,35.514L32.34,35.538L32.349,35.467ZM32.025,35.132L32.01,35.056L32.049,35.008L32.024,34.949L32.079,34.987L32.143,34.954L32.181,34.898L32.287,34.949L32.424,34.955L32.453,35.014L32.405,35.047L32.461,35.068L32.54,35.212L32.473,35.248L32.321,35.184L32.349,35.276L32.326,35.344L32.274,35.338L32.189,35.265L32.159,35.27L32.093,35.165ZM28.932,34.725L28.957,34.652L29.049,34.543L29.11,34.402L29.153,34.459L29.033,34.642L29.064,34.665ZM28.905,34.492L28.934,34.37L28.985,34.311L28.982,34.42L28.955,34.533Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M30.486,25.242L30.528,25.223L30.616,25.245L30.727,25.233L30.731,25.183L30.821,25.12L30.846,25.032L30.813,24.843L30.715,24.831L30.636,24.796L30.608,24.702L30.66,24.62L30.695,24.461L30.64,24.403L30.694,24.326L30.675,24.258L30.796,24.246L30.812,24.207L30.909,24.114L30.955,24.093L30.984,23.909L31.029,23.891L31.033,23.666L31.07,23.644L31.051,23.541L31.194,23.43L31.24,23.32L31.36,23.297L31.448,23.262L31.582,23.162L31.62,23.102L31.587,23.027L31.534,22.992L31.43,22.846L31.372,22.823L31.4,22.721L31.36,22.621L31.372,22.595L31.346,22.437L31.267,22.341L31.247,22.234L31.202,22.169L31.24,21.984L31.294,21.886L31.256,21.846L31.34,21.815L31.36,21.767L31.376,21.528L31.364,21.399L31.329,21.273L31.391,21.104L31.361,21.037L31.361,20.947L31.384,20.886L31.38,20.81L31.41,20.743L31.451,20.721L31.398,20.607L31.423,20.487L31.411,20.396L31.438,20.375L31.582,20.365L31.638,20.345L31.707,20.359L31.709,20.391L31.864,20.402L31.921,20.515L31.907,20.537L31.98,20.617L32.08,20.622L32.222,20.415L32.25,20.4L32.306,20.117L32.373,19.734L32.469,19.237L33.025,19.344L34.178,19.552L35.454,19.767L36.491,19.927L36.524,19.942L37.484,20.084L38.145,20.177L37.815,22.553L37.697,23.414L37.39,25.62L37.297,26.304L37.004,28.394L35.84,28.227L35.278,28.142L34.527,28.025L32.486,26.846L32.194,26.678L30.31,25.542L30.348,25.465L30.35,25.367L30.413,25.331Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M38.943,14.36L39.507,14.438L40.48,14.559L41.746,14.707L42.001,14.741L42.533,14.798L43.475,14.889L43.67,14.902L44.344,14.961L44.947,15.01L45.674,15.065L46.516,15.121L46.423,16.583L46.314,18.412L46.248,19.45L46.211,20.092L46.153,20.992L45.401,20.939L45.053,20.906L43.52,20.792L42.762,20.723L42.625,20.707L41.389,20.583L40.625,20.5L40.618,20.488L39.928,20.406L39.052,20.298L38.145,20.177L38.22,19.63L38.256,19.404L38.383,18.482L38.385,18.318L38.475,17.672L38.565,17.083L38.842,15.087L38.869,14.915Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M73.372,37.247L73.43,37.162L73.456,37.198L73.402,37.262ZM73.253,37.344L73.29,37.289L73.324,37.32ZM72.914,37.538L73.144,37.388L73.178,37.421L72.98,37.552ZM72.034,37.874L72.103,37.732L72.299,37.59L72.401,37.494L72.469,37.453L72.665,37.507L72.691,37.568L72.764,37.61L72.566,37.714L72.546,37.683L72.421,37.709L72.413,37.741L72.204,37.863L72.038,37.907ZM71.771,37.951L71.935,37.884L71.911,37.953L71.774,37.982ZM71.568,37.951L71.59,37.905L71.643,37.904L71.634,37.962ZM70.993,34.931L71.02,34.949L71.147,35.195L71.272,35.245L71.303,35.219L71.37,35.235L71.266,35.29L71.126,35.214L71,34.993ZM70.534,37.998L70.603,37.973L70.629,37.997L70.536,38.023ZM67.342,30.89L67.466,30.816L67.449,30.879L67.355,30.92ZM66.723,29.195L66.757,29.288L66.823,29.354L66.836,29.451L66.878,29.543L66.942,29.594L68.642,29.478L69.102,29.449L70.246,29.368L70.225,29.406L70.281,29.486L70.283,29.575L70.346,29.662L70.496,29.634L70.51,29.462L70.506,29.338L70.432,29.213L70.435,29.019L70.499,29.022L70.518,28.947L70.586,28.946L70.625,28.982L70.703,28.975L70.819,29.023L70.903,29.014L71.047,29.035L71.107,29.007L71.166,29.022L71.19,29.036L71.192,29.178L71.221,29.29L71.259,29.343L71.336,29.638L71.499,30.061L71.579,30.212L71.605,30.317L71.773,30.628L71.976,30.96L72.113,31.173L72.525,31.682L72.735,31.9L72.828,32.07L72.76,32.152L72.758,32.298L72.812,32.485L72.861,32.598L72.964,32.765L73.177,33.068L73.349,33.391L73.429,33.554L73.592,33.801L73.601,33.843L73.72,34.035L73.854,34.338L73.899,34.662L73.901,34.844L73.92,35.105L73.923,35.363L73.97,35.715L73.965,35.971L73.94,35.894L73.891,35.869L73.836,35.918L73.813,36.039L73.786,36.078L73.797,36.143L73.77,36.198L73.775,36.295L73.806,36.388L73.834,36.403L73.807,36.475L73.762,36.513L73.78,36.557L73.871,36.492L73.972,36.181L73.961,36.338L73.845,36.636L73.821,36.742L73.587,37.071L73.486,37.17L73.47,37.157L73.663,36.923L73.69,36.853L73.701,36.71L73.566,36.707L73.411,36.76L73.31,36.835L73.217,36.794L73.137,36.824L73.111,36.878L72.88,36.945L72.79,36.894L72.736,36.817L72.743,36.655L72.776,36.641L72.687,36.474L72.626,36.423L72.626,36.381L72.562,36.296L72.518,36.281L72.477,36.181L72.398,36.19L72.335,36.073L72.219,36.052L71.997,35.949L71.92,36.026L71.818,35.884L71.723,35.713L71.638,35.425L71.573,35.312L71.508,35.251L71.362,35.18L71.352,35.126L71.283,35.133L71.305,35.184L71.244,35.207L71.17,34.994L71.104,34.94L71.173,34.903L71.222,34.946L71.242,34.743L71.222,34.638L71.178,34.627L71.182,34.525L71.13,34.538L71.063,34.603L71.126,34.779L70.998,34.836L70.985,34.901L70.969,34.809L70.935,34.751L70.837,34.648L70.684,34.447L70.628,34.338L70.477,34.13L70.291,33.943L70.206,33.817L70.264,33.869L70.327,33.823L70.396,33.707L70.502,33.472L70.554,33.438L70.591,33.326L70.552,33.238L70.452,33.226L70.494,33.362L70.384,33.339L70.409,33.293L70.36,33.17L70.174,33.108L70.192,33.186L70.147,33.227L70.221,33.268L70.277,33.264L70.349,33.391L70.31,33.451L70.31,33.552L70.21,33.583L70.236,33.687L70.203,33.709L70.178,33.576L70.094,33.464L70.039,33.427L69.997,33.339L70,33.143L69.963,33.065L69.918,32.866L69.958,32.859L69.974,32.973L70.011,33.08L70.05,33.083L70.038,32.98L69.998,32.946L70.043,32.846L70.108,32.522L70.106,32.293L70.068,32.215L70.066,32.145L70.005,32.116L70.016,32.062L69.957,31.934L69.998,31.847L69.884,31.725L69.892,31.684L69.849,31.621L69.802,31.624L69.803,31.52L69.773,31.508L69.556,31.509L69.494,31.587L69.433,31.47L69.422,31.398L69.316,31.377L69.298,31.3L69.23,31.198L69.13,31.186L69.102,31.134L68.983,31.089L68.965,30.951L68.935,30.871L68.883,30.869L68.771,30.816L68.699,30.735L68.694,30.695L68.615,30.597L68.548,30.55L68.41,30.49L68.22,30.423L68.093,30.346L67.97,30.379L67.933,30.411L67.789,30.392L67.792,30.435L67.684,30.535L67.739,30.653L67.725,30.694L67.617,30.693L67.591,30.663L67.49,30.703L67.336,30.841L67.308,30.844L67.075,31.027L67.086,30.953L67.037,30.943L66.95,31.053L66.789,31.071L66.855,31.124L66.867,31.171L66.942,31.19L67.196,31.043L67.305,30.925L67.318,30.939L67.226,31.054L66.907,31.246L66.67,31.14L66.582,31.141L66.509,31.185L66.439,31.074L66.4,30.949L66.43,30.873L66.446,31.003L66.484,31.114L66.519,31.137L66.556,31.084L66.551,30.979L66.456,30.841L66.398,30.789L66.291,30.768L66.219,30.725L66.134,30.646L66.008,30.6L65.901,30.525L65.764,30.453L65.603,30.389L65.315,30.313L65.134,30.286L64.796,30.288L64.65,30.309L64.443,30.36L64.154,30.45L64.016,30.481L63.981,30.472L63.708,30.56L63.769,30.522L63.731,30.503L63.784,30.457L63.806,30.363L63.872,30.326L63.814,30.292L63.766,30.219L63.817,30.038L63.795,29.975L63.63,29.89L63.601,29.83L63.488,29.723L63.531,29.575L63.516,29.528L64.081,29.474L64.85,29.409L65.624,29.328Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M65.343,23.488L65.602,23.462L66.123,23.395L66.847,23.307L67.67,23.205L67.668,23.197L68.265,23.105L68.263,23.193L68.137,23.307L68.114,23.391L68.055,23.445L68.032,23.539L68.061,23.606L68.198,23.69L68.272,23.691L68.386,23.805L68.494,23.855L68.564,23.825L68.665,23.853L68.715,23.984L68.767,24.013L68.838,24.112L68.875,24.241L68.947,24.296L69.004,24.382L69.066,24.431L69.128,24.545L69.167,24.543L69.304,24.641L69.4,24.671L69.525,24.763L69.622,24.94L69.705,24.987L69.736,24.975L69.814,25.011L69.903,25.112L69.999,25.164L69.978,25.282L70.03,25.333L70.107,25.347L70.112,25.429L70.175,25.476L70.222,25.465L70.24,25.545L70.319,25.597L70.431,25.611L70.491,25.663L70.598,25.714L70.6,25.817L70.655,25.871L70.645,25.9L70.72,25.952L70.724,26.028L70.754,26.08L70.743,26.145L70.794,26.215L70.77,26.248L70.844,26.314L70.952,26.328L71.076,26.444L71.066,26.488L71.207,26.685L71.173,26.755L71.231,26.827L71.249,26.93L71.316,26.96L71.386,26.933L71.497,27.003L71.548,27.006L71.602,27.012L71.591,27.095L71.538,27.141L71.49,27.129L71.475,27.193L71.518,27.196L71.459,27.281L71.367,27.267L71.365,27.339L71.41,27.34L71.388,27.424L71.322,27.503L71.244,27.499L71.292,27.554L71.328,27.541L71.342,27.646L71.309,27.751L71.21,27.766L71.203,27.802L71.281,27.782L71.313,27.808L71.222,28.043L71.245,28.155L71.24,28.278L71.215,28.279L71.164,28.393L71.127,28.402L71.127,28.575L71.046,28.646L71.133,28.663L71.151,28.629L71.17,28.729L71.141,28.877L71.14,28.979L71.166,29.022L71.107,29.007L71.047,29.035L70.903,29.014L70.819,29.023L70.703,28.975L70.625,28.982L70.586,28.946L70.518,28.947L70.499,29.022L70.435,29.019L70.432,29.213L70.506,29.338L70.51,29.462L70.496,29.634L70.346,29.662L70.283,29.575L70.281,29.486L70.225,29.406L70.246,29.368L69.102,29.449L68.642,29.478L66.942,29.594L66.878,29.543L66.836,29.451L66.823,29.354L66.757,29.288L66.723,29.195L66.664,29.044L66.562,28.941L66.538,28.812L66.565,28.781L66.551,28.683L66.572,28.58L66.559,28.527L66.584,28.451L66.55,28.305L66.455,28.206L66.457,28.151L66.411,28L66.471,27.844L66.489,27.734L66.485,27.626L66.463,27.557L66.513,27.486L66.605,27.419L66.644,27.349L66.588,27.304L66.5,27.279L66.53,27.128L66.487,27.088L66.46,26.987L66.374,26.91L66.321,26.825L66.279,26.641L66.218,26.592L66.23,26.544L66.19,26.522L65.6,24.404L65.388,23.666Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M62.21,13.89L62.272,13.937L62.347,13.923L62.327,13.976L62.504,13.993L62.652,13.942L62.842,13.83L62.952,13.745L64.059,13.633L65.113,13.512L65.124,13.605L65.295,15.013L65.366,15.633L65.439,16.35L65.554,17.379L65.478,17.467L65.552,17.548L65.563,17.596L65.534,17.685L65.628,17.698L65.597,17.767L65.616,17.846L65.532,17.841L65.434,17.875L65.233,18.033L65.143,17.979L65.075,17.972L64.935,18.006L64.915,18.067L64.985,18.271L64.904,18.395L64.787,18.45L64.753,18.62L64.667,18.715L64.605,18.693L64.564,18.715L64.548,18.796L64.493,18.893L64.507,19.002L64.498,19.088L64.469,19.125L64.38,19.157L64.373,19.206L64.291,19.132L64.211,19.144L64.096,19.073L64.088,18.97L63.994,18.894L63.971,18.943L64.024,18.952L63.942,19.032L63.875,19.019L63.912,19.063L63.897,19.118L63.825,19.137L63.827,19.246L63.854,19.299L63.762,19.322L63.754,19.416L63.688,19.424L63.698,19.347L63.62,19.378L63.58,19.352L63.52,19.246L63.451,19.255L63.404,19.32L63.261,19.392L63.234,19.549L63.172,19.58L63.122,19.502L63.079,19.502L62.865,19.386L62.785,19.385L62.721,19.442L62.62,19.349L62.588,19.414L62.633,19.479L62.616,19.559L62.549,19.571L62.527,19.464L62.364,19.518L62.274,19.454L62.242,19.504L62.286,19.626L62.248,19.677L62.15,19.65L62.06,19.5L62.155,19.509L62.093,19.477L62.145,19.388L62.105,19.302L62.186,19.252L62.187,19.204L62.141,19.231L62.177,19.157L62.221,19.14L62.149,19.045L62.205,18.91L62.227,18.952L62.253,18.898L62.287,18.937L62.33,18.804L62.359,18.79L62.405,18.674L62.391,18.634L62.479,18.579L62.471,18.529L62.504,18.382L62.53,18.338L62.608,18.287L62.623,18.166L62.553,18.053L62.583,17.91L62.505,17.867L62.502,17.766L62.43,17.7L62.413,17.613L62.479,17.531L62.439,17.472L62.46,17.353L62.51,17.337L62.448,16.661L62.37,15.709L62.261,14.489Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M46.423,16.583L47.121,16.627L48.253,16.686L48.889,16.714L49.598,16.739L50.27,16.759L50.964,16.776L51.937,16.792L52.924,16.8L53.858,16.798L53.972,16.931L54.042,16.946L54.058,16.981L54.158,16.992L54.185,16.942L54.278,16.957L54.263,16.998L54.337,17.052L54.283,17.102L54.298,17.147L54.346,17.126L54.33,17.194L54.251,17.167L54.235,17.254L54.172,17.286L54.133,17.416L54.085,17.421L54.086,17.474L54.149,17.532L54.161,17.578L54.226,17.615L54.281,17.695L54.331,17.685L54.308,17.745L54.32,17.82L54.38,17.866L54.406,17.952L54.458,17.96L54.505,18.01L54.559,17.988L54.588,18.026L54.666,18.028L54.65,18.081L54.655,18.829L54.667,19.795L54.667,20.057L54.683,21.193L53.656,21.202L52.519,21.203L51.414,21.192L50.591,21.177L49.589,21.148L48.901,21.123L48.641,21.109L47.722,21.071L46.938,21.035L46.153,20.992L46.211,20.092L46.248,19.45L46.314,18.412Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M81.39,6.524L81.442,6.497L81.424,6.549ZM81.275,6.608L81.27,6.501L81.393,6.581L81.355,6.651ZM81.17,6.359L81.182,6.298L81.23,6.379ZM80.906,6.601L80.952,6.585L80.979,6.63ZM80.99,7.159L81.007,7.105L81.034,7.195ZM80.852,6.805L80.865,6.747L80.941,6.667L80.968,6.734L81.043,6.814L81.021,6.872L80.958,6.907L80.906,6.891L80.889,6.798ZM80.772,6.616L80.796,6.522L80.784,6.421L80.832,6.428L80.826,6.615ZM79.496,8.785L79.345,8.725L79.322,8.597L79.134,8.467L79.072,8.364L79.057,8.161L79.028,8.14L78.927,7.831L78.695,7.065L78.513,6.488L78.26,5.728L78.329,5.689L78.316,5.65L78.421,5.675L78.466,5.765L78.513,5.775L78.529,5.661L78.515,5.57L78.478,5.526L78.537,5.468L78.594,5.51L78.673,5.499L78.635,5.419L78.552,5.375L78.537,5.337L78.577,5.188L78.644,5.078L78.784,4.938L78.728,4.863L78.779,4.763L78.845,4.687L78.843,4.607L78.76,4.6L78.78,4.547L78.738,4.523L78.762,4.467L78.727,4.457L78.766,4.322L78.695,4.275L78.71,4.158L78.738,4.1L78.724,4.057L78.771,4.002L78.801,3.918L78.837,3.897L78.786,3.492L79.221,2.218L79.372,2.228L79.406,2.213L79.45,2.395L79.483,2.465L79.643,2.519L79.792,2.381L79.847,2.372L79.902,2.321L79.905,2.277L79.959,2.248L80.097,2.219L80.072,2.143L80.105,2.108L80.292,2.104L80.321,2.14L80.538,2.225L80.648,2.333L80.746,2.356L80.946,3.003L81.088,3.445L81.232,3.911L81.272,3.937L81.235,4L81.308,4.069L81.271,4.111L81.323,4.286L81.41,4.283L81.412,4.256L81.503,4.329L81.657,4.321L81.698,4.284L81.774,4.412L81.695,4.458L81.752,4.538L81.808,4.57L81.826,4.645L81.797,4.741L81.87,4.803L81.933,4.886L82.011,4.914L82.043,4.872L82.033,4.813L82.109,4.826L82.174,4.809L82.28,4.917L82.385,5.072L82.452,5.101L82.498,5.241L82.367,5.535L82.292,5.592L82.223,5.486L82.139,5.551L82.202,5.607L82.176,5.673L82.134,5.668L82.107,5.752L82.023,5.771L82.043,5.81L82.116,5.84L82.06,5.933L81.996,5.892L81.953,5.83L81.884,5.91L81.839,5.847L81.836,5.929L81.81,5.956L81.807,6.053L81.745,6.056L81.691,6.138L81.661,6.112L81.652,6.235L81.587,6.213L81.569,6.161L81.497,6.199L81.53,6.276L81.5,6.378L81.548,6.406L81.43,6.463L81.335,6.45L81.242,6.338L81.252,6.296L81.32,6.241L81.283,6.195L81.259,6.251L81.229,6.197L81.112,6.3L81.149,6.349L81.144,6.408L81.215,6.474L81.221,6.53L81.166,6.648L81.17,6.701L81.229,6.756L81.235,6.844L81.184,6.873L81.142,6.775L81.132,6.7L81.056,6.665L81.017,6.592L81.055,6.515L80.97,6.486L80.945,6.448L80.887,6.492L80.853,6.355L80.875,6.29L80.831,6.221L80.787,6.345L80.734,6.317L80.67,6.383L80.749,6.466L80.755,6.527L80.718,6.568L80.707,6.664L80.718,6.754L80.698,6.77L80.719,6.885L80.779,6.878L80.74,6.925L80.79,6.973L80.776,7.038L80.677,7.062L80.657,7.162L80.603,7.179L80.615,7.251L80.579,7.273L80.573,7.159L80.537,7.15L80.495,7.218L80.49,7.135L80.432,7.163L80.45,7.226L80.407,7.287L80.404,7.352L80.346,7.302L80.354,7.361L80.313,7.415L80.258,7.396L80.272,7.479L80.214,7.426L80.19,7.556L80.104,7.639L80.061,7.544L80.001,7.554L79.954,7.673L79.905,7.672L79.874,7.753L79.814,7.756L79.778,7.838L79.814,7.932L79.793,7.979L79.738,7.957L79.662,8.029L79.651,8.082L79.696,8.156L79.649,8.244L79.671,8.281L79.56,8.348L79.535,8.488L79.563,8.521L79.55,8.658L79.523,8.762Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M80.616,11.132L80.672,11.147L80.78,11.112L80.839,11.073L80.861,10.975L80.958,11.085L80.917,11.159L80.807,11.183L80.645,11.158ZM80.017,11.231L80.084,11.213L80.125,11.084L80.207,10.984L80.254,10.991L80.291,11.062L80.368,11.085L80.391,11.027L80.419,11.129L80.151,11.213L80.097,11.289ZM76.986,9.907L77.823,9.728L78.318,9.622L79.03,9.46L79.063,9.382L79.13,9.372L79.106,9.298L79.149,9.24L79.225,9.243L79.238,9.159L79.334,9.094L79.424,9.106L79.452,9.081L79.56,9.323L79.667,9.355L79.698,9.291L79.76,9.318L79.73,9.445L79.7,9.435L79.569,9.536L79.521,9.556L79.561,9.586L79.53,9.683L79.483,9.71L79.452,9.786L79.512,9.857L79.457,9.875L79.484,9.966L79.539,9.969L79.548,9.919L79.6,9.895L79.648,9.943L79.738,9.948L79.804,9.992L79.827,10.045L79.935,10.138L79.936,10.253L79.892,10.273L79.961,10.325L80.087,10.337L80.143,10.43L80.143,10.495L80.236,10.552L80.345,10.556L80.434,10.539L80.475,10.558L80.533,10.484L80.689,10.386L80.703,10.351L80.627,10.188L80.59,10.24L80.556,10.123L80.519,10.061L80.453,10.035L80.415,10.08L80.352,10.061L80.403,10.018L80.554,10.04L80.665,10.147L80.772,10.33L80.827,10.493L80.825,10.602L80.804,10.685L80.793,10.561L80.746,10.546L80.573,10.635L80.523,10.675L80.424,10.69L80.333,10.762L80.295,10.854L80.155,10.913L80.026,11.088L79.876,11.185L79.889,11.148L80.008,11.07L80.126,10.913L80.129,10.852L80.07,10.718L80.101,10.684L79.989,10.658L80.008,10.73L79.967,10.727L79.977,10.805L79.926,10.796L79.937,10.841L79.832,10.878L79.83,11.037L79.746,11.09L79.662,11.108L79.589,10.883L79.517,10.878L79.473,10.836L79.419,10.787L79.34,10.766L79.284,10.602L79.242,10.621L79.195,10.443L78.766,10.572L78.758,10.55L77.761,10.785L77.761,10.835L77.711,10.856L77.701,10.8L77.497,10.847L76.995,10.953L76.961,10.906Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M51.908,3.696L52.703,3.704L53.704,3.705L53.911,3.703L53.907,3.15L53.999,3.194L54.101,3.171L54.195,3.233L54.224,3.276L54.277,3.524L54.299,3.554L54.368,3.863L54.351,3.938L54.363,4.015L54.412,4.067L54.512,4.121L54.609,4.131L54.631,4.107L54.778,4.122L54.818,4.192L55.029,4.197L55.188,4.214L55.228,4.298L55.24,4.376L55.385,4.37L55.557,4.325L55.558,4.259L55.663,4.227L55.67,4.205L55.805,4.179L55.834,4.205L56.022,4.199L56.276,4.312L56.366,4.304L56.366,4.367L56.307,4.375L56.295,4.421L56.351,4.457L56.495,4.436L56.547,4.502L56.537,4.573L56.642,4.758L56.738,4.714L56.698,4.618L56.739,4.561L56.794,4.572L56.941,4.546L56.996,4.599L56.993,4.679L57.043,4.724L57.106,4.714L57.136,4.757L57.282,4.762L57.275,4.803L57.362,4.906L57.44,4.886L57.437,4.979L57.512,4.94L57.571,4.966L57.627,4.933L57.744,4.906L57.85,4.807L58.001,4.698L58.088,4.655L58.134,4.662L58.143,4.734L58.201,4.77L58.183,4.803L58.221,4.861L58.338,4.846L58.394,4.814L58.421,4.853L58.835,4.805L58.943,4.837L59.004,4.935L59.101,4.97L59.149,4.925L59.217,4.908L59.266,4.93L59.385,4.937L59.473,4.904L59.38,4.98L59.276,5.023L59.187,5.101L59.062,5.151L59.015,5.2L58.75,5.3L58.67,5.343L58.568,5.37L58.473,5.417L58.284,5.542L58.159,5.646L58.013,5.787L57.875,5.937L57.859,5.975L57.701,6.176L57.588,6.299L57.495,6.355L57.407,6.469L57.37,6.483L57.273,6.591L57.199,6.635L56.996,6.815L57.079,6.929L57.002,6.87L56.905,6.92L56.895,7.011L56.805,7.003L56.836,7.856L56.803,7.869L56.783,7.941L56.696,7.938L56.662,8.01L56.611,7.995L56.584,8.043L56.494,8.073L56.428,8.131L56.372,8.232L56.357,8.324L56.273,8.394L56.258,8.509L56.265,8.601L56.377,8.608L56.506,8.769L56.511,8.85L56.465,8.942L56.406,9.01L56.402,9.157L56.429,9.275L56.383,9.318L56.413,9.392L56.432,9.524L56.409,9.59L56.422,9.665L56.382,9.797L56.457,9.844L56.636,10.003L56.658,10.053L56.867,10.062L56.903,10.089L56.939,10.175L57.011,10.23L57.18,10.277L57.316,10.37L57.376,10.558L57.439,10.612L57.553,10.67L57.692,10.8L57.851,10.837L58.016,11.048L58.063,11.151L58.042,11.247L58.049,11.385L58.089,11.429L58.08,11.48L58.11,11.55L57.565,11.576L56.378,11.623L55.407,11.651L54.233,11.67L53.367,11.677L52.619,11.675L52.629,9.921L52.632,9.055L52.595,8.969L52.465,8.894L52.397,8.889L52.349,8.823L52.32,8.738L52.222,8.605L52.248,8.538L52.433,8.402L52.504,8.296L52.524,8.129L52.515,7.98L52.535,7.913L52.495,7.716L52.491,7.556L52.424,7.49L52.357,7.339L52.348,7.213L52.296,7.069L52.316,6.979L52.296,6.845L52.32,6.735L52.278,6.631L52.277,6.358L52.263,6.293L52.266,6.098L52.242,5.985L52.255,5.732L52.13,5.419L52.095,5.254L52.053,5.19L52.043,5.064L52.014,5.034L51.973,4.894L52.004,4.734L51.976,4.618L51.992,4.475L51.974,4.341L52.018,4.227L52.029,4.148L51.993,4.089L51.957,3.909L51.898,3.742Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M75.588,14.915L75.624,14.823L75.654,14.697L75.69,14.634L75.766,14.547L75.831,14.532L75.95,14.456L75.948,14.342L76.125,14.137L76.195,14.101L76.225,14.027L76.27,14.026L76.321,13.954L76.251,13.888L76.163,13.855L76.121,13.797L76.03,13.753L75.984,13.675L75.881,13.669L75.853,13.617L75.827,13.492L75.785,13.463L75.684,13.476L75.635,13.311L75.644,13.178L75.683,13.177L75.737,13.014L75.621,12.894L75.617,12.865L75.713,12.77L75.757,12.692L75.738,12.662L75.82,12.534L75.847,12.358L75.903,12.267L75.961,12.237L76.436,12.405L76.906,12.553L76.927,12.554L76.926,12.716L76.867,13.03L76.853,13.078L76.722,13.154L76.731,13.261L76.703,13.352L76.714,13.406L76.795,13.423L76.854,13.385L77.013,13.417L77.018,13.359L77.073,13.571L77.076,13.836L77.097,14.151L77.126,14.367L77.101,14.483L76.999,14.836L76.917,15.021L76.815,15.115L76.737,15.237L76.669,15.441L76.625,15.643L76.564,15.735L76.492,15.769L76.446,15.761L76.445,15.67L76.477,15.494L76.468,15.428L76.376,15.401L76.305,15.412L76.299,15.384L76.207,15.405L76.189,15.456L76.125,15.378L75.989,15.338L75.913,15.266L75.89,15.282L75.787,15.213L75.75,15.167L75.666,15.153L75.643,15.037L75.655,14.978L75.599,14.949Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M76.554,20.252L76.636,20.259L76.704,20.339L76.72,20.397L76.656,20.399L76.653,20.341ZM76.493,21.566L76.511,21.485L76.98,21.155L76.968,20.839L76.943,20.673L76.831,20.439L76.871,20.473L76.966,20.672L76.988,20.842L77.003,21.208L76.908,21.239L76.739,21.346ZM69.588,20.562L69.937,20.528L70.164,20.497L70.553,20.454L70.705,20.425L71.176,20.375L72.068,20.227L73.211,20.02L75.019,19.664L75.141,19.629L76.205,19.405L76.319,19.67L76.411,19.843L76.508,19.995L76.605,20.114L76.821,20.417L76.783,20.407L76.639,20.206L76.591,20.157L76.537,20.155L76.451,19.95L76.346,19.773L76.305,19.752L76.31,19.7L76.264,19.595L76.188,19.512L76.083,19.516L76.078,19.47L76.019,19.505L76.06,19.574L76.138,19.62L76.179,19.598L76.199,19.69L76.415,20.017L76.428,20.074L76.335,20.013L76.329,19.966L76.237,19.858L76.185,19.854L76.213,19.933L76.281,19.969L76.147,19.964L75.985,19.847L75.922,19.844L76.026,19.948L76.071,19.961L76.11,20.028L75.982,20.094L75.852,20.029L75.972,20.12L75.947,20.143L75.648,20.074L75.759,20.145L75.852,20.154L75.829,20.184L75.731,20.214L75.692,20.303L75.635,20.343L75.559,20.356L75.51,20.321L75.439,20.327L75.357,20.187L75.344,20.113L75.374,20.006L75.35,19.993L75.311,20.099L75.322,20.195L75.379,20.304L75.45,20.402L75.435,20.446L75.474,20.482L75.637,20.435L75.774,20.346L75.827,20.398L76.024,20.28L76.155,20.253L76.22,20.292L76.231,20.345L76.196,20.453L76.225,20.517L76.274,20.728L76.309,20.704L76.309,20.557L76.28,20.369L76.325,20.295L76.297,20.278L76.402,20.225L76.491,20.266L76.593,20.431L76.591,20.492L76.644,20.596L76.619,20.634L76.647,20.698L76.609,20.775L76.474,20.814L76.389,20.979L76.375,21.082L76.332,21.096L76.336,21.147L76.265,21.225L76.152,21.217L76.032,21.247L75.857,21.247L75.783,21.203L75.701,21.073L75.826,21.043L75.837,20.983L75.729,21.037L75.676,21.034L75.645,21.083L75.697,21.146L75.744,21.247L75.583,21.22L75.528,21.244L75.438,21.219L75.303,21.208L75.195,21.168L75.2,21.203L75.285,21.265L75.372,21.253L75.66,21.326L75.855,21.321L75.911,21.401L75.856,21.553L75.861,21.618L75.816,21.71L75.614,21.906L75.376,21.811L75.398,21.89L75.51,21.938L75.671,21.96L75.799,21.831L75.947,21.774L75.96,21.676L76.009,21.685L76.038,21.763L76.08,21.794L76.155,21.784L76.098,21.701L76.195,21.724L76.227,21.815L76.166,21.93L76.097,21.96L76.027,22.153L76.018,22.245L75.942,22.236L75.926,22.136L75.876,22.122L75.902,22.222L75.838,22.244L76.028,22.288L76.118,22.079L76.198,21.939L76.282,21.825L76.426,21.57L76.47,21.586L76.374,21.712L76.147,22.065L76.06,22.267L76.033,22.382L76.001,22.304L75.839,22.266L75.729,22.283L75.436,22.396L75.246,22.518L75.133,22.644L74.988,22.769L74.869,22.898L74.72,23.118L74.647,23.297L74.578,23.683L74.579,23.771L74.522,23.774L74.5,23.734L74.306,23.732L74.067,23.796L73.896,23.904L72.913,23.197L72.755,23.077L72.319,22.768L72.091,22.806L71.006,22.965L70.997,22.794L70.779,22.574L70.669,22.685L70.642,22.533L69.853,22.612L69.416,22.66L69.198,22.678L69.078,22.715L69.057,22.676L69.017,22.752L68.956,22.754L68.693,22.907L68.64,22.959L68.628,22.929L68.265,23.105L67.668,23.197L67.67,23.205L66.847,23.307L66.842,22.958L66.926,22.887L66.945,22.918L67.063,22.898L67.14,22.817L67.114,22.74L67.145,22.704L67.123,22.658L67.15,22.605L67.237,22.538L67.263,22.474L67.328,22.455L67.384,22.391L67.715,22.339L67.753,22.27L67.839,22.218L67.871,22.175L67.916,22.18L67.968,22.071L68.031,22.058L68.055,22.003L68.144,21.954L68.247,21.963L68.276,21.935L68.332,21.805L68.321,21.699L68.373,21.686L68.414,21.721L68.447,21.671L68.451,21.6L68.603,21.481L68.654,21.528L68.648,21.62L68.712,21.631L68.813,21.537L68.861,21.412L68.983,21.323L69.033,21.323L69.057,21.281L69.143,21.279L69.172,21.339L69.282,21.302L69.386,21.017L69.503,20.917L69.603,20.937L69.557,20.83L69.594,20.739L69.567,20.657Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M45.333,3.376L45.981,3.43L47.096,3.511L48.149,3.573L48.815,3.606L49.691,3.643L50.325,3.663L51.212,3.685L51.908,3.696L51.898,3.742L51.957,3.909L51.993,4.089L52.029,4.148L52.018,4.227L51.974,4.341L51.992,4.475L51.976,4.618L52.004,4.734L51.973,4.894L52.014,5.034L52.043,5.064L52.053,5.19L52.095,5.254L52.13,5.419L52.255,5.732L52.242,5.985L52.266,6.098L52.263,6.293L52.277,6.358L52.278,6.631L52.32,6.735L52.296,6.845L52.316,6.979L52.296,7.069L52.348,7.213L52.357,7.339L52.424,7.49L52.491,7.556L52.495,7.716L52.535,7.913L52.515,7.98L52.524,8.129L51.76,8.122L50.652,8.098L49.56,8.058L48.876,8.027L47.613,7.962L47.054,7.927L46.315,7.877L45.454,7.812L44.964,7.772L45.016,7.138L45.135,5.754L45.202,5.008L45.215,4.816Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M45.053,20.906L45.401,20.939L46.153,20.992L46.938,21.035L47.722,21.071L48.641,21.109L48.901,21.123L49.589,21.148L50.591,21.177L51.414,21.192L52.519,21.203L53.656,21.202L54.683,21.193L54.694,21.926L54.735,22.218L54.937,23.543L54.927,24.374L54.914,26.117L54.872,26.149L54.792,26.059L54.72,26.074L54.704,26.041L54.643,26.047L54.564,25.95L54.475,25.974L54.39,25.907L54.33,25.798L54.234,25.795L54.135,25.689L54.016,25.655L53.953,25.777L53.804,25.795L53.639,25.776L53.62,25.7L53.437,25.769L53.386,25.758L53.39,25.811L53.333,25.804L53.282,25.837L53.172,25.767L53.165,25.804L53.108,25.796L53.071,25.835L52.974,25.824L52.884,25.873L52.891,25.938L52.83,25.971L52.762,25.938L52.723,26.025L52.683,26.059L52.588,25.928L52.495,25.933L52.463,25.862L52.408,25.864L52.34,25.817L52.394,25.762L52.286,25.731L52.267,25.818L52.182,25.855L52.143,25.789L52.076,25.82L52.037,25.79L52.011,25.674L51.905,25.669L51.914,25.761L51.79,25.874L51.778,25.992L51.688,25.977L51.649,25.883L51.697,25.826L51.682,25.75L51.645,25.715L51.589,25.792L51.494,25.776L51.449,25.854L51.385,25.853L51.342,25.82L51.346,25.729L51.298,25.705L51.237,25.736L51.184,25.712L51.193,25.653L51.141,25.612L51.076,25.603L51.04,25.66L50.897,25.788L50.859,25.8L50.719,25.727L50.767,25.595L50.737,25.569L50.67,25.585L50.598,25.566L50.563,25.449L50.6,25.383L50.561,25.347L50.505,25.404L50.349,25.371L50.274,25.336L50.207,25.443L50.124,25.471L50.019,25.342L49.935,25.317L49.884,25.361L49.804,25.371L49.745,25.323L49.624,25.288L49.54,25.227L49.465,25.253L49.353,25.219L49.292,25.224L49.272,25.044L49.076,24.861L49.053,24.976L49.001,24.979L48.911,24.917L48.837,24.911L48.811,24.971L48.697,24.958L48.63,24.896L48.472,24.695L48.413,24.656L48.347,24.68L48.467,21.839L47.835,21.812L47.212,21.78L46.59,21.745L45.866,21.698L44.998,21.637Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M69.628,12.553L69.814,12.435L69.981,12.291L70.007,12.21L70.072,12.231L70.194,12.118L70.357,11.997L70.425,12.388L71.361,12.223L71.654,12.166L72.46,12.015L73.204,11.867L73.418,11.82L74.025,11.7L74.656,11.566L75.056,11.477L75.16,11.544L75.207,11.649L75.29,11.615L75.403,11.681L75.395,11.739L75.456,11.758L75.505,11.952L75.48,11.973L75.544,12.022L75.619,12.131L75.693,12.12L75.722,12.167L75.809,12.143L75.839,12.168L75.891,12.143L75.9,12.185L75.961,12.237L75.903,12.267L75.847,12.358L75.82,12.534L75.738,12.662L75.757,12.692L75.713,12.77L75.617,12.865L75.621,12.894L75.737,13.014L75.683,13.177L75.644,13.178L75.635,13.311L75.684,13.476L75.785,13.463L75.827,13.492L75.853,13.617L75.881,13.669L75.984,13.675L76.03,13.753L76.121,13.797L76.163,13.855L76.251,13.888L76.321,13.954L76.27,14.026L76.225,14.027L76.195,14.101L76.125,14.137L75.948,14.342L75.95,14.456L75.831,14.532L75.766,14.547L75.69,14.634L75.59,14.609L75.511,14.618L75.417,14.665L75.358,14.733L75.311,14.837L74.829,14.94L74.008,15.113L73.489,15.217L72.326,15.436L71.303,15.623L70.892,15.695L70.164,15.816L69.947,14.488Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M44.834,9.143L44.853,9.14L44.894,8.654L44.964,7.772L45.454,7.812L46.315,7.877L47.054,7.927L47.613,7.962L48.876,8.027L49.56,8.058L50.652,8.098L51.76,8.122L52.524,8.129L52.504,8.296L52.433,8.402L52.248,8.538L52.222,8.605L52.32,8.738L52.349,8.823L52.397,8.889L52.465,8.894L52.595,8.969L52.632,9.055L52.629,9.921L52.619,11.675L52.466,11.674L52.47,11.771L52.547,11.842L52.541,11.953L52.484,11.97L52.504,12.078L52.584,12.078L52.602,12.186L52.634,12.229L52.606,12.314L52.556,12.333L52.565,12.465L52.522,12.516L52.518,12.623L52.423,12.743L52.425,12.835L52.523,12.909L52.587,13.055L52.572,13.107L52.62,13.151L52.561,13.162L52.529,13.114L52.452,13.129L52.416,13.06L52.338,12.977L52.364,12.922L52.322,12.891L52.243,12.883L52.239,12.836L52.132,12.792L52.072,12.81L52.053,12.752L51.895,12.733L51.812,12.678L51.803,12.624L51.711,12.591L51.594,12.592L51.57,12.619L51.396,12.6L51.327,12.621L51.215,12.609L51.158,12.58L51.108,12.594L51.093,12.654L51.026,12.723L50.936,12.729L50.838,12.643L50.704,12.562L50.485,12.45L50.454,12.375L49.901,12.359L49.005,12.327L48.201,12.291L47.059,12.231L46.915,12.218L46.243,12.174L45.276,12.101L44.592,12.046L44.659,11.234L44.732,10.387Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M44.998,21.637L45.866,21.698L46.59,21.745L47.212,21.78L47.835,21.812L48.467,21.839L48.347,24.68L48.413,24.656L48.472,24.695L48.63,24.896L48.697,24.958L48.811,24.971L48.837,24.911L48.911,24.917L49.001,24.979L49.053,24.976L49.076,24.861L49.272,25.044L49.292,25.224L49.353,25.219L49.465,25.253L49.54,25.227L49.624,25.288L49.745,25.323L49.804,25.371L49.884,25.361L49.935,25.317L50.019,25.342L50.124,25.471L50.207,25.443L50.274,25.336L50.349,25.371L50.505,25.404L50.561,25.347L50.6,25.383L50.563,25.449L50.598,25.566L50.67,25.585L50.737,25.569L50.767,25.595L50.719,25.727L50.859,25.8L50.897,25.788L51.04,25.66L51.076,25.603L51.141,25.612L51.193,25.653L51.184,25.712L51.237,25.736L51.298,25.705L51.346,25.729L51.342,25.82L51.385,25.853L51.449,25.854L51.494,25.776L51.589,25.792L51.645,25.715L51.682,25.75L51.697,25.826L51.649,25.883L51.688,25.977L51.778,25.992L51.79,25.874L51.914,25.761L51.905,25.669L52.011,25.674L52.037,25.79L52.076,25.82L52.143,25.789L52.182,25.855L52.267,25.818L52.286,25.731L52.394,25.762L52.34,25.817L52.408,25.864L52.463,25.862L52.495,25.933L52.588,25.928L52.683,26.059L52.723,26.025L52.762,25.938L52.83,25.971L52.891,25.938L52.884,25.873L52.974,25.824L53.071,25.835L53.108,25.796L53.165,25.804L53.172,25.767L53.282,25.837L53.333,25.804L53.39,25.811L53.386,25.758L53.437,25.769L53.62,25.7L53.639,25.776L53.804,25.795L53.953,25.777L54.016,25.655L54.135,25.689L54.234,25.795L54.33,25.798L54.39,25.907L54.475,25.974L54.564,25.95L54.643,26.047L54.704,26.041L54.72,26.074L54.792,26.059L54.872,26.149L54.914,26.117L54.945,26.106L54.948,26.174L55.045,26.207L55.068,26.253L55.141,26.203L55.228,26.236L55.278,26.177L55.351,26.235L55.375,26.207L55.447,26.233L55.464,27.012L55.495,28.503L55.525,28.514L55.578,28.608L55.662,28.654L55.707,28.758L55.773,28.826L55.764,28.867L55.798,28.954L55.758,29.081L55.785,29.146L55.901,29.217L55.873,29.269L55.935,29.313L55.983,29.425L55.955,29.499L56.04,29.554L56.068,29.691L56.132,29.674L56.138,29.825L56.177,29.911L56.115,29.945L56.169,30.034L56.119,30.109L56.139,30.201L56.061,30.324L56.06,30.393L55.985,30.474L55.99,30.533L55.931,30.572L55.917,30.623L55.95,30.653L55.974,30.766L55.899,30.846L55.892,30.924L55.958,30.979L55.953,31.102L55.996,31.201L55.942,31.279L55.979,31.328L55.877,31.423L55.797,31.608L55.712,31.677L55.823,31.861L55.823,31.878L55.617,31.879L55.451,31.932L54.827,32.227L54.748,32.28L54.702,32.348L54.642,32.36L54.657,32.314L54.774,32.191L54.873,32.167L54.907,32.109L54.997,32.117L54.932,32.05L54.687,32.121L54.636,32.114L54.726,31.976L54.744,31.875L54.739,31.783L54.662,31.75L54.588,31.787L54.518,31.912L54.456,31.931L54.399,31.871L54.341,31.975L54.38,32.015L54.335,32.083L54.382,32.146L54.474,32.166L54.448,32.233L54.499,32.257L54.497,32.439L54.423,32.466L54.239,32.638L54.163,32.616L54.155,32.726L54.181,32.759L54.36,32.621L54.516,32.472L54.585,32.442L54.601,32.373L54.703,32.403L54.612,32.48L54.332,32.674L54.207,32.792L54.063,32.908L53.882,33.087L53.809,33.098L53.334,33.381L52.995,33.538L52.846,33.617L52.706,33.705L52.594,33.791L52.526,33.884L52.283,34.02L52.076,34.181L51.953,34.295L51.801,34.471L51.747,34.578L51.621,34.746L51.526,34.919L51.414,35.163L51.329,35.44L51.299,35.692L51.311,35.944L51.334,36.074L51.398,36.332L51.451,36.498L51.522,36.783L51.568,37.105L51.537,37.046L51.515,36.864L51.412,36.44L51.303,36.419L51.384,36.387L51.28,36.067L51.267,35.935L51.273,35.612L51.328,35.27L51.405,35.047L51.497,34.864L51.561,34.778L51.608,34.671L51.648,34.628L51.637,34.569L51.699,34.463L51.784,34.417L51.963,34.154L52.041,34.133L52.079,34.067L52.151,34.065L52.326,33.918L52.53,33.847L52.514,33.737L52.349,33.831L52.298,33.88L52.217,33.887L52.184,33.752L52.1,33.753L52.056,33.92L52.084,33.971L52.067,34.016L51.892,34.16L51.774,34.123L51.762,34.069L51.611,34.143L51.533,34.209L51.631,34.254L51.775,34.176L51.774,34.278L51.744,34.306L51.563,34.59L51.513,34.587L51.481,34.514L51.385,34.525L51.365,34.502L51.219,34.514L51.169,34.498L51.14,34.545L51.195,34.585L51.316,34.567L51.295,34.646L51.327,34.706L51.474,34.774L51.384,34.954L51.324,35.128L51.318,35.183L51.26,35.314L51.135,35.379L51.086,35.355L51.15,35.33L51.165,35.258L51.13,35.254L51.005,35.362L50.978,35.422L51.089,35.444L51.211,35.398L51.247,35.405L51.213,35.796L51.18,36.052L51.163,36.055L51.202,36.341L51.239,36.422L51.242,36.527L51.285,36.528L51.412,36.832L51.371,36.89L51.396,37.071L51.421,37.098L51.515,37.113L51.519,37.157L51.577,37.135L51.583,37.289L51.41,37.291L51.41,37.316L51.281,37.354L51.282,37.451L51.186,37.435L51.182,37.404L51.086,37.381L51.055,37.312L51.007,37.306L50.921,37.184L50.777,37.166L50.722,37.125L50.61,37.114L50.503,37.132L50.423,37.109L50.408,37.146L50.36,37.106L50.267,37.131L50.133,37.094L50.021,36.998L50.02,36.956L49.954,36.967L49.854,36.871L49.812,36.884L49.697,36.821L49.586,36.844L49.477,36.713L49.432,36.702L49.387,36.644L49.3,36.661L49.201,36.599L49.108,36.575L49.051,36.597L49.015,36.553L49.042,36.481L48.997,36.409L48.941,36.386L48.936,36.27L48.908,36.217L48.9,36.118L48.861,36.086L48.828,35.944L48.751,35.889L48.762,35.85L48.689,35.808L48.694,35.751L48.646,35.687L48.606,35.677L48.632,35.579L48.621,35.492L48.64,35.457L48.624,35.349L48.554,35.316L48.558,35.27L48.502,35.249L48.547,35.219L48.586,35.007L48.524,34.986L48.551,34.892L48.497,34.817L48.435,34.775L48.389,34.795L48.352,34.746L48.305,34.751L48.224,34.636L48.09,34.533L48.063,34.439L48.068,34.369L48.022,34.326L48.032,34.268L47.955,34.245L47.926,34.142L47.881,34.111L47.846,34.024L47.69,33.95L47.585,33.809L47.594,33.762L47.522,33.634L47.539,33.577L47.503,33.525L47.543,33.491L47.479,33.468L47.453,33.414L47.472,33.368L47.411,33.329L47.413,33.282L47.346,33.25L47.342,33.135L47.312,33.101L47.298,33.009L47.268,33.007L47.234,32.896L47.196,32.892L47.184,32.77L47.143,32.588L47.032,32.491L47.045,32.46L47.01,32.383L46.913,32.331L46.901,32.289L46.749,32.192L46.693,32.058L46.579,32.026L46.554,31.97L46.446,31.931L46.47,31.885L46.443,31.795L46.408,31.878L46.384,31.842L46.386,31.755L46.323,31.739L46.269,31.601L46.196,31.562L46.122,31.582L46.107,31.533L46.069,31.564L45.903,31.571L45.817,31.527L45.723,31.503L45.625,31.515L45.57,31.481L45.473,31.512L45.391,31.496L45.313,31.413L45.255,31.412L45.166,31.357L45.115,31.366L45.048,31.511L44.919,31.477L44.854,31.52L44.822,31.503L44.664,31.549L44.653,31.615L44.594,31.662L44.586,31.723L44.55,31.727L44.541,31.793L44.491,31.828L44.431,32.063L44.385,32.067L44.341,32.2L44.383,32.229L44.319,32.299L44.215,32.317L44.189,32.384L44.073,32.474L44.047,32.578L43.904,32.558L43.836,32.566L43.777,32.504L43.656,32.465L43.607,32.422L43.569,32.346L43.504,32.289L43.394,32.274L43.297,32.219L43.224,32.117L43.164,32.081L42.993,32.041L42.792,31.897L42.656,31.695L42.563,31.678L42.492,31.595L42.413,31.534L42.33,31.429L42.31,31.289L42.26,31.214L42.187,31.053L42.193,30.98L42.169,30.867L42.202,30.819L42.211,30.683L42.135,30.498L42.024,30.357L42.037,30.317L42,30.092L41.972,30.039L41.914,30.025L41.882,29.911L41.813,29.904L41.761,29.816L41.71,29.799L41.635,29.719L41.582,29.719L41.422,29.619L41.423,29.57L41.243,29.403L41.2,29.263L41.149,29.209L41.003,29.12L40.902,28.931L40.829,28.887L40.81,28.81L40.752,28.763L40.66,28.744L40.516,28.63L40.478,28.515L40.439,28.481L40.421,28.393L40.344,28.22L40.263,28.163L40.214,28.182L40.172,28.127L40.085,28.051L40.047,27.949L40.077,27.923L40.097,27.799L41.548,27.952L42.171,28.013L42.89,28.079L43.632,28.141L44.437,28.204L44.551,26.686L44.681,25.273L44.906,22.285L44.952,21.634Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M44.834,9.143L44.732,10.387L44.659,11.234L44.592,12.046L44.344,14.961L43.67,14.902L43.475,14.889L42.533,14.798L42.001,14.741L41.746,14.707L40.48,14.559L39.507,14.438L38.943,14.36L38.42,14.291L37.38,14.141L36.794,14.044L37.026,12.593L37.142,11.866L37.196,11.552L37.593,9.026L37.621,8.808L37.708,8.267L37.982,8.308L38.061,8.336L38.574,8.409L38.667,8.411L39.032,8.469L39.69,8.556L39.709,8.568L40.302,8.648L41.693,8.821L41.743,8.832L42.58,8.931L42.922,8.967L42.939,8.958L44.112,9.077Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M76.995,10.953L77.497,10.847L77.701,10.8L77.711,10.856L77.761,10.835L77.761,10.785L78.758,10.55L78.766,10.572L78.908,11.067L78.985,11.409L78.943,11.427L78.978,11.521L78.955,11.563L78.859,11.562L78.787,11.612L78.72,11.625L78.675,11.667L78.621,11.646L78.596,11.7L78.424,11.788L78.349,11.781L78.259,11.847L78.228,11.828L78.122,11.856L78.106,11.894L78.035,11.878L77.884,11.944L77.864,11.877L77.784,12.035L77.744,12.036L77.682,12.147L77.625,12.131L77.553,12.223L77.523,12.214L77.442,12.27L77.442,12.339L77.333,12.38L77.254,12.471L77.228,12.456L77.181,12.512L77.175,12.474L77.068,12.365L77.287,12.143L77.187,12.043L77.108,11.573Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M53.351,15.942L54.592,15.952L55.183,15.939L55.777,15.915L56.092,15.905L56.642,15.877L57.364,15.83L57.764,15.796L57.82,15.882L57.883,15.893L57.895,15.95L57.956,16.011L57.994,16.012L58.002,16.083L58.048,16.12L58.12,16.124L58.075,16.179L58.034,16.337L58.037,16.496L58.06,16.629L58.151,16.785L58.123,16.859L58.146,16.917L58.223,16.979L58.222,17.073L58.37,17.211L58.433,17.245L58.479,17.329L58.532,17.337L58.609,17.466L58.837,17.612L58.97,17.736L59.033,17.972L59.001,18.024L59.041,18.103L59.07,18.21L59.162,18.287L59.205,18.275L59.302,18.134L59.464,18.188L59.53,18.191L59.689,18.285L59.683,18.36L59.591,18.477L59.636,18.591L59.624,18.656L59.553,18.764L59.523,18.916L59.472,18.98L59.447,19.133L59.475,19.232L59.57,19.309L59.609,19.372L59.694,19.431L59.741,19.438L59.793,19.504L59.826,19.502L59.901,19.574L59.983,19.574L59.931,19.637L59.959,19.688L60.018,19.704L60.079,19.647L60.156,19.717L60.204,19.726L60.3,19.808L60.294,19.848L60.353,19.859L60.395,19.909L60.479,19.945L60.479,20.017L60.528,20.074L60.479,20.098L60.489,20.164L60.586,20.302L60.612,20.374L60.6,20.438L60.54,20.458L60.511,20.525L60.581,20.577L60.585,20.652L60.695,20.82L60.697,20.88L60.816,20.946L60.834,20.894L60.774,20.83L60.829,20.834L60.905,20.906L60.916,20.952L60.984,20.944L61.024,20.967L60.992,21.142L60.951,21.203L61.026,21.249L60.968,21.272L60.935,21.339L60.987,21.408L60.946,21.466L60.918,21.556L60.883,21.565L60.797,21.472L60.743,21.5L60.706,21.674L60.669,21.732L60.628,21.682L60.647,21.623L60.626,21.576L60.55,21.566L60.523,21.608L60.566,21.685L60.591,21.717L60.565,21.778L60.611,21.858L60.583,21.92L60.499,21.922L60.501,21.968L60.593,22.018L60.536,22.068L60.41,22.056L60.399,22.081L60.506,22.157L60.539,22.232L60.444,22.304L60.421,22.426L60.39,22.428L59.641,22.483L59.701,22.341L59.793,22.262L59.807,22.195L59.912,22.123L59.958,22.057L59.973,21.931L59.95,21.868L59.875,21.838L59.858,21.731L58.732,21.795L57.365,21.856L56.42,21.889L55.518,21.912L54.694,21.926L54.683,21.193L54.667,20.057L54.667,19.795L54.655,18.829L54.65,18.081L54.666,18.028L54.588,18.026L54.559,17.988L54.505,18.01L54.458,17.96L54.406,17.952L54.38,17.866L54.32,17.82L54.308,17.745L54.331,17.685L54.281,17.695L54.226,17.615L54.161,17.578L54.149,17.532L54.086,17.474L54.085,17.421L54.133,17.416L54.172,17.286L54.235,17.254L54.251,17.167L54.33,17.194L54.346,17.126L54.298,17.147L54.283,17.102L54.337,17.052L54.263,16.998L54.278,16.957L54.185,16.942L54.158,16.992L54.058,16.981L54.042,16.946L53.972,16.931L53.858,16.798L53.815,16.756L53.748,16.75L53.732,16.712L53.757,16.613L53.668,16.527L53.678,16.465L53.582,16.402L53.586,16.372L53.519,16.339L53.431,16.112L53.423,16.059L53.465,16.041L53.454,15.975L53.426,16.025L53.354,16.025Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M68.162,18.052L68.237,18.066L68.369,17.996L68.457,17.969L68.466,17.775L68.482,17.751L68.577,17.735L68.59,17.697L68.56,17.574L68.503,17.448L68.574,17.371L68.563,17.288L68.606,17.166L68.685,17.074L68.73,17.123L68.776,17.123L68.823,17.19L68.802,17.247L68.849,17.28L68.917,17.164L68.979,17.187L68.949,17.131L68.959,17.067L68.891,16.964L68.96,16.932L68.93,16.813L68.991,16.734L69.003,16.661L69.116,16.656L69.114,16.551L69.22,16.428L69.291,16.504L69.343,16.505L69.419,16.434L69.47,16.426L69.502,16.354L69.551,16.327L69.609,16.211L69.736,16.044L69.797,16.016L69.793,15.928L69.823,15.874L69.779,15.831L69.811,15.759L69.8,15.696L69.832,15.658L69.805,15.604L69.86,15.579L69.864,15.494L69.842,15.342L69.867,15.302L69.86,15.221L69.896,15.082L69.924,15.052L69.935,14.967L69.902,14.847L69.905,14.744L69.854,14.656L69.803,14.609L69.827,14.542L69.947,14.488L70.164,15.816L70.892,15.695L71.303,15.623L71.422,16.369L71.471,16.344L71.517,16.264L71.586,16.194L71.614,16.196L71.642,16.106L71.747,16.01L71.779,15.91L71.852,15.902L71.944,15.924L72.073,15.658L72.068,15.611L72.141,15.629L72.096,15.659L72.247,15.731L72.35,15.734L72.462,15.712L72.491,15.649L72.464,15.606L72.518,15.602L72.551,15.516L72.651,15.529L72.726,15.4L72.805,15.406L72.933,15.5L73.001,15.466L73.128,15.465L73.135,15.509L73.088,15.529L73.117,15.596L73.224,15.652L73.263,15.704L73.286,15.834L73.328,15.844L73.304,15.897L73.262,16.139L72.603,15.767L72.64,15.928L72.58,16.082L72.605,16.097L72.575,16.172L72.622,16.209L72.473,16.439L72.501,16.455L72.459,16.542L72.433,16.52L72.348,16.652L72.335,16.615L72.274,16.695L72.217,16.887L72.057,16.786L72.014,16.881L71.986,17.02L71.997,17.082L71.965,17.087L71.907,17.299L71.91,17.345L71.818,17.483L71.624,17.449L71.532,17.325L71.398,17.289L71.372,17.468L71.394,17.528L71.353,17.65L71.291,17.734L71.323,17.784L71.267,17.835L71.184,18.01L71.211,18.042L71.154,18.222L71.086,18.309L70.957,18.528L70.926,18.613L70.939,18.65L70.898,18.713L70.941,18.774L70.998,18.792L70.892,18.904L70.897,18.945L70.952,18.94L70.939,18.98L70.76,19.136L70.707,19.058L70.662,19.077L70.508,19.22L70.441,19.264L70.326,19.197L70.31,19.267L70.357,19.315L70.307,19.371L70.075,19.461L69.957,19.545L69.779,19.42L69.732,19.523L69.697,19.532L69.584,19.644L69.452,19.672L69.308,19.571L69.234,19.577L69.12,19.456L69.109,19.375L69.031,19.327L69.103,19.261L69.05,19.234L68.879,19.227L68.854,19.18L68.76,19.147L68.718,19.099L68.654,19.095L68.578,18.934L68.475,18.858L68.47,18.808L68.403,18.79L68.365,18.747L68.396,18.666L68.334,18.651L68.282,18.555L68.195,18.493L68.157,18.432L68.194,18.418L68.179,18.325L68.215,18.278L68.208,18.202L68.173,18.164Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M58.12,16.124L58.164,16.106L58.172,15.944L58.122,15.883L58.18,15.782L58.289,15.734L58.357,15.732L58.423,15.68L58.445,15.538L58.44,15.472L58.54,15.326L58.577,15.299L58.591,15.132L58.582,15.047L58.53,14.963L58.473,14.951L58.389,14.845L58.426,14.748L58.448,14.593L58.525,14.555L58.574,14.571L58.65,14.521L58.78,14.518L58.867,14.495L58.932,14.417L59.072,14.393L59.12,14.329L59.193,14.292L59.194,14.157L59.211,14.076L59.247,14.025L59.341,13.967L59.369,13.813L59.354,13.734L59.375,13.671L59.345,13.616L59.34,13.507L59.28,13.452L59.086,13.363L59.04,13.288L59.052,13.223L58.989,13.145L58.903,13.099L58.877,13.058L58.794,13.019L58.795,12.965L59.399,12.929L60.275,12.886L60.768,12.859L61.48,12.796L61.815,12.774L61.824,12.93L61.803,13.054L61.851,13.187L61.924,13.298L62.008,13.394L62.013,13.436L62.093,13.63L62.113,13.724L62.21,13.89L62.261,14.489L62.37,15.709L62.448,16.661L62.51,17.337L62.46,17.353L62.439,17.472L62.479,17.531L62.413,17.613L62.43,17.7L62.502,17.766L62.505,17.867L62.583,17.91L62.553,18.053L62.623,18.166L62.608,18.287L62.53,18.338L62.504,18.382L62.471,18.529L62.479,18.579L62.391,18.634L62.405,18.674L62.359,18.79L62.33,18.804L62.287,18.937L62.253,18.898L62.227,18.952L62.205,18.91L62.149,19.045L62.221,19.14L62.177,19.157L62.141,19.231L62.187,19.204L62.186,19.252L62.105,19.302L62.145,19.388L62.093,19.477L62.155,19.509L62.06,19.5L62.15,19.65L62.117,19.742L62.054,19.79L62.017,19.863L62.058,19.989L62.145,20.068L62.126,20.133L61.904,20.181L61.814,20.263L61.762,20.233L61.69,20.294L61.656,20.448L61.744,20.56L61.776,20.637L61.746,20.751L61.647,20.764L61.544,20.698L61.425,20.673L61.336,20.614L61.188,20.568L61.109,20.578L61.017,20.671L60.994,20.742L60.948,20.789L60.927,20.891L60.984,20.944L60.916,20.952L60.905,20.906L60.829,20.834L60.774,20.83L60.834,20.894L60.816,20.946L60.697,20.88L60.695,20.82L60.585,20.652L60.581,20.577L60.511,20.525L60.54,20.458L60.6,20.438L60.612,20.374L60.586,20.302L60.489,20.164L60.479,20.098L60.528,20.074L60.479,20.017L60.479,19.945L60.395,19.909L60.353,19.859L60.294,19.848L60.3,19.808L60.204,19.726L60.156,19.717L60.079,19.647L60.018,19.704L59.959,19.688L59.931,19.637L59.983,19.574L59.901,19.574L59.826,19.502L59.793,19.504L59.741,19.438L59.694,19.431L59.609,19.372L59.57,19.309L59.475,19.232L59.447,19.133L59.472,18.98L59.523,18.916L59.553,18.764L59.624,18.656L59.636,18.591L59.591,18.477L59.683,18.36L59.689,18.285L59.53,18.191L59.464,18.188L59.302,18.134L59.205,18.275L59.162,18.287L59.07,18.21L59.041,18.103L59.001,18.024L59.033,17.972L58.97,17.736L58.837,17.612L58.609,17.466L58.532,17.337L58.479,17.329L58.433,17.245L58.37,17.211L58.222,17.073L58.223,16.979L58.146,16.917L58.123,16.859L58.151,16.785L58.06,16.629L58.037,16.496L58.034,16.337L58.075,16.179Z"></path><path class="feature-path svelte-18wj229" fill="#ffa06b" stroke="#333" stroke-width="0.5" d="M38.145,20.177L39.052,20.298L39.928,20.406L40.618,20.488L40.625,20.5L41.389,20.583L42.625,20.707L42.762,20.723L43.52,20.792L45.053,20.906L44.998,21.637L44.952,21.634L44.906,22.285L44.681,25.273L44.551,26.686L44.437,28.204L43.632,28.141L42.89,28.079L42.171,28.013L41.548,27.952L40.097,27.799L40.077,27.923L40.047,27.949L40.085,28.051L40.172,28.127L39.079,27.999L38.12,27.879L38.036,28.531L37.004,28.394L37.297,26.304L37.39,25.62L37.697,23.414L37.815,22.553Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M54.694,21.926L55.518,21.912L56.42,21.889L57.365,21.856L58.732,21.795L59.858,21.731L59.875,21.838L59.95,21.868L59.973,21.931L59.958,22.057L59.912,22.123L59.807,22.195L59.793,22.262L59.701,22.341L59.641,22.483L60.39,22.428L60.41,22.475L60.502,22.563L60.466,22.592L60.42,22.565L60.363,22.591L60.368,22.639L60.439,22.693L60.353,22.718L60.319,22.787L60.247,22.819L60.212,22.795L60.162,22.828L60.16,22.899L60.202,22.948L60.275,22.923L60.281,22.974L60.167,23.053L60.226,23.105L60.219,23.155L60.133,23.093L60.076,23.114L60.069,23.179L60.107,23.234L60.068,23.326L60.05,23.236L59.99,23.236L59.935,23.308L59.927,23.362L59.979,23.372L59.998,23.319L60.049,23.356L60.016,23.475L59.953,23.491L59.97,23.549L60.033,23.552L60.066,23.609L60.017,23.647L60.083,23.712L60.043,23.75L59.996,23.727L59.957,23.753L59.923,23.889L59.825,23.873L59.808,23.942L59.882,24.003L59.886,24.067L59.784,24.142L59.687,24.185L59.666,24.113L59.617,24.118L59.649,24.204L59.66,24.306L59.642,24.346L59.589,24.345L59.583,24.239L59.526,24.343L59.554,24.388L59.638,24.385L59.651,24.423L59.605,24.48L59.558,24.491L59.548,24.408L59.507,24.436L59.512,24.517L59.568,24.628L59.52,24.708L59.553,24.78L59.538,24.816L59.448,24.872L59.453,24.943L59.411,24.953L59.419,24.884L59.326,24.895L59.356,24.979L59.329,25.019L59.25,25.042L59.237,25.133L59.165,25.082L59.135,25.126L59.191,25.171L59.276,25.165L59.256,25.232L59.166,25.196L59.115,25.239L59.124,25.278L59.219,25.315L59.202,25.393L59.084,25.415L59.118,25.471L59.073,25.493L59.048,25.441L58.968,25.486L58.98,25.516L59.064,25.554L58.997,25.644L59.034,25.72L59.101,25.758L58.918,25.784L58.919,25.853L58.953,25.882L59.011,25.863L59.055,25.924L58.984,25.95L58.901,25.882L58.821,25.93L58.933,26L58.941,26.046L58.83,26.095L58.889,26.188L58.832,26.279L58.91,26.255L58.913,26.189L58.961,26.223L58.956,26.285L58.872,26.309L58.919,26.361L58.981,26.338L59.009,26.251L59.045,26.283L58.952,26.401L58.954,26.477L59.009,26.564L59.045,26.49L59.074,26.514L59.02,26.589L59.031,26.699L59.012,26.72L58.915,26.71L58.896,26.758L58.992,26.82L58.947,26.91L57.996,26.95L57.668,26.961L56.27,26.995L55.464,27.012L55.447,26.233L55.375,26.207L55.351,26.235L55.278,26.177L55.228,26.236L55.141,26.203L55.068,26.253L55.045,26.207L54.948,26.174L54.945,26.106L54.914,26.117L54.927,24.374L54.937,23.543L54.735,22.218Z"></path><path class="feature-path svelte-18wj229" fill="#ffa06b" stroke="#333" stroke-width="0.5" d="M26.138,23.145L26.206,23.167L26.306,23.26L26.389,23.312L26.433,23.43L26.403,23.478L26.352,23.434L26.248,23.4L26.231,23.35L26.253,23.26L26.175,23.221ZM25.982,23.78L26.019,23.784L26.086,23.967L26.207,24.149L26.115,24.159L26.049,24.066ZM25.368,22.124L25.444,22.147L25.437,22.184L25.365,22.171ZM24.927,23.145L24.989,23.151L25.084,23.261L25.024,23.265L24.95,23.219ZM24.82,21.912L24.927,21.976L25.002,21.989L25.069,22.062L25.145,22.087L25.188,22.047L25.266,22.09L25.206,22.133L25.084,22.117L25.007,22.137L24.838,22.063L24.853,21.988ZM24.412,21.92L24.507,21.935L24.661,21.933L24.648,21.992L24.717,22.027L24.708,22.087L24.519,22.108L24.473,22.061ZM24.193,21.809L24.306,21.784L24.357,21.873L24.29,21.868ZM23.282,9.415L23.777,9.567L24.169,9.681L24.381,9.727L24.482,9.767L24.905,9.887L25.172,9.956L25.56,10.074L26.553,10.364L27.33,10.57L27.628,10.645L27.218,12.236L27.084,12.766L26.884,13.538L26.607,14.574L26.529,14.896L27.264,16L27.692,16.647L28.661,18.104L29.654,19.601L30.443,20.788L31.24,21.984L31.202,22.169L31.247,22.234L31.267,22.341L31.346,22.437L31.372,22.595L31.36,22.621L31.4,22.721L31.372,22.823L31.43,22.846L31.534,22.992L31.587,23.027L31.62,23.102L31.582,23.162L31.448,23.262L31.36,23.297L31.24,23.32L31.194,23.43L31.051,23.541L31.07,23.644L31.033,23.666L31.029,23.891L30.984,23.909L30.955,24.093L30.909,24.114L30.812,24.207L30.796,24.246L30.675,24.258L30.694,24.326L30.64,24.403L30.695,24.461L30.66,24.62L30.608,24.702L30.636,24.796L30.715,24.831L30.813,24.843L30.846,25.032L30.821,25.12L30.731,25.183L30.727,25.233L30.616,25.245L30.528,25.223L30.486,25.242L27.567,24.897L27.58,24.761L27.532,24.657L27.467,24.672L27.493,24.477L27.475,24.445L27.527,24.378L27.537,24.174L27.517,24.005L27.377,23.654L27.289,23.555L27.248,23.464L27.173,23.417L27.118,23.282L27.027,23.185L26.973,23.152L26.904,23.063L26.826,22.931L26.729,22.858L26.713,22.914L26.619,22.921L26.454,22.823L26.445,22.772L26.495,22.739L26.51,22.688L26.485,22.533L26.425,22.387L26.372,22.353L26.165,22.317L26.084,22.344L26.038,22.282L25.945,22.245L25.79,22.125L25.742,22.11L25.658,22.02L25.634,21.852L25.542,21.729L25.518,21.725L25.457,21.625L25.357,21.541L25.229,21.504L25.178,21.522L25.087,21.465L24.993,21.455L24.857,21.342L24.709,21.283L24.522,21.244L24.32,21.22L24.302,21.102L24.169,20.979L24.262,20.835L24.245,20.734L24.309,20.619L24.288,20.525L24.262,20.514L24.368,20.303L24.381,20.188L24.293,20.106L24.262,20.125L24.165,20.029L24.135,19.958L24.198,19.855L24.225,19.746L24.198,19.67L24.094,19.624L24.017,19.469L23.977,19.327L23.858,19.236L23.84,19.171L23.847,19.067L23.74,18.882L23.739,18.707L23.672,18.656L23.641,18.507L23.575,18.365L23.482,18.28L23.425,18.137L23.442,18.044L23.438,17.885L23.478,17.783L23.445,17.739L23.517,17.68L23.543,17.737L23.636,17.679L23.735,17.483L23.703,17.279L23.646,17.193L23.589,17.213L23.442,17.169L23.354,17.056L23.285,16.88L23.252,16.869L23.241,16.781L23.208,16.737L23.215,16.658L23.278,16.508L23.262,16.386L23.271,16.32L23.217,16.242L23.305,16.016L23.324,15.877L23.453,15.867L23.457,15.985L23.427,16.018L23.406,16.119L23.417,16.191L23.516,16.249L23.592,16.375L23.624,16.379L23.659,16.47L23.709,16.48L23.656,16.388L23.649,16.263L23.663,16.146L23.593,16.044L23.611,16L23.526,15.93L23.584,15.849L23.583,15.76L23.513,15.734L23.49,15.646L23.564,15.644L23.574,15.602L23.65,15.619L23.705,15.583L23.687,15.486L23.602,15.403L23.481,15.423L23.438,15.546L23.478,15.61L23.425,15.625L23.396,15.672L23.447,15.759L23.384,15.722L23.386,15.816L23.323,15.818L23.301,15.762L23.218,15.658L23.164,15.659L23.099,15.552L23.077,15.476L23.022,15.417L22.962,15.389L22.908,15.434L22.873,15.406L22.972,15.268L23.006,15.2L22.988,15.089L23.018,15.045L22.985,14.97L22.939,14.969L22.958,14.886L22.929,14.739L22.824,14.616L22.757,14.513L22.681,14.258L22.535,14.018L22.482,13.892L22.483,13.836L22.563,13.757L22.575,13.705L22.551,13.359L22.565,13.225L22.61,13.12L22.706,12.986L22.706,12.906L22.734,12.793L22.711,12.726L22.734,12.566L22.688,12.505L22.684,12.432L22.616,12.253L22.577,12.216L22.576,12.102L22.506,12.04L22.378,11.8L22.417,11.73L22.424,11.612L22.406,11.537L22.469,11.432L22.566,11.313L22.781,11.089L22.9,10.941L22.969,10.805L22.937,10.756L22.97,10.629L23.061,10.524L23.196,10.244L23.222,10.086L23.219,9.791L23.191,9.788L23.144,9.702L23.238,9.57Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M75.588,14.915L75.599,14.949L75.588,14.915ZM75.311,14.837L75.358,14.733L75.417,14.665L75.511,14.618L75.59,14.609L75.69,14.634L75.654,14.697L75.624,14.823L75.551,14.891L75.541,14.974L75.605,15.013L75.599,15.139L75.753,15.31L75.818,15.34L75.902,15.485L75.898,15.559L75.945,15.696L76.053,15.777L76.079,15.867L76.25,16.006L76.32,16.028L76.363,15.995L76.434,16.184L76.519,16.48L76.14,16.564L75.807,16.625L75.372,15.081Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M74.096,16.271L74.165,16.166L74.339,16.284L74.226,16.458L74.217,16.372L74.164,16.31Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M40.758,36.609L40.768,36.554L40.884,36.446L40.938,36.44L40.982,36.333L41.061,36.27L41.07,36.184L41.017,36.121L40.972,36.024L40.962,35.938L40.983,35.866L41.034,35.842L41.18,35.898L41.2,35.937L41.308,35.992L41.381,36.05L41.438,36.043L41.563,36.081L41.835,36.209L42.027,36.364L42.092,36.446L42.081,36.609L42.2,36.606L42.236,36.676L42.232,36.747L42.343,36.849L42.466,36.906L42.455,36.978L42.239,37.17L42.03,37.278L41.931,37.301L41.806,37.294L41.719,37.378L41.641,37.409L41.592,37.461L41.52,37.482L41.449,37.563L41.453,37.604L41.389,37.724L41.293,37.803L41.218,37.728L41.107,37.664L41.003,37.632L40.948,37.509L40.993,37.196L40.944,36.991L40.902,36.976L40.867,36.803L40.748,36.626ZM39.874,34.907L39.921,34.782L40.021,34.744L40.084,34.785L40.181,34.944L40.303,34.908L40.386,34.863L40.516,34.889L40.516,34.909L40.649,34.991L40.672,35.04L40.826,35.085L40.848,35.19L40.758,35.29L40.636,35.335L40.568,35.323L40.418,35.389L40.315,35.401L40.226,35.35L40.196,35.107L40.139,35.082L40.095,35.112L39.967,35.051L39.903,34.979ZM39.871,35.468L40.043,35.36L40.089,35.399L40.08,35.485L40.006,35.479L39.898,35.505ZM39.379,34.931L39.478,34.89L39.604,34.915L39.686,34.989L39.724,35.068L39.685,35.133L39.588,35.169L39.508,35.175L39.449,35.003ZM39.04,34.646L39.114,34.545L39.105,34.473L39.465,34.529L39.515,34.486L39.537,34.538L39.644,34.555L39.776,34.532L39.861,34.563L39.82,34.632L39.734,34.695L39.632,34.721L39.334,34.643L39.119,34.666ZM37.724,33.953L37.931,33.942L38.078,33.779L38.146,33.762L38.206,33.882L38.324,34.026L38.318,34.127L38.403,34.196L38.422,34.125L38.479,34.128L38.457,34.207L38.498,34.281L38.576,34.36L38.496,34.413L38.421,34.388L38.344,34.414L38.251,34.348L38.126,34.334L37.947,34.353L37.91,34.249L37.857,34.205L37.84,34.142L37.784,34.084L37.783,34.009ZM35.674,33.286L35.681,33.236L35.733,33.189L35.754,33.128L35.988,33.006L36.053,33.04L36.085,33.003L36.201,33L36.272,33.026L36.348,33.128L36.343,33.185L36.293,33.262L36.296,33.393L36.217,33.474L36.138,33.523L36.097,33.503L35.923,33.487L35.835,33.398L35.703,33.349ZM35.05,33.539L35.069,33.486L35.198,33.398L35.232,33.331L35.287,33.32L35.276,33.474L35.163,33.518L35.102,33.64L35.043,33.588Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M52.619,11.675L53.367,11.677L54.233,11.67L55.407,11.651L56.378,11.623L57.565,11.576L58.11,11.55L58.097,11.613L58.134,11.672L58.123,11.746L58.24,11.816L58.297,11.899L58.181,12.085L58.19,12.221L58.226,12.33L58.231,12.413L58.28,12.444L58.341,12.653L58.468,12.727L58.702,12.777L58.77,12.879L58.795,12.965L58.794,13.019L58.877,13.058L58.903,13.099L58.989,13.145L59.052,13.223L59.04,13.288L59.086,13.363L59.28,13.452L59.34,13.507L59.345,13.616L59.375,13.671L59.354,13.734L59.369,13.813L59.341,13.967L59.247,14.025L59.211,14.076L59.194,14.157L59.193,14.292L59.12,14.329L59.072,14.393L58.932,14.417L58.867,14.495L58.78,14.518L58.65,14.521L58.574,14.571L58.525,14.555L58.448,14.593L58.426,14.748L58.389,14.845L58.473,14.951L58.53,14.963L58.582,15.047L58.591,15.132L58.577,15.299L58.54,15.326L58.44,15.472L58.445,15.538L58.423,15.68L58.357,15.732L58.289,15.734L58.18,15.782L58.122,15.883L58.172,15.944L58.164,16.106L58.12,16.124L58.048,16.12L58.002,16.083L57.994,16.012L57.956,16.011L57.895,15.95L57.883,15.893L57.82,15.882L57.764,15.796L57.364,15.83L56.642,15.877L56.092,15.905L55.777,15.915L55.183,15.939L54.592,15.952L53.351,15.942L53.367,15.907L53.325,15.833L53.266,15.807L53.216,15.727L53.266,15.67L53.261,15.531L53.295,15.51L53.268,15.422L53.281,15.375L53.236,15.321L53.244,15.205L53.221,15.107L53.264,15.07L53.192,15.064L53.171,14.916L53.214,14.926L53.227,14.877L53.152,14.845L53.179,14.667L53.09,14.642L53.103,14.584L53.065,14.542L53.037,14.589L52.991,14.533L53.007,14.493L52.969,14.424L52.989,14.397L52.968,14.317L53.02,14.158L52.983,14.137L52.92,14.008L52.956,13.911L52.848,13.878L52.853,13.818L52.803,13.804L52.809,13.708L52.728,13.634L52.714,13.554L52.749,13.533L52.701,13.418L52.649,13.355L52.651,13.283L52.689,13.216L52.673,13.161L52.62,13.151L52.572,13.107L52.587,13.055L52.523,12.909L52.425,12.835L52.423,12.743L52.518,12.623L52.522,12.516L52.565,12.465L52.556,12.333L52.606,12.314L52.634,12.229L52.602,12.186L52.584,12.078L52.504,12.078L52.484,11.97L52.541,11.953L52.547,11.842L52.47,11.771L52.466,11.674Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M60.984,20.944L60.927,20.891L60.948,20.789L60.994,20.742L61.017,20.671L61.109,20.578L61.188,20.568L61.336,20.614L61.425,20.673L61.544,20.698L61.647,20.764L61.746,20.751L61.776,20.637L61.744,20.56L61.656,20.448L61.69,20.294L61.762,20.233L61.814,20.263L61.904,20.181L62.126,20.133L62.145,20.068L62.058,19.989L62.017,19.863L62.054,19.79L62.117,19.742L62.15,19.65L62.248,19.677L62.286,19.626L62.242,19.504L62.274,19.454L62.364,19.518L62.527,19.464L62.549,19.571L62.616,19.559L62.633,19.479L62.588,19.414L62.62,19.349L62.721,19.442L62.785,19.385L62.865,19.386L63.079,19.502L63.122,19.502L63.172,19.58L63.234,19.549L63.261,19.392L63.404,19.32L63.451,19.255L63.52,19.246L63.58,19.352L63.62,19.378L63.698,19.347L63.688,19.424L63.754,19.416L63.762,19.322L63.854,19.299L63.827,19.246L63.825,19.137L63.897,19.118L63.912,19.063L63.875,19.019L63.942,19.032L64.024,18.952L63.971,18.943L63.994,18.894L64.088,18.97L64.096,19.073L64.211,19.144L64.291,19.132L64.373,19.206L64.38,19.157L64.469,19.125L64.498,19.088L64.507,19.002L64.493,18.893L64.548,18.796L64.564,18.715L64.605,18.693L64.667,18.715L64.753,18.62L64.787,18.45L64.904,18.395L64.985,18.271L64.915,18.067L64.935,18.006L65.075,17.972L65.143,17.979L65.233,18.033L65.434,17.875L65.532,17.841L65.616,17.846L65.597,17.767L65.628,17.698L65.534,17.685L65.563,17.596L65.552,17.548L65.478,17.467L65.554,17.379L65.632,17.308L65.705,17.369L65.802,17.396L65.901,17.355L65.939,17.309L65.982,17.332L65.996,17.396L66.093,17.415L66.144,17.454L66.171,17.526L66.242,17.609L66.282,17.734L66.446,17.766L66.546,17.728L66.685,17.755L66.71,17.8L66.781,17.833L66.8,17.886L66.922,17.915L66.97,17.826L67.071,17.785L67.136,17.817L67.252,17.826L67.353,17.901L67.4,17.851L67.508,17.841L67.532,17.769L67.594,17.725L67.612,17.678L67.67,17.67L67.759,17.612L67.854,17.852L67.902,17.879L67.988,17.875L68.133,17.982L68.162,18.052L68.173,18.164L68.208,18.202L68.215,18.278L68.179,18.325L68.194,18.418L68.157,18.432L68.195,18.493L68.282,18.555L68.334,18.651L68.396,18.666L68.365,18.747L68.403,18.79L68.47,18.808L68.475,18.858L68.578,18.934L68.654,19.095L68.718,19.099L68.76,19.147L68.854,19.18L68.879,19.227L69.05,19.234L68.67,19.693L68.568,19.74L68.462,19.814L68.284,19.964L68.299,20.073L68.239,20.136L68.148,20.194L68.168,20.262L68.152,20.325L68.055,20.385L67.939,20.405L67.886,20.52L67.888,20.577L67.822,20.591L67.699,20.65L67.574,20.731L67.451,20.751L67.326,20.83L67.298,20.866L67.285,20.895L66.943,20.929L66.304,20.998L65.959,21.026L65.748,21.03L65.551,21.044L65.216,21.097L64.82,21.129L64.589,21.142L64.241,21.151L64.039,21.166L63.977,21.2L63.945,21.175L63.343,21.248L62.986,21.283L62.495,21.338L62.495,21.293L62.239,21.293L62.3,21.491L62.281,21.556L61.379,21.62L60.841,21.653L60.706,21.674L60.743,21.5L60.797,21.472L60.883,21.565L60.918,21.556L60.946,21.466L60.987,21.408L60.935,21.339L60.968,21.272L61.026,21.249L60.951,21.203L60.992,21.142L61.024,20.967ZM60.628,21.682L60.566,21.685L60.523,21.608L60.55,21.566L60.626,21.576L60.647,21.623Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M75.631,17.423L75.573,17.435L75.554,17.321L75.619,17.323ZM75.466,17.2L75.453,17.102L75.494,17.077L75.58,17.248ZM71.303,15.623L72.326,15.436L73.489,15.217L74.008,15.113L74.829,14.94L75.311,14.837L75.372,15.081L75.807,16.625L76.14,16.564L76.519,16.48L76.519,16.671L76.504,16.694L76.473,17.025L76.441,17.136L76.028,17.276L75.991,17.349L75.935,17.323L75.858,17.345L75.79,17.442L75.746,17.441L75.73,17.37L75.74,17.278L75.8,17.228L75.72,17.221L75.76,17.125L75.677,17.131L75.636,17.182L75.616,17.075L75.716,17.019L75.621,16.96L75.651,16.809L75.601,16.85L75.569,16.997L75.509,16.922L75.55,16.883L75.493,16.82L75.461,16.933L75.494,16.962L75.487,17.021L75.45,17.013L75.389,17.056L75.353,17.048L75.258,16.952L75.088,16.729L75.165,16.696L75.116,16.608L75.115,16.548L75.157,16.51L75.19,16.536L75.23,16.494L75.244,16.537L75.331,16.531L75.407,16.55L75.325,16.481L75.253,16.478L75.184,16.442L75.104,16.36L75.093,16.397L75.039,16.384L75.047,16.458L75.017,16.453L75.006,16.326L75.051,16.198L75.121,16.243L75.146,16.211L75.102,16.072L75.067,16.059L75.012,16.13L74.964,16.135L74.982,16.194L74.937,16.224L74.926,16.093L74.961,15.935L75.005,16.012L75.09,16.008L75.124,15.961L75.088,15.899L75.116,15.823L75.055,15.847L75.072,15.956L75.029,15.937L75.021,15.845L74.955,15.777L74.984,15.597L75.016,15.485L75.069,15.414L75.188,15.396L75.147,15.376L75.192,15.274L75.151,15.275L75.165,15.115L75.035,15.174L75.024,15.237L75.1,15.294L75.059,15.321L74.952,15.468L74.915,15.436L74.929,15.363L74.892,15.335L74.88,15.461L74.92,15.495L74.905,15.557L74.855,15.445L74.794,15.439L74.848,15.546L74.799,15.615L74.849,15.632L74.76,15.744L74.693,15.737L74.684,15.705L74.584,15.682L74.662,15.772L74.795,15.832L74.807,15.948L74.869,15.997L74.793,16.071L74.829,16.162L74.79,16.166L74.776,16.239L74.816,16.267L74.76,16.385L74.809,16.44L74.817,16.507L74.859,16.592L74.879,16.718L74.919,16.779L75.063,16.891L75.048,16.992L74.992,16.994L75.02,17.042L75.069,17.004L75.105,17.02L75.089,17.078L75.117,17.135L75.213,17.234L75.199,17.265L75.242,17.37L75.111,17.304L75.074,17.229L75.043,17.247L75.05,17.318L74.982,17.289L74.941,17.218L74.891,17.187L74.793,17.177L74.655,17.202L74.637,17.14L74.554,17.04L74.6,17.187L74.502,17.151L74.426,17.083L74.352,16.951L74.165,17.117L74.111,17.094L74.056,16.956L74.076,16.847L74.171,16.704L74.158,16.649L74.244,16.564L74.226,16.458L74.339,16.284L74.165,16.166L74.096,16.271L74.058,16.234L73.938,16.226L73.935,16.175L73.817,16.134L73.679,16.142L73.604,16.09L73.602,15.999L73.639,15.922L73.548,15.89L73.5,15.833L73.447,15.849L73.328,15.844L73.286,15.834L73.263,15.704L73.224,15.652L73.117,15.596L73.088,15.529L73.135,15.509L73.128,15.465L73.001,15.466L72.933,15.5L72.805,15.406L72.726,15.4L72.651,15.529L72.551,15.516L72.518,15.602L72.464,15.606L72.491,15.649L72.462,15.712L72.35,15.734L72.247,15.731L72.096,15.659L72.141,15.629L72.068,15.611L72.073,15.658L71.944,15.924L71.852,15.902L71.779,15.91L71.747,16.01L71.642,16.106L71.614,16.196L71.586,16.194L71.517,16.264L71.471,16.344L71.422,16.369Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M64.565,7.55L64.609,7.546L64.634,7.596L64.878,7.645L64.824,7.725L64.738,7.713ZM63.692,7.699L63.772,7.738L63.764,7.784L63.689,7.746ZM63.622,8.045L63.634,7.921L63.662,7.875L63.66,7.804L63.727,7.805L63.76,8.013L63.695,8.075ZM63.527,7.854L63.577,7.838L63.564,7.908ZM63.39,8.296L63.441,8.313L63.45,8.386ZM63.252,8.754L63.269,8.724L63.341,8.748L63.353,8.858L63.316,8.86L63.261,8.805ZM63.177,8.952L63.211,8.893L63.254,8.915L63.203,8.969ZM62.544,8.129L62.625,8.202L62.599,8.232ZM62.952,13.745L63.06,13.647L63.153,13.528L63.264,13.187L63.381,12.975L63.428,12.818L63.46,12.635L63.47,12.282L63.43,11.993L63.399,11.854L63.33,11.685L63.183,11.435L63.066,11.154L63.014,11.07L62.983,10.973L62.99,10.924L63.051,10.816L63.072,10.708L63.016,10.491L62.951,10.37L63.029,10.272L63.099,10.074L63.162,9.927L63.172,9.816L63.162,9.726L63.179,9.602L63.132,9.487L63.146,9.401L63.287,9.334L63.299,9.292L63.285,9.094L63.374,9.084L63.414,8.988L63.481,9.024L63.544,9.002L63.59,8.849L63.65,8.781L63.698,8.638L63.774,8.596L63.789,8.643L63.712,8.724L63.772,8.817L63.701,8.95L63.744,8.92L63.757,9.013L63.733,9.024L63.721,9.156L63.756,9.246L63.791,9.24L63.836,9.058L63.8,9.054L63.833,8.935L63.876,8.905L63.865,9.116L63.818,9.177L63.81,9.251L63.862,9.262L63.967,8.983L63.966,8.711L63.925,8.542L63.936,8.489L64.087,8.346L64.151,8.319L64.265,8.319L64.379,8.259L64.367,8.219L64.244,8.211L64.189,8.159L64.142,8.029L64.178,7.937L64.234,7.898L64.295,7.778L64.217,7.741L64.436,7.735L64.455,7.671L64.689,7.77L64.793,7.83L64.838,7.8L64.924,7.797L65.044,7.825L65.145,7.919L65.175,7.999L65.381,8.001L65.496,8.084L65.584,8.081L65.719,8.152L65.822,8.132L65.955,8.244L65.928,8.281L65.998,8.394L66.047,8.437L66.115,8.583L65.976,8.532L65.928,8.596L65.955,8.627L65.953,8.709L66.013,8.773L66.093,8.796L66.123,8.866L66.142,8.986L66.173,9.029L66.153,9.207L66.171,9.286L66.185,9.577L66.154,9.592L66.102,9.688L66.017,9.697L65.984,9.77L65.98,10.021L65.885,10.064L65.893,10.125L65.74,10.152L65.672,10.265L65.675,10.472L65.654,10.514L65.716,10.621L65.78,10.653L65.81,10.607L65.835,10.651L65.91,10.668L65.966,10.709L66,10.685L66.088,10.522L66.158,10.48L66.126,10.421L66.169,10.249L66.193,10.309L66.272,10.222L66.189,10.195L66.281,10.186L66.329,10.097L66.411,10.073L66.543,10.006L66.56,9.961L66.666,9.908L66.803,9.959L66.865,10L66.949,10.144L67.006,10.213L67.047,10.342L67.088,10.539L67.185,10.769L67.246,11.073L67.31,11.245L67.412,11.415L67.379,11.494L67.375,11.67L67.4,11.735L67.373,11.967L67.3,12.064L67.26,12.061L67.22,12.12L67.214,12.038L67.175,12.009L67.253,11.895L67.17,11.875L67.075,11.94L67.06,11.998L67.107,12.069L67.054,12.07L67.021,12.14L67.04,12.245L67.002,12.396L66.861,12.466L66.809,12.59L66.833,12.809L66.779,12.849L66.789,12.937L66.718,13.045L66.66,13.074L66.653,13.141L66.612,13.16L66.562,13.288L66.592,13.355L66.562,13.371L65.598,13.533L65.124,13.605L65.113,13.512L64.059,13.633ZM59.715,5.087L59.784,4.997L60.107,4.797L60.132,4.797L60.273,4.665L60.376,4.606L60.399,4.618L60.495,4.573L60.472,4.615L60.356,4.738L60.357,4.775L60.274,4.85L60.056,4.951L59.959,5.022L60.051,5.041L59.849,5.146L59.784,5.146ZM58.687,7.051L58.934,6.921L59.067,6.871L59.17,6.769L59.235,6.684L59.291,6.648L59.406,6.619L59.461,6.636L59.564,6.596L59.662,6.586L59.821,6.488L59.942,6.348L60.072,6.334L60.13,6.265L60.158,6.178L60.276,6.089L60.375,5.98L60.454,5.944L60.521,5.87L60.593,5.752L60.817,5.608L61.014,5.56L61.19,5.554L61.278,5.595L61.288,5.643L61.187,5.683L61.047,5.691L61.071,5.754L60.961,5.827L60.864,5.954L60.816,5.968L60.804,6.061L60.749,6.089L60.745,6.135L60.693,6.182L60.684,6.255L60.614,6.329L60.591,6.535L60.628,6.637L60.688,6.523L60.818,6.374L60.913,6.313L60.909,6.346L60.824,6.438L60.79,6.518L60.889,6.405L60.98,6.374L61.077,6.387L61.162,6.374L61.325,6.425L61.339,6.473L61.439,6.492L61.481,6.53L61.5,6.605L61.565,6.661L61.59,6.718L61.656,6.777L61.716,6.786L61.744,6.908L61.855,6.926L62.005,6.9L62.09,6.837L62.131,6.844L62.168,6.919L62.236,6.957L62.304,6.956L62.327,6.896L62.379,6.894L62.422,6.944L62.428,6.856L62.396,6.793L62.45,6.763L62.479,6.8L62.467,6.87L62.53,6.897L62.634,6.758L62.75,6.708L62.946,6.549L62.988,6.572L63.203,6.496L63.287,6.502L63.494,6.488L63.598,6.469L63.81,6.338L63.891,6.314L64.001,6.31L64.111,6.28L64.047,6.392L64.053,6.532L64.074,6.615L64.047,6.642L64.096,6.705L64.172,6.682L64.316,6.727L64.43,6.653L64.478,6.652L64.524,6.748L64.653,6.695L64.685,6.603L64.85,6.583L64.872,6.532L64.97,6.525L64.992,6.561L64.973,6.688L65.018,6.834L65.034,6.95L64.933,6.965L64.911,7.05L65.037,7.028L65.067,7.067L65.144,7.086L65.106,7.148L65.199,7.223L65.245,7.219L65.328,7.262L65.345,7.215L65.402,7.251L65.412,7.169L65.352,7.1L65.407,7.111L65.541,7.075L65.598,7.089L65.661,7.195L65.726,7.226L65.699,7.31L65.651,7.341L65.548,7.306L65.439,7.34L65.32,7.302L65.185,7.333L65.087,7.316L64.871,7.376L64.829,7.417L64.711,7.349L64.666,7.382L64.624,7.295L64.579,7.309L64.527,7.277L64.495,7.318L64.512,7.395L64.462,7.441L64.516,7.57L64.473,7.601L64.382,7.558L64.367,7.522L64.286,7.484L64.187,7.385L64.03,7.338L63.985,7.352L63.839,7.299L63.795,7.319L63.653,7.322L63.58,7.418L63.529,7.516L63.497,7.53L63.38,7.514L63.299,7.541L63.278,7.611L63.141,7.565L62.994,7.579L62.915,7.618L62.874,7.675L62.851,7.846L62.798,7.846L62.786,7.886L62.705,7.916L62.684,7.983L62.64,7.992L62.644,8.048L62.603,8.062L62.622,8.137L62.524,8.084L62.511,8.035L62.559,8.004L62.583,7.885L62.631,7.886L62.675,7.772L62.658,7.72L62.614,7.711L62.56,7.811L62.419,7.787L62.435,7.857L62.392,7.921L62.382,7.992L62.279,8.04L62.236,8.03L62.218,7.879L62.183,7.841L62.148,7.883L62.16,8.033L62.052,8.111L61.975,8.279L61.918,8.437L61.928,8.461L61.868,8.556L61.807,8.701L61.678,8.918L61.703,8.97L61.628,8.958L61.545,8.873L61.577,8.685L61.612,8.622L61.559,8.553L61.503,8.617L61.42,8.621L61.376,8.587L61.383,8.503L61.429,8.456L61.444,8.395L61.399,8.306L61.432,8.313L61.446,8.243L61.394,8.192L61.434,8.15L61.398,8.098L61.299,8.037L61.24,8.043L61.203,7.992L61.104,8.015L61.058,7.97L61.114,7.898L61.079,7.818L60.929,7.77L60.881,7.792L60.792,7.74L60.758,7.766L60.66,7.711L60.563,7.723L60.554,7.765L60.425,7.717L60.39,7.736L60.312,7.707L60.059,7.583L59.005,7.365L58.949,7.219L58.878,7.122L58.791,7.11L58.774,7.065L58.715,7.099Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M62.476,30.756L62.604,30.744L62.551,30.791ZM62.147,30.74L62.216,30.718L62.38,30.761L62.274,30.763ZM61.879,30.803L61.997,30.782L61.903,30.824ZM61.662,30.786L61.756,30.781L61.73,30.829ZM58.947,26.91L58.992,26.82L58.896,26.758L58.915,26.71L59.012,26.72L59.031,26.699L59.02,26.589L59.074,26.514L59.045,26.49L59.009,26.564L58.954,26.477L58.952,26.401L59.045,26.283L59.009,26.251L58.981,26.338L58.919,26.361L58.872,26.309L58.956,26.285L58.961,26.223L58.913,26.189L58.91,26.255L58.832,26.279L58.889,26.188L58.83,26.095L58.941,26.046L58.933,26L58.821,25.93L58.901,25.882L58.984,25.95L59.055,25.924L59.011,25.863L58.953,25.882L58.919,25.853L58.918,25.784L59.101,25.758L59.034,25.72L58.997,25.644L59.064,25.554L58.98,25.516L58.968,25.486L59.048,25.441L59.073,25.493L59.118,25.471L59.084,25.415L59.202,25.393L59.219,25.315L59.124,25.278L59.115,25.239L59.166,25.196L59.256,25.232L59.276,25.165L59.191,25.171L59.135,25.126L59.165,25.082L59.237,25.133L59.25,25.042L59.329,25.019L59.356,24.979L59.326,24.895L59.419,24.884L59.411,24.953L59.453,24.943L59.448,24.872L59.538,24.816L59.553,24.78L59.52,24.708L59.568,24.628L59.512,24.517L59.507,24.436L59.548,24.408L59.558,24.491L59.605,24.48L59.651,24.423L59.638,24.385L59.554,24.388L59.526,24.343L59.583,24.239L59.589,24.345L59.642,24.346L59.66,24.306L59.649,24.204L59.617,24.118L59.666,24.113L59.687,24.185L59.784,24.142L59.886,24.067L59.882,24.003L59.808,23.942L60.838,23.878L61.559,23.824L62.292,23.765L62.354,23.868L62.425,23.906L62.408,24.538L62.383,25.633L62.348,27.602L62.329,28.315L62.363,28.6L62.516,29.804L62.603,30.523L62.472,30.604L62.43,30.576L62.374,30.598L62.349,30.562L62.268,30.561L62.166,30.59L62.082,30.542L62.075,30.577L61.943,30.539L61.744,30.591L61.491,30.704L61.501,30.635L61.454,30.601L61.393,30.639L61.443,30.708L61.336,30.786L61.307,30.889L61.212,30.902L61.155,30.907L61.091,30.842L61.053,30.757L61.065,30.681L60.991,30.589L60.987,30.522L60.888,30.449L60.828,30.377L60.801,30.268L60.757,30.231L60.78,30.136L60.772,30.075L60.803,30.036L60.849,29.813L60.879,29.738L60.848,29.728L59.999,29.784L59.227,29.828L58.512,29.862L58.599,29.8L58.593,29.755L58.518,29.666L58.559,29.598L58.487,29.52L58.488,29.473L58.571,29.477L58.639,29.453L58.65,29.398L58.557,29.276L58.596,29.225L58.636,29.315L58.682,29.32L58.689,29.275L58.634,29.207L58.625,29.081L58.705,29.064L58.755,29.018L58.735,28.979L58.659,28.998L58.618,28.96L58.64,28.913L58.726,28.958L58.761,28.944L58.759,28.811L58.808,28.764L58.906,28.754L58.919,28.721L58.795,28.723L58.821,28.603L58.907,28.596L59.01,28.496L58.997,28.434L59.131,28.346L59.023,28.288L59.062,28.261L59.1,28.301L59.17,28.224L59.205,28.136L59.15,28.108L59.15,28.187L59.016,28.182L59.009,28.088L59.18,28.022L59.215,28.053L59.243,27.995L59.231,27.931L59.283,27.937L59.33,27.88L59.214,27.851L59.201,27.776L59.233,27.749L59.198,27.707L59.155,27.734L59.046,27.668L59.061,27.605L59.189,27.661L59.201,27.639L59.085,27.558L59.174,27.457L59.144,27.423L59.118,27.482L59.036,27.519L58.99,27.44L59.073,27.362L59.1,27.31L58.975,27.29L58.966,27.19L58.986,27.141L59.071,27.073L59.045,26.946L58.986,26.944L58.995,27.02L58.972,27.058L58.894,27.021Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M33.881,1.67L34.676,1.839L35.464,1.994L36.11,2.123L36.759,2.241L38.195,2.492L38.668,2.568L39.42,2.682L40.588,2.85L41.313,2.946L42.075,3.042L42.997,3.149L43.794,3.233L44.538,3.307L45.333,3.376L45.215,4.816L45.202,5.008L45.135,5.754L45.016,7.138L44.964,7.772L44.894,8.654L44.853,9.14L44.834,9.143L44.112,9.077L42.939,8.958L42.922,8.967L42.58,8.931L41.743,8.832L41.693,8.821L40.302,8.648L39.709,8.568L39.69,8.556L39.032,8.469L38.667,8.411L38.574,8.409L38.061,8.336L37.982,8.308L37.708,8.267L37.621,8.808L37.593,9.026L37.522,8.986L37.511,8.922L37.438,8.843L37.449,8.783L37.371,8.621L37.306,8.569L37.276,8.626L37.202,8.618L37.205,8.681L37.137,8.759L37.182,8.845L37.147,8.856L37.066,8.809L37.034,8.824L36.945,8.793L36.929,8.815L36.813,8.846L36.776,8.759L36.657,8.78L36.607,8.756L36.525,8.78L36.449,8.749L36.398,8.689L36.354,8.68L36.27,8.724L36.221,8.835L36.142,8.774L36.11,8.794L36.064,8.753L35.952,8.732L35.897,8.695L35.829,8.712L35.757,8.791L35.769,8.859L35.732,8.882L35.699,8.82L35.594,8.72L35.583,8.65L35.61,8.611L35.552,8.488L35.588,8.467L35.588,8.38L35.562,8.349L35.548,8.235L35.444,8.142L35.338,8.179L35.333,8.126L35.245,8.042L35.227,7.916L35.281,7.909L35.3,7.765L35.24,7.704L35.252,7.674L35.194,7.643L35.186,7.549L35.117,7.443L35.085,7.332L35.104,7.236L35.071,7.137L35.108,7.047L35.039,7.034L35.089,6.923L35.008,6.845L34.937,6.742L34.901,6.753L34.89,6.816L34.835,6.837L34.748,6.924L34.685,6.942L34.632,6.918L34.605,6.987L34.523,7.025L34.455,6.937L34.424,6.855L34.335,6.838L34.36,6.775L34.346,6.723L34.416,6.694L34.426,6.617L34.379,6.531L34.467,6.435L34.556,6.451L34.586,6.411L34.558,6.327L34.591,6.303L34.536,6.234L34.529,6.156L34.575,6.091L34.522,6.04L34.541,5.98L34.61,5.985L34.612,5.847L34.65,5.841L34.688,5.761L34.693,5.686L34.754,5.616L34.744,5.531L34.797,5.528L34.866,5.336L34.833,5.297L34.768,5.297L34.718,5.33L34.574,5.289L34.56,5.228L34.588,5.192L34.521,5.13L34.442,5.179L34.442,5.058L34.355,4.996L34.311,4.913L34.346,4.83L34.291,4.742L34.245,4.737L34.228,4.621L34.153,4.48L34.106,4.441L34.056,4.275L33.977,4.246L33.876,4.168L33.866,4.097L33.702,3.927L33.813,3.922L33.775,3.878L33.777,3.816L33.738,3.767L33.805,3.722L33.777,3.629L33.802,3.572L33.721,3.473L33.72,3.38L33.675,3.329L33.589,3.119L33.573,3.11Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M77.956,6.248L77.938,6.167L77.986,6.065L77.988,5.954L77.931,5.922L77.988,5.909L78.063,5.785L78.138,5.845L78.235,5.825L78.26,5.728L78.513,6.488L78.695,7.065L78.927,7.831L79.028,8.14L79.057,8.161L79.072,8.364L79.134,8.467L79.322,8.597L79.345,8.725L79.496,8.785L79.45,8.98L79.452,9.081L79.424,9.106L79.334,9.094L79.238,9.159L79.225,9.243L79.149,9.24L79.106,9.298L79.13,9.372L79.063,9.382L79.03,9.46L78.318,9.622L77.823,9.728L77.707,9.634L77.669,9.529L77.665,9.424L77.719,9.385L77.735,9.323L77.697,9.265L77.708,9.165L77.674,9.133L77.656,8.969L77.677,8.881L77.641,8.816L77.631,8.647L77.603,8.602L77.6,8.508L77.642,8.454L77.631,8.306L77.706,8.184L77.692,8.059L77.745,7.893L77.713,7.845L77.763,7.687L77.694,7.556L77.695,7.483L77.663,7.442L77.68,7.364L77.801,7.291L77.887,7.259L77.877,7.22L77.972,7.15L78.011,7.044L78.068,6.989L78.029,6.919L78.065,6.894L78.044,6.799L78.002,6.769L77.923,6.649L77.963,6.589L77.964,6.473L78.001,6.391L77.931,6.299Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M78.795,11.702L78.806,11.672L78.896,11.624L78.831,11.697ZM78.634,11.854L78.688,11.819L78.657,11.882ZM76.853,13.078L76.89,13.156L76.825,13.282L76.703,13.352L76.731,13.261L76.722,13.154ZM73.431,9.023L73.473,8.949L73.47,9.008ZM73.345,9.017L73.377,8.958L73.413,8.957ZM70.357,11.997L70.468,11.909L70.667,11.707L70.733,11.606L70.836,11.524L70.929,11.475L70.952,11.381L70.994,11.327L70.998,11.261L71.122,11.167L71.177,11.087L71.156,11.006L71.051,10.855L70.96,10.828L70.941,10.714L70.87,10.706L70.887,10.606L70.827,10.44L71.058,10.316L71.253,10.221L71.4,10.169L71.664,10.127L71.796,10.092L71.93,10.077L72.166,10.078L72.289,10.14L72.425,10.181L72.56,10.091L72.845,10.017L72.931,10.025L73.015,10.009L73.059,9.969L73.167,9.92L73.256,9.85L73.304,9.737L73.498,9.533L73.618,9.523L73.676,9.486L73.695,9.414L73.68,9.306L73.6,9.092L73.518,9.058L73.544,8.988L73.594,8.964L73.609,9.003L73.676,8.936L73.655,8.886L73.57,8.843L73.497,8.878L73.499,8.82L73.438,8.788L73.382,8.799L73.367,8.7L73.396,8.546L73.463,8.526L73.535,8.457L73.525,8.397L73.667,8.268L73.751,8.219L73.824,8.108L73.853,7.977L74.057,7.65L74.273,7.362L74.429,7.232L74.505,7.136L74.57,7.121L74.641,7.057L74.745,7.071L74.789,7.047L75.14,6.978L75.329,6.935L75.597,6.857L76.125,6.716L76.161,6.847L76.147,6.969L76.203,7.006L76.195,7.102L76.231,7.322L76.337,7.429L76.372,7.529L76.354,7.618L76.41,7.751L76.408,7.797L76.359,7.888L76.361,8.107L76.395,8.126L76.429,8.258L76.484,8.333L76.484,8.411L76.544,8.475L76.512,8.686L76.531,8.759L76.566,8.773L76.573,8.689L76.643,8.668L76.662,8.721L76.734,8.796L76.817,9.177L76.94,9.781L76.94,9.834L76.986,9.907L76.961,10.906L76.995,10.953L77.108,11.573L77.187,12.043L77.287,12.143L77.068,12.365L77.175,12.474L77.181,12.512L77.166,12.57L77.101,12.64L77.114,12.739L77.064,12.748L77.114,12.815L77.161,12.69L77.224,12.685L77.236,12.63L77.371,12.567L77.377,12.523L77.47,12.54L77.463,12.491L77.523,12.518L77.662,12.516L77.739,12.462L77.734,12.407L77.838,12.387L78.122,12.312L78.262,12.252L78.404,12.11L78.502,11.952L78.619,11.898L78.559,12.015L78.636,12.066L78.713,12.061L78.737,12.023L78.813,12.094L78.943,11.979L78.942,11.943L79.04,11.91L79.039,11.947L78.816,12.126L78.557,12.352L78.388,12.475L78.2,12.6L77.93,12.811L77.779,12.901L77.679,12.941L77.654,12.929L77.423,13.061L77.191,13.104L77.031,13.214L77.029,13.165L76.944,13.187L76.895,13.123L76.909,13.068L76.867,13.03L76.926,12.716L76.927,12.554L76.906,12.553L76.436,12.405L75.961,12.237L75.9,12.185L75.891,12.143L75.839,12.168L75.809,12.143L75.722,12.167L75.693,12.12L75.619,12.131L75.544,12.022L75.48,11.973L75.505,11.952L75.456,11.758L75.395,11.739L75.403,11.681L75.29,11.615L75.207,11.649L75.16,11.544L75.056,11.477L74.656,11.566L74.025,11.7L73.418,11.82L73.204,11.867L72.46,12.015L71.654,12.166L71.361,12.223L70.425,12.388Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M67.354,13.454L67.413,13.424L67.394,13.475ZM67.23,13.406L67.227,13.315L67.285,13.329ZM65.124,13.605L65.598,13.533L66.562,13.371L66.575,13.407L66.654,13.427L66.703,13.398L66.816,13.467L67.002,13.515L67.085,13.587L67.16,13.613L67.236,13.552L67.252,13.491L67.313,13.552L67.385,13.54L67.386,13.577L67.517,13.689L67.672,13.737L67.791,13.653L67.903,13.625L67.962,13.572L68.146,13.469L68.23,13.493L68.437,13.468L68.576,13.338L68.718,13.149L68.864,12.998L68.905,12.99L69.137,12.816L69.25,12.776L69.628,12.553L69.947,14.488L69.827,14.542L69.803,14.609L69.854,14.656L69.905,14.744L69.902,14.847L69.935,14.967L69.924,15.052L69.896,15.082L69.86,15.221L69.867,15.302L69.842,15.342L69.864,15.494L69.86,15.579L69.805,15.604L69.832,15.658L69.8,15.696L69.811,15.759L69.779,15.831L69.823,15.874L69.793,15.928L69.797,16.016L69.736,16.044L69.609,16.211L69.551,16.327L69.502,16.354L69.47,16.426L69.419,16.434L69.343,16.505L69.291,16.504L69.22,16.428L69.114,16.551L69.116,16.656L69.003,16.661L68.991,16.734L68.93,16.813L68.96,16.932L68.891,16.964L68.959,17.067L68.949,17.131L68.979,17.187L68.917,17.164L68.849,17.28L68.802,17.247L68.823,17.19L68.776,17.123L68.73,17.123L68.685,17.074L68.606,17.166L68.563,17.288L68.574,17.371L68.503,17.448L68.56,17.574L68.59,17.697L68.577,17.735L68.482,17.751L68.466,17.775L68.457,17.969L68.369,17.996L68.237,18.066L68.162,18.052L68.133,17.982L67.988,17.875L67.902,17.879L67.854,17.852L67.759,17.612L67.67,17.67L67.612,17.678L67.594,17.725L67.532,17.769L67.508,17.841L67.4,17.851L67.353,17.901L67.252,17.826L67.136,17.817L67.071,17.785L66.97,17.826L66.922,17.915L66.8,17.886L66.781,17.833L66.71,17.8L66.685,17.755L66.546,17.728L66.446,17.766L66.282,17.734L66.242,17.609L66.171,17.526L66.144,17.454L66.093,17.415L65.996,17.396L65.982,17.332L65.939,17.309L65.901,17.355L65.802,17.396L65.705,17.369L65.632,17.308L65.554,17.379L65.439,16.35L65.366,15.633L65.295,15.013Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M25.738,3.668L25.809,3.674L25.842,3.744L25.82,3.809L25.862,3.876L25.95,3.904L26.078,3.875L26.125,3.894L26.289,4.095L26.293,4.176L26.327,4.292L26.318,4.43L26.284,4.508L26.298,4.556L26.253,4.73L26.324,4.81L26.504,4.921L26.595,4.951L26.632,5.003L26.713,5.027L26.789,5.003L26.871,5.018L27.088,4.972L27.144,4.929L27.203,4.925L27.273,4.964L27.484,4.973L27.599,5.055L27.666,5.055L27.773,5.135L27.78,5.235L27.832,5.244L27.893,5.203L28.035,5.228L28.077,5.26L28.127,5.23L28.306,5.211L28.371,5.183L28.442,5.213L28.481,5.281L28.581,5.309L28.78,5.321L28.833,5.28L28.94,5.273L29.057,5.245L29.225,5.253L29.359,5.273L29.422,5.216L29.479,5.201L29.555,5.249L29.794,5.259L29.92,5.3L30.051,5.264L30.08,5.24L30.926,5.444L32.116,5.726L32.14,5.848L32.211,6.013L32.278,6.022L32.297,6.083L32.367,6.104L32.405,6.153L32.401,6.256L32.445,6.363L32.328,6.494L32.307,6.56L32.267,6.581L32.144,6.735L32.03,6.98L31.939,7.078L31.876,7.121L31.852,7.18L31.863,7.251L31.713,7.44L31.567,7.492L31.432,7.698L31.413,7.749L31.326,7.801L31.317,7.883L31.279,7.921L31.313,8.02L31.267,8.066L31.307,8.133L31.383,8.12L31.423,8.202L31.501,8.211L31.489,8.266L31.534,8.284L31.551,8.346L31.497,8.413L31.447,8.424L31.471,8.525L31.391,8.665L31.372,8.732L31.331,8.736L31.309,8.807L30.729,11.386L30.102,11.245L29.187,11.033L28.983,10.989L28.45,10.856L27.913,10.716L27.628,10.645L27.33,10.57L26.553,10.364L25.56,10.074L25.172,9.956L24.905,9.887L24.482,9.767L24.381,9.727L24.169,9.681L23.777,9.567L23.282,9.415L23.215,9.312L23.183,9.206L23.207,9.113L23.186,8.999L23.202,8.88L23.243,8.727L23.347,8.553L23.36,8.429L23.329,8.392L23.33,8.306L23.29,8.287L23.297,8.13L23.462,7.937L23.535,7.783L23.598,7.697L23.654,7.583L23.648,7.527L23.73,7.483L23.821,7.381L23.926,7.229L24.099,6.897L24.271,6.499L24.373,6.21L24.454,6.041L24.477,5.957L24.569,5.745L24.634,5.503L24.697,5.416L24.857,5.092L24.926,4.908L24.947,4.802L24.992,4.7L25.001,4.613L25.028,4.59L25.11,4.384L25.133,4.283L25.11,4.233L25.162,4.134L25.186,4.034L25.177,3.973L25.244,3.946L25.267,3.905L25.293,3.751L25.277,3.583L25.294,3.57L25.357,3.69L25.4,3.721L25.404,3.673L25.517,3.672L25.545,3.716L25.606,3.691L25.651,3.708Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M60.39,22.428L60.421,22.426L60.444,22.304L60.539,22.232L60.506,22.157L60.399,22.081L60.41,22.056L60.536,22.068L60.593,22.018L60.501,21.968L60.499,21.922L60.583,21.92L60.611,21.858L60.565,21.778L60.591,21.717L60.566,21.685L60.628,21.682L60.669,21.732L60.706,21.674L60.841,21.653L61.379,21.62L62.281,21.556L62.3,21.491L62.239,21.293L62.495,21.293L62.495,21.338L62.986,21.283L63.343,21.248L63.945,21.175L63.977,21.2L64.039,21.166L64.241,21.151L64.589,21.142L64.82,21.129L65.216,21.097L65.551,21.044L65.748,21.03L65.959,21.026L66.304,20.998L66.943,20.929L67.285,20.895L67.298,20.866L67.756,20.809L67.774,20.814L68.422,20.725L69.293,20.597L69.301,20.563L69.617,20.522L69.588,20.562L69.567,20.657L69.594,20.739L69.557,20.83L69.603,20.937L69.503,20.917L69.386,21.017L69.282,21.302L69.172,21.339L69.143,21.279L69.057,21.281L69.033,21.323L68.983,21.323L68.861,21.412L68.813,21.537L68.712,21.631L68.648,21.62L68.654,21.528L68.603,21.481L68.451,21.6L68.447,21.671L68.414,21.721L68.373,21.686L68.321,21.699L68.332,21.805L68.276,21.935L68.247,21.963L68.144,21.954L68.055,22.003L68.031,22.058L67.968,22.071L67.916,22.18L67.871,22.175L67.839,22.218L67.753,22.27L67.715,22.339L67.384,22.391L67.328,22.455L67.263,22.474L67.237,22.538L67.15,22.605L67.123,22.658L67.145,22.704L67.114,22.74L67.14,22.817L67.063,22.898L66.945,22.918L66.926,22.887L66.842,22.958L66.847,23.307L66.123,23.395L65.602,23.462L65.343,23.488L65.085,23.511L63.884,23.628L63.207,23.676L62.287,23.747L62.292,23.765L61.559,23.824L60.838,23.878L59.808,23.942L59.825,23.873L59.923,23.889L59.957,23.753L59.996,23.727L60.043,23.75L60.083,23.712L60.017,23.647L60.066,23.609L60.033,23.552L59.97,23.549L59.953,23.491L60.016,23.475L60.049,23.356L59.998,23.319L59.979,23.372L59.927,23.362L59.935,23.308L59.99,23.236L60.05,23.236L60.068,23.326L60.107,23.234L60.069,23.179L60.076,23.114L60.133,23.093L60.219,23.155L60.226,23.105L60.167,23.053L60.281,22.974L60.275,22.923L60.202,22.948L60.16,22.899L60.162,22.828L60.212,22.795L60.247,22.819L60.319,22.787L60.353,22.718L60.439,22.693L60.368,22.639L60.363,22.591L60.42,22.565L60.466,22.592L60.502,22.563L60.41,22.475Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M33.86,12.048L34.015,12.086L35.813,12.392L35.833,12.402L36.537,12.517L37.026,12.593L36.794,14.044L37.38,14.141L38.42,14.291L38.943,14.36L38.869,14.915L38.842,15.087L38.565,17.083L38.475,17.672L38.385,18.318L38.383,18.482L38.256,19.404L38.22,19.63L38.145,20.177L37.484,20.084L36.524,19.942L36.491,19.927L35.454,19.767L34.178,19.552L33.025,19.344L32.469,19.237L32.495,19.088L32.746,17.797L32.884,17.077L33.422,14.304L33.509,13.871L33.833,12.205Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M75.991,17.349L76.028,17.276L76.441,17.136L76.367,17.381L76.337,17.421L76.273,17.41L76.229,17.475L76.177,17.631L76.159,17.826L76.186,17.883L76.127,18.052L76.16,18.062L76.109,18.248L76.051,18.319L76.07,18.389L76.062,18.471L76.006,18.584L75.93,18.61L75.911,18.656L75.893,18.561L75.809,18.429L75.799,18.32L75.818,18.261L75.804,18.165L75.826,17.877L75.902,17.651L75.876,17.613L75.955,17.574L75.997,17.482L75.963,17.431L75.909,17.437ZM75.631,17.423L75.6,17.487L75.573,17.435ZM69.05,19.234L69.103,19.261L69.031,19.327L69.109,19.375L69.12,19.456L69.234,19.577L69.308,19.571L69.452,19.672L69.584,19.644L69.697,19.532L69.732,19.523L69.779,19.42L69.957,19.545L70.075,19.461L70.307,19.371L70.357,19.315L70.31,19.267L70.326,19.197L70.441,19.264L70.508,19.22L70.662,19.077L70.707,19.058L70.76,19.136L70.939,18.98L70.952,18.94L70.897,18.945L70.892,18.904L70.998,18.792L70.941,18.774L70.898,18.713L70.939,18.65L70.926,18.613L70.957,18.528L71.086,18.309L71.154,18.222L71.211,18.042L71.184,18.01L71.267,17.835L71.323,17.784L71.291,17.734L71.353,17.65L71.394,17.528L71.372,17.468L71.398,17.289L71.532,17.325L71.624,17.449L71.818,17.483L71.91,17.345L71.907,17.299L71.965,17.087L71.997,17.082L71.986,17.02L72.014,16.881L72.057,16.786L72.217,16.887L72.274,16.695L72.335,16.615L72.348,16.652L72.433,16.52L72.459,16.542L72.501,16.455L72.473,16.439L72.622,16.209L72.575,16.172L72.605,16.097L72.58,16.082L72.64,15.928L72.603,15.767L73.262,16.139L73.304,15.897L73.328,15.844L73.447,15.849L73.5,15.833L73.548,15.89L73.639,15.922L73.602,15.999L73.604,16.09L73.679,16.142L73.817,16.134L73.935,16.175L73.938,16.226L74.058,16.234L74.096,16.271L74.164,16.31L74.217,16.372L74.226,16.458L74.244,16.564L74.158,16.649L74.171,16.704L74.097,16.745L74.048,16.723L74.055,16.794L74.013,16.947L74.009,17.015L74.091,17.163L74.219,17.127L74.299,17.078L74.335,17.022L74.377,17.052L74.375,17.147L74.467,17.211L74.479,17.272L74.631,17.317L74.717,17.294L74.768,17.328L74.786,17.297L74.885,17.287L74.911,17.339L74.995,17.383L75.029,17.44L75.085,17.448L75.158,17.502L75.244,17.514L75.381,17.572L75.381,17.656L75.326,17.699L75.368,17.875L75.337,17.931L75.396,17.949L75.326,18.002L75.186,17.948L75.151,17.991L75.03,17.826L74.884,17.775L74.745,17.65L74.701,17.646L74.673,17.593L74.611,17.568L74.613,17.607L74.745,17.693L74.855,17.818L74.931,17.866L74.998,17.869L75.078,17.999L75.141,18.039L75.243,18.016L75.28,18.055L75.409,18.058L75.355,18.133L75.397,18.16L75.447,18.13L75.497,18.21L75.524,18.296L75.513,18.413L75.428,18.35L75.329,18.313L75.306,18.372L75.402,18.474L75.441,18.482L75.287,18.551L75.321,18.594L75.405,18.563L75.419,18.657L75.473,18.631L75.55,18.68L75.586,18.736L75.574,18.863L75.529,18.852L75.465,18.944L75.386,18.863L75.259,18.815L75.186,18.767L75.189,18.706L75.12,18.629L75.031,18.658L75.008,18.696L74.955,18.647L74.88,18.647L74.858,18.62L74.782,18.683L74.835,18.714L74.955,18.696L75.031,18.752L75.068,18.748L75.086,18.669L75.145,18.79L75.144,18.858L75.179,18.893L75.248,18.89L75.383,18.977L75.404,19.056L75.511,19.029L75.542,18.988L75.593,19.033L75.561,18.929L75.626,18.907L75.669,18.928L75.837,18.946L75.922,18.895L75.954,18.918L76.047,19.123L76.153,19.296L76.205,19.405L75.141,19.629L75.019,19.664L73.211,20.02L72.068,20.227L71.176,20.375L70.705,20.425L70.553,20.454L70.164,20.497L69.937,20.528L69.588,20.562L69.617,20.522L69.301,20.563L69.293,20.597L68.422,20.725L67.774,20.814L67.756,20.809L67.298,20.866L67.326,20.83L67.451,20.751L67.574,20.731L67.699,20.65L67.822,20.591L67.888,20.577L67.886,20.52L67.939,20.405L68.055,20.385L68.152,20.325L68.168,20.262L68.148,20.194L68.239,20.136L68.299,20.073L68.284,19.964L68.462,19.814L68.568,19.74L68.67,19.693Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M27.164,2.427L27.213,2.305L27.274,2.229L27.296,2.302L27.268,2.383L27.322,2.427L27.227,2.468L27.161,2.464ZM27.518,0.743L27.533,0.696L27.588,0.764L27.521,0.779ZM27.527,0.472L27.549,0.461L27.598,0.622L27.552,0.556ZM27.451,0.671L27.485,0.644L27.51,0.711L27.451,0.736ZM27.281,1.156L27.422,1.006L27.449,0.944L27.505,0.945L27.505,1.032L27.557,1.13L27.501,1.138L27.469,1.104L27.331,1.191L27.412,1.202L27.435,1.263L27.437,1.363L27.417,1.383L27.415,1.512L27.49,1.416L27.527,1.5L27.574,1.53L27.566,1.649L27.519,1.71L27.475,1.681L27.466,1.568L27.387,1.577L27.402,1.538L27.355,1.472L27.395,1.364L27.397,1.292L27.337,1.281ZM27.314,0.318L27.442,0.429L27.348,0.386ZM27.19,0.422L27.255,0.408L27.248,0.447ZM27.293,0L27.347,0.053L27.289,0.037ZM27.024,0.529L27.058,0.5L27.124,0.519L27.157,0.608L27.212,0.635L27.178,0.537L27.337,0.444L27.376,0.458L27.48,0.563L27.401,0.604L27.414,0.693L27.385,0.765L27.341,0.784L27.319,0.875L27.259,0.864L27.228,0.791L27.122,0.762L27.06,0.695ZM27.03,0.392L27.076,0.411L27.13,0.504ZM32.953,1.468L32.753,2.349L32.615,2.927L32.372,4.021L32.131,5.089L32.09,5.199L32.143,5.29L32.165,5.475L32.107,5.569L32.116,5.726L30.926,5.444L30.08,5.24L30.051,5.264L29.92,5.3L29.794,5.259L29.555,5.249L29.479,5.201L29.422,5.216L29.359,5.273L29.225,5.253L29.057,5.245L28.94,5.273L28.833,5.28L28.78,5.321L28.581,5.309L28.481,5.281L28.442,5.213L28.371,5.183L28.306,5.211L28.127,5.23L28.077,5.26L28.035,5.228L27.893,5.203L27.832,5.244L27.78,5.235L27.773,5.135L27.666,5.055L27.599,5.055L27.484,4.973L27.273,4.964L27.203,4.925L27.144,4.929L27.088,4.972L26.871,5.018L26.789,5.003L26.713,5.027L26.632,5.003L26.595,4.951L26.504,4.921L26.324,4.81L26.253,4.73L26.298,4.556L26.284,4.508L26.318,4.43L26.327,4.292L26.293,4.176L26.289,4.095L26.125,3.894L26.078,3.875L25.95,3.904L25.862,3.876L25.82,3.809L25.842,3.744L25.809,3.674L25.738,3.668L25.624,3.622L25.586,3.559L25.541,3.585L25.5,3.559L25.414,3.6L25.384,3.583L25.338,3.472L25.307,3.453L25.228,3.502L25.3,3.343L25.346,3.195L25.392,3.002L25.416,3.081L25.372,3.199L25.338,3.367L25.397,3.384L25.392,3.283L25.414,3.21L25.448,3.251L25.521,3.182L25.499,3.025L25.55,2.986L25.655,2.948L25.612,2.887L25.578,2.913L25.485,2.921L25.415,2.833L25.438,2.743L25.442,2.601L25.483,2.62L25.473,2.667L25.601,2.622L25.725,2.622L25.699,2.578L25.591,2.517L25.602,2.461L25.515,2.417L25.479,2.437L25.472,2.552L25.411,2.56L25.477,2.368L25.501,2.213L25.51,2.044L25.461,1.926L25.507,1.653L25.522,1.354L25.488,1.309L25.496,1.24L25.449,1.151L25.399,1.102L25.388,0.984L25.431,0.795L25.42,0.683L25.452,0.671L25.557,0.483L25.511,0.393L25.588,0.403L25.66,0.46L25.797,0.627L25.885,0.7L25.92,0.698L26.029,0.8L26.017,0.822L26.12,0.906L26.23,0.956L26.382,0.982L26.473,1.057L26.618,1.091L26.648,1.141L26.786,1.179L26.885,1.133L26.96,1.223L26.969,1.285L27.087,1.304L27.068,1.336L27.107,1.376L27.088,1.448L27.125,1.449L27.154,1.391L27.118,1.336L27.134,1.289L27.256,1.275L27.256,1.315L27.195,1.341L27.211,1.411L27.298,1.348L27.291,1.475L27.237,1.473L27.261,1.554L27.26,1.634L27.295,1.67L27.209,1.675L27.199,1.727L27.131,1.753L27.099,1.826L27.021,1.903L27.009,1.876L27.087,1.752L27.029,1.759L26.939,1.887L26.843,1.949L26.653,2.129L26.564,2.257L26.682,2.299L26.81,2.279L26.861,2.242L26.664,2.267L26.613,2.218L26.837,1.991L26.967,1.933L27.073,1.93L27.112,1.845L27.19,1.773L27.285,1.713L27.318,1.722L27.322,1.598L27.38,1.667L27.353,1.903L27.292,1.882L27.318,1.945L27.288,2.023L27.287,2.116L27.227,2.148L27.211,2.192L27.254,2.225L27.204,2.272L27.155,2.37L27.161,2.4L27.103,2.47L27.115,2.523L27.035,2.602L26.971,2.484L27.029,2.376L26.963,2.411L26.919,2.48L26.926,2.543L26.993,2.609L26.953,2.618L26.902,2.705L26.854,2.626L26.822,2.48L26.877,2.448L26.9,2.376L26.807,2.457L26.807,2.55L26.769,2.603L26.818,2.597L26.833,2.686L26.918,2.739L26.988,2.664L27.03,2.66L27.136,2.52L27.141,2.483L27.206,2.577L27.246,2.51L27.352,2.496L27.37,2.301L27.35,2.154L27.436,2.128L27.375,2.036L27.456,1.954L27.47,1.84L27.534,1.8L27.606,1.667L27.693,1.65L27.709,1.575L27.67,1.534L27.621,1.406L27.648,1.321L27.633,1.255L27.578,1.24L27.539,1.289L27.55,1.378L27.6,1.497L27.526,1.372L27.486,1.356L27.482,1.279L27.514,1.19L27.585,1.179L27.632,1.221L27.679,1.18L27.659,1.117L27.582,1.037L27.554,0.967L27.57,0.922L27.462,0.933L27.438,0.857L27.473,0.79L27.543,0.792L27.582,0.822L27.594,0.888L27.657,0.9L27.664,0.761L27.722,0.77L27.752,0.734L27.704,0.636L27.709,0.552L27.75,0.508L27.718,0.461L27.659,0.451L27.573,0.483L27.613,0.434L27.56,0.4L27.575,0.305L27.529,0.244L27.583,0.191L27.52,0.16L27.601,0.089L28.214,0.264L28.535,0.361L29.022,0.489L29.5,0.619L30.167,0.795L30.981,1L31.858,1.213Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M62.314,8.539L62.327,8.437L62.44,8.448L62.376,8.576ZM61.908,8.8L61.948,8.778L61.963,8.856ZM58.603,6.423L58.625,6.319L58.666,6.311L58.653,6.405ZM58.553,6.61L58.628,6.564L58.613,6.611ZM58.423,6.546L58.542,6.476L58.527,6.554L58.439,6.572ZM58.321,6.676L58.4,6.587L58.404,6.611ZM58.332,6.494L58.387,6.559L58.339,6.566ZM58.291,6.41L58.414,6.359L58.46,6.425L58.504,6.379L58.516,6.434L58.46,6.448L58.402,6.513ZM58.296,6.756L58.353,6.731L58.463,6.617L58.512,6.654L58.408,6.701L58.429,6.743L58.371,6.751L58.301,6.802ZM58.09,6.476L58.142,6.452L58.142,6.507ZM57.079,6.929L57.153,6.964L57.275,6.944L57.517,6.835L57.58,6.833L57.874,6.661L57.916,6.689L58.04,6.619L58.102,6.54L58.155,6.552L58.236,6.51L58.328,6.605L58.285,6.702L58.205,6.803L58.241,6.883L58.182,6.946L58.151,7.037L58.198,7.054L58.343,6.955L58.357,6.887L58.516,7.012L58.687,7.051L58.715,7.099L58.774,7.065L58.791,7.11L58.878,7.122L58.949,7.219L59.005,7.365L60.059,7.583L60.312,7.707L60.39,7.736L60.425,7.717L60.554,7.765L60.563,7.723L60.66,7.711L60.758,7.766L60.792,7.74L60.881,7.792L60.929,7.77L61.079,7.818L61.114,7.898L61.058,7.97L61.104,8.015L61.203,7.992L61.24,8.043L61.299,8.037L61.398,8.098L61.434,8.15L61.394,8.192L61.446,8.243L61.432,8.313L61.399,8.306L61.444,8.395L61.429,8.456L61.383,8.503L61.376,8.587L61.42,8.621L61.503,8.617L61.559,8.553L61.612,8.622L61.577,8.685L61.545,8.873L61.628,8.958L61.703,8.97L61.673,9.046L61.677,9.145L61.486,9.2L61.485,9.287L61.418,9.386L61.385,9.493L61.347,9.549L61.33,9.672L61.345,9.712L61.305,9.777L61.346,9.814L61.426,9.812L61.446,9.743L61.537,9.655L61.589,9.632L61.616,9.519L61.715,9.345L61.885,9.25L61.922,9.294L61.915,9.23L61.951,9.105L62.036,8.96L62.052,8.834L62.096,8.835L62.17,8.788L62.171,8.691L62.219,8.634L62.294,8.624L62.302,8.739L62.254,8.734L62.256,8.929L62.186,8.98L62.173,9.048L62.129,9.116L62.151,9.169L62.11,9.222L62.125,9.253L62.065,9.3L62.032,9.365L61.996,9.519L61.898,9.747L61.848,10.089L61.898,10.218L61.893,10.292L61.772,10.413L61.707,10.747L61.726,10.848L61.759,10.908L61.764,11.036L61.698,11.19L61.685,11.363L61.634,11.466L61.602,11.679L61.645,11.793L61.628,11.843L61.672,11.931L61.646,11.98L61.659,12.04L61.714,12.119L61.715,12.199L61.747,12.275L61.814,12.343L61.807,12.457L61.779,12.595L61.815,12.774L61.48,12.796L60.768,12.859L60.275,12.886L59.399,12.929L58.795,12.965L58.77,12.879L58.702,12.777L58.468,12.727L58.341,12.653L58.28,12.444L58.231,12.413L58.226,12.33L58.19,12.221L58.181,12.085L58.297,11.899L58.24,11.816L58.123,11.746L58.134,11.672L58.097,11.613L58.11,11.55L58.08,11.48L58.089,11.429L58.049,11.385L58.042,11.247L58.063,11.151L58.016,11.048L57.851,10.837L57.692,10.8L57.553,10.67L57.439,10.612L57.376,10.558L57.316,10.37L57.18,10.277L57.011,10.23L56.939,10.175L56.903,10.089L56.867,10.062L56.658,10.053L56.636,10.003L56.457,9.844L56.382,9.797L56.422,9.665L56.409,9.59L56.432,9.524L56.413,9.392L56.383,9.318L56.429,9.275L56.402,9.157L56.406,9.01L56.465,8.942L56.511,8.85L56.506,8.769L56.377,8.608L56.265,8.601L56.258,8.509L56.273,8.394L56.357,8.324L56.372,8.232L56.428,8.131L56.494,8.073L56.584,8.043L56.611,7.995L56.662,8.01L56.696,7.938L56.783,7.941L56.803,7.869L56.836,7.856L56.805,7.003L56.895,7.011L56.905,6.92L57.002,6.87Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M44.592,12.046L45.276,12.101L46.243,12.174L46.915,12.218L47.059,12.231L48.201,12.291L49.005,12.327L49.901,12.359L50.454,12.375L50.485,12.45L50.704,12.562L50.838,12.643L50.936,12.729L51.026,12.723L51.093,12.654L51.108,12.594L51.158,12.58L51.215,12.609L51.327,12.621L51.396,12.6L51.57,12.619L51.594,12.592L51.711,12.591L51.803,12.624L51.812,12.678L51.895,12.733L52.053,12.752L52.072,12.81L52.132,12.792L52.239,12.836L52.243,12.883L52.322,12.891L52.364,12.922L52.338,12.977L52.416,13.06L52.452,13.129L52.529,13.114L52.561,13.162L52.62,13.151L52.673,13.161L52.689,13.216L52.651,13.283L52.649,13.355L52.701,13.418L52.749,13.533L52.714,13.554L52.728,13.634L52.809,13.708L52.803,13.804L52.853,13.818L52.848,13.878L52.956,13.911L52.92,14.008L52.983,14.137L53.02,14.158L52.968,14.317L52.989,14.397L52.969,14.424L53.007,14.493L52.991,14.533L53.037,14.589L53.065,14.542L53.103,14.584L53.09,14.642L53.179,14.667L53.152,14.845L53.227,14.877L53.214,14.926L53.171,14.916L53.192,15.064L53.264,15.07L53.221,15.107L53.244,15.205L53.236,15.321L53.281,15.375L53.268,15.422L53.295,15.51L53.261,15.531L53.266,15.67L53.216,15.727L53.266,15.807L53.325,15.833L53.367,15.907L53.351,15.942L53.354,16.025L53.426,16.025L53.454,15.975L53.465,16.041L53.423,16.059L53.431,16.112L53.519,16.339L53.586,16.372L53.582,16.402L53.678,16.465L53.668,16.527L53.757,16.613L53.732,16.712L53.748,16.75L53.815,16.756L53.858,16.798L52.924,16.8L51.937,16.792L50.964,16.776L50.27,16.759L49.598,16.739L48.889,16.714L48.253,16.686L47.121,16.627L46.423,16.583L46.516,15.121L45.674,15.065L44.947,15.01L44.344,14.961Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M68.265,23.105L68.628,22.929L68.64,22.959L68.693,22.907L68.956,22.754L69.017,22.752L69.057,22.676L69.078,22.715L69.198,22.678L69.416,22.66L69.853,22.612L70.642,22.533L70.669,22.685L70.779,22.574L70.997,22.794L71.006,22.965L72.091,22.806L72.319,22.768L72.755,23.077L72.913,23.197L73.896,23.904L73.705,24.015L73.604,24.118L73.483,24.294L73.403,24.466L73.35,24.55L73.302,24.715L73.296,24.901L73.308,25.019L73.25,25.101L73.16,25.169L73.145,25.295L73.068,25.297L72.999,25.329L72.944,25.288L72.882,25.342L72.853,25.438L72.91,25.445L72.913,25.485L72.784,25.591L72.758,25.661L72.624,25.759L72.572,25.72L72.529,25.777L72.606,25.793L72.598,25.869L72.501,25.952L72.479,26.006L72.388,26.025L72.308,26.075L72.276,26.138L72.246,26.12L72.111,26.257L72.069,26.237L72.016,26.284L71.997,26.246L71.939,26.258L71.932,26.312L72.016,26.404L71.988,26.513L71.872,26.6L71.795,26.639L71.779,26.588L71.687,26.552L71.633,26.61L71.697,26.638L71.767,26.7L71.718,26.792L71.62,26.883L71.566,26.906L71.52,26.984L71.548,27.006L71.497,27.003L71.386,26.933L71.316,26.96L71.249,26.93L71.231,26.827L71.173,26.755L71.207,26.685L71.066,26.488L71.076,26.444L70.952,26.328L70.844,26.314L70.77,26.248L70.794,26.215L70.743,26.145L70.754,26.08L70.724,26.028L70.72,25.952L70.645,25.9L70.655,25.871L70.6,25.817L70.598,25.714L70.491,25.663L70.431,25.611L70.319,25.597L70.24,25.545L70.222,25.465L70.175,25.476L70.112,25.429L70.107,25.347L70.03,25.333L69.978,25.282L69.999,25.164L69.903,25.112L69.814,25.011L69.736,24.975L69.705,24.987L69.622,24.94L69.525,24.763L69.4,24.671L69.304,24.641L69.167,24.543L69.128,24.545L69.066,24.431L69.004,24.382L68.947,24.296L68.875,24.241L68.838,24.112L68.767,24.013L68.715,23.984L68.665,23.853L68.564,23.825L68.494,23.855L68.386,23.805L68.272,23.691L68.198,23.69L68.061,23.606L68.032,23.539L68.055,23.445L68.114,23.391L68.137,23.307L68.263,23.193Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M32.116,5.726L32.107,5.569L32.165,5.475L32.143,5.29L32.09,5.199L32.131,5.089L32.372,4.021L32.615,2.927L32.753,2.349L32.953,1.468L33.881,1.67L33.573,3.11L33.589,3.119L33.675,3.329L33.72,3.38L33.721,3.473L33.802,3.572L33.777,3.629L33.805,3.722L33.738,3.767L33.777,3.816L33.775,3.878L33.813,3.922L33.702,3.927L33.866,4.097L33.876,4.168L33.977,4.246L34.056,4.275L34.106,4.441L34.153,4.48L34.228,4.621L34.245,4.737L34.291,4.742L34.346,4.83L34.311,4.913L34.355,4.996L34.442,5.058L34.442,5.179L34.521,5.13L34.588,5.192L34.56,5.228L34.574,5.289L34.718,5.33L34.768,5.297L34.833,5.297L34.866,5.336L34.797,5.528L34.744,5.531L34.754,5.616L34.693,5.686L34.688,5.761L34.65,5.841L34.612,5.847L34.61,5.985L34.541,5.98L34.522,6.04L34.575,6.091L34.529,6.156L34.536,6.234L34.591,6.303L34.558,6.327L34.586,6.411L34.556,6.451L34.467,6.435L34.379,6.531L34.426,6.617L34.416,6.694L34.346,6.723L34.36,6.775L34.335,6.838L34.424,6.855L34.455,6.937L34.523,7.025L34.605,6.987L34.632,6.918L34.685,6.942L34.748,6.924L34.835,6.837L34.89,6.816L34.901,6.753L34.937,6.742L35.008,6.845L35.089,6.923L35.039,7.034L35.108,7.047L35.071,7.137L35.104,7.236L35.085,7.332L35.117,7.443L35.186,7.549L35.194,7.643L35.252,7.674L35.24,7.704L35.3,7.765L35.281,7.909L35.227,7.916L35.245,8.042L35.333,8.126L35.338,8.179L35.444,8.142L35.548,8.235L35.562,8.349L35.588,8.38L35.588,8.467L35.552,8.488L35.61,8.611L35.583,8.65L35.594,8.72L35.699,8.82L35.732,8.882L35.769,8.859L35.757,8.791L35.829,8.712L35.897,8.695L35.952,8.732L36.064,8.753L36.11,8.794L36.142,8.774L36.221,8.835L36.27,8.724L36.354,8.68L36.398,8.689L36.449,8.749L36.525,8.78L36.607,8.756L36.657,8.78L36.776,8.759L36.813,8.846L36.929,8.815L36.945,8.793L37.034,8.824L37.066,8.809L37.147,8.856L37.182,8.845L37.137,8.759L37.205,8.681L37.202,8.618L37.276,8.626L37.306,8.569L37.371,8.621L37.449,8.783L37.438,8.843L37.511,8.922L37.522,8.986L37.593,9.026L37.196,11.552L37.142,11.866L37.026,12.593L36.537,12.517L35.833,12.402L35.813,12.392L34.015,12.086L33.86,12.048L33.275,11.932L33.033,11.872L32.819,11.839L32.523,11.778L31.417,11.543L30.729,11.386L31.309,8.807L31.331,8.736L31.372,8.732L31.391,8.665L31.471,8.525L31.447,8.424L31.497,8.413L31.551,8.346L31.534,8.284L31.489,8.266L31.501,8.211L31.423,8.202L31.383,8.12L31.307,8.133L31.267,8.066L31.313,8.02L31.279,7.921L31.317,7.883L31.326,7.801L31.413,7.749L31.432,7.698L31.567,7.492L31.713,7.44L31.863,7.251L31.852,7.18L31.876,7.121L31.939,7.078L32.03,6.98L32.144,6.735L32.267,6.581L32.307,6.56L32.328,6.494L32.445,6.363L32.401,6.256L32.405,6.153L32.367,6.104L32.297,6.083L32.278,6.022L32.211,6.013L32.14,5.848Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M27.628,10.645L27.913,10.716L28.45,10.856L28.983,10.989L29.187,11.033L30.102,11.245L30.729,11.386L31.417,11.543L32.523,11.778L32.819,11.839L33.033,11.872L33.275,11.932L33.86,12.048L33.833,12.205L33.509,13.871L33.422,14.304L32.884,17.077L32.746,17.797L32.495,19.088L32.469,19.237L32.373,19.734L32.306,20.117L32.25,20.4L32.222,20.415L32.08,20.622L31.98,20.617L31.907,20.537L31.921,20.515L31.864,20.402L31.709,20.391L31.707,20.359L31.638,20.345L31.582,20.365L31.438,20.375L31.411,20.396L31.423,20.487L31.398,20.607L31.451,20.721L31.41,20.743L31.38,20.81L31.384,20.886L31.361,20.947L31.361,21.037L31.391,21.104L31.329,21.273L31.364,21.399L31.376,21.528L31.36,21.767L31.34,21.815L31.256,21.846L31.294,21.886L31.24,21.984L30.443,20.788L29.654,19.601L28.661,18.104L27.692,16.647L27.264,16L26.529,14.896L26.607,14.574L26.884,13.538L27.084,12.766L27.218,12.236Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M76.125,6.716L76.618,6.586L77.156,6.47L77.956,6.248L77.931,6.299L78.001,6.391L77.964,6.473L77.963,6.589L77.923,6.649L78.002,6.769L78.044,6.799L78.065,6.894L78.029,6.919L78.068,6.989L78.011,7.044L77.972,7.15L77.877,7.22L77.887,7.259L77.801,7.291L77.68,7.364L77.663,7.442L77.695,7.483L77.694,7.556L77.763,7.687L77.713,7.845L77.745,7.893L77.692,8.059L77.706,8.184L77.631,8.306L77.642,8.454L77.6,8.508L77.603,8.602L77.631,8.647L77.641,8.816L77.677,8.881L77.656,8.969L77.674,9.133L77.708,9.165L77.697,9.265L77.735,9.323L77.719,9.385L77.665,9.424L77.669,9.529L77.707,9.634L77.823,9.728L76.986,9.907L76.94,9.834L76.94,9.781L76.817,9.177L76.734,8.796L76.662,8.721L76.643,8.668L76.573,8.689L76.566,8.773L76.531,8.759L76.512,8.686L76.544,8.475L76.484,8.411L76.484,8.333L76.429,8.258L76.395,8.126L76.361,8.107L76.359,7.888L76.408,7.797L76.41,7.751L76.354,7.618L76.372,7.529L76.337,7.429L76.231,7.322L76.195,7.102L76.203,7.006L76.147,6.969L76.161,6.847Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M62.03,31.03L62.096,31.104L62.125,31.196L62.117,31.357L62.071,31.455L62.105,31.268L62.094,31.157ZM61.453,31.063L61.632,30.901L61.593,31.001L61.666,31.071L61.6,31.138L61.584,31.081L61.461,31.09ZM61.147,31.848L61.225,31.83L61.184,31.885ZM60.238,32.526L60.278,32.495L60.332,32.569L60.294,32.588ZM60.008,32.561L60.187,32.593L60.1,32.607ZM59.767,32.63L59.879,32.6L59.892,32.62L59.771,32.652ZM58.125,31.931L58.236,31.866L58.337,31.87L58.512,31.966L58.448,32.014L58.447,32.064L58.348,32.084L58.11,31.958ZM55.464,27.012L56.27,26.995L57.668,26.961L57.996,26.95L58.947,26.91L58.894,27.021L58.972,27.058L58.995,27.02L58.986,26.944L59.045,26.946L59.071,27.073L58.986,27.141L58.966,27.19L58.975,27.29L59.1,27.31L59.073,27.362L58.99,27.44L59.036,27.519L59.118,27.482L59.144,27.423L59.174,27.457L59.085,27.558L59.201,27.639L59.189,27.661L59.061,27.605L59.046,27.668L59.155,27.734L59.198,27.707L59.233,27.749L59.201,27.776L59.214,27.851L59.33,27.88L59.283,27.937L59.231,27.931L59.243,27.995L59.215,28.053L59.18,28.022L59.009,28.088L59.016,28.182L59.15,28.187L59.15,28.108L59.205,28.136L59.17,28.224L59.1,28.301L59.062,28.261L59.023,28.288L59.131,28.346L58.997,28.434L59.01,28.496L58.907,28.596L58.821,28.603L58.795,28.723L58.919,28.721L58.906,28.754L58.808,28.764L58.759,28.811L58.761,28.944L58.726,28.958L58.64,28.913L58.618,28.96L58.659,28.998L58.735,28.979L58.755,29.018L58.705,29.064L58.625,29.081L58.634,29.207L58.689,29.275L58.682,29.32L58.636,29.315L58.596,29.225L58.557,29.276L58.65,29.398L58.639,29.453L58.571,29.477L58.488,29.473L58.487,29.52L58.559,29.598L58.518,29.666L58.593,29.755L58.599,29.8L58.512,29.862L59.227,29.828L59.999,29.784L60.848,29.728L60.879,29.738L60.849,29.813L60.803,30.036L60.772,30.075L60.78,30.136L60.757,30.231L60.801,30.268L60.828,30.377L60.888,30.449L60.987,30.522L60.991,30.589L61.065,30.681L61.053,30.757L61.091,30.842L61.155,30.907L61.212,30.902L61.137,30.951L61.098,30.946L61.027,31.02L61.023,31.068L60.969,31.091L60.987,31.14L60.857,31.126L60.812,31.186L60.841,31.27L60.921,31.277L60.979,31.242L60.965,31.316L61.032,31.37L61.149,31.343L61.171,31.228L61.159,31.177L61.264,31.103L61.275,31.046L61.417,31.098L61.344,31.145L61.347,31.188L61.416,31.204L61.435,31.279L61.5,31.258L61.546,31.152L61.617,31.177L61.606,31.247L61.544,31.252L61.495,31.311L61.597,31.3L61.582,31.338L61.423,31.386L61.51,31.453L61.56,31.422L61.53,31.498L61.425,31.459L61.377,31.531L61.378,31.655L61.338,31.665L61.304,31.559L61.257,31.562L61.251,31.676L61.087,31.695L61.171,31.737L61.173,31.778L61.065,31.723L61.124,31.79L61.071,31.812L61.133,31.895L61.223,31.903L61.279,31.956L61.311,32.054L61.472,32.034L61.552,32.071L61.559,32.034L61.657,32.14L61.704,32.082L61.822,32.212L61.859,32.299L61.939,32.258L61.971,32.307L61.864,32.335L61.857,32.375L61.93,32.375L61.9,32.442L61.848,32.416L61.803,32.506L61.814,32.593L61.715,32.555L61.713,32.507L61.667,32.47L61.535,32.652L61.468,32.707L61.553,32.522L61.594,32.493L61.586,32.426L61.627,32.393L61.618,32.33L61.57,32.305L61.537,32.412L61.462,32.419L61.361,32.3L61.2,32.257L61.154,32.204L60.895,32.179L60.844,32.2L60.634,32.393L60.433,32.549L60.416,32.486L60.36,32.469L60.375,32.413L60.316,32.292L60.255,32.24L60.193,32.347L60.199,32.251L60.146,32.185L60.092,32.268L60.03,32.254L59.997,32.283L59.941,32.26L59.955,32.332L59.904,32.392L59.89,32.459L59.853,32.453L59.833,32.525L59.795,32.512L59.703,32.575L59.689,32.654L59.618,32.638L59.625,32.581L59.49,32.463L59.442,32.482L59.321,32.462L59.274,32.424L59.185,32.42L59.083,32.387L59.008,32.316L59.061,32.295L59.091,32.222L59.183,32.298L59.213,32.268L59.216,32.353L59.281,32.371L59.26,32.242L59.149,32.167L59.146,32.115L59.096,32.109L59.06,32.162L59.002,32.182L59.005,32.13L58.962,32.141L59.013,32.055L58.964,32.007L58.836,32.076L58.787,31.978L58.743,31.99L58.708,31.845L58.588,31.849L58.613,31.806L58.616,31.7L58.469,31.686L58.324,31.753L58.29,31.746L58.289,31.683L58.322,31.631L58.352,31.649L58.346,31.575L58.272,31.568L58.212,31.599L58.169,31.575L58.162,31.626L57.992,31.721L57.965,31.681L57.885,31.705L57.928,31.781L58.011,31.787L57.971,31.827L58.01,31.903L58.101,31.873L58.064,31.915L58.095,31.939L57.948,31.952L57.832,32.018L57.742,32.033L57.371,31.968L57.21,31.921L56.946,31.804L56.838,31.767L56.653,31.723L56.504,31.72L56.44,31.741L56.277,31.735L55.942,31.792L55.823,31.861L55.712,31.677L55.797,31.608L55.877,31.423L55.979,31.328L55.942,31.279L55.996,31.201L55.953,31.102L55.958,30.979L55.892,30.924L55.899,30.846L55.974,30.766L55.95,30.653L55.917,30.623L55.931,30.572L55.99,30.533L55.985,30.474L56.06,30.393L56.061,30.324L56.139,30.201L56.119,30.109L56.169,30.034L56.115,29.945L56.177,29.911L56.138,29.825L56.132,29.674L56.068,29.691L56.04,29.554L55.955,29.499L55.983,29.425L55.935,29.313L55.873,29.269L55.901,29.217L55.785,29.146L55.758,29.081L55.798,28.954L55.764,28.867L55.773,28.826L55.707,28.758L55.662,28.654L55.578,28.608L55.525,28.514L55.495,28.503Z"></path><path class="feature-path svelte-18wj229" fill="#ffa06b" stroke="#333" stroke-width="0.5" d="M79.517,10.878L79.589,10.883L79.662,11.108L79.602,11.185L79.547,11.066L79.514,10.954L79.491,10.969L79.547,11.161L79.485,11.175L79.487,11.22L79.424,11.228L79.461,11.042L79.455,10.979ZM79.384,11.238L79.364,11.098L79.39,11.091L79.417,11.195ZM79.273,11.723L79.29,11.615L79.341,11.718ZM78.955,11.563L78.978,11.521L78.943,11.427L78.985,11.409L78.908,11.067L78.766,10.572L79.195,10.443L79.242,10.621L79.284,10.602L79.34,10.766L79.419,10.787L79.473,10.836L79.477,10.893L79.438,10.957L79.407,10.866L79.273,10.778L79.31,10.919L79.248,10.931L79.299,10.954L79.333,11.057L79.29,11.082L79.338,11.138L79.361,11.226L79.331,11.387L79.187,11.441L79.097,11.509L78.963,11.582Z"></path></g></svg></div></div> </div><div class="gallery-item svelte-9objxt scaled"><h4 class="title svelte-9objxt"><a href="/example-ssr/MapLayered" class="svelte-9objxt">Multilayer map (canvas + svg)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/14c49b034a1e49bbbcd32e0ba749378c?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="map-container svelte-1enkenv" style="aspect-ratio:2.63;">     <div class="layercake-container svelte-vhzpsp" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0;">  <svg viewBox="0 0 100 38.02281368821293" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 0px; width: calc(100% - 0px); height: calc(100% - 0px);" class="svelte-6sm8ei"><defs></defs>  <g class="map-group"><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M71.611,27.025L71.61,27.018L71.465,26.953L71.38,26.983L71.33,26.943L71.314,26.843L71.258,26.772L71.292,26.703L71.238,26.648L71.188,26.609L71.173,26.516L71.163,26.454L71.061,26.367L71.012,26.342L70.921,26.325L70.869,26.277L70.856,26.192L70.807,26.16L70.839,26.084L70.777,25.966L70.773,25.943L70.72,25.888L70.668,25.832L70.695,25.725L70.647,25.701L70.555,25.675L70.503,25.62L70.461,25.634L70.413,25.609L70.316,25.553L70.308,25.498L70.215,25.465L70.167,25.44L70.206,25.403L70.199,25.356L70.109,25.346L70.061,25.321L70.048,25.228L70.084,25.175L70.036,25.15L69.987,25.118L69.935,25.062L69.885,25.022L69.794,24.996L69.699,24.946L69.692,24.899L69.642,24.851L69.586,24.772L69.485,24.676L69.394,24.649L69.298,24.592L69.25,24.559L69.205,24.549L69.145,24.431L69.095,24.383L69.091,24.359L69.039,24.295L68.95,24.284L68.944,24.237L68.926,24.113L68.88,24.095L68.827,24.024L68.779,23.991L68.718,23.864L68.669,23.823L68.586,23.843L68.545,23.864L68.496,23.823L68.449,23.79L68.352,23.716L68.263,23.696L68.216,23.663L68.122,23.604L68.113,23.542L68.149,23.49L68.101,23.449L68.137,23.396L68.179,23.391L68.211,23.307L68.252,23.293L68.287,23.233L68.325,23.196L68.313,23.111L68.717,22.928L68.72,22.951L68.874,22.826L68.954,22.783L69.076,22.742L69.114,22.705L69.158,22.714L69.282,22.68L69.367,22.676L69.915,22.61L70.507,22.551L70.719,22.533L70.728,22.588L70.734,22.626L70.744,22.689L70.855,22.575L71.063,22.797L71.09,22.968L71.427,22.913L72.187,22.801L72.398,22.773L72.842,23.078L72.993,23.195L73.498,23.575L73.997,23.906L73.956,23.922L73.799,24.023L73.685,24.123L73.586,24.301L73.519,24.417L73.485,24.471L73.456,24.556L73.398,24.726L73.387,24.911L73.4,24.981L73.408,25.027L73.334,25.112L73.257,25.173L73.236,25.305L73.147,25.304L73.065,25.343L73.014,25.304L72.978,25.35L72.948,25.435L73.004,25.497L72.921,25.535L72.888,25.597L72.857,25.674L72.696,25.773L72.67,25.881L72.596,25.965L72.558,26.003L72.475,26.041L72.394,26.087L72.358,26.14L72.312,26.132L72.202,26.27L72.155,26.254L72.116,26.292L72.067,26.261L72.023,26.268L72.032,26.322L72.041,26.376L72.094,26.423L72.067,26.531L71.946,26.614L71.903,26.621L71.866,26.667L71.83,26.72L71.799,26.805L71.681,26.903L71.607,27.002Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M44.815,9.092L44.816,9.085L44.862,8.54L44.908,7.997L44.932,7.71L45.332,7.743L46.096,7.801L46.823,7.859L47.587,7.906L48.097,7.934L48.862,7.971L49.299,7.989L49.809,8.008L50.647,8.04L51.303,8.055L51.923,8.064L52.543,8.07L52.506,8.233L52.469,8.288L52.432,8.35L52.322,8.419L52.248,8.496L52.211,8.55L52.32,8.676L52.356,8.77L52.392,8.833L52.465,8.841L52.612,8.912L52.648,9.006L52.646,9.489L52.643,10.224L52.639,10.935L52.636,11.632L52.485,11.631L52.485,11.663L52.484,11.725L52.56,11.788L52.559,11.906L52.483,11.929L52.52,12.031L52.596,12.039L52.596,12.149L52.633,12.196L52.633,12.259L52.557,12.329L52.595,12.353L52.556,12.4L52.556,12.423L52.518,12.478L52.556,12.525L52.517,12.595L52.479,12.619L52.44,12.752L52.439,12.799L52.477,12.83L52.554,12.909L52.591,13.019L52.591,13.113L52.629,13.114L52.552,13.121L52.514,13.066L52.437,13.081L52.438,13.018L52.361,12.986L52.362,12.939L52.362,12.877L52.324,12.853L52.248,12.844L52.248,12.797L52.134,12.749L52.095,12.772L52.058,12.709L51.943,12.692L51.905,12.692L51.867,12.66L51.829,12.636L51.792,12.581L51.716,12.548L51.639,12.571L51.601,12.555L51.563,12.577L51.487,12.561L51.448,12.576L51.41,12.559L51.295,12.581L51.219,12.572L51.143,12.539L51.105,12.554L51.104,12.616L51.026,12.686L50.949,12.692L50.837,12.603L50.686,12.521L50.648,12.504L50.611,12.48L50.498,12.407L50.462,12.335L50.043,12.323L49.434,12.303L48.939,12.284L48.178,12.249L47.797,12.23L47.151,12.194L46.885,12.178L46.238,12.136L45.555,12.079L45.023,12.045L44.567,12.008L44.604,11.578L44.673,10.759L44.714,10.284L44.777,9.536Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M69.647,20.558L69.657,20.628L69.673,20.729L69.644,20.821L69.656,20.899L69.618,20.929L69.573,20.911L69.495,20.955L69.461,21.008L69.335,21.297L69.297,21.327L69.255,21.333L69.205,21.277L69.161,21.267L69.084,21.318L69.041,21.316L68.963,21.359L68.928,21.412L68.902,21.527L68.826,21.586L68.786,21.607L68.703,21.619L68.696,21.572L68.731,21.52L68.683,21.479L68.603,21.514L68.532,21.611L68.498,21.672L68.461,21.709L68.457,21.678L68.375,21.697L68.381,21.744L68.39,21.806L68.326,21.958L68.197,21.952L68.161,21.996L68.119,22.002L68.084,22.054L68.043,22.068L68.008,22.12L67.973,22.18L67.929,22.17L67.893,22.215L67.814,22.265L67.783,22.349L67.614,22.363L67.448,22.393L67.413,22.453L67.33,22.471L67.296,22.539L67.256,22.56L67.183,22.656L67.189,22.703L67.194,22.742L67.203,22.812L67.167,22.865L67.129,22.901L67.003,22.917L66.957,22.891L66.922,22.959L66.923,23.307L66.162,23.398L65.656,23.464L65.402,23.492L65.148,23.512L64.555,23.574L63.92,23.63L63.24,23.677L62.986,23.7L62.35,23.746L62.352,23.77L61.588,23.83L60.867,23.882L60.315,23.919L59.848,23.948L59.844,23.877L59.973,23.893L60.007,23.757L60.048,23.731L60.092,23.752L60.133,23.726L60.043,23.653L60.081,23.587L60.08,23.556L59.994,23.545L59.991,23.498L60.032,23.48L60.071,23.422L60.067,23.359L60.023,23.323L60.025,23.354L59.979,23.31L60.02,23.276L60.059,23.226L60.102,23.239L60.063,23.289L60.148,23.291L60.144,23.236L60.099,23.184L60.094,23.114L60.178,23.093L60.223,23.137L60.266,23.158L60.263,23.103L60.22,23.098L60.217,23.043L60.256,23.001L60.295,22.951L60.21,22.941L60.208,22.901L60.203,22.831L60.243,22.797L60.287,22.818L60.369,22.789L60.407,22.715L60.49,22.694L60.488,22.662L60.402,22.637L60.398,22.59L60.439,22.563L60.525,22.597L60.521,22.534L60.434,22.485L60.43,22.43L60.472,22.427L60.468,22.372L60.464,22.301L60.585,22.23L60.539,22.17L60.45,22.097L60.447,22.05L60.574,22.065L60.614,22.047L60.612,22.015L60.525,21.966L60.522,21.919L60.647,21.91L60.644,21.863L60.597,21.796L60.633,21.706L60.59,21.686L60.673,21.68L60.675,21.711L60.718,21.724L60.756,21.666L60.88,21.65L61.089,21.643L61.421,21.618L62.003,21.573L62.337,21.553L62.331,21.49L62.273,21.29L62.523,21.292L62.527,21.331L63.065,21.276L63.397,21.245L64.017,21.17L64.019,21.193L64.1,21.161L64.307,21.14L64.641,21.137L64.89,21.119L65.265,21.094L65.47,21.055L65.594,21.041L65.802,21.025L66.011,21.024L66.384,20.988L66.675,20.96L67.005,20.918L67.338,20.891L67.375,20.855L67.417,20.857L67.83,20.802L67.831,20.81L68.285,20.748L68.739,20.684L69.357,20.594L69.392,20.549L69.682,20.513Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M51.479,36.682L51.48,36.62L51.434,36.526L51.387,36.471L51.388,36.448L51.342,36.339L51.343,36.262L51.296,36.23L51.297,36.168L51.298,36.091L51.3,36.013L51.301,35.905L51.306,35.603L51.307,35.533L51.309,35.394L51.31,35.308L51.358,35.224L51.405,35.162L51.454,35.023L51.502,34.915L51.549,34.893L51.549,34.846L51.597,34.769L51.691,34.692L51.692,34.638L51.738,34.615L51.833,34.453L51.833,34.414L51.927,34.299L51.974,34.276L51.975,34.214L52.021,34.23L52.067,34.207L52.068,34.129L52.068,34.114L52.207,34.099L52.254,34.061L52.254,34.022L52.347,33.952L52.44,33.922L52.532,33.899L52.532,33.922L52.393,33.992L52.3,34.053L52.114,34.192L52.02,34.292L51.88,34.399L51.786,34.515L51.738,34.623L51.691,34.685L51.596,34.854L51.452,35.147L51.356,35.324L51.307,35.525L51.304,35.68L51.302,35.843L51.3,35.959L51.344,36.215L51.479,36.651ZM40.127,28.147L40.088,28.103L40.009,28.008L40.014,27.969L40.019,27.922L40.075,27.818L40.646,27.881L41.526,27.972L42.142,28.031L42.626,28.076L43.242,28.129L43.595,28.159L44.432,28.224L44.488,27.466L44.541,26.762L44.582,26.199L44.65,25.29L44.699,24.624L44.742,24.052L44.786,23.464L44.826,22.915L44.874,22.28L44.922,21.628L44.964,21.631L45.837,21.692L46.586,21.739L47.211,21.774L47.836,21.806L48.461,21.834L48.433,22.487L48.406,23.131L48.37,23.996L48.341,24.687L48.384,24.665L48.468,24.708L48.509,24.764L48.632,24.903L48.672,24.968L48.8,24.98L48.846,24.919L48.931,24.93L49.015,24.988L49.058,24.982L49.061,24.888L49.062,24.872L49.146,24.922L49.23,24.956L49.187,24.979L49.27,25.044L49.267,25.131L49.307,25.234L49.349,25.251L49.435,25.246L49.478,25.263L49.522,25.233L49.564,25.25L49.606,25.299L49.734,25.334L49.776,25.367L49.862,25.369L49.949,25.325L50.035,25.351L50.118,25.471L50.117,25.478L50.204,25.457L50.249,25.388L50.293,25.349L50.335,25.382L50.421,25.384L50.506,25.417L50.594,25.356L50.593,25.396L50.548,25.457L50.589,25.584L50.675,25.594L50.718,25.579L50.761,25.603L50.76,25.658L50.758,25.761L50.757,25.768L50.843,25.809L50.886,25.802L51.018,25.687L51.105,25.61L51.148,25.626L51.191,25.666L51.19,25.714L51.233,25.746L51.319,25.716L51.362,25.74L51.361,25.834L51.403,25.866L51.447,25.867L51.491,25.789L51.534,25.782L51.577,25.806L51.621,25.751L51.664,25.728L51.664,25.76L51.706,25.831L51.663,25.854L51.662,25.893L51.704,25.988L51.747,26.02L51.791,26.005L51.791,25.95L51.792,25.903L51.879,25.833L51.923,25.771L51.923,25.708L52.01,25.669L52.01,25.709L52.009,25.764L52.052,25.827L52.095,25.796L52.138,25.804L52.181,25.867L52.267,25.86L52.268,25.829L52.311,25.743L52.397,25.798L52.354,25.845L52.397,25.877L52.483,25.877L52.483,25.948L52.613,25.941L52.612,25.988L52.698,26.074L52.742,26.035L52.742,25.972L52.785,25.949L52.828,25.981L52.915,25.949L52.915,25.847L53.002,25.84L53.045,25.855L53.174,25.816L53.174,25.777L53.304,25.855L53.347,25.816L53.39,25.823L53.39,25.769L53.433,25.784L53.519,25.752L53.605,25.705L53.649,25.713L53.649,25.783L53.822,25.806L53.951,25.789L53.994,25.75L54.036,25.663L54.166,25.701L54.21,25.764L54.253,25.763L54.254,25.81L54.34,25.849L54.384,25.919L54.515,25.988L54.558,25.964L54.645,26.033L54.646,26.065L54.732,26.056L54.863,26.109L54.907,26.163L54.949,26.131L54.993,26.138L54.994,26.201L55.038,26.263L55.081,26.239L55.125,26.254L55.167,26.214L55.34,26.195L55.341,26.226L55.428,26.216L55.472,26.247L55.488,27.032L55.505,27.886L55.519,28.529L55.563,28.535L55.609,28.628L55.699,28.674L55.746,28.79L55.791,28.852L55.792,28.891L55.839,28.976L55.795,29.008L55.796,29.071L55.797,29.094L55.799,29.173L55.844,29.211L55.888,29.21L55.934,29.24L55.891,29.296L55.936,29.342L55.983,29.45L55.985,29.528L56.031,29.582L56.076,29.581L56.079,29.721L56.168,29.704L56.172,29.852L56.219,29.937L56.13,29.971L56.131,30.01L56.177,30.063L56.135,30.142L56.137,30.228L56.139,30.291L56.097,30.425L56.009,30.505L56.011,30.568L55.966,30.6L55.968,30.647L55.971,30.795L55.928,30.874L55.93,30.953L55.976,31.014L55.978,31.084L55.979,31.139L55.981,31.217L55.983,31.279L55.983,31.311L55.984,31.342L55.941,31.413L55.896,31.461L55.853,31.563L55.81,31.642L55.721,31.715L55.721,31.746L55.768,31.784L55.861,31.899L55.816,31.915L55.634,31.912L55.453,31.97L54.911,32.236L54.775,32.293L54.73,32.34L54.731,32.387L54.684,32.349L54.729,32.286L54.774,32.231L54.865,32.229L54.911,32.205L54.91,32.143L54.956,32.166L55.001,32.157L54.954,32.088L54.682,32.162L54.636,32.154L54.726,32.013L54.769,31.872L54.677,31.78L54.587,31.82L54.542,31.875L54.543,31.945L54.452,31.97L54.451,31.907L54.361,31.971L54.361,32.01L54.407,32.048L54.363,32.119L54.409,32.181L54.5,32.203L54.455,32.274L54.501,32.296L54.502,32.39L54.503,32.476L54.458,32.515L54.458,32.507L54.368,32.594L54.231,32.673L54.186,32.713L54.186,32.767L54.186,32.806L54.277,32.743L54.368,32.656L54.368,32.633L54.549,32.506L54.595,32.482L54.594,32.428L54.731,32.442L54.641,32.521L54.323,32.711L54.232,32.798L54.232,32.829L54.05,32.986L54.005,33.026L53.913,33.081L53.914,33.128L53.822,33.136L53.639,33.238L53.363,33.426L53.271,33.473L52.995,33.581L52.81,33.675L52.81,33.651L53.041,33.535L53.133,33.512L53.133,33.457L53.041,33.441L52.903,33.504L52.856,33.535L52.811,33.457L52.857,33.387L52.857,33.371L52.719,33.41L52.718,33.449L52.626,33.487L52.488,33.557L52.442,33.463L52.396,33.455L52.396,33.385L52.351,33.33L52.258,33.376L52.304,33.462L52.303,33.54L52.349,33.54L52.441,33.58L52.441,33.626L52.579,33.713L52.579,33.744L52.394,33.836L52.347,33.875L52.255,33.897L52.209,33.882L52.209,33.796L52.117,33.795L52.07,33.857L52.07,33.935L52.069,33.966L52.069,34.013L52.069,34.059L51.975,34.128L51.882,34.205L51.79,34.165L51.744,34.11L51.604,34.187L51.557,34.256L51.603,34.295L51.649,34.296L51.743,34.227L51.788,34.321L51.741,34.351L51.552,34.636L51.506,34.636L51.507,34.558L51.367,34.572L51.32,34.61L51.319,34.695L51.318,34.75L51.41,34.798L51.457,34.822L51.408,34.999L51.312,35.176L51.311,35.231L51.262,35.354L51.121,35.422L51.169,35.337L51.123,35.305L51.122,35.336L51.027,35.412L50.981,35.412L50.98,35.474L51.073,35.491L51.214,35.446L51.261,35.455L51.212,35.617L51.21,35.687L51.163,35.694L51.161,35.825L51.067,35.839L51.066,35.917L51.065,35.971L51.064,36.056L51.11,36.111L51.156,36.174L51.155,36.251L51.2,36.36L51.2,36.391L51.246,36.477L51.196,36.623L51.243,36.632L51.289,36.71L51.289,36.749L51.336,36.772L51.335,36.827L51.334,36.888L51.382,36.881L51.381,36.951L51.38,37.013L51.379,37.051L51.425,37.152L51.52,37.169L51.519,37.223L51.472,37.246L51.471,37.284L51.566,37.278L51.567,37.216L51.567,37.193L51.565,37.347L51.47,37.338L51.423,37.346L51.327,37.391L51.28,37.398L51.279,37.467L51.278,37.506L51.23,37.505L51.183,37.458L51.089,37.441L51.042,37.371L50.995,37.362L50.902,37.237L50.855,37.221L50.76,37.219L50.713,37.18L50.665,37.194L50.618,37.17L50.523,37.191L50.476,37.167L50.428,37.166L50.428,37.205L50.333,37.164L50.238,37.177L50.239,37.146L50.144,37.152L50.051,37.08L50.004,37.033L49.957,37.024L49.911,36.984L49.865,36.929L49.817,36.943L49.676,36.877L49.581,36.898L49.536,36.819L49.49,36.771L49.443,36.755L49.397,36.699L49.302,36.719L49.256,36.679L49.21,36.655L49.162,36.653L49.116,36.629L49.02,36.649L49.022,36.61L49.024,36.533L48.979,36.462L48.933,36.445L48.937,36.321L48.891,36.273L48.895,36.172L48.849,36.14L48.851,36.078L48.806,35.999L48.761,35.943L48.716,35.879L48.67,35.862L48.672,35.8L48.581,35.727L48.583,35.673L48.631,35.628L48.634,35.543L48.636,35.504L48.592,35.433L48.593,35.402L48.547,35.362L48.551,35.269L48.555,35.16L48.557,35.106L48.559,35.052L48.513,35.034L48.563,34.943L48.518,34.879L48.427,34.822L48.38,34.843L48.335,34.795L48.288,34.801L48.2,34.681L48.154,34.663L48.156,34.617L48.064,34.582L48.066,34.52L48.068,34.489L48.07,34.435L48.026,34.371L48.028,34.316L47.937,34.289L47.894,34.186L47.849,34.153L47.853,34.068L47.671,33.99L47.674,33.935L47.628,33.926L47.585,33.854L47.587,33.807L47.5,33.679L47.548,33.642L47.505,33.57L47.507,33.531L47.461,33.513L47.418,33.457L47.466,33.412L47.376,33.369L47.378,33.323L47.333,33.289L47.339,33.181L47.294,33.139L47.299,33.054L47.253,33.044L47.212,32.933L47.167,32.931L47.169,32.876L47.172,32.814L47.135,32.641L47.091,32.6L47.003,32.533L47.05,32.496L47.008,32.424L46.874,32.362L46.876,32.323L46.788,32.264L46.744,32.231L46.66,32.094L46.57,32.065L46.527,32.008L46.438,31.964L46.443,31.887L46.444,31.863L46.352,31.874L46.357,31.788L46.312,31.778L46.272,31.674L46.186,31.599L46.094,31.617L46.049,31.598L45.867,31.595L45.778,31.559L45.733,31.556L45.689,31.538L45.597,31.548L45.554,31.514L45.463,31.516L45.461,31.547L45.37,31.533L45.327,31.499L45.285,31.45L45.239,31.447L45.152,31.394L45.106,31.399L45.006,31.54L44.917,31.511L44.823,31.551L44.778,31.533L44.73,31.569L44.64,31.562L44.634,31.648L44.584,31.699L44.58,31.761L44.534,31.766L44.53,31.828L44.481,31.864L44.479,31.902L44.428,31.977L44.423,32.039L44.419,32.101L44.373,32.106L44.321,32.188L44.317,32.235L44.359,32.292L44.263,32.356L44.171,32.357L44.166,32.419L44.071,32.466L44.067,32.513L44.014,32.618L43.967,32.623L43.877,32.6L43.831,32.604L43.743,32.543L43.698,32.539L43.609,32.501L43.526,32.385L43.485,32.327L43.394,32.305L43.348,32.309L43.261,32.255L43.177,32.154L43.134,32.119L42.954,32.081L42.866,32.034L42.827,31.96L42.738,31.929L42.696,31.887L42.704,31.793L42.618,31.731L42.574,31.704L42.527,31.715L42.441,31.653L42.444,31.63L42.317,31.517L42.276,31.458L42.288,31.326L42.204,31.248L42.211,31.17L42.173,31.089L42.18,31.011L42.145,30.898L42.149,30.851L42.156,30.781L42.162,30.711L42.088,30.524L42.048,30.473L42.051,30.435L42.01,30.391L42.015,30.345L41.975,30.286L41.982,30.208L41.945,30.119L41.95,30.072L41.906,30.06L41.868,29.978L41.742,29.88L41.745,29.848L41.657,29.824L41.618,29.765L41.53,29.741L41.533,29.71L41.404,29.65L41.365,29.591L41.283,29.505L41.245,29.438L41.201,29.426L41.17,29.289L41.13,29.238L41.045,29.197L41.004,29.154L40.961,29.142L40.965,29.095L40.845,28.957L40.805,28.913L40.769,28.831L40.728,28.787L40.641,28.77L40.517,28.67L40.475,28.65L40.442,28.536L40.401,28.5L40.366,28.418L40.334,28.296L40.295,28.244L40.213,28.18L40.165,28.207Z"></path><path class="feature-path svelte-18wj229" fill="#ffc09c" stroke="#333" stroke-width="0.5" d="M38.904,14.33L38.828,14.883L38.792,15.14L38.677,15.974L38.602,16.519L38.526,17.065L38.476,17.432L38.444,17.658L38.355,18.305L38.332,18.469L38.281,18.843L38.205,19.389L38.174,19.615L38.098,20.169L37.441,20.076L36.99,20.01L36.458,19.929L36.418,19.915L35.804,19.819L35.395,19.753L34.333,19.574L33.638,19.459L32.498,19.247L32.376,19.224L32.541,18.366L32.647,18.033L32.769,17.399L32.794,17.052L32.975,16.325L33.111,15.614L33.249,14.895L33.361,14.316L33.464,13.775L33.586,13.142L33.665,12.733L33.774,12.162L33.804,12.008L33.954,12.045L34.639,12.165L35.287,12.274L35.744,12.354L35.782,12.36L36.468,12.476L36.964,12.556L36.868,13.161L36.733,14.007L37.274,14.1L37.312,14.106L37.739,14.17L38.36,14.254Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M77.922,9.681L77.547,9.759L77.098,9.853L77.042,9.786L77.031,9.74L76.998,9.442L76.92,9.122L76.827,8.742L76.814,8.688L76.771,8.675L76.757,8.614L76.683,8.632L76.661,8.701L76.623,8.703L76.606,8.634L76.623,8.542L76.648,8.487L76.632,8.419L76.578,8.359L76.596,8.274L76.54,8.199L76.506,8.062L76.464,8.048L76.451,7.834L76.505,7.741L76.494,7.695L76.461,7.558L76.477,7.466L76.46,7.398L76.398,7.3L76.313,7.265L76.304,7.227L76.311,7.096L76.298,7.043L76.312,6.943L76.225,6.9L76.271,6.776L76.24,6.647L76.705,6.525L76.993,6.461L77.248,6.413L77.64,6.304L78.068,6.184L78.038,6.216L78.106,6.328L78.058,6.437L78.078,6.513L78.024,6.599L78.131,6.717L78.163,6.838L78.155,6.953L78.125,6.985L78.1,7.04L78.074,7.087L78.008,7.129L77.986,7.191L77.957,7.231L77.917,7.225L77.813,7.268L77.784,7.308L77.766,7.385L77.814,7.421L77.795,7.499L77.843,7.535L77.864,7.618L77.872,7.648L77.848,7.703L77.831,7.788L77.858,7.894L77.827,7.926L77.806,7.996L77.826,8.072L77.774,8.174L77.742,8.199L77.753,8.244L77.73,8.307L77.753,8.398L77.724,8.438L77.713,8.545L77.719,8.568L77.73,8.767L77.784,8.826L77.767,8.912L77.788,8.995L77.77,9.081L77.817,9.109L77.828,9.155L77.805,9.217L77.857,9.269L77.833,9.331L77.767,9.38L77.779,9.426L77.79,9.472L77.817,9.578L77.91,9.635Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M75.74,17.398L75.712,17.461L75.66,17.415ZM76.555,17.108L76.498,17.225L76.485,17.357L76.405,17.375L76.368,17.399L76.308,17.509L76.265,17.695L76.249,17.812L76.301,17.857L76.25,18.013L76.264,18.075L76.201,18.177L76.213,18.23L76.181,18.278L76.144,18.302L76.167,18.409L76.176,18.448L76.079,18.589L76.074,18.566L75.997,18.599L75.985,18.545L75.93,18.485L75.914,18.408L75.892,18.307L75.921,18.245L75.9,18.145L75.91,17.998L75.9,17.952L75.922,17.858L76,17.632L75.99,17.586L76.067,17.553L76.088,17.46L76.065,17.352L76.101,17.328L76.128,17.258ZM74.261,16.684L74.187,16.723L74.141,16.7L74.155,16.77L74.103,16.924L74.115,16.986L74.131,17.063L74.187,17.14L74.229,17.14L74.305,17.109L74.339,17.07L74.379,17.062L74.408,17L74.456,17.03L74.474,17.123L74.57,17.184L74.582,17.246L74.718,17.298L74.796,17.274L74.846,17.312L74.879,17.273L74.962,17.272L75.013,17.318L75.105,17.355L75.117,17.417L75.162,17.432L75.257,17.484L75.342,17.491L75.433,17.528L75.479,17.55L75.497,17.635L75.424,17.683L75.451,17.813L75.461,17.86L75.434,17.93L75.48,17.952L75.403,17.984L75.266,17.933L75.233,17.972L75.226,17.941L75.175,17.895L75.116,17.811L75.027,17.789L75.018,17.743L74.934,17.744L74.923,17.69L74.885,17.706L74.945,17.798L74.99,17.813L75.038,17.843L75.082,17.85L75.13,17.881L75.192,17.98L75.242,18.018L75.323,18.001L75.373,18.039L75.498,18.037L75.431,18.115L75.479,18.146L75.513,18.106L75.574,18.198L75.632,18.274L75.613,18.383L75.519,18.338L75.473,18.316L75.397,18.356L75.447,18.394L75.502,18.454L75.471,18.509L75.392,18.534L75.401,18.58L75.519,18.539L75.5,18.648L75.579,18.623L75.586,18.654L75.631,18.669L75.684,18.722L75.668,18.846L75.624,18.839L75.556,18.917L75.498,18.841L75.362,18.797L75.268,18.752L75.298,18.69L75.197,18.614L75.12,18.646L75.086,18.685L75.137,18.731L75.179,18.73L75.163,18.653L75.231,18.776L75.247,18.853L75.294,18.876L75.336,18.875L75.384,18.905L75.482,18.965L75.498,19.042L75.618,19.009L75.611,18.978L75.654,18.978L75.641,18.916L75.72,18.891L75.767,18.913L75.941,18.933L76.014,18.877L76.058,18.884L76.148,19.106L76.27,19.281L76.295,19.396L75.806,19.5L75.235,19.619L75.114,19.652L74.664,19.742L74.173,19.839L73.315,20.01L72.781,20.1L72.167,20.218L71.713,20.288L71.261,20.365L70.764,20.423L70.641,20.443L70.102,20.504L70.02,20.517L69.647,20.558L69.682,20.513L69.392,20.549L69.357,20.594L68.739,20.684L68.285,20.748L67.831,20.81L67.83,20.802L67.417,20.857L67.375,20.855L67.41,20.803L67.528,20.74L67.652,20.723L67.689,20.686L67.884,20.581L67.967,20.569L67.959,20.515L67.985,20.4L68.108,20.375L68.225,20.312L68.254,20.22L68.207,20.187L68.243,20.142L68.324,20.123L68.355,20.047L68.342,19.953L68.565,19.763L68.762,19.679L68.796,19.626L69.111,19.222L69.16,19.27L69.083,19.313L69.172,19.348L69.178,19.395L69.19,19.473L69.283,19.538L69.288,19.569L69.413,19.567L69.462,19.615L69.511,19.663L69.673,19.631L69.781,19.518L69.821,19.504L69.812,19.45L69.847,19.405L69.897,19.461L70.034,19.535L70.147,19.453L70.304,19.389L70.346,19.39L70.416,19.307L70.367,19.259L70.397,19.19L70.486,19.224L70.532,19.248L70.567,19.211L70.752,19.061L70.791,19.046L70.844,19.117L71.028,18.967L70.973,18.889L71.047,18.829L71.079,18.775L71.035,18.759L70.983,18.696L71.014,18.634L71.008,18.596L71.1,18.404L71.098,18.389L71.164,18.29L71.233,18.206L71.284,18.022L71.276,17.975L71.303,17.891L71.333,17.822L71.404,17.754L71.356,17.714L71.424,17.631L71.485,17.508L71.434,17.453L71.485,17.269L71.614,17.302L71.718,17.427L71.889,17.461L71.927,17.439L71.989,17.324L71.98,17.277L72.005,17.185L72.027,17.077L72.065,17.062L72.054,17L72.083,16.931L72.11,16.854L72.135,16.762L72.318,16.864L72.365,16.672L72.393,16.603L72.438,16.626L72.472,16.588L72.501,16.519L72.542,16.519L72.567,16.434L72.563,16.411L72.622,16.288L72.66,16.273L72.724,16.181L72.676,16.142L72.704,16.072L72.66,16.057L72.723,15.957L72.713,15.903L72.683,15.74L72.913,15.881L73.367,16.114L73.384,15.991L73.399,15.86L73.431,15.813L73.471,15.806L73.556,15.821L73.593,15.806L73.643,15.852L73.689,15.875L73.734,15.898L73.678,16.03L73.777,16.114L73.9,16.114L74.031,16.152L74.04,16.198L74.045,16.222L74.165,16.205L74.175,16.252L74.263,16.282L74.317,16.344L74.334,16.428L74.316,16.544L74.283,16.583L74.249,16.622Z"></path><path class="feature-path svelte-18wj229" fill="#ff7a33" stroke="#333" stroke-width="0.5" d="M27.463,1.061L27.364,1.024L27.319,1.052L27.268,1.101L27.33,1.143L27.329,1.271L27.321,1.301L27.336,1.378L27.372,1.38L27.387,1.328L27.437,1.407L27.499,1.449L27.465,1.568L27.448,1.627L27.382,1.6L27.397,1.548L27.378,1.486L27.338,1.499L27.259,1.388L27.276,1.329L27.291,1.277L27.308,1.217L27.241,1.198L27.222,1.136L27.203,1.074L27.267,0.98L27.322,0.916L27.373,0.866L27.438,0.893L27.421,0.952L27.476,1.016ZM27.189,2.149L27.204,2.225L27.185,2.292L27.204,2.354L27.121,2.387L27.082,2.392L27.054,2.36L27.129,2.228ZM27.319,0.545L27.336,0.614L27.281,0.679L27.241,0.691L27.251,0.783L27.177,0.785L27.127,0.706L27.091,0.704L27.026,0.677L26.971,0.613L26.953,0.551L26.941,0.467L26.947,0.445L26.958,0.408L27.026,0.428L27.015,0.465L27.071,0.521L27.115,0.494L27.091,0.455L27.139,0.413L27.23,0.351L27.295,0.378L27.377,0.474L27.292,0.513ZM27.447,0.607L27.5,0.678L27.428,0.673ZM27.389,0.557L27.407,0.619L27.361,0.654L27.344,0.585ZM32.869,1.384L32.67,2.264L32.592,2.61L32.501,3.018L32.385,3.531L32.274,4.023L32.138,4.629L32.049,5.023L32.025,5.129L32.079,5.221L32.092,5.327L32.048,5.357L32.075,5.403L32.016,5.502L32.055,5.662L31.486,5.533L30.849,5.376L29.999,5.171L29.957,5.192L29.834,5.234L29.761,5.224L29.696,5.183L29.582,5.187L29.437,5.167L29.407,5.135L29.329,5.147L29.276,5.206L29.131,5.185L28.982,5.179L28.862,5.204L28.746,5.215L28.699,5.251L28.626,5.24L28.512,5.242L28.406,5.214L28.349,5.143L28.28,5.116L28.235,5.145L28.04,5.165L27.994,5.193L27.93,5.152L27.82,5.138L27.735,5.172L27.697,5.17L27.686,5.07L27.559,4.979L27.518,4.992L27.451,4.957L27.391,4.9L27.277,4.901L27.167,4.887L27.101,4.852L27.059,4.865L27.009,4.908L26.77,4.946L26.698,4.933L26.614,4.958L26.544,4.938L26.484,4.881L26.444,4.886L26.415,4.853L26.285,4.775L26.219,4.74L26.166,4.66L26.139,4.62L26.196,4.555L26.216,4.488L26.191,4.44L26.215,4.358L26.2,4.28L26.219,4.213L26.212,4.106L26.199,4.021L26.136,3.978L26.114,3.923L26.031,3.818L25.996,3.808L25.839,3.826L25.77,3.806L25.715,3.733L25.735,3.666L25.716,3.603L25.642,3.597L25.542,3.551L25.519,3.503L25.486,3.486L25.44,3.512L25.41,3.487L25.322,3.526L25.29,3.508L25.248,3.397L25.215,3.379L25.165,3.421L25.128,3.418L25.185,3.354L25.255,3.123L25.279,2.92L25.328,3.007L25.257,3.116L25.278,3.171L25.352,3.177L25.411,3.106L25.385,2.944L25.435,2.902L25.516,2.886L25.529,2.841L25.421,2.825L25.382,2.829L25.329,2.756L25.331,2.627L25.326,2.52L25.424,2.566L25.505,2.55L25.539,2.56L25.619,2.544L25.596,2.496L25.529,2.468L25.517,2.383L25.419,2.337L25.376,2.356L25.378,2.471L25.301,2.48L25.364,2.394L25.371,2.25L25.391,2.061L25.421,1.965L25.393,1.932L25.348,1.837L25.373,1.755L25.393,1.567L25.43,1.449L25.412,1.265L25.387,1.225L25.408,1.159L25.349,1.108L25.361,1.071L25.302,1.021L25.303,0.899L25.327,0.704L25.323,0.598L25.363,0.586L25.459,0.398L25.435,0.358L25.417,0.296L25.549,0.345L25.707,0.547L25.833,0.618L25.916,0.708L25.965,0.788L26.093,0.851L26.226,0.899L26.298,0.904L26.386,0.979L26.426,0.967L26.454,0.999L26.548,1.052L26.684,1.092L26.805,1.055L26.855,1.134L26.872,1.203L26.946,1.201L26.978,1.218L26.969,1.248L27.028,1.297L27.054,1.208L27.096,1.188L27.169,1.193L27.158,1.23L27.113,1.257L27.132,1.319L27.181,1.277L27.219,1.272L27.185,1.391L27.14,1.418L27.185,1.519L27.159,1.609L27.125,1.599L27.112,1.643L27.031,1.668L27.01,1.743L26.958,1.792L26.92,1.797L26.993,1.673L26.92,1.668L26.843,1.807L26.751,1.869L26.551,2.045L26.476,2.176L26.512,2.178L26.523,2.141L26.74,1.906L26.868,1.847L26.979,1.847L27.005,1.757L27.099,1.688L27.231,1.613L27.214,1.544L27.282,1.564L27.301,1.625L27.246,1.819L27.214,1.802L27.199,1.854L27.229,1.878L27.21,1.945L27.203,1.968L27.184,2.035L27.137,2.069L27.124,2.114L27.154,2.139L27.103,2.189L27.073,2.293L27.065,2.323L27.009,2.387L27.028,2.449L26.934,2.519L26.891,2.41L26.915,2.328L26.876,2.333L26.82,2.397L26.893,2.531L26.794,2.616L26.775,2.554L26.739,2.422L26.79,2.373L26.769,2.318L26.715,2.375L26.723,2.474L26.723,2.603L26.784,2.653L26.818,2.663L26.951,2.588L26.979,2.492L27.033,2.434L27.125,2.501L27.168,2.481L27.146,2.427L27.26,2.419L27.277,2.359L27.27,2.252L27.279,2.223L27.257,2.168L27.28,2.086L27.323,2.066L27.336,2.021L27.28,1.957L27.378,1.873L27.363,1.796L27.374,1.759L27.459,1.719L27.499,1.577L27.612,1.569L27.633,1.495L27.573,1.446L27.535,1.322L27.56,1.233L27.541,1.171L27.457,1.211L27.435,1.286L27.401,1.276L27.389,1.192L27.414,1.103L27.55,1.142L27.598,1.099L27.579,1.038L27.493,0.957L27.453,0.841L27.377,0.851L27.354,0.804L27.405,0.755L27.344,0.713L27.456,0.705L27.483,0.737L27.502,0.799L27.531,0.823L27.578,0.788L27.605,0.692L27.654,0.65L27.61,0.549L27.633,0.467L27.648,0.415L27.623,0.376L27.522,0.347L27.499,0.301L27.487,0.217L27.433,0.153L27.484,0.104L27.421,0.069L27.427,0.047L27.513,0L28.116,0.172L28.449,0.273L29.021,0.422L29.422,0.538L30.095,0.714L30.635,0.852L31.175,0.986L31.784,1.133L32.328,1.252Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M71.396,15.59L71.445,15.869L71.447,15.885L71.488,16.349L71.565,16.32L71.592,16.243L71.731,16.106L71.828,15.969L71.857,15.9L71.934,15.878L72.02,15.903L72.014,15.872L72.076,15.764L72.138,15.657L72.173,15.627L72.307,15.69L72.348,15.691L72.432,15.707L72.55,15.685L72.579,15.624L72.536,15.608L72.562,15.531L72.635,15.485L72.719,15.501L72.752,15.463L72.816,15.371L72.899,15.379L72.989,15.426L72.998,15.472L73.121,15.473L73.152,15.427L73.195,15.434L73.207,15.496L73.17,15.519L73.306,15.589L73.318,15.651L73.363,15.674L73.389,15.806L73.431,15.813L73.399,15.86L73.384,15.991L73.367,16.114L72.913,15.881L72.683,15.74L72.713,15.903L72.723,15.957L72.66,16.057L72.704,16.072L72.676,16.142L72.724,16.181L72.66,16.273L72.622,16.288L72.563,16.411L72.567,16.434L72.542,16.519L72.501,16.519L72.472,16.588L72.438,16.626L72.393,16.603L72.365,16.672L72.318,16.864L72.135,16.762L72.11,16.854L72.083,16.931L72.054,17L72.065,17.062L72.027,17.077L72.005,17.185L71.98,17.277L71.989,17.324L71.927,17.439L71.889,17.461L71.718,17.427L71.614,17.302L71.485,17.269L71.434,17.453L71.485,17.508L71.424,17.631L71.356,17.714L71.404,17.754L71.333,17.822L71.303,17.891L71.276,17.975L71.284,18.022L71.233,18.206L71.164,18.29L71.098,18.389L71.1,18.404L71.008,18.596L71.014,18.634L70.983,18.696L71.035,18.759L71.079,18.775L71.047,18.829L70.973,18.889L71.028,18.967L70.844,19.117L70.791,19.046L70.752,19.061L70.567,19.211L70.532,19.248L70.486,19.224L70.397,19.19L70.367,19.259L70.416,19.307L70.346,19.39L70.304,19.389L70.147,19.453L70.034,19.535L69.897,19.461L69.847,19.405L69.812,19.45L69.821,19.504L69.781,19.518L69.673,19.631L69.511,19.663L69.462,19.615L69.413,19.567L69.288,19.569L69.283,19.538L69.19,19.473L69.178,19.395L69.172,19.348L69.083,19.313L69.16,19.27L69.111,19.222L69.03,19.234L68.945,19.222L68.937,19.168L68.896,19.174L68.848,19.125L68.761,19.098L68.713,19.057L68.661,18.985L68.651,18.915L68.563,18.88L68.55,18.787L68.418,18.734L68.449,18.658L68.404,18.633L68.349,18.537L68.301,18.488L68.254,18.447L68.247,18.401L68.279,18.333L68.235,18.315L68.269,18.262L68.258,18.184L68.252,18.145L68.237,18.036L68.32,18.048L68.433,17.976L68.511,17.949L68.542,17.881L68.524,17.756L68.561,17.727L68.641,17.716L68.675,17.663L68.623,17.591L68.617,17.552L68.559,17.433L68.629,17.351L68.616,17.266L68.68,17.145L68.715,17.108L68.71,17.069L68.789,17.057L68.796,17.104L68.837,17.106L68.888,17.17L68.856,17.23L68.902,17.263L68.976,17.212L69.005,17.136L69.01,17.167L69.03,17.029L68.98,16.973L68.976,16.942L69.013,16.92L69.047,16.875L68.994,16.796L69.026,16.735L69.063,16.714L69.053,16.644L69.173,16.633L69.197,16.526L69.301,16.407L69.345,16.432L69.352,16.478L69.434,16.482L69.504,16.407L69.543,16.401L69.573,16.332L69.609,16.303L69.639,16.234L69.742,16.122L69.807,16.016L69.884,15.996L69.867,15.887L69.901,15.85L69.853,15.802L69.882,15.733L69.872,15.671L69.907,15.634L69.893,15.548L69.921,15.472L69.941,15.349L69.935,15.31L69.929,15.272L69.916,15.194L69.945,15.126L69.977,15.073L70.008,15.02L69.996,14.942L69.966,14.763L69.956,14.701L69.944,14.624L69.896,14.576L69.923,14.5L69.964,14.501L70.036,14.457L70.17,15.272L70.255,15.784L70.963,15.665Z"></path><path class="feature-path svelte-18wj229" fill="#ffdecc" stroke="#333" stroke-width="0.5" d="M58.683,6.322L58.65,6.37L58.646,6.301L58.643,6.254L58.679,6.252ZM58.331,6.459L58.402,6.439L58.405,6.493L58.37,6.503ZM58.555,6.594L58.449,6.639L58.347,6.738L58.308,6.693L58.379,6.666L58.48,6.551ZM58.546,6.431L58.581,6.429L58.549,6.493L58.478,6.505L58.475,6.458ZM58.325,6.335L58.467,6.311L58.507,6.386L58.439,6.453L58.4,6.4L58.327,6.381ZM61.866,12.736L61.522,12.758L60.948,12.804L60.795,12.823L60.297,12.852L59.875,12.865L59.569,12.885L59.416,12.895L59.071,12.916L58.841,12.929L58.838,12.874L58.716,12.74L58.482,12.682L58.364,12.617L58.362,12.586L58.319,12.486L58.315,12.408L58.275,12.37L58.27,12.284L58.227,12.177L58.22,12.051L58.256,12.003L58.253,11.94L58.325,11.858L58.244,11.76L58.166,11.725L58.163,11.662L58.12,11.57L58.155,11.506L58.113,11.437L58.111,11.39L58.071,11.337L58.064,11.204L58.097,11.109L58.054,11.001L57.935,10.882L57.855,10.784L57.817,10.762L57.703,10.752L57.664,10.706L57.585,10.624L57.47,10.566L57.393,10.515L57.388,10.406L57.35,10.392L57.347,10.321L57.308,10.284L57.193,10.226L57.042,10.177L56.966,10.134L56.925,10.041L56.886,10.011L56.7,10.003L56.661,9.957L56.586,9.937L56.585,9.905L56.469,9.792L56.393,9.748L56.426,9.614L56.423,9.536L56.458,9.472L56.42,9.427L56.417,9.341L56.416,9.31L56.414,9.263L56.45,9.222L56.409,9.115L56.444,9.059L56.441,8.957L56.475,8.886L56.474,8.863L56.546,8.798L56.543,8.735L56.466,8.629L56.465,8.59L56.39,8.553L56.354,8.562L56.28,8.549L56.277,8.456L56.31,8.338L56.38,8.265L56.447,8.076L56.518,8.019L56.59,7.985L56.624,7.937L56.698,7.95L56.731,7.871L56.805,7.892L56.838,7.812L56.874,7.795L56.84,6.933L56.913,6.953L56.98,6.826L57.016,6.809L57.09,6.868L57.164,6.904L57.308,6.882L57.485,6.812L57.555,6.77L57.591,6.768L57.697,6.717L57.733,6.715L57.767,6.674L57.837,6.648L57.871,6.599L57.944,6.627L57.979,6.602L58.015,6.6L58.118,6.509L58.117,6.478L58.189,6.49L58.223,6.449L58.259,6.447L58.335,6.528L58.305,6.639L58.239,6.743L58.279,6.819L58.21,6.877L58.179,6.972L58.216,6.994L58.355,6.893L58.388,6.829L58.539,6.952L58.613,6.972L58.612,6.964L58.722,6.989L58.761,7.033L58.795,7L58.872,7.073L58.908,7.071L58.986,7.16L59.029,7.274L59.031,7.305L59.695,7.441L60.101,7.521L60.366,7.65L60.441,7.675L60.476,7.657L60.589,7.703L60.623,7.661L60.696,7.663L60.809,7.709L60.844,7.683L60.883,7.719L61.068,7.743L61.106,7.763L61.15,7.853L61.082,7.913L61.159,7.954L61.196,7.958L61.23,7.932L61.271,7.983L61.344,7.977L61.423,8.041L61.464,8.092L61.431,8.134L61.472,8.185L61.482,8.294L61.486,8.348L61.454,8.398L61.421,8.448L61.425,8.487L61.429,8.541L61.468,8.561L61.542,8.563L61.61,8.494L61.649,8.522L61.653,8.568L61.624,8.657L61.6,8.808L61.641,8.851L61.683,8.903L61.758,8.912L61.728,8.993L61.737,9.094L61.591,9.122L61.518,9.144L61.523,9.199L61.526,9.238L61.495,9.311L61.46,9.337L61.432,9.442L61.4,9.499L61.377,9.674L61.344,9.723L61.385,9.767L61.459,9.761L61.525,9.653L61.595,9.6L61.631,9.589L61.662,9.516L61.658,9.469L61.755,9.296L61.861,9.239L61.899,9.244L61.967,9.175L61.993,9.055L62.024,8.982L62.091,8.905L62.079,8.781L62.154,8.782L62.223,8.736L62.214,8.635L62.318,8.562L62.355,8.567L62.362,8.637L62.33,8.687L62.292,8.682L62.306,8.83L62.311,8.877L62.278,8.927L62.241,8.922L62.211,8.996L62.18,9.061L62.185,9.116L62.152,9.166L62.156,9.205L62.122,9.247L62.091,9.313L62.066,9.44L62.002,9.564L61.969,9.614L61.939,9.695L61.895,10.037L61.944,10.166L61.951,10.244L61.881,10.297L61.812,10.366L61.818,10.444L61.785,10.494L61.766,10.7L61.774,10.801L61.817,10.86L61.791,10.988L61.73,11.166L61.739,11.268L61.743,11.315L61.677,11.423L61.657,11.637L61.705,11.751L61.671,11.801L61.717,11.891L61.683,11.941L61.688,12.004L61.771,12.075L61.74,12.157L61.784,12.232L61.867,12.303L61.839,12.416L61.809,12.513L61.823,12.685ZM62.424,8.505L62.349,8.497L62.376,8.392L62.486,8.39Z"></path></g></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 0px; bottom: 0px; left: 0px;">  <div class="map-labels svelte-vevpxr" style="aspect-ratio: 1;"> <div class="map-label svelte-vevpxr" style="left: 64.49079353189929%; top: 27.139177480323198%;">AL</div> <div class="map-label svelte-vevpxr" style="left: 27.725494720119944%; top: 32.16585747860627%;">AK</div> <div class="map-label svelte-vevpxr" style="left: 34.73391825889259%; top: 23.88611664910701%;">AZ</div> <div class="map-label svelte-vevpxr" style="left: 57.28745321585845%; top: 24.43232909887059%;">AR</div> <div class="map-label svelte-vevpxr" style="left: 26.158613635087224%; top: 19.354782315808933%;">CA</div> <div class="map-label svelte-vevpxr" style="left: 42.303955166461726%; top: 18.73912662458782%;">CO</div> <div class="map-label svelte-vevpxr" style="left: 71.85497169861037%; top: 33.46638773179554%;">FL</div> <div class="map-label svelte-vevpxr" style="left: 68.84519737772102%; top: 27.781652049826853%;">GA</div> <div class="map-label svelte-vevpxr" style="left: 38.691814368288725%; top: 35.46304470044995%;">HI</div> <div class="map-label svelte-vevpxr" style="left: 33.73738546061735%; top: 9.74282279711528%;">ID</div> <div class="map-label svelte-vevpxr" style="left: 60.65581750879768%; top: 16.89003509069787%;">IL</div> <div class="map-label svelte-vevpxr" style="left: 63.97474018387497%; top: 16.56989808223117%;">IN</div> <div class="map-label svelte-vevpxr" style="left: 55.958924785348486%; top: 14.677746167733986%;">IA</div> <div class="map-label svelte-vevpxr" style="left: 50.46576196356229%; top: 19.544062255312156%;">KS</div> <div class="map-label svelte-vevpxr" style="left: 66.49665877272798%; top: 20.227743508064606%;">KY</div> <div class="map-label svelte-vevpxr" style="left: 57.77812036017639%; top: 31.531270271417576%;">LA</div> <div class="map-label svelte-vevpxr" style="left: 80.41423710452945%; top: 5.157382493501245%;">ME</div> <div class="map-label svelte-vevpxr" style="left: 65.18821541318533%; top: 12.67523699183618%;">MI</div> <div class="map-label svelte-vevpxr" style="left: 54.615712608868016%; top: 7.326637773464313%;">MN</div> <div class="map-label svelte-vevpxr" style="left: 60.79935662122264%; top: 27.443393450526045%;">MS</div> <div class="map-label svelte-vevpxr" style="left: 57.20624192457669%; top: 20.3830110480653%;">MO</div> <div class="map-label svelte-vevpxr" style="left: 39.05021279858778%; top: 5.949632178877451%;">MT</div> <div class="map-label svelte-vevpxr" style="left: 49.0964259921124%; top: 15.228242703181294%;">NE</div> <div class="map-label svelte-vevpxr" style="left: 30.053852971492553%; top: 16.18451384842843%;">NV</div> <div class="map-label svelte-vevpxr" style="left: 41.121069289806975%; top: 24.74538679895749%;">NM</div> <div class="map-label svelte-vevpxr" style="left: 75.3275932370288%; top: 10.941047619524639%;">NY</div> <div class="map-label svelte-vevpxr" style="left: 72.27252519374228%; top: 22.18512239454835%;">NC</div> <div class="map-label svelte-vevpxr" style="left: 48.793019518712335%; top: 6.7175490708455925%;">ND</div> <div class="map-label svelte-vevpxr" style="left: 67.56667841134517%; top: 15.779134545214227%;">OH</div> <div class="map-label svelte-vevpxr" style="left: 51.6813535544928%; top: 24.132993960412904%;">OK</div> <div class="map-label svelte-vevpxr" style="left: 27.467588600192933%; top: 8.705512329438179%;">OR</div> <div class="map-label svelte-vevpxr" style="left: 73.25315663218669%; top: 14.230943929193892%;">PA</div> <div class="map-label svelte-vevpxr" style="left: 71.23573125750211%; top: 24.90712939782844%;">SC</div> <div class="map-label svelte-vevpxr" style="left: 48.670906761965995%; top: 10.802110203111923%;">SD</div> <div class="map-label svelte-vevpxr" style="left: 64.89372488792783%; top: 22.9311812302779%;">TN</div> <div class="map-label svelte-vevpxr" style="left: 49.28871020459013%; top: 29.95269766654213%;">TX</div> <div class="map-label svelte-vevpxr" style="left: 35.71748398802005%; top: 16.824857103066655%;">UT</div> <div class="map-label svelte-vevpxr" style="left: 73.04541909980942%; top: 19.21906656863186%;">VA</div> <div class="map-label svelte-vevpxr" style="left: 29.353209445498376%; top: 3.9584382426041316%;">WA</div> <div class="map-label svelte-vevpxr" style="left: 59.287476826000436%; top: 11.001929666004578%;">WI</div> <div class="map-label svelte-vevpxr" style="left: 40.877068070074%; top: 11.623039955519289%;">WY</div> </div> </div></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Column" class="svelte-9objxt">Column annotated</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/3dcdfc8c7aab4ca5a82f912f377a25e2?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-93joy6">  <div class="layercake-container svelte-vhzpsp" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 20px; width: calc(100% - 20px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <g class="column-group">     <rect class="group-rect" data-id="0" data-range="1979" data-count="2" x="0" y="88.88888888888889" width="19" height="11.111111111111114" fill="#00e047" stroke="#000" stroke-width="0"></rect>      <rect class="group-rect" data-id="1" data-range="1980" data-count="3" x="20" y="83.33333333333334" width="19" height="16.666666666666657" fill="#00e047" stroke="#000" stroke-width="0"></rect>      <rect class="group-rect" data-id="2" data-range="1981" data-count="5" x="40" y="72.22222222222221" width="19" height="27.777777777777786" fill="#00e047" stroke="#000" stroke-width="0"></rect>      <rect class="group-rect" data-id="3" data-range="1982" data-count="8" x="60" y="55.55555555555556" width="19" height="44.44444444444444" fill="#00e047" stroke="#000" stroke-width="0"></rect>      <rect class="group-rect" data-id="4" data-range="1983" data-count="18" x="80" y="0" width="19" height="100" fill="#00e047" stroke="#000" stroke-width="0"></rect> </g></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 0px; bottom: 20px; left: 20px;">  <div class="axis x-axis svelte-fdkjmm">    <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 9.5%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1979</div> </div>    <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 29.5%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>    <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 49.5%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1981</div> </div>    <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 69.5%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1982</div> </div>    <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 89.5%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1983</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:72.22222222222221%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">5</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:44.44444444444444%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">10</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:16.666666666666664%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">15</div> </div> </div>   <div class="layercake-annotations"><div class="layercake-annotation svelte-xdvye1" data-id="0" style="top:18%;left:30%;">Example text...</div> </div> </div></div>    </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/ColumnStacked" class="svelte-9objxt">Stacked column</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/9d7b933184db447c83cc315ad278dabd?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 0px; bottom: 20px; left: 20px;">  <div class="axis x-axis svelte-fdkjmm">    <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 12%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2019</div> </div>    <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 37%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2018</div> </div>    <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 62%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2017</div> </div>    <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 87%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2016</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:71.91011235955057%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">2k</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:43.82022471910112%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">4k</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:15.73033707865169%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">6k</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 20px; width: calc(100% - 20px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <g class="column-group">  <rect class="group-rect" data-id="0" x="0" y="46.06741573033708" width="24" height="53.93258426966292" fill="#00e047"></rect>  <rect class="group-rect" data-id="0" x="25" y="77.52808988764045" width="24" height="22.471910112359552" fill="#00e047"></rect>  <rect class="group-rect" data-id="0" x="50" y="88.48314606741573" width="24" height="11.516853932584269" fill="#00e047"></rect>  <rect class="group-rect" data-id="0" x="75" y="88.48314606741573" width="24" height="11.516853932584269" fill="#00e047"></rect>  <rect class="group-rect" data-id="1" x="0" y="19.10112359550562" width="24" height="26.966292134831463" fill="#7ceb68"></rect>  <rect class="group-rect" data-id="1" x="25" y="57.30337078651686" width="24" height="20.22471910112359" fill="#7ceb68"></rect>  <rect class="group-rect" data-id="1" x="50" y="74.43820224719101" width="24" height="14.044943820224717" fill="#7ceb68"></rect>  <rect class="group-rect" data-id="1" x="75" y="80.6179775280899" width="24" height="7.865168539325836" fill="#7ceb68"></rect>  <rect class="group-rect" data-id="2" x="0" y="5.61797752808989" width="24" height="13.48314606741573" fill="#b7f486"></rect>  <rect class="group-rect" data-id="2" x="25" y="43.82022471910112" width="24" height="13.483146067415738" fill="#b7f486"></rect>  <rect class="group-rect" data-id="2" x="50" y="65.4494382022472" width="24" height="8.98876404494382" fill="#b7f486"></rect>  <rect class="group-rect" data-id="2" x="75" y="70.50561797752809" width="24" height="10.112359550561806" fill="#b7f486"></rect>  <rect class="group-rect" data-id="3" x="0" y="0" width="24" height="5.61797752808989" fill="#ecfda5"></rect>  <rect class="group-rect" data-id="3" x="25" y="38.20224719101124" width="24" height="5.617977528089881" fill="#ecfda5"></rect>  <rect class="group-rect" data-id="3" x="50" y="59.8314606741573" width="24" height="5.617977528089895" fill="#ecfda5"></rect>  <rect class="group-rect" data-id="3" x="75" y="64.8876404494382" width="24" height="5.617977528089895" fill="#ecfda5"></rect></g></svg></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Bar" class="svelte-9objxt">Bar</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/3e18cab5e88a4b29a14a08fdccd418c2?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 20px; bottom: 20px; left: 35px;">  <div class="axis x-axis svelte-fdkjmm snapLabels"> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 0%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 0%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">0</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 11.11111111111111%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 11.11111111111111%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 22.22222222222222%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 22.22222222222222%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">4</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 33.33333333333333%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 33.33333333333333%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">6</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 44.44444444444444%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 44.44444444444444%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">8</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 55.55555555555556%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 55.55555555555556%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">10</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 66.66666666666666%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 66.66666666666666%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">12</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 77.77777777777779%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 77.77777777777779%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">14</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 88.88888888888889%;"></div>  <div class="tick tick-8 svelte-fdkjmm" style="top: calc(100% + 0px); left: 88.88888888888889%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">16</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 100%;"></div>  <div class="tick tick-9 svelte-fdkjmm" style="top: calc(100% + 0px); left: 100%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">18</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:10.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1979</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:30.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1980</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:50.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1981</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:70.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1982</div> </div> <div class="tick tick-4 svelte-1jmrx3z" style="left:0%;top:90.5%;"> <div class="tick-mark svelte-1jmrx3z" style="top: 0; left: -6px; width: 6px;"></div> <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -35px; transform: translate(-3px, calc(-50% + 1px));">1983</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 35px; width: calc(100% - 55px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <g class="bar-group"><rect class="group-rect" data-id="0" x="0" y="1" height="19" width="11.11111111111111" fill="#00bbff"></rect><rect class="group-rect" data-id="1" x="0" y="21" height="19" width="16.666666666666664" fill="#00bbff"></rect><rect class="group-rect" data-id="2" x="0" y="41" height="19" width="27.77777777777778" fill="#00bbff"></rect><rect class="group-rect" data-id="3" x="0" y="61" height="19" width="44.44444444444444" fill="#00bbff"></rect><rect class="group-rect" data-id="4" x="0" y="81" height="19" width="100" fill="#00bbff"></rect></g></svg></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/BarStacked" class="svelte-9objxt">Stacked bar</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/af5ce39a12d74ed7a484010a49f09eaa?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 0px; bottom: 20px; left: 35px;">  <div class="axis x-axis svelte-fdkjmm snapLabels"> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 0%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 0%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">0</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 14.04494382022472%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 14.04494382022472%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 28.08988764044944%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 28.08988764044944%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 42.13483146067416%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 42.13483146067416%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">3k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.17977528089888%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.17977528089888%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">4k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 70.2247191011236%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 70.2247191011236%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">5k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 84.26966292134831%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 84.26966292134831%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">6k</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div> <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 98.31460674157303%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 98.31460674157303%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">7k</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:13%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2016</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:38%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2017</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:63%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2018</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:88%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2019</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 35px; width: calc(100% - 35px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <g class="bar-group"><rect class="group-rect" data-id="0" x="0" y="76" height="24" width="53.93258426966292" fill="#00bbff"></rect><rect class="group-rect" data-id="1" x="0" y="51" height="24" width="22.47191011235955" fill="#00bbff"></rect><rect class="group-rect" data-id="2" x="0" y="26" height="24" width="11.51685393258427" fill="#00bbff"></rect><rect class="group-rect" data-id="3" x="0" y="1" height="24" width="11.51685393258427" fill="#00bbff"></rect><rect class="group-rect" data-id="0" x="53.93258426966292" y="76" height="24" width="26.966292134831455" fill="#8bcef6"></rect><rect class="group-rect" data-id="1" x="22.47191011235955" y="51" height="24" width="20.224719101123593" fill="#8bcef6"></rect><rect class="group-rect" data-id="2" x="11.51685393258427" y="26" height="24" width="14.044943820224718" fill="#8bcef6"></rect><rect class="group-rect" data-id="3" x="11.51685393258427" y="1" height="24" width="7.8651685393258415" fill="#8bcef6"></rect><rect class="group-rect" data-id="0" x="80.89887640449437" y="76" height="24" width="13.483146067415731" fill="#c4e2ed"></rect><rect class="group-rect" data-id="1" x="42.69662921348314" y="51" height="24" width="13.483146067415738" fill="#c4e2ed"></rect><rect class="group-rect" data-id="2" x="25.56179775280899" y="26" height="24" width="8.988764044943824" fill="#c4e2ed"></rect><rect class="group-rect" data-id="3" x="19.382022471910112" y="1" height="24" width="10.112359550561798" fill="#c4e2ed"></rect><rect class="group-rect" data-id="0" x="94.3820224719101" y="76" height="24" width="5.617977528089895" fill="#f7f6e3"></rect><rect class="group-rect" data-id="1" x="56.17977528089888" y="51" height="24" width="5.617977528089881" fill="#f7f6e3"></rect><rect class="group-rect" data-id="2" x="34.55056179775281" y="26" height="24" width="5.617977528089881" fill="#f7f6e3"></rect><rect class="group-rect" data-id="3" x="29.49438202247191" y="1" height="24" width="5.617977528089888" fill="#f7f6e3"></rect></g></svg></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/MultiLine" class="svelte-9objxt">Multiline (html labels + quadtree tooltip)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/ea09c9f533594b3ab9ebb509c9bfc03a?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 7px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm snapLabels">   <div class="tick-mark svelte-fdkjmm" style="left: 0%; height: 6px; bottom: -6px;"></div> <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 0%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Jan.  1</div> </div>   <div class="tick-mark svelte-fdkjmm" style="left: 34.46039833256137%; height: 6px; bottom: -6px;"></div> <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 34.46039833256137%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Feb.  1</div> </div>   <div class="tick-mark svelte-fdkjmm" style="left: 65.58591940713293%; height: 6px; bottom: -6px;"></div> <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 65.58591940713293%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Mar.  1</div> </div>   <div class="tick-mark svelte-fdkjmm" style="left: 100%; height: 6px; bottom: -6px;"></div> <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 100%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Apr.  1</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:73.95833333333333%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">1k</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:47.916666666666664%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">2k</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:21.875%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">3k</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 7px; left: 25px; width: calc(100% - 35px); height: calc(100% - 27px);" class="svelte-6sm8ei"><defs></defs>  <g class="line-group"><path class="path-line svelte-tqv5lw" d="M100,0L65.58591940713293,58.33333333333333L34.46039833256137,83.33333333333334L0,91.66666666666666" stroke="#ffe4b8"></path><path class="path-line svelte-tqv5lw" d="M100,50L65.58591940713293,62.5L34.46039833256137,75L0,87.5" stroke="#ffb3c0"></path><path class="path-line svelte-tqv5lw" d="M100,75L65.58591940713293,75L34.46039833256137,83.33333333333334L0,83.33333333333334" stroke="#ff7ac7"></path><path class="path-line svelte-tqv5lw" d="M100,89.58333333333334L65.58591940713293,89.58333333333334L34.46039833256137,89.58333333333334L0,89.58333333333334" stroke="#ff00cc"></path></g></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 7px; right: 10px; bottom: 20px; left: 25px;">  <div class="label svelte-x0qwpz" style="top:0%; left:100%;">Apples</div><div class="label svelte-x0qwpz" style="top:50%; left:100%;">Bananas</div><div class="label svelte-x0qwpz" style="top:75%; left:100%;">Cherries</div><div class="label svelte-x0qwpz" style="top:89.58333333333334%; left:100%;">Dates</div>       <div class="bg svelte-19xh5jy"></div>  </div></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/AreaStacked" class="svelte-9objxt">Stacked area</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/1eb71294f7c147ce906aa2dfc6e2f64e?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 0px; bottom: 20px; left: 17px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 11.728680973701817%;"></div> <div class="tick-mark svelte-fdkjmm" style="left: 11.728680973701817%; height: 6px; bottom: -6px;"></div> <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 11.728680973701817%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Jan. 11</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 24.59471977767485%;"></div> <div class="tick-mark svelte-fdkjmm" style="left: 24.59471977767485%; height: 6px; bottom: -6px;"></div> <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 24.59471977767485%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Jan. 23</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 37.46075858164789%;"></div> <div class="tick-mark svelte-fdkjmm" style="left: 37.46075858164789%; height: 6px; bottom: -6px;"></div> <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 37.46075858164789%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Feb. 3</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 50.326797385620914%;"></div> <div class="tick-mark svelte-fdkjmm" style="left: 50.326797385620914%; height: 6px; bottom: -6px;"></div> <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 50.326797385620914%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Feb. 15</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 63.19283618959395%;"></div> <div class="tick-mark svelte-fdkjmm" style="left: 63.19283618959395%; height: 6px; bottom: -6px;"></div> <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 63.19283618959395%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Feb. 26</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 76.05887499356699%;"></div> <div class="tick-mark svelte-fdkjmm" style="left: 76.05887499356699%; height: 6px; bottom: -6px;"></div> <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 76.05887499356699%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Mar. 10</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 88.92491379754001%;"></div> <div class="tick-mark svelte-fdkjmm" style="left: 88.92491379754001%; height: 6px; bottom: -6px;"></div> <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 88.92491379754001%;"><div class="text svelte-fdkjmm" style="top: 6px; transform: translate(calc(-50% + 0px), 1px);">Mar. 22</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:71.91011235955057%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">2k</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:43.82022471910112%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">4k</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:15.73033707865169%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">6k</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 17px; width: calc(100% - 17px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <g class="area-group"><path class="path-area" d="M100,46.067L65.586,77.528L34.46,91.011L0,95.506L0,100L34.46,100L65.586,100L100,100Z" fill="#ff00cc"></path><path class="path-area" d="M100,19.101L65.586,57.303L34.46,77.528L0,88.764L0,95.506L34.46,91.011L65.586,77.528L100,46.067Z" fill="#ff7ac7"></path><path class="path-area" d="M100,5.618L65.586,43.82L34.46,68.539L0,79.775L0,88.764L34.46,77.528L65.586,57.303L100,19.101Z" fill="#ffb3c0"></path><path class="path-area" d="M100,0L65.586,38.202L34.46,62.921L0,74.157L0,79.775L34.46,68.539L65.586,43.82L100,5.618Z" fill="#ffe4b8"></path></g></svg></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Scatter" class="svelte-9objxt">Scatter (html)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/9862620a31cd4f9dac8191df953e4532?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 10px; right: 5px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 5.067567567567402%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 5.067567567567402%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 17.905405405405286%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 17.905405405405286%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1985</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 30.743243243243175%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 30.743243243243175%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 43.58108108108106%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 43.58108108108106%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1995</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.41891891891895%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.41891891891895%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 69.25675675675683%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 69.25675675675683%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2005</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 82.09459459459471%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 82.09459459459471%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 94.9324324324326%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 94.9324324324326%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2015</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:89.00588235294119%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">4</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:66.65294117647058%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">5</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:44.3%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">6</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:21.947058823529396%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">7</div> </div> </div>   <div class="scatter-group"><div class="circle svelte-icbw6q" style="left: 2.499999999999825%; top: 17.69999999999998%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 5.067567567567402%; top: 3.394117647058792%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 7.63513513513498%; top: 16.58235294117645%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 10.202702702702556%; top: 12.111764705882333%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 12.770270270270135%; top: 10.547058823529387%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 15.337837837837709%; top: 19.711764705882352%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 17.905405405405286%; top: 23.958823529411756%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 20.472972972972865%; top: 10.099999999999987%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 23.04054054054044%; top: 11.441176470588232%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 25.60810810810802%; top: 11.217647058823509%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 28.175675675675592%; top: 21.276470588235274%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 30.743243243243175%; top: 39.15882352941175%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 33.31081081081075%; top: 32.22941176470587%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 35.87837837837833%; top: 9.876470588235286%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 38.4459459459459%; top: 33.12352941176469%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 41.01351351351348%; top: 17.923529411764704%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 43.58108108108106%; top: 41.617647058823515%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 46.14864864864863%; top: 2.499999999999991%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 48.71621621621621%; top: 27.982352941176448%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 51.28378378378379%; top: 32.00588235294117%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 53.85135135135136%; top: 39.15882352941175%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 56.41891891891895%; top: 37.37058823529412%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 58.98648648648652%; top: 27.758823529411746%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 61.5540540540541%; top: 45.41764705882352%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 64.12162162162167%; top: 41.39411764705881%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 66.68918918918925%; top: 43.40588235294117%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 69.25675675675683%; top: 54.13529411764706%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 71.82432432432441%; top: 46.31176470588234%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 74.39189189189199%; top: 82.52352941176471%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 76.95945945945955%; top: 72.91176470588235%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 79.52702702702713%; top: 58.15882352941176%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 82.09459459459471%; top: 68.44117647058823%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 84.66216216216229%; top: 75.3705882352941%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 87.22972972972987%; top: 97.5%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 89.79729729729743%; top: 58.82941176470589%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 92.36486486486503%; top: 60.39411764705882%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 94.9324324324326%; top: 74.9235294117647%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div><div class="circle svelte-icbw6q" style="left: 97.50000000000017%; top: 72.91176470588235%; width: 9px; height: 9px; background-color: #fff; border: 1.5px solid #0cf;"></div> </div> </div></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/ClevelandDotPlot" class="svelte-9objxt">Cleveland dot plot</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/f3f78a8b122b40dda9ac1e32dee0737f?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 10px; bottom: 20px; left: 30px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">0</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 14.760416666666668%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 14.760416666666668%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">500</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 27.520833333333332%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 27.520833333333332%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 40.28124999999999%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 40.28124999999999%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1500</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 53.041666666666664%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 53.041666666666664%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 65.80208333333333%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 65.80208333333333%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2500</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 78.5625%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 78.5625%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">3000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 91.32291666666667%;"></div>  <div class="tick tick-7 svelte-fdkjmm" style="top: calc(100% + 0px); left: 91.32291666666667%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">3500</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:13%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2016</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:38%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2017</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:63%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2018</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:88%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 29px; left: -29px; transform: translate(-3px, calc(-50% + 1px));">2019</div> </div> </div>   <div class="dot-plot">  <div class="dot-row"><div class="line svelte-1j3utxh" style="left: 12.208333333333336%; top: 88%; right: 0%;"></div> <div class="circle svelte-1j3utxh" style="left: 100%; top: 88%; width: 10px; height: 10px; background: #f0c;"></div><div class="circle svelte-1j3utxh" style="left: 51%; top: 88%; width: 10px; height: 10px; background: #00bbff;"></div><div class="circle svelte-1j3utxh" style="left: 26.499999999999996%; top: 88%; width: 10px; height: 10px; background: #00e047;"></div><div class="circle svelte-1j3utxh" style="left: 12.208333333333336%; top: 88%; width: 10px; height: 10px; background: #ff7a33;"></div> </div>  <div class="dot-row"><div class="line svelte-1j3utxh" style="left: 12.208333333333336%; top: 63%; right: 57.166666666666664%;"></div> <div class="circle svelte-1j3utxh" style="left: 42.833333333333336%; top: 63%; width: 10px; height: 10px; background: #f0c;"></div><div class="circle svelte-1j3utxh" style="left: 38.75%; top: 63%; width: 10px; height: 10px; background: #00bbff;"></div><div class="circle svelte-1j3utxh" style="left: 26.499999999999996%; top: 63%; width: 10px; height: 10px; background: #00e047;"></div><div class="circle svelte-1j3utxh" style="left: 12.208333333333336%; top: 63%; width: 10px; height: 10px; background: #ff7a33;"></div> </div>  <div class="dot-row"><div class="line svelte-1j3utxh" style="left: 12.208333333333336%; top: 38%; right: 72.47916666666667%;"></div> <div class="circle svelte-1j3utxh" style="left: 22.927083333333336%; top: 38%; width: 10px; height: 10px; background: #f0c;"></div><div class="circle svelte-1j3utxh" style="left: 27.520833333333332%; top: 38%; width: 10px; height: 10px; background: #00bbff;"></div><div class="circle svelte-1j3utxh" style="left: 18.333333333333336%; top: 38%; width: 10px; height: 10px; background: #00e047;"></div><div class="circle svelte-1j3utxh" style="left: 12.208333333333336%; top: 38%; width: 10px; height: 10px; background: #ff7a33;"></div> </div>  <div class="dot-row"><div class="line svelte-1j3utxh" style="left: 12.208333333333336%; top: 13%; right: 77.07291666666666%;"></div> <div class="circle svelte-1j3utxh" style="left: 22.927083333333336%; top: 13%; width: 10px; height: 10px; background: #f0c;"></div><div class="circle svelte-1j3utxh" style="left: 16.291666666666668%; top: 13%; width: 10px; height: 10px; background: #00bbff;"></div><div class="circle svelte-1j3utxh" style="left: 20.375%; top: 13%; width: 10px; height: 10px; background: #00e047;"></div><div class="circle svelte-1j3utxh" style="left: 12.208333333333336%; top: 13%; width: 10px; height: 10px; background: #ff7a33;"></div> </div> </div> </div></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Calendar" class="svelte-9objxt">Calendar (one cake per month)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/c1e6634def024499ad026ecab3c39499?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-xb94lj" style="width:calc(50% - 10px);margin-right:20px" data-month="May">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px);" class="svelte-6sm8ei"><defs></defs>  <rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="0" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="0" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="0" style="fill:#ffcc00;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="0" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="0" style="fill:#ffd754;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="0" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="0" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="14.285714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="14.285714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="14.285714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="14.285714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="14.285714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="14.285714285714286" style="fill:#ffe182;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="14.285714285714286" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="28.571428571428573" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="28.571428571428573" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="28.571428571428573" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="28.571428571428573" style="fill:#ffe182;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="28.571428571428573" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="28.571428571428573" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="28.571428571428573" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="42.85714285714286" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="42.85714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="42.85714285714286" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="42.85714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="57.142857142857146" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="57.142857142857146" style="fill:#fff;"></rect> </svg> </div> </div><div class="chart-container svelte-xb94lj" style="width:calc(50% - 10px);" data-month="August">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px);" class="svelte-6sm8ei"><defs></defs>  <rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="0" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="0" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="0" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="0" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="0" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="0" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="0" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="14.285714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="14.285714285714286" style="fill:#ffd754;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="14.285714285714286" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="14.285714285714286" style="fill:#ffe182;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="14.285714285714286" style="fill:#ffcc00;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="14.285714285714286" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="14.285714285714286" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="28.571428571428573" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="28.571428571428573" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="28.571428571428573" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="28.571428571428573" style="fill:#ffe182;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="28.571428571428573" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="28.571428571428573" style="fill:#ffe182;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="28.571428571428573" style="fill:#fff5cc;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="42.85714285714286" style="fill:#ffeba9;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="42.85714285714286" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="57.142857142857146" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="71.42857142857143" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="85.71428571428572" y="42.85714285714286" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="0" y="57.142857142857146" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="14.285714285714286" y="57.142857142857146" style="fill:#fff;"></rect><rect class="day svelte-1fwhvo3" width="14.285714285714286" height="14.285714285714286" x="28.571428571428573" y="57.142857142857146" style="fill:#fff;"></rect> </svg> </div> </div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Timeplot" class="svelte-9objxt">Time of day plot</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/3142518ab68f493cad0e327dba5cae1a?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="chart-container svelte-v4mhvr">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 15px; bottom: 20px; left: 75px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">0:00</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 18%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 18%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">4:00</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 34%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 34%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">8:00</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 50%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 50%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">12:00</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 66%;"></div>  <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 66%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">16:00</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 82%;"></div>  <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 82%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">20:00</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 98%;"></div>  <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 98%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">24:00</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:7.5%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 72.5px; left: -72.5px; transform: translate(-3px, calc(-50% + 1px));">2018-07-22</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:21.5%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 72.5px; left: -72.5px; transform: translate(-3px, calc(-50% + 1px));">2018-07-23</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:35.5%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 72.5px; left: -72.5px; transform: translate(-3px, calc(-50% + 1px));">2018-07-24</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:49.5%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 72.5px; left: -72.5px; transform: translate(-3px, calc(-50% + 1px));">2018-07-25</div> </div> <div class="tick tick-4 svelte-1jmrx3z" style="left:0%;top:63.5%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 72.5px; left: -72.5px; transform: translate(-3px, calc(-50% + 1px));">2018-07-26</div> </div> <div class="tick tick-5 svelte-1jmrx3z" style="left:0%;top:77.5%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 72.5px; left: -72.5px; transform: translate(-3px, calc(-50% + 1px));">2018-07-27</div> </div> <div class="tick tick-6 svelte-1jmrx3z" style="left:0%;top:91.5%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 72.5px; left: -72.5px; transform: translate(-3px, calc(-50% + 1px));">2018-07-28</div> </div> </div>   <div class="scatter-group"><div class="circle svelte-icbw6q" style="left: 91.72777777777777%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 80.36555555555556%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 77.64666666666666%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 10.398888888888889%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 5.668888888888889%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 5.533333333333333%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 96.17444444444445%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 73.52777777777779%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 73.46777777777777%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 72.15666666666667%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 68.55777777777777%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 68.55555555555556%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 86.49777777777777%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 8.452222222222222%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.004444444444444%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 83.03888888888889%; top: 7.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 14.33888888888889%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.753333333333334%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 10.792222222222222%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 10.587777777777777%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 10.148888888888889%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 18.89888888888889%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 15.664444444444445%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 15.594444444444445%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 15.468888888888888%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 76.47222222222221%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 8.32%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.775555555555555%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.1611111111111105%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 96.14111111111112%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 75.73777777777778%; top: 21.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 75.70555555555556%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.764444444444447%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 68.26333333333334%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 65.48444444444445%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 84.08%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 83.81222222222222%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 59.153333333333336%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 17.297777777777778%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 16.836666666666666%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 15.383333333333333%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 9.161111111111111%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 7.751111111111111%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 7.127777777777777%; top: 35.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 5.35%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 79.09%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 12.55%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.261111111111112%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.061111111111111%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 5.967777777777778%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 78.44%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 78.22%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.388888888888888%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 96.90222222222222%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 72.65888888888888%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 72.48333333333333%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 65.34666666666666%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 17.15111111111111%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 14.423333333333332%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.971111111111112%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 85.59222222222222%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 8.531111111111112%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 8.158888888888889%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 8.01%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 70.24333333333334%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 66.04333333333334%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 65.98222222222222%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 91.99444444444444%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.978888888888887%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.906666666666666%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.778888888888888%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 11.462222222222222%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 11.363333333333333%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 11.027777777777779%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 11.508888888888889%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 11.294444444444444%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 93.25555555555556%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 29.488888888888887%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 29.01%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 87.21222222222222%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 72.37444444444444%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 9.52888888888889%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.506666666666666%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.374444444444445%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 6.363333333333333%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 71.64888888888889%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 65.56222222222222%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 64.19888888888889%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 72.24222222222222%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 63.9%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 63.11111111111111%; top: 49.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 62.519999999999996%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 57.775555555555556%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 21.066666666666666%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.317777777777778%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.265555555555554%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 18.97888888888889%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 17.601111111111113%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 17.544444444444444%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 11.868888888888888%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 72.7811111111111%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 20.81111111111111%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 20.692222222222224%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 20.677777777777777%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 8.10888888888889%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 3.535555555555556%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 75.14444444444445%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 74.55666666666667%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 63.98444444444444%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 63.03666666666666%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 21.643333333333334%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.853333333333335%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.641111111111112%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 18.583333333333332%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 17.58888888888889%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 16.825555555555553%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 78.23%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 4.176666666666667%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 4.168888888888889%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.822222222222221%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 13.644444444444446%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.892222222222223%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 11.312222222222221%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 5.390000000000001%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 4.724444444444444%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 89.60666666666667%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 89.54333333333334%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 78.63333333333333%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 77.67111111111112%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 77.44888888888889%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 71.63111111111111%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 12.086666666666666%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.355555555555558%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.28111111111111%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div><div class="circle svelte-icbw6q" style="left: 19.10111111111111%; top: 91.5%; width: 8px; height: 8px; background-color: rgba(255, 204, 0, 0.75); border: 0px solid #000;"></div> </div> </div></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Histogram" class="svelte-9objxt">Histogram (variable bins)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/74c8fd12be824840bb78bcaa2eea33bb?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="input-container" style="position: absolute;right:10px;z-index: 9;"><input style="margin:0;" type="range" min="4" max="100" step="4" class="svelte-1jk7v2q" value="40"> <span class="counter-container" style="display:inline-block;vertical-align:top;width: 70px;text-align:right;">40 bins</span></div> <div class="chart-container svelte-1jk7v2q">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 20px; right: 5px; bottom: 20px; left: 31px;">  <div class="axis x-axis svelte-fdkjmm"> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div>   <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 1.2195121951219512%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1.6</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div>   <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 15.853658536585364%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">5.32</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div>   <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 30.487804878048777%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">9.04</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div>   <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 45.12195121951219%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">12.76</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div>   <div class="tick tick-4 svelte-fdkjmm" style="top: calc(100% + 0px); left: 59.756097560975604%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">16.48</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div>   <div class="tick tick-5 svelte-fdkjmm" style="top: calc(100% + 0px); left: 74.39024390243902%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">20.2</div> </div> <div class="baseline svelte-fdkjmm" style="top:100%; width:100%;"></div>   <div class="tick tick-6 svelte-fdkjmm" style="top: calc(100% + 0px); left: 89.02439024390243%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">23.92</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 21.75px; left: -21.75px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:64.60176991150442%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 21.75px; left: -21.75px; transform: translate(-3px, calc(-50% + 1px));">200</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:29.20353982300885%;">  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 21.75px; left: -21.75px; transform: translate(-3px, calc(-50% + 1px));">400</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 20px; left: 31px; width: calc(100% - 36px); height: calc(100% - 40px);" class="svelte-6sm8ei"><defs></defs>  <g class="column-group">     <rect class="group-rect" data-id="0" data-range="1.6,2.2199999999999998" data-count="49" x="0" y="91.32743362831859" width="2.4390243902439024" height="8.672566371681413" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="1" data-range="2.2199999999999998,2.84" data-count="131" x="2.4390243902439024" y="76.8141592920354" width="2.4390243902439024" height="23.1858407079646" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="2" data-range="2.84,3.46" data-count="280" x="4.878048780487805" y="50.442477876106196" width="2.4390243902439024" height="49.557522123893804" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="3" data-range="3.46,4.08" data-count="391" x="7.317073170731707" y="30.796460176991147" width="2.4390243902439024" height="69.20353982300885" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="4" data-range="4.08,4.7" data-count="474" x="9.75609756097561" y="16.106194690265486" width="2.4390243902439024" height="83.89380530973452" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="5" data-range="4.7,5.32" data-count="565" x="12.195121951219512" y="0" width="2.4390243902439024" height="100" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="6" data-range="5.32,5.94" data-count="392" x="14.634146341463413" y="30.619469026548675" width="2.4390243902439024" height="69.38053097345133" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="7" data-range="5.94,6.5600000000000005" data-count="254" x="17.073170731707318" y="55.044247787610615" width="2.4390243902439024" height="44.955752212389385" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="8" data-range="6.5600000000000005,7.180000000000001" data-count="220" x="19.51219512195122" y="61.061946902654874" width="2.4390243902439024" height="38.938053097345126" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="9" data-range="7.180000000000001,7.800000000000001" data-count="156" x="21.95121951219512" y="72.38938053097345" width="2.4390243902439024" height="27.610619469026545" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="10" data-range="7.800000000000001,8.42" data-count="84" x="24.390243902439025" y="85.13274336283186" width="2.4390243902439024" height="14.86725663716814" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="11" data-range="8.42,9.04" data-count="50" x="26.829268292682926" y="91.1504424778761" width="2.4390243902439024" height="8.849557522123902" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="12" data-range="9.04,9.659999999999998" data-count="31" x="29.268292682926827" y="94.51327433628319" width="2.4390243902439024" height="5.486725663716811" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="13" data-range="9.659999999999998,10.279999999999998" data-count="22" x="31.70731707317073" y="96.10619469026548" width="2.4390243902439024" height="3.8938053097345176" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="14" data-range="10.279999999999998,10.899999999999997" data-count="13" x="34.146341463414636" y="97.69911504424779" width="2.4390243902439024" height="2.3008849557522097" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="15" data-range="10.899999999999997,11.519999999999996" data-count="14" x="36.58536585365854" y="97.52212389380531" width="2.4390243902439024" height="2.4778761061946852" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="16" data-range="11.519999999999996,12.139999999999995" data-count="10" x="39.02439024390244" y="98.23008849557522" width="2.4390243902439024" height="1.7699115044247833" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="17" data-range="12.139999999999995,12.759999999999994" data-count="8" x="41.46341463414634" y="98.58407079646018" width="2.4390243902439024" height="1.415929203539818" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="18" data-range="12.759999999999994,13.379999999999994" data-count="12" x="43.90243902439024" y="97.87610619469027" width="2.4390243902439024" height="2.1238938053097343" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="19" data-range="13.379999999999994,13.999999999999993" data-count="11" x="46.34146341463415" y="98.05309734513274" width="2.4390243902439024" height="1.9469026548672588" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="20" data-range="13.999999999999993,14.619999999999992" data-count="13" x="48.78048780487805" y="97.69911504424779" width="2.4390243902439024" height="2.3008849557522097" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="21" data-range="14.619999999999992,15.239999999999991" data-count="5" x="51.21951219512195" y="99.11504424778761" width="2.4390243902439024" height="0.8849557522123916" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="22" data-range="15.239999999999991,15.85999999999999" data-count="8" x="53.65853658536585" y="98.58407079646018" width="2.4390243902439024" height="1.415929203539818" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="23" data-range="15.85999999999999,16.47999999999999" data-count="3" x="56.09756097560975" y="99.46902654867257" width="2.4390243902439024" height="0.5309734513274265" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="24" data-range="16.47999999999999,17.09999999999999" data-count="5" x="58.536585365853654" y="99.11504424778761" width="2.4390243902439024" height="0.8849557522123916" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="25" data-range="17.09999999999999,17.71999999999999" data-count="3" x="60.97560975609756" y="99.46902654867257" width="2.4390243902439024" height="0.5309734513274265" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="26" data-range="17.71999999999999,18.339999999999993" data-count="5" x="63.41463414634146" y="99.11504424778761" width="2.4390243902439024" height="0.8849557522123916" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="27" data-range="18.339999999999993,18.959999999999994" data-count="2" x="65.85365853658537" y="99.64601769911503" width="2.4390243902439024" height="0.3539823008849652" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="28" data-range="18.959999999999994,19.579999999999995" data-count="1" x="68.29268292682927" y="99.82300884955752" width="2.4390243902439024" height="0.1769911504424755" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="29" data-range="19.579999999999995,20.199999999999996" data-count="1" x="70.73170731707317" y="99.82300884955752" width="2.4390243902439024" height="0.1769911504424755" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="30" data-range="20.199999999999996,20.819999999999997" data-count="2" x="73.17073170731707" y="99.64601769911503" width="2.4390243902439024" height="0.3539823008849652" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="31" data-range="20.819999999999997,21.439999999999998" data-count="0" x="75.60975609756098" y="100" width="2.4390243902439024" height="0" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="32" data-range="21.439999999999998,22.06" data-count="1" x="78.04878048780488" y="99.82300884955752" width="2.4390243902439024" height="0.1769911504424755" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="33" data-range="22.06,22.68" data-count="0" x="80.48780487804878" y="100" width="2.4390243902439024" height="0" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="34" data-range="22.68,23.3" data-count="0" x="82.92682926829268" y="100" width="2.4390243902439024" height="0" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="35" data-range="23.3,23.92" data-count="1" x="85.36585365853658" y="99.82300884955752" width="2.4390243902439024" height="0.1769911504424755" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="36" data-range="23.92,24.540000000000003" data-count="1" x="87.80487804878048" y="99.82300884955752" width="2.4390243902439024" height="0.1769911504424755" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="37" data-range="24.540000000000003,25.160000000000004" data-count="0" x="90.24390243902438" y="100" width="2.4390243902439024" height="0" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="38" data-range="25.160000000000004,25.780000000000005" data-count="0" x="92.6829268292683" y="100" width="2.4390243902439024" height="0" fill="#fff" stroke="#000" stroke-width="1"></rect>      <rect class="group-rect" data-id="39" data-range="25.780000000000005,26.4" data-count="1" x="95.1219512195122" y="99.82300884955752" width="2.4390243902439024" height="0.1769911504424755" fill="#fff" stroke="#000" stroke-width="1"></rect> </g></svg></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/SmallMultiples" class="svelte-9objxt">Small multiples (animated domain transition)</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/82b6e8a37e9f4eaa8140498c1b1f490d?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="input-container svelte-1xmktbf"><label class="svelte-1xmktbf"><input type="radio" value="individual" class="svelte-1xmktbf" checked>Individual scale</label> <label class="svelte-1xmktbf"><input type="radio" value="shared" class="svelte-1xmktbf">Shared scale</label></div> <div class="group-container svelte-1xmktbf"><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,96.06630676267473L11.11111111111111,100L22.22222222222222,75.40740026235487L33.33333333333333,40.246469167074295L44.44444444444444,29.888429755090318L55.55555555555556,37.483955648124144L66.66666666666666,23.612424145346534L77.77777777777779,10.61255189363891L88.88888888888889,3.59466629909011L100,0" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,91.34104523963695L11.11111111111111,100L22.22222222222222,85.79453376218873L33.33333333333333,87.08414766328042L44.44444444444444,72.7819252455543L55.55555555555556,46.42869606294805L66.66666666666666,35.65680058750051L77.77777777777779,25.67739305933966L88.88888888888889,9.953667792682918L100,0" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,80.34303093972439L11.11111111111111,65.8716334918003L22.22222222222222,80.60916426850476L33.33333333333333,100L44.44444444444444,66.27010006180198L55.55555555555556,77.47542126514952L66.66666666666666,70.14046558361822L77.77777777777779,42.25986120285149L88.88888888888889,34.65152068419105L100,0" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,93.42599512873917L11.11111111111111,76.53163076875403L22.22222222222222,100L33.33333333333333,86.27017157307256L44.44444444444444,96.37286470767876L55.55555555555556,92.16686782627981L66.66666666666666,45.977061337512446L77.77777777777779,0L88.88888888888889,13.342039081201095L100,18.617599099287276" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,64.5241074787804L11.11111111111111,53.699930111233044L22.22222222222222,0L33.33333333333333,23.84944747674844L44.44444444444444,64.49476922470001L55.55555555555556,62.38752542615943L66.66666666666666,100L77.77777777777779,35.34589321903433L88.88888888888889,4.595355178873605L100,15.30817343927524" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,9.943516163375254L11.11111111111111,22.095814220332755L22.22222222222222,66.95599648751926L33.33333333333333,100L44.44444444444444,76.10226678436531L55.55555555555556,68.28855979285251L66.66666666666666,30.250111317764127L77.77777777777779,0L88.88888888888889,16.79205576252869L100,8.455938942439168" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,100L11.11111111111111,94.38070709548705L22.22222222222222,60.96151131419138L33.33333333333333,62.4111216199601L44.44444444444444,40.67956483878689L55.55555555555556,21.848606626685275L66.66666666666666,0L77.77777777777779,23.665243353188703L88.88888888888889,42.675212339726144L100,58.888870085703935" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,87.80365714781888L11.11111111111111,100L22.22222222222222,71.66947310282596L33.33333333333333,42.256596819444816L44.44444444444444,72.47165279836535L55.55555555555556,67.07716686313647L66.66666666666666,40.17421715376408L77.77777777777779,56.1906165523514L88.88888888888889,0L100,16.238322321333143" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,100L11.11111111111111,77.96451694152942L22.22222222222222,43.19356179167738L33.33333333333333,35.51380892233345L44.44444444444444,8.624634516185136L55.55555555555556,58.628497711840346L66.66666666666666,18.16180513008109L77.77777777777779,61.026191794905735L88.88888888888889,2.8387314371223216L100,0" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,97.9640546640032L11.11111111111111,46.446378795763266L22.22222222222222,33.17998556466383L33.33333333333333,0L44.44444444444444,100L55.55555555555556,28.437152908244222L66.66666666666666,84.2680915140017L77.77777777777779,45.8711213838766L88.88888888888889,26.04330624880816L100,75.10423506329244" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,84.62393574781485L11.11111111111111,71.57871154804201L22.22222222222222,79.0506995979091L33.33333333333333,56.31580275148884L44.44444444444444,0L55.55555555555556,4.719782797464944L66.66666666666666,52.2782191806886L77.77777777777779,100L88.88888888888889,73.04697180753402L100,56.82492561975484" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,53.9587277051904L11.11111111111111,100L22.22222222222222,84.50585359038969L33.33333333333333,49.42234565985591L44.44444444444444,0L55.55555555555556,11.888144735396011L66.66666666666666,38.878943199677394L77.77777777777779,21.431014746805864L88.88888888888889,41.50066105691044L100,5.180867175051162" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,99.56630118469019L11.11111111111111,66.93138778362957L22.22222222222222,53.55147253434891L33.33333333333333,61.66605460817509L44.44444444444444,65.53912896250752L55.55555555555556,0L66.66666666666666,3.7723375769340373L77.77777777777779,74.65335323841471L88.88888888888889,100L100,44.473461776169266" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,46.82258873186657L11.11111111111111,61.68919489117391L22.22222222222222,87.07294542920056L33.33333333333333,100L44.44444444444444,53.73075102821878L55.55555555555556,6.949273628232611L66.66666666666666,46.10694218248008L77.77777777777779,0L88.88888888888889,35.30385774772174L100,69.39864029908836" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,100L11.11111111111111,79.6784987846815L22.22222222222222,41.671438743544854L33.33333333333333,87.93336265743244L44.44444444444444,95.31764085253184L55.55555555555556,75.24169912313153L66.66666666666666,47.19653837215745L77.77777777777779,18.93851437938302L88.88888888888889,0L100,79.26056814676181" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,56.89446161071091L11.11111111111111,26.967966255918796L22.22222222222222,72.13634609543035L33.33333333333333,66.79757070583786L44.44444444444444,11.371105735248388L55.55555555555556,0L66.66666666666666,41.309153390193345L77.77777777777779,76.29713610940637L88.88888888888889,100L100,42.12474384263339" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,19.348804816925814L11.11111111111111,0L22.22222222222222,49.23394544219656L33.33333333333333,84.07941028760663L44.44444444444444,100L55.55555555555556,62.18215732302157L66.66666666666666,7.743998154700038L77.77777777777779,39.18519179581794L88.88888888888889,57.86840805987901L100,65.55417248124182" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,83.66064948071586L11.11111111111111,67.47545519371158L22.22222222222222,18.077109871525444L33.33333333333333,0L44.44444444444444,28.697569952660608L55.55555555555556,54.6740330024864L66.66666666666666,65.92916932201747L77.77777777777779,83.42402645284854L88.88888888888889,69.36644566189358L100,100" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,67.97086649196132L11.11111111111111,79.37786303685976L22.22222222222222,62.57305157706998L33.33333333333333,19.5946313263058L44.44444444444444,0L55.55555555555556,32.16170807835421L66.66666666666666,48.65759548624173L77.77777777777779,28.088326921210648L88.88888888888889,93.87762512842882L100,100" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,44.34897872479577L11.11111111111111,100L22.22222222222222,60.901876623084526L33.33333333333333,15.064777160988807L44.44444444444444,0.6964422580018725L55.55555555555556,26.32797172611916L66.66666666666666,0L77.77777777777779,16.866736178426056L88.88888888888889,50.388787852883254L100,63.311035188492326" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,0L11.11111111111111,62.261463155668174L22.22222222222222,100L33.33333333333333,68.80075460274038L44.44444444444444,55.00485661991874L55.55555555555556,65.38712905758359L66.66666666666666,78.30374870448478L77.77777777777779,59.30106537926887L88.88888888888889,12.381552743743518L100,96.41603784766556" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,0L11.11111111111111,19.189616825059463L22.22222222222222,28.084940807404113L33.33333333333333,48.55585088793851L44.44444444444444,44.44545385717785L55.55555555555556,84.1974410938016L66.66666666666666,100L77.77777777777779,71.61346353279771L88.88888888888889,90.88957044628567L100,69.73218142163229" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,37.88988914171192L11.11111111111111,64.40666980349079L22.22222222222222,16.29223377570771L33.33333333333333,10.436514763619698L44.44444444444444,29.939649664672707L55.55555555555556,6.121316624781459L66.66666666666666,0L77.77777777777779,41.772388168795906L88.88888888888889,74.96655600618591L100,100" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,10.973166741667761L11.11111111111111,0L22.22222222222222,36.81311309528712L33.33333333333333,71.9141484066007L44.44444444444444,61.82718644294235L55.55555555555556,54.071953076629754L66.66666666666666,76.89123985015911L77.77777777777779,89.17921745677788L88.88888888888889,69.45483194033497L100,100" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,0L11.11111111111111,73.91909594126045L22.22222222222222,71.65776404040159L33.33333333333333,75.13790556791466L44.44444444444444,100L55.55555555555556,69.86659602756716L66.66666666666666,65.38698907827869L77.77777777777779,86.30924247072917L88.88888888888889,95.39505648622983L100,92.61025658745325" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,0L11.11111111111111,17.803166201700748L22.22222222222222,52.3477276465506L33.33333333333333,38.13370980215245L44.44444444444444,69.3610623888129L55.55555555555556,87.88396638277672L66.66666666666666,53.4554570695539L77.77777777777779,59.94111209224845L88.88888888888889,100L100,95.73864368212126" stroke="#000"></path></svg></div> </div><div class="small-multiple-container svelte-1xmktbf">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 2px; left: 6px; width: calc(100% - 12px); height: calc(100% - 4px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,0L11.11111111111111,21.7462261645433L22.22222222222222,50.21299884769365L33.33333333333333,62.12319559644759L44.44444444444444,57.70082393050737L55.55555555555556,77.07733050621057L66.66666666666666,94.4302578675726L77.77777777777779,92.31057206476672L88.88888888888889,100L100,89.88597637014803" stroke="#000"></path></svg></div> </div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/Brush" class="svelte-9objxt">Brush</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/7b692f97938f4bc2a79d62d5ccdbb02d?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="brushed-chart-container svelte-12vpq9d">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2.7027027027027026%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2.7027027027027026%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 29.72972972972973%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 29.72972972972973%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.75675675675676%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.75675675675676%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 83.78378378378379%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 83.78378378378379%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:74.58703939008895%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">2</div> </div> <div class="tick tick-2 svelte-1jmrx3z" style="left:0%;top:49.17407878017789%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">4</div> </div> <div class="tick tick-3 svelte-1jmrx3z" style="left:0%;top:23.761118170266837%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">6</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 25px; width: calc(100% - 35px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992" stroke="#00e047"></path>   <path class="path-area" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992L100,100L0,100Z" fill="#00e04710"></path></svg></div></div> <div class="brush-container svelte-12vpq9d">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 5px; left: 0px; width: calc(100% - 0px); height: calc(100% - 5px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992" stroke="#00e047"></path>   <path class="path-area" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992L100,100L0,100Z" fill="#00e04710"></path></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 5px; right: 0px; bottom: 0px; left: 0px;">  <div class="brush-outer svelte-1m1nhvc"> </div> </div></div></div> </div><div class="gallery-item svelte-9objxt"><h4 class="title svelte-9objxt"><a href="/example-ssr/SyncedBrush" class="svelte-9objxt">Synced brush</a> <a class="edit-repl svelte-9objxt" href="https://svelte.dev/repl/1868bf7315654558894580f43ddeace8?version=3.46.2" target="_blank" rel="noreferrer" data-svelte-h="svelte-3vfqv2">Edit</a></h4> <div class="small-multiple-container svelte-gmttnm"><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2.7027027027027026%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2.7027027027027026%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 29.72972972972973%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 29.72972972972973%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.75675675675676%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.75675675675676%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 83.78378378378379%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 83.78378378378379%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:36.46759847522236%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 10px; left: -10px; transform: translate(-3px, calc(-50% + 1px));">5</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 25px; width: calc(100% - 35px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992" stroke="#00e047"></path>   <path class="path-area" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992L100,100L0,100Z" fill="#00e04710"></path></svg></div></div> <div class="brush-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 5px; left: 0px; width: calc(100% - 0px); height: calc(100% - 5px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992" stroke="#00e047"></path>   <path class="path-area" d="M0,8.640406607369755L2.7027027027027026,0.5082592121982255L5.405405405405405,8.005082592121981L8.108108108108109,5.463786531130877L10.81081081081081,4.574332909783996L13.513513513513514,9.783989834815765L16.216216216216218,12.198221092757311L18.91891891891892,4.3202033036848775L21.62162162162162,5.08259212198221L24.324324324324326,4.955527318932651L27.027027027027028,10.673443456162646L29.72972972972973,20.838627700127066L32.432432432432435,16.899618805590855L35.13513513513514,4.19313850063533L37.83783783783784,17.40787801778907L40.54054054054054,8.767471410419315L43.24324324324324,22.236340533672173L45.94594594594595,0L48.64864864864865,14.485387547649298L51.35135135135135,16.772554002541295L54.054054054054056,20.838627700127066L56.75675675675676,19.822109275730625L59.45945945945946,14.35832274459975L62.16216216216216,24.396442185514612L64.86486486486487,22.109275730622624L67.56756756756756,23.25285895806861L70.27027027027027,29.351969504447272L72.97297297297297,24.904701397712834L75.67567567567568,45.489199491740784L78.37837837837837,40.02541296060992L81.08108108108108,31.63913595933927L83.78378378378379,37.484116899618805L86.48648648648648,41.42312579415501L89.1891891891892,54.00254129606099L91.8918918918919,32.02033036848794L94.5945945945946,32.90978398983482L97.2972972972973,41.16899618805591L100,40.02541296060992L100,100L0,100Z" fill="#00e04710"></path></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 5px; right: 0px; bottom: 0px; left: 0px;">  <div class="brush-outer svelte-1m1nhvc"> </div> </div></div></div></div><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2.7027027027027026%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2.7027027027027026%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 29.72972972972973%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 29.72972972972973%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.75675675675676%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.75675675675676%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 83.78378378378379%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 83.78378378378379%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:35.93850096092248%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">10</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 25px; width: calc(100% - 35px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,67.77706598334402L2.7027027027027026,74.43946188340806L5.405405405405405,33.696348494554776L8.108108108108109,73.99103139013454L10.81081081081081,35.23382447149264L13.513513513513514,25.304292120435612L16.216216216216218,61.88340807174888L18.91891891891892,53.42729019859065L21.62162162162162,82.25496476617553L24.324324324324326,78.02690582959642L27.027027027027028,58.42408712363869L29.72972972972973,47.021140294682894L32.432432432432435,75.33632286995515L35.13513513513514,60.217809096732864L37.83783783783784,99.10313901345292L40.54054054054054,50.992953235105695L43.24324324324324,64.31774503523383L45.94594594594595,0L48.64864864864865,20.43561819346572L51.35135135135135,66.6880204996797L54.054054054054056,37.15566944266495L56.75675675675676,44.650864830237026L59.45945945945946,35.490070467648934L62.16216216216216,89.04548366431774L64.86486486486487,80.78155028827675L67.56756756756756,24.279308135810375L70.27027027027027,69.63484945547725L72.97297297297297,72.77386290839205L75.67567567567568,98.97501601537476L78.37837837837837,48.94298526585522L81.08108108108108,37.54003843689942L83.78378378378379,78.6034593209481L86.48648648648648,77.83472133247918L89.1891891891892,88.91736066623959L91.8918918918919,61.75528507367072L94.5945945945946,86.09865470852019L97.2972972972973,94.36258808456118L100,47.53363228699552" stroke="#00bbff"></path>   <path class="path-area" d="M0,67.77706598334402L2.7027027027027026,74.43946188340806L5.405405405405405,33.696348494554776L8.108108108108109,73.99103139013454L10.81081081081081,35.23382447149264L13.513513513513514,25.304292120435612L16.216216216216218,61.88340807174888L18.91891891891892,53.42729019859065L21.62162162162162,82.25496476617553L24.324324324324326,78.02690582959642L27.027027027027028,58.42408712363869L29.72972972972973,47.021140294682894L32.432432432432435,75.33632286995515L35.13513513513514,60.217809096732864L37.83783783783784,99.10313901345292L40.54054054054054,50.992953235105695L43.24324324324324,64.31774503523383L45.94594594594595,0L48.64864864864865,20.43561819346572L51.35135135135135,66.6880204996797L54.054054054054056,37.15566944266495L56.75675675675676,44.650864830237026L59.45945945945946,35.490070467648934L62.16216216216216,89.04548366431774L64.86486486486487,80.78155028827675L67.56756756756756,24.279308135810375L70.27027027027027,69.63484945547725L72.97297297297297,72.77386290839205L75.67567567567568,98.97501601537476L78.37837837837837,48.94298526585522L81.08108108108108,37.54003843689942L83.78378378378379,78.6034593209481L86.48648648648648,77.83472133247918L89.1891891891892,88.91736066623959L91.8918918918919,61.75528507367072L94.5945945945946,86.09865470852019L97.2972972972973,94.36258808456118L100,47.53363228699552L100,100L0,100Z" fill="#00bbff10"></path></svg></div></div> <div class="brush-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 5px; left: 0px; width: calc(100% - 0px); height: calc(100% - 5px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,67.77706598334402L2.7027027027027026,74.43946188340806L5.405405405405405,33.696348494554776L8.108108108108109,73.99103139013454L10.81081081081081,35.23382447149264L13.513513513513514,25.304292120435612L16.216216216216218,61.88340807174888L18.91891891891892,53.42729019859065L21.62162162162162,82.25496476617553L24.324324324324326,78.02690582959642L27.027027027027028,58.42408712363869L29.72972972972973,47.021140294682894L32.432432432432435,75.33632286995515L35.13513513513514,60.217809096732864L37.83783783783784,99.10313901345292L40.54054054054054,50.992953235105695L43.24324324324324,64.31774503523383L45.94594594594595,0L48.64864864864865,20.43561819346572L51.35135135135135,66.6880204996797L54.054054054054056,37.15566944266495L56.75675675675676,44.650864830237026L59.45945945945946,35.490070467648934L62.16216216216216,89.04548366431774L64.86486486486487,80.78155028827675L67.56756756756756,24.279308135810375L70.27027027027027,69.63484945547725L72.97297297297297,72.77386290839205L75.67567567567568,98.97501601537476L78.37837837837837,48.94298526585522L81.08108108108108,37.54003843689942L83.78378378378379,78.6034593209481L86.48648648648648,77.83472133247918L89.1891891891892,88.91736066623959L91.8918918918919,61.75528507367072L94.5945945945946,86.09865470852019L97.2972972972973,94.36258808456118L100,47.53363228699552" stroke="#00bbff"></path>   <path class="path-area" d="M0,67.77706598334402L2.7027027027027026,74.43946188340806L5.405405405405405,33.696348494554776L8.108108108108109,73.99103139013454L10.81081081081081,35.23382447149264L13.513513513513514,25.304292120435612L16.216216216216218,61.88340807174888L18.91891891891892,53.42729019859065L21.62162162162162,82.25496476617553L24.324324324324326,78.02690582959642L27.027027027027028,58.42408712363869L29.72972972972973,47.021140294682894L32.432432432432435,75.33632286995515L35.13513513513514,60.217809096732864L37.83783783783784,99.10313901345292L40.54054054054054,50.992953235105695L43.24324324324324,64.31774503523383L45.94594594594595,0L48.64864864864865,20.43561819346572L51.35135135135135,66.6880204996797L54.054054054054056,37.15566944266495L56.75675675675676,44.650864830237026L59.45945945945946,35.490070467648934L62.16216216216216,89.04548366431774L64.86486486486487,80.78155028827675L67.56756756756756,24.279308135810375L70.27027027027027,69.63484945547725L72.97297297297297,72.77386290839205L75.67567567567568,98.97501601537476L78.37837837837837,48.94298526585522L81.08108108108108,37.54003843689942L83.78378378378379,78.6034593209481L86.48648648648648,77.83472133247918L89.1891891891892,88.91736066623959L91.8918918918919,61.75528507367072L94.5945945945946,86.09865470852019L97.2972972972973,94.36258808456118L100,47.53363228699552L100,100L0,100Z" fill="#00bbff10"></path></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 5px; right: 0px; bottom: 0px; left: 0px;">  <div class="brush-outer svelte-1m1nhvc"> </div> </div></div></div></div><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2.7027027027027026%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2.7027027027027026%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 29.72972972972973%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 29.72972972972973%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.75675675675676%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.75675675675676%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 83.78378378378379%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 83.78378378378379%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:31.647300068352703%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">10</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 25px; width: calc(100% - 35px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,62.88448393711552L2.7027027027027026,50.30758714969241L5.405405405405405,39.71291866028708L8.108108108108109,10.184552289815452L10.81081081081081,0L13.513513513513514,63.021189336978814L16.216216216216218,67.4641148325359L18.91891891891892,14.832535885167463L21.62162162162162,29.049897470950103L24.324324324324326,99.58988380041012L27.027027027027028,36.09022556390978L29.72972972972973,60.08202323991798L32.432432432432435,52.563226247436766L35.13513513513514,80.99794941900204L37.83783783783784,32.74094326725906L40.54054054054054,55.70745044429255L43.24324324324324,31.852358168147642L45.94594594594595,66.84894053315107L48.64864864864865,63.43130553656871L51.35135135135135,71.83868762816131L54.054054054054056,89.33697881066303L56.75675675675676,30.89542036910459L59.45945945945946,86.05604921394395L62.16216216216216,72.45386192754614L64.86486486486487,73.6842105263158L67.56756756756756,41.14832535885168L70.27027027027027,90.15721120984279L72.97297297297297,35.68010936431989L75.67567567567568,76.0082023239918L78.37837837837837,71.83868762816131L81.08108108108108,53.793574846206425L83.78378378378379,75.05126452494873L86.48648648648648,53.793574846206425L89.1891891891892,55.84415584415585L91.8918918918919,94.87354750512645L94.5945945945946,32.12576896787424L97.2972972972973,44.56596035543404L100,90.43062200956939" stroke="#ff00cc"></path>   <path class="path-area" d="M0,62.88448393711552L2.7027027027027026,50.30758714969241L5.405405405405405,39.71291866028708L8.108108108108109,10.184552289815452L10.81081081081081,0L13.513513513513514,63.021189336978814L16.216216216216218,67.4641148325359L18.91891891891892,14.832535885167463L21.62162162162162,29.049897470950103L24.324324324324326,99.58988380041012L27.027027027027028,36.09022556390978L29.72972972972973,60.08202323991798L32.432432432432435,52.563226247436766L35.13513513513514,80.99794941900204L37.83783783783784,32.74094326725906L40.54054054054054,55.70745044429255L43.24324324324324,31.852358168147642L45.94594594594595,66.84894053315107L48.64864864864865,63.43130553656871L51.35135135135135,71.83868762816131L54.054054054054056,89.33697881066303L56.75675675675676,30.89542036910459L59.45945945945946,86.05604921394395L62.16216216216216,72.45386192754614L64.86486486486487,73.6842105263158L67.56756756756756,41.14832535885168L70.27027027027027,90.15721120984279L72.97297297297297,35.68010936431989L75.67567567567568,76.0082023239918L78.37837837837837,71.83868762816131L81.08108108108108,53.793574846206425L83.78378378378379,75.05126452494873L86.48648648648648,53.793574846206425L89.1891891891892,55.84415584415585L91.8918918918919,94.87354750512645L94.5945945945946,32.12576896787424L97.2972972972973,44.56596035543404L100,90.43062200956939L100,100L0,100Z" fill="#ff00cc10"></path></svg></div></div> <div class="brush-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 5px; left: 0px; width: calc(100% - 0px); height: calc(100% - 5px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,62.88448393711552L2.7027027027027026,50.30758714969241L5.405405405405405,39.71291866028708L8.108108108108109,10.184552289815452L10.81081081081081,0L13.513513513513514,63.021189336978814L16.216216216216218,67.4641148325359L18.91891891891892,14.832535885167463L21.62162162162162,29.049897470950103L24.324324324324326,99.58988380041012L27.027027027027028,36.09022556390978L29.72972972972973,60.08202323991798L32.432432432432435,52.563226247436766L35.13513513513514,80.99794941900204L37.83783783783784,32.74094326725906L40.54054054054054,55.70745044429255L43.24324324324324,31.852358168147642L45.94594594594595,66.84894053315107L48.64864864864865,63.43130553656871L51.35135135135135,71.83868762816131L54.054054054054056,89.33697881066303L56.75675675675676,30.89542036910459L59.45945945945946,86.05604921394395L62.16216216216216,72.45386192754614L64.86486486486487,73.6842105263158L67.56756756756756,41.14832535885168L70.27027027027027,90.15721120984279L72.97297297297297,35.68010936431989L75.67567567567568,76.0082023239918L78.37837837837837,71.83868762816131L81.08108108108108,53.793574846206425L83.78378378378379,75.05126452494873L86.48648648648648,53.793574846206425L89.1891891891892,55.84415584415585L91.8918918918919,94.87354750512645L94.5945945945946,32.12576896787424L97.2972972972973,44.56596035543404L100,90.43062200956939" stroke="#ff00cc"></path>   <path class="path-area" d="M0,62.88448393711552L2.7027027027027026,50.30758714969241L5.405405405405405,39.71291866028708L8.108108108108109,10.184552289815452L10.81081081081081,0L13.513513513513514,63.021189336978814L16.216216216216218,67.4641148325359L18.91891891891892,14.832535885167463L21.62162162162162,29.049897470950103L24.324324324324326,99.58988380041012L27.027027027027028,36.09022556390978L29.72972972972973,60.08202323991798L32.432432432432435,52.563226247436766L35.13513513513514,80.99794941900204L37.83783783783784,32.74094326725906L40.54054054054054,55.70745044429255L43.24324324324324,31.852358168147642L45.94594594594595,66.84894053315107L48.64864864864865,63.43130553656871L51.35135135135135,71.83868762816131L54.054054054054056,89.33697881066303L56.75675675675676,30.89542036910459L59.45945945945946,86.05604921394395L62.16216216216216,72.45386192754614L64.86486486486487,73.6842105263158L67.56756756756756,41.14832535885168L70.27027027027027,90.15721120984279L72.97297297297297,35.68010936431989L75.67567567567568,76.0082023239918L78.37837837837837,71.83868762816131L81.08108108108108,53.793574846206425L83.78378378378379,75.05126452494873L86.48648648648648,53.793574846206425L89.1891891891892,55.84415584415585L91.8918918918919,94.87354750512645L94.5945945945946,32.12576896787424L97.2972972972973,44.56596035543404L100,90.43062200956939L100,100L0,100Z" fill="#ff00cc10"></path></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 5px; right: 0px; bottom: 0px; left: 0px;">  <div class="brush-outer svelte-1m1nhvc"> </div> </div></div></div></div><div class="chart-wrapper svelte-ypfvhs"><div class="chart-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <div class="layercake-layout-html svelte-1bu60uu" style="top: 0px; right: 10px; bottom: 20px; left: 25px;">  <div class="axis x-axis svelte-fdkjmm">  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 2.7027027027027026%;"></div>  <div class="tick tick-0 svelte-fdkjmm" style="top: calc(100% + 0px); left: 2.7027027027027026%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1980</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 29.72972972972973%;"></div>  <div class="tick tick-1 svelte-fdkjmm" style="top: calc(100% + 0px); left: 29.72972972972973%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">1990</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 56.75675675675676%;"></div>  <div class="tick tick-2 svelte-fdkjmm" style="top: calc(100% + 0px); left: 56.75675675675676%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2000</div> </div>  <div class="gridline svelte-fdkjmm" style="top: 0; bottom: 0; left: 83.78378378378379%;"></div>  <div class="tick tick-3 svelte-fdkjmm" style="top: calc(100% + 0px); left: 83.78378378378379%;"><div class="text svelte-fdkjmm" style="top: 0px; transform: translate(calc(-50% + 0px), 1px);">2010</div> </div> </div>   <div class="axis y-axis svelte-1jmrx3z"> <div class="tick tick-0 svelte-1jmrx3z" style="left:0%;top:100%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">0</div> </div> <div class="tick tick-1 svelte-1jmrx3z" style="left:0%;top:32.975871313672926%;"><div class="gridline svelte-1jmrx3z" style="top: 0; left: 0px; right: 0px;"></div>  <div class="text svelte-1jmrx3z" style="top: 0; text-align: right; width: 14.5px; left: -14.5px; transform: translate(-3px, calc(-50% + 1px));">10</div> </div> </div> </div>   <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 0px; left: 25px; width: calc(100% - 35px); height: calc(100% - 20px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,31.166219839142094L2.7027027027027026,86.6621983914209L5.405405405405405,84.91957104557642L8.108108108108109,76.13941018766756L10.81081081081081,97.85522788203752L13.513513513513514,71.98391420911528L16.216216216216218,88.27077747989276L18.91891891891892,84.24932975871313L21.62162162162162,82.97587131367293L24.324324324324326,56.233243967828415L27.027027027027028,66.35388739946382L29.72972972972973,77.2117962466488L32.432432432432435,67.89544235924933L35.13513513513514,91.3538873994638L37.83783783783784,15.21447721179624L40.54054054054054,64.74530831099196L43.24324324324324,79.15549597855228L45.94594594594595,0L48.64864864864865,11.46112600536192L51.35135135135135,30.6970509383378L54.054054054054056,66.35388739946382L56.75675675675676,38.94101876675603L59.45945945945946,11.260053619302946L62.16216216216216,46.24664879356568L64.86486486486487,89.67828418230563L67.56756756756756,98.32439678284183L70.27027027027027,59.65147453083111L72.97297297297297,60.388739946380696L75.67567567567568,54.2225201072386L78.37837837837837,54.6916890080429L81.08108108108108,75.20107238605898L83.78378378378379,84.58445040214477L86.48648648648648,77.41286863270777L89.1891891891892,73.05630026809652L91.8918918918919,85.58981233243968L94.5945945945946,84.3833780160858L97.2972972972973,59.919571045576404L100,57.975871313672926" stroke="#ffcc00"></path>   <path class="path-area" d="M0,31.166219839142094L2.7027027027027026,86.6621983914209L5.405405405405405,84.91957104557642L8.108108108108109,76.13941018766756L10.81081081081081,97.85522788203752L13.513513513513514,71.98391420911528L16.216216216216218,88.27077747989276L18.91891891891892,84.24932975871313L21.62162162162162,82.97587131367293L24.324324324324326,56.233243967828415L27.027027027027028,66.35388739946382L29.72972972972973,77.2117962466488L32.432432432432435,67.89544235924933L35.13513513513514,91.3538873994638L37.83783783783784,15.21447721179624L40.54054054054054,64.74530831099196L43.24324324324324,79.15549597855228L45.94594594594595,0L48.64864864864865,11.46112600536192L51.35135135135135,30.6970509383378L54.054054054054056,66.35388739946382L56.75675675675676,38.94101876675603L59.45945945945946,11.260053619302946L62.16216216216216,46.24664879356568L64.86486486486487,89.67828418230563L67.56756756756756,98.32439678284183L70.27027027027027,59.65147453083111L72.97297297297297,60.388739946380696L75.67567567567568,54.2225201072386L78.37837837837837,54.6916890080429L81.08108108108108,75.20107238605898L83.78378378378379,84.58445040214477L86.48648648648648,77.41286863270777L89.1891891891892,73.05630026809652L91.8918918918919,85.58981233243968L94.5945945945946,84.3833780160858L97.2972972972973,59.919571045576404L100,57.975871313672926L100,100L0,100Z" fill="#ffcc0010"></path></svg></div></div> <div class="brush-container svelte-ypfvhs">  <div class="layercake-container svelte-vhzpsp" style="position: relative;">  <svg viewBox="0 0 100 100" preserveAspectRatio="none" style="right: 0px; bottom: 0px; top: 5px; left: 0px; width: calc(100% - 0px); height: calc(100% - 5px);" class="svelte-6sm8ei"><defs></defs>  <path class="path-line svelte-1a99x5h" d="M0,31.166219839142094L2.7027027027027026,86.6621983914209L5.405405405405405,84.91957104557642L8.108108108108109,76.13941018766756L10.81081081081081,97.85522788203752L13.513513513513514,71.98391420911528L16.216216216216218,88.27077747989276L18.91891891891892,84.24932975871313L21.62162162162162,82.97587131367293L24.324324324324326,56.233243967828415L27.027027027027028,66.35388739946382L29.72972972972973,77.2117962466488L32.432432432432435,67.89544235924933L35.13513513513514,91.3538873994638L37.83783783783784,15.21447721179624L40.54054054054054,64.74530831099196L43.24324324324324,79.15549597855228L45.94594594594595,0L48.64864864864865,11.46112600536192L51.35135135135135,30.6970509383378L54.054054054054056,66.35388739946382L56.75675675675676,38.94101876675603L59.45945945945946,11.260053619302946L62.16216216216216,46.24664879356568L64.86486486486487,89.67828418230563L67.56756756756756,98.32439678284183L70.27027027027027,59.65147453083111L72.97297297297297,60.388739946380696L75.67567567567568,54.2225201072386L78.37837837837837,54.6916890080429L81.08108108108108,75.20107238605898L83.78378378378379,84.58445040214477L86.48648648648648,77.41286863270777L89.1891891891892,73.05630026809652L91.8918918918919,85.58981233243968L94.5945945945946,84.3833780160858L97.2972972972973,59.919571045576404L100,57.975871313672926" stroke="#ffcc00"></path>   <path class="path-area" d="M0,31.166219839142094L2.7027027027027026,86.6621983914209L5.405405405405405,84.91957104557642L8.108108108108109,76.13941018766756L10.81081081081081,97.85522788203752L13.513513513513514,71.98391420911528L16.216216216216218,88.27077747989276L18.91891891891892,84.24932975871313L21.62162162162162,82.97587131367293L24.324324324324326,56.233243967828415L27.027027027027028,66.35388739946382L29.72972972972973,77.2117962466488L32.432432432432435,67.89544235924933L35.13513513513514,91.3538873994638L37.83783783783784,15.21447721179624L40.54054054054054,64.74530831099196L43.24324324324324,79.15549597855228L45.94594594594595,0L48.64864864864865,11.46112600536192L51.35135135135135,30.6970509383378L54.054054054054056,66.35388739946382L56.75675675675676,38.94101876675603L59.45945945945946,11.260053619302946L62.16216216216216,46.24664879356568L64.86486486486487,89.67828418230563L67.56756756756756,98.32439678284183L70.27027027027027,59.65147453083111L72.97297297297297,60.388739946380696L75.67567567567568,54.2225201072386L78.37837837837837,54.6916890080429L81.08108108108108,75.20107238605898L83.78378378378379,84.58445040214477L86.48648648648648,77.41286863270777L89.1891891891892,73.05630026809652L91.8918918918919,85.58981233243968L94.5945945945946,84.3833780160858L97.2972972972973,59.919571045576404L100,57.975871313672926L100,100L0,100Z" fill="#ffcc0010"></path></svg>   <div class="layercake-layout-html svelte-1bu60uu" style="top: 5px; right: 0px; bottom: 0px; left: 0px;">  <div class="brush-outer svelte-1m1nhvc"> </div> </div></div></div></div></div> </div></div></div></main> 
 			<script type="application/json" data-sveltekit-fetched data-url="/api/guide-sections.json">{"status":200,"statusText":"","headers":{},"body":"[{\"html\":null,\"metadata\":{\"title\":\"Introduction\"},\"subsections\":[{\"slug\":\"what-is-layer-cake\",\"title\":\"What is Layer Cake?\"},{\"slug\":\"key-concepts\",\"title\":\"Key Concepts\"},{\"slug\":\"getting-started\",\"title\":\"Getting started\"},{\"slug\":\"using-layout-components\",\"title\":\"Using layout components\"},{\"slug\":\"layer-components\",\"title\":\"Layer components\"},{\"slug\":\"data-less-cakes\",\"title\":\"Data-less cakes\"},{\"slug\":\"server-side-rendering\",\"title\":\"Server-side rendering\"},{\"slug\":\"how-does-layercake-know-what-to-set-as-a-scale39s-domain-and-range\",\"title\":\"How does LayerCake know what to set as a scale's domain and range?\"}],\"slug\":\"introduction\",\"file\":\"00-introduction.md\"},{\"html\":null,\"metadata\":{\"title\":\"Troubleshooting\"},\"subsections\":[{\"slug\":\"use-the-debug-feature\",\"title\":\"Use the debug feature\"},{\"slug\":\"typescript\",\"title\":\"TypeScript\"},{\"slug\":\"the-chart-is-blank\",\"title\":\"The chart is blank\"},{\"slug\":\"the-chart-is-a-very-small-square\",\"title\":\"The chart is a very small square\"},{\"slug\":\"the-library-isn39t-building-properly\",\"title\":\"The library isn't building properly\"},{\"slug\":\"listening-for-click-events-on-the-entire-component\",\"title\":\"Listening for click events on the entire component\"}],\"slug\":\"troubleshooting\",\"file\":\"01-troubleshooting.md\"},{\"html\":null,\"metadata\":{\"title\":\"Accessibility\"},\"subsections\":[{\"slug\":\"layout-attributes\",\"title\":\"Layout attributes\"},{\"slug\":\"html-layouts\",\"title\":\"HTML layouts\"},{\"slug\":\"svg-layouts\",\"title\":\"SVG layouts\"},{\"slug\":\"canvas-and-webgl-layouts\",\"title\":\"Canvas and WebGl layouts\"}],\"slug\":\"accessibility\",\"file\":\"02-accessibility.md\"},{\"html\":null,\"metadata\":{\"title\":\"LayerCake props\"},\"subsections\":[{\"slug\":\"data\",\"title\":\"data\"},{\"slug\":\"x\",\"title\":\"x\"},{\"slug\":\"y\",\"title\":\"y\"},{\"slug\":\"z\",\"title\":\"z\"},{\"slug\":\"r\",\"title\":\"r\"},{\"slug\":\"debug\",\"title\":\"debug\"},{\"slug\":\"padding\",\"title\":\"padding\"},{\"slug\":\"xscale\",\"title\":\"xScale\"},{\"slug\":\"yscale\",\"title\":\"yScale\"},{\"slug\":\"zscale\",\"title\":\"zScale\"},{\"slug\":\"rscale\",\"title\":\"rScale\"},{\"slug\":\"xdomain\",\"title\":\"xDomain\"},{\"slug\":\"ydomain\",\"title\":\"yDomain\"},{\"slug\":\"zdomain\",\"title\":\"zDomain\"},{\"slug\":\"rdomain\",\"title\":\"rDomain\"},{\"slug\":\"xreverse\",\"title\":\"xReverse\"},{\"slug\":\"yreverse\",\"title\":\"yReverse\"},{\"slug\":\"zreverse\",\"title\":\"zReverse\"},{\"slug\":\"rreverse\",\"title\":\"rReverse\"},{\"slug\":\"xrange\",\"title\":\"xRange\"},{\"slug\":\"yrange\",\"title\":\"yRange\"},{\"slug\":\"zrange\",\"title\":\"zRange\"},{\"slug\":\"rrange\",\"title\":\"rRange\"},{\"slug\":\"xpadding\",\"title\":\"xPadding\"},{\"slug\":\"ypadding\",\"title\":\"yPadding\"},{\"slug\":\"zpadding\",\"title\":\"zPadding\"},{\"slug\":\"rpadding\",\"title\":\"rPadding\"},{\"slug\":\"xnice\",\"title\":\"xNice\"},{\"slug\":\"ynice\",\"title\":\"yNice\"},{\"slug\":\"znice\",\"title\":\"zNice\"},{\"slug\":\"rnice\",\"title\":\"rNice\"},{\"slug\":\"extents\",\"title\":\"extents\"},{\"slug\":\"flatdata\",\"title\":\"flatData\"},{\"slug\":\"ssr\",\"title\":\"ssr\"},{\"slug\":\"percentrange\",\"title\":\"percentRange\"},{\"slug\":\"position\",\"title\":\"position\"},{\"slug\":\"custom\",\"title\":\"custom\"}],\"slug\":\"layercake-props\",\"file\":\"03-layercake-props.md\"},{\"html\":null,\"metadata\":{\"title\":\"Computed context values\"},\"subsections\":[{\"slug\":\"activegetters\",\"title\":\"activeGetters\"},{\"slug\":\"aspectratio\",\"title\":\"aspectRatio\"},{\"slug\":\"box\",\"title\":\"box\"},{\"slug\":\"config\",\"title\":\"config\"},{\"slug\":\"containerwidth\",\"title\":\"containerWidth\"},{\"slug\":\"containerheight\",\"title\":\"containerHeight\"},{\"slug\":\"extents-1\",\"title\":\"extents\"},{\"slug\":\"width\",\"title\":\"width\"},{\"slug\":\"height\",\"title\":\"height\"},{\"slug\":\"x-1\",\"title\":\"x\"},{\"slug\":\"y-1\",\"title\":\"y\"},{\"slug\":\"z-1\",\"title\":\"z\"},{\"slug\":\"r-1\",\"title\":\"r\"},{\"slug\":\"xdomain-1\",\"title\":\"xDomain\"},{\"slug\":\"ydomain-1\",\"title\":\"yDomain\"},{\"slug\":\"zdomain-1\",\"title\":\"zDomain\"},{\"slug\":\"rdomain-1\",\"title\":\"rDomain\"},{\"slug\":\"xrange-1\",\"title\":\"xRange\"},{\"slug\":\"yrange-1\",\"title\":\"yRange\"},{\"slug\":\"zrange-1\",\"title\":\"zRange\"},{\"slug\":\"rrange-1\",\"title\":\"rRange\"},{\"slug\":\"xget\",\"title\":\"xGet(...)\"},{\"slug\":\"yget\",\"title\":\"yGet(...)\"},{\"slug\":\"zget\",\"title\":\"zGet(...)\"},{\"slug\":\"rget\",\"title\":\"rGet(...)\"},{\"slug\":\"xscale-1\",\"title\":\"xScale(...)\"},{\"slug\":\"yscale-1\",\"title\":\"yScale(...)\"},{\"slug\":\"zscale-1\",\"title\":\"zScale(...)\"},{\"slug\":\"rscale-1\",\"title\":\"rScale(...)\"}],\"slug\":\"computed-context-values\",\"file\":\"04-computed-context-values.md\"},{\"html\":null,\"metadata\":{\"title\":\"Layout components\"},\"subsections\":[{\"slug\":\"html\",\"title\":\"Html\"},{\"slug\":\"svg\",\"title\":\"Svg\"},{\"slug\":\"scaledsvg\",\"title\":\"ScaledSvg\"},{\"slug\":\"canvas\",\"title\":\"Canvas\"},{\"slug\":\"webgl\",\"title\":\"WebGL\"}],\"slug\":\"layout-components\",\"file\":\"05-layout-components.md\"},{\"html\":null,\"metadata\":{\"title\":\"Layout component props\"},\"subsections\":[{\"slug\":\"zindex\",\"title\":\"zIndex\"},{\"slug\":\"pointerevents\",\"title\":\"pointerEvents\"},{\"slug\":\"viewbox\",\"title\":\"viewBox\"},{\"slug\":\"fixedaspectratio\",\"title\":\"fixedAspectRatio\"},{\"slug\":\"contextattributes\",\"title\":\"contextAttributes\"}],\"slug\":\"layout-component-props\",\"file\":\"06-layout-component-props.md\"},{\"html\":null,\"metadata\":{\"title\":\"Helper functions\"},\"subsections\":[{\"slug\":\"bin\",\"title\":\"bin(...)\"},{\"slug\":\"calcextents\",\"title\":\"calcExtents(...)\"},{\"slug\":\"calcuniques\",\"title\":\"calcUniques(...)\"},{\"slug\":\"flatten\",\"title\":\"flatten(...)\"},{\"slug\":\"grouplonger\",\"title\":\"groupLonger(...)\"},{\"slug\":\"raise\",\"title\":\"raise(...)\"},{\"slug\":\"scalecanvas\",\"title\":\"scaleCanvas(...)\"},{\"slug\":\"stack\",\"title\":\"stack(...)\"},{\"slug\":\"uniques\",\"title\":\"uniques(...)\"}],\"slug\":\"helper-functions\",\"file\":\"99-helper-functions.md\"}]"}</script>
 			<script>
 				{
-					__sveltekit_g7cla3 = {
+					__sveltekit_1njxtug = {
 						base: new URL(".", location).pathname.slice(0, -1)
 					};
 
@@ -110,8 +110,8 @@
 					const data = [null,null];
 
 					Promise.all([
-						import("./_app/immutable/entry/start.8McKjAmW.js"),
-						import("./_app/immutable/entry/app.pEfIXzME.js")
+						import("./_app/immutable/entry/start.ra6nUAIR.js"),
+						import("./_app/immutable/entry/app.zQBYankm.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 2],