diff --git a/index.html b/index.html
index 1fe4174..cdfc457 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-app
\ No newline at end of file
+app
\ No newline at end of file
diff --git a/js/app.69bfe45db3d1d2a1dc0c.bundle.js b/js/app.69bfe45db3d1d2a1dc0c.bundle.js
new file mode 100644
index 0000000..bd9c284
--- /dev/null
+++ b/js/app.69bfe45db3d1d2a1dc0c.bundle.js
@@ -0,0 +1 @@
+(self.webpackChunk=self.webpackChunk||[]).push([[524],{44:(e,t,n)=>{const a=n(89),{lightningChart:o,AxisTickStrategies:i,ColorRGBA:r,PointShape:s,PalettedFill:l,LUT:d,UIElementBuilders:c,emptyFill:p,emptyLine:u,UIOrigins:g,MapTypes:h,transparentFill:m,regularColorSteps:x,Themes:y}=a;Date.prototype.formatDate=function(){return this.toISOString().split("T")[0]},Date.prototype.addDays=function(e){const t=new Date(this.valueOf());return new Date(t.getFullYear(),t.getMonth(),t.getDate()+e).formatDate()};const b=document.getElementById("chart-container")||document.body,f=o({resourcesBaseUrl:new URL(document.head.baseURI).origin+new URL(document.head.baseURI).pathname+"resources/"}),w=document.createElement("div");b.append(w);const k=document.createElement("div");b.append(k);let S=!0;const v=document.createElement("div"),D=document.createElement("input"),E=document.createElement("span");v.appendChild(E),v.appendChild(D);let R=new Date("January 10, 2022").formatDate();const T=f.Map({theme:y[new URLSearchParams(window.location.search).get("theme")||"darkGold"]||void 0,type:h.World,container:w}).setTitle("").setPadding({top:30,bottom:0,right:0,left:0}),C=new l({lut:new d({steps:x(0,100,T.getTheme().examples.badGoodColorPalette,{alpha:150,formatLabels:e=>`${e.toFixed(0)} %`})})}),I=f.ChartXY({container:k}).setMouseInteractions(!1).setTitle("Loading example data ...").setBackgroundFillStyle(m).setSeriesBackgroundFillStyle(m).setSeriesBackgroundStrokeStyle(u);I.engine.setBackgroundFillStyle(m),I.getDefaultAxes().forEach((e=>e.setTickStrategy(i.Empty).setStrokeStyle(u))),T.onViewChange((e=>{const{latitudeRange:t,longitudeRange:n,margin:a}=e;I.getDefaultAxisX().setInterval({start:n.start,end:n.end}),I.getDefaultAxisY().setInterval({start:t.start,end:t.end}),I.setPadding(0)}));const F=I.addUIElement(c.TextBox).setOrigin(g.LeftTop).setPosition({x:0,y:100}).setMargin(10).setText("").setTextFont((e=>e.setSize(15))).setBackground((e=>e.setFillStyle(p).setStrokeStyle(u))),U=I.addPointSeries({pointShape:s.Circle}).setMouseInteractions(!1).setName("Vaccination coverage").setIndividualPointSizeEnabled(!0).setIndividualPointValueEnabled(!0).setPointFillStyle(C).setEffect(!1).setCursorResultTableFormatter(((e,t,n,a,o)=>e.addRow("").addRow(o.country).addRow("Vaccinated once:").addRow(`${o.value.toFixed(2)}% of population`))).setEffect(!1);function L(e,t){const n=new Date(2021,0,D.value);let a=n.formatDate();e.clear();let o=0;const i=t.samples.find((e=>e.date===a));i.values.forEach(((n,a)=>{o+=n,function(e,t,n){t.add({x:e.pos[1],y:e.pos[0],value:n,size:Math.max(3,n/2),country:e.name})}(t.countries[a],e,n)})),I.setTitle(n.toLocaleDateString("FIN")),F.setText(`Population who received at least one vaccine ${(o/i.values.length).toFixed(2)}%`),R>a&&S?(D.value++,setTimeout((()=>L(U,t)),1e3/24)):P()}function P(){S=!1,E.textContent="Stopped",E.style.background=M}fetch(new URL(document.head.baseURI).origin+new URL(document.head.baseURI).pathname+"examples/assets/1103/data.json").then((e=>e.json())).then((e=>{e.countries.forEach(((e,t)=>{U.add({x:e.pos[1],y:e.pos[0],value:0,size:0,country:e.name})})),I.addLegendBox().add(U),L(U,e),D.oninput=()=>{P(),L(U,e)},E.onclick=()=>{S?P():(S=!0,E.textContent="Started",E.style.background=B,D.value==D.max&&(D.value=0),L(U,e))}})).catch((e=>{console.log(e)})),w.style.width="100%",w.style.height="100%",w.style.position="absolute",w.style.left="0px",w.style.top="0px",T.engine.layout(),k.style.width="100%",k.style.height="100%",k.style.position="absolute",k.style.left="0px",k.style.top="0px",I.engine.layout(),v.id="block",D.type="range",D.min=0,D.max=Math.ceil((new Date("January 11, 2022")-new Date(2021,0,1))/864e5),D.value=D.min,D.id="slider",E.id="marker",E.textContent="Started";const B="rgb(0, 0, 200, 0.6)",M="rgb(200, 0, 0)";I.engine.container.append(v),function(e){const t=document.createElement("style");t.textContent='\n\n * {\n box-sizing: border-box;\n }\n \n #block{\n width: 50%;\n height: 60px;\n\t\ttop: 90%;\n right: 60px;\n position: absolute;\n display: flex;\n justify-content: space-evenly;\n padding: 30px 10px;\n z-index: 1;\n box-sizing: border-box\n }\n\n #slider{\n -webkit-appearance: none;\n margin: 0;\n padding: 0;\n width: 85%;\n height: 5px;\n position: relative;\n cursor: pointer;\n border-radius: 10px;\n border: solid 1px; \n background: linear-gradient(to right, #fff 0%, white 100%)\n }\n \n #slider::-webkit-slider-thumb{\n -webkit-appearance: none;\n height: 20px;\n width: 20px;\n padding: 0;\n background-color: lightgray;\n cursor: pointer;\n border-radius: 50%;\n border: solid 1px gray\n }\n\n #marker {\n background: rgb(0, 0, 200, 0.6);\n color: white;\n height: 30px;\n width: 55px;\n top: -13px;\n position: relative;\n border-radius: 4px;\n text-align:center; \n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n }\n #marker::after {\n content: "";\n text-align: center;\n position: absolute;\n left: 100%;\n border-bottom: 5px solid transparent;\n border-top: 5px solid transparent;\n border-left: 5px solid gray;\n }\n\n #marker:active {\n transform: scale(0.9);\n }\n\n',document.head.append(t)}()}},e=>{e.O(0,[502],(()=>(44,e(e.s=44)))),e.O()}]);
\ No newline at end of file
diff --git a/js/app.76a51d66b616d8cf6efd.bundle.js b/js/app.76a51d66b616d8cf6efd.bundle.js
deleted file mode 100644
index 2f504b6..0000000
--- a/js/app.76a51d66b616d8cf6efd.bundle.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk=self.webpackChunk||[]).push([[524],{44:(e,t,n)=>{const a=n(89),{lightningChart:o,AxisTickStrategies:i,ColorRGBA:r,PointShape:s,PalettedFill:l,LUT:d,UIElementBuilders:c,emptyFill:p,emptyLine:u,UIOrigins:g,MapTypes:h,transparentFill:m,regularColorSteps:x,Themes:y}=a;Date.prototype.formatDate=function(){return this.toISOString().split("T")[0]},Date.prototype.addDays=function(e){const t=new Date(this.valueOf());return new Date(t.getFullYear(),t.getMonth(),t.getDate()+e).formatDate()};const b=document.getElementById("chart-container")||document.body,f=o(),w=document.createElement("div");b.append(w);const k=document.createElement("div");b.append(k);let S=!0;const v=document.createElement("div"),D=document.createElement("input"),E=document.createElement("span");v.appendChild(E),v.appendChild(D);let T=new Date("January 10, 2022").formatDate();const C=f.Map({theme:y[new URLSearchParams(window.location.search).get("theme")||"darkGold"]||void 0,type:h.World,container:w}).setTitle("").setPadding({top:30,bottom:0,right:0,left:0}),F=new l({lut:new d({steps:x(0,100,C.getTheme().examples.badGoodColorPalette,{alpha:150,formatLabels:e=>`${e.toFixed(0)} %`})})}),I=f.ChartXY({container:k}).setMouseInteractions(!1).setTitle("Loading example data ...").setBackgroundFillStyle(m).setSeriesBackgroundFillStyle(m).setSeriesBackgroundStrokeStyle(u);I.engine.setBackgroundFillStyle(m),I.getDefaultAxes().forEach((e=>e.setTickStrategy(i.Empty).setStrokeStyle(u))),C.onViewChange((e=>{const{latitudeRange:t,longitudeRange:n,margin:a}=e;I.getDefaultAxisX().setInterval({start:n.start,end:n.end}),I.getDefaultAxisY().setInterval({start:t.start,end:t.end}),I.setPadding(0)}));const R=I.addUIElement(c.TextBox).setOrigin(g.LeftTop).setPosition({x:0,y:100}).setMargin(10).setText("").setTextFont((e=>e.setSize(15))).setBackground((e=>e.setFillStyle(p).setStrokeStyle(u))),P=I.addPointSeries({pointShape:s.Circle}).setMouseInteractions(!1).setName("Vaccination coverage").setIndividualPointSizeEnabled(!0).setIndividualPointValueEnabled(!0).setPointFillStyle(F).setEffect(!1).setCursorResultTableFormatter(((e,t,n,a,o)=>e.addRow("").addRow(o.country).addRow("Vaccinated once:").addRow(`${o.value.toFixed(2)}% of population`))).setEffect(!1);function B(e,t){const n=new Date(2021,0,D.value);let a=n.formatDate();e.clear();let o=0;const i=t.samples.find((e=>e.date===a));i.values.forEach(((n,a)=>{o+=n,function(e,t,n){t.add({x:e.pos[1],y:e.pos[0],value:n,size:Math.max(3,n/2),country:e.name})}(t.countries[a],e,n)})),I.setTitle(n.toLocaleDateString("FIN")),R.setText(`Population who received at least one vaccine ${(o/i.values.length).toFixed(2)}%`),T>a&&S?(D.value++,setTimeout((()=>B(P,t)),1e3/24)):L()}function L(){S=!1,E.textContent="Stopped",E.style.background=M}fetch(new URL(document.head.baseURI).origin+new URL(document.head.baseURI).pathname+"examples/assets/1103/data.json").then((e=>e.json())).then((e=>{e.countries.forEach(((e,t)=>{P.add({x:e.pos[1],y:e.pos[0],value:0,size:0,country:e.name})})),I.addLegendBox().add(P),B(P,e),D.oninput=()=>{L(),B(P,e)},E.onclick=()=>{S?L():(S=!0,E.textContent="Started",E.style.background=U,D.value==D.max&&(D.value=0),B(P,e))}})).catch((e=>{console.log(e)})),w.style.width="100%",w.style.height="100%",w.style.position="absolute",w.style.left="0px",w.style.top="0px",C.engine.layout(),k.style.width="100%",k.style.height="100%",k.style.position="absolute",k.style.left="0px",k.style.top="0px",I.engine.layout(),v.id="block",D.type="range",D.min=0,D.max=Math.ceil((new Date("January 11, 2022")-new Date(2021,0,1))/864e5),D.value=D.min,D.id="slider",E.id="marker",E.textContent="Started";const U="rgb(0, 0, 200, 0.6)",M="rgb(200, 0, 0)";I.engine.container.append(v),function(e){const t=document.createElement("style");t.textContent='\n\n * {\n box-sizing: border-box;\n }\n \n #block{\n width: 50%;\n height: 60px;\n\t\ttop: 90%;\n right: 60px;\n position: absolute;\n display: flex;\n justify-content: space-evenly;\n padding: 30px 10px;\n z-index: 1;\n box-sizing: border-box\n }\n\n #slider{\n -webkit-appearance: none;\n margin: 0;\n padding: 0;\n width: 85%;\n height: 5px;\n position: relative;\n cursor: pointer;\n border-radius: 10px;\n border: solid 1px; \n background: linear-gradient(to right, #fff 0%, white 100%)\n }\n \n #slider::-webkit-slider-thumb{\n -webkit-appearance: none;\n height: 20px;\n width: 20px;\n padding: 0;\n background-color: lightgray;\n cursor: pointer;\n border-radius: 50%;\n border: solid 1px gray\n }\n\n #marker {\n background: rgb(0, 0, 200, 0.6);\n color: white;\n height: 30px;\n width: 55px;\n top: -13px;\n position: relative;\n border-radius: 4px;\n text-align:center; \n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n }\n #marker::after {\n content: "";\n text-align: center;\n position: absolute;\n left: 100%;\n border-bottom: 5px solid transparent;\n border-top: 5px solid transparent;\n border-left: 5px solid gray;\n }\n\n #marker:active {\n transform: scale(0.9);\n }\n\n',document.head.append(t)}()}},e=>{e.O(0,[502],(()=>(44,e(e.s=44)))),e.O()}]);
\ No newline at end of file