36:null 37:["$","title",null,{"children":"Projekt Informationsvisualisierung: | itsmeri | Observable"}] 3d:Td9a,map = { const koef = 0.002; const path = d3.geoPath().projection(projection); //A projection function takes a two-element array of numbers representing the coordinates of a location, [longitude, latitude], and returns a similar two-element array of numbers representing the projected pixel position [x, y]. const zoom = d3 .zoom() //creates a new zoom behavior .extent([[0, 0], [width, height]]) //returns zoom behavior with a new viewport extent to the specified array of points .translateExtent([[-100, -100], [width + 100, height + 100]]) // set borders of the map .scaleExtent([1, 11]) // set zoom levels .on("zoom", transformed); //bind the necessary event listeners for zooming function transformed() { map.children[0].setAttribute("transform", d3.event.transform); //set current zoom transform as attribute } function zoomIn() { d3.select(map) .transition() // returns a new transition on the given map-selection .call(zoom.scaleBy, 2); // scale a transition x2 } function zoomOut() { d3.select(map) .transition() // returns a new transition on the given map-selection .call(zoom.scaleBy, 0.5); // scale a transition x0.5 } const map = mySvg``; const zoomCall = d3.select(map).call(zoom); // mouse zoom function myFunction() { //handleClick } const minRad = width / 1000; return Object.assign(map, { update(data) { let d2 = data; d3.selectAll('circle') .data(data) .sort() .attr("r", function(d) { let id = d3.select(this).attr("id"); let country = data.filter(x => x.key == id); if (country.length == 0) { return 0; } else { let r = parseInt(country[0].cases) * koef; r < minRad ? (r = minRad) : (r = r); return r; } }); } }); }3e:T1dc6,class SquareMapChart { create(classicalWorld, squaredWorld) { this.width = 960; this.height = 500; this.margin = { top: 0, left: 0, right: 0, bottom: 0 }; this.world = classicalWorld; this.worldTile = squaredWorld; this.svg = d3.select( DOM.svg( this.width - (this.margin.left + this.margin.right), this.height - (this.margin.top + this.margin.bottom) ) ); this.main = this.svg .append('g') .attr('class', 'main') .attr('transform', `translate(${this.margin.left},${this.margin.top})`); this.map = this.main.append('g').attr('class', 'map'); this.labels = this.main.append('g').attr('class', 'labels'); } update(state) { this.valueAccessor = state.valueAccessor; this.countryCodeType = state.countryCodeType; this.countryCodeAccessor = state.countryCodeAccessor; if ( state.data && JSON.stringify(this.data) !== JSON.stringify(state.data) ) { this._drawMap(state.data); } if (state.view && this.view !== state.view) { if (state.view === 'classic') { this.switchToClassic(); } else { this.switchToSquares(); } } this.data = state.data; this.view = state.view; return this.svg.node(); } _drawMap(data) { const dataDomain = d3.extent(data, d => d[this.valueAccessor]); const dataMapping = data.reduce((agg, v) => { var country; if (this.countryCodeType === 'name') { country = this.worldTile.find( d => d.name === v[this.countryCodeAccessor] ); } if (country) agg[country.alpha2] = v[this.valueAccessor]; return agg; }, {}); var colorScale = d3 .scaleSequential() .domain([dataDomain[1], dataDomain[0]]) .interpolator(d3.interpolateGnBu); // create a first guess for the projection var projection = d3 .geoMercator() .scale(1) .translate([0, 0]); // create the path var path = d3.geoPath().projection(projection); // using the path determine the bounds of the current map and use // these to determine better values for the scale and translation var bounds = path.bounds(this.world); var scale = .95 / Math.max( (bounds[1][0] - bounds[0][0]) / this.width, (bounds[1][1] - bounds[0][1]) / this.height ); var xGridDomain = d3.extent(this.worldTile, d => d.x); var yGridDomain = d3.extent(this.worldTile, d => d.y); var xWidth = this.width / (xGridDomain[1] - xGridDomain[0]); var yWidth = this.height / (yGridDomain[1] - yGridDomain[0]); var squareWidth = Math.min(xWidth, yWidth); var xOffset = (this.width - (xGridDomain[1] - xGridDomain[0]) * squareWidth) / 2; var yOffset = (this.height - (yGridDomain[1] - yGridDomain[0]) * squareWidth) / 2; var squarePosition = this.worldTile.reduce((agg, v) => { agg[v.alpha2] = { x: v.x * squareWidth + xOffset, y: v.y * squareWidth + yOffset }; return agg; }, {}); var offset = [ (this.width - scale * (bounds[1][0] + bounds[0][0])) / 2, (this.height - scale * (bounds[1][1] + bounds[0][1])) / 2 ]; // new projection projection = d3 .geoMercator() .scale(scale) .translate(offset); path = path.projection(projection); this.squarePosition = squarePosition; this.squareWidth = squareWidth; this.path = path; this.map .selectAll('path') .data(this.world.features) .enter() .append('path') .attr('d', path) .style('fill', d => dataMapping[d.properties.iso_a2] !== undefined ? colorScale(dataMapping[d.properties.iso_a2]) : '#F0F0F0' ) .style('stroke', 'gray') .style('stroke-width', 1); this.labels .selectAll('text') .data(this.world.features) .enter() .append('text') .text(d => d.properties.iso_a2) .attr( 'x', d => this.squarePosition[d.properties.iso_a2].x + this.squareWidth / 2 ) .attr( 'y', d => this.squarePosition[d.properties.iso_a2].y + this.squareWidth / 2 ) .style('fill', 'black') .style('alignment-baseline', 'central') .style('text-anchor', 'middle') .style('font-size', '10px') .style('font-family', 'Helvetica, Arial, sans-serif') .style('opacity', 0); } switchToSquares() { this.map .selectAll('path') .transition() .duration(3000) .attrTween('d', d => { if (this.squarePosition[d.properties.iso_a2]) { var x = this.squarePosition[d.properties.iso_a2].x; var y = this.squarePosition[d.properties.iso_a2].y; if (d.geometry.type === 'MultiPolygon') { var square = [ [x, y], [x + this.squareWidth, y], [x + this.squareWidth, y + this.squareWidth], [x, y + this.squareWidth], [x, y] ]; var filteredPolygons = d.geometry.coordinates.map(coordinates => this.path({ type: 'Polygon', coordinates: coordinates }) ); return flubber.combine(filteredPolygons, square, { single: true }); } else { return flubber.toRect( this.path(d), x, y, this.squareWidth, this.squareWidth, { maxSegmentLength: 10 } ); } } else { console.log('Unmatched country ' + d.properties.iso_a2); return null; } }) .transition() .duration(0) .attr('d', d => { if (this.squarePosition[d.properties.iso_a2]) { var x = this.squarePosition[d.properties.iso_a2].x; var y = this.squarePosition[d.properties.iso_a2].y; var square = [ [x, y], [x + this.squareWidth, y], [x + this.squareWidth, y + this.squareWidth], [x, y + this.squareWidth], [x, y] ]; return flubber.toPathString(square); } }); this.labels .selectAll('text') .transition() .duration(1000) .delay(2000) .style('opacity', 1); } switchToClassic() { this.map .selectAll('path') .transition() .duration(3000) .attrTween('d', d => { if (this.squarePosition[d.properties.iso_a2]) { var x = this.squarePosition[d.properties.iso_a2].x; var y = this.squarePosition[d.properties.iso_a2].y; if (d.geometry.type === 'MultiPolygon') { var square = [ [x, y], [x + this.squareWidth, y], [x + this.squareWidth, y + this.squareWidth], [x, y + this.squareWidth], [x, y] ]; var filteredPolygons = d.geometry.coordinates.map(coordinates => this.path({ type: 'Polygon', coordinates: coordinates }) ); return flubber.separate(square, filteredPolygons, { single: true }); } else { return flubber.fromRect( x, y, this.squareWidth, this.squareWidth, this.path(d), { maxSegmentLength: 10 } ); } } else { console.log('Unmatched country ' + d.properties.iso_a2); return null; } }); this.labels .selectAll('text') .transition() .duration(300) .style('opacity', 0); } }3f:[{"id":"0ca9148938fe656b24d3cd9474fc7190de67f0c2fa0c6940f93f874da1572341e3691665fd40b708cdd5573317e4b18f96bfc1d3617464cb0dc2d8b607c3bddd","href":"https://static.observableusercontent.com/files/0ca9148938fe656b24d3cd9474fc7190de67f0c2fa0c6940f93f874da1572341e3691665fd40b708cdd5573317e4b18f96bfc1d3617464cb0dc2d8b607c3bddd","name":"world-atlas-110m.json","type":"application/json","lastModified":1592542624353.342,"size":102116},{"id":"200ac63b66db3fd13ac4cbd9cbce45e093d4b6f3b3f417180dab43baa66321735b55893ee593319cb3c008cd2d59df605eee2204f729f6b94623166eb75383f0","href":"https://static.observableusercontent.com/files/200ac63b66db3fd13ac4cbd9cbce45e093d4b6f3b3f417180dab43baa66321735b55893ee593319cb3c008cd2d59df605eee2204f729f6b94623166eb75383f0","name":"country-ids.csv","type":"text/csv","lastModified":1592542624353.342,"size":4347},{"id":"da5d4e572fb7a6264cd8e2416dcd13c5cffc5f8fbd8e3fa3fcdf159ad8894687666d18bb0b75d879f2b6f1b331bf3e6b946ef6cba5b015993f46c6494b87a32b","href":"https://static.observableusercontent.com/files/da5d4e572fb7a6264cd8e2416dcd13c5cffc5f8fbd8e3fa3fcdf159ad8894687666d18bb0b75d879f2b6f1b331bf3e6b946ef6cba5b015993f46c6494b87a32b","name":"data_new.csv","type":"text/csv","lastModified":1592542624353.342,"size":1345483}] 3b:{"id":"5b8391a3055c094a","slug":"projekt-informationsvisualisierung/4","title":"Projekt Informationsvisualisierung:","thumbnail":"559ffefbb2584c5e5126ba517929fbcef1ec7badf3dfe8e39fc9a9620f72142f","access_level":"public","create_time":"$D2020-06-19T04:57:04.353Z","update_time":"$D2020-06-25T15:05:23.378Z","view_time":null,"first_public_time":"$D2020-06-19T05:50:57.441Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"dcf220f50c569efb","login":"itsmeri","name":"itsmeri","avatar_url":"https://avatars-next.observableusercontent.com/3ee9dc462d7cc2c43c487e70ac76533a4c66e98dcae0ece8b392d472fb439ca4","tier":"starter_2024","bio":"","following":false},"version":1303,"publish_version":1303,"role":null,"authored":false,"authors":[{"type":"individual","id":"a8cd06e84904c918","login":"itsmeri","name":"itsmeri","avatar_url":"https://avatars-next.observableusercontent.com/3ee9dc462d7cc2c43c487e70ac76533a4c66e98dcae0ece8b392d472fb439ca4","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"a8cd06e84904c918","login":"itsmeri","name":"itsmeri","avatar_url":"https://avatars-next.observableusercontent.com/3ee9dc462d7cc2c43c487e70ac76533a4c66e98dcae0ece8b392d472fb439ca4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Projekt Informationsvisualisierung:","cells":[{"id":0,"value":"md`# Projekt Informationsvisualisierung:\n# Covid-19`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"md`Unsere Idee für die Visualiserung eines Covid-19 Datensatzes orientiert sich am nachfolgenden Datensatz, der die weltweite Entwick+#lung des Virus pro Land, pro Tag darstellt. Nach einigen Überlegungen zu der passenden Darstellungsform, sind wir auf das folgende Beispiel gestoßen, dass eine Timelapse für das Land Italien zeigt. Angelehnt an diese Variante, möchten wir ein entsprechendes Notebook umsetzen!`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"md`https://data.europa.eu/euodp/de/data/dataset/covid-19-coronavirus-data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"md`## Beispiel `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"md`https://observablehq.com/@jashkenas/italy-coronavirus-daily-cases-map-covid-19`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"md`## Weitere nützliche Links`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"md`Cartographic Visualization: https://observablehq.com/@uwdata/cartographic-visualization`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":190,"value":"md`### Map1`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":800,"value":"dates = Array.from({length: dayOfYear}, (_, i) => {\n const date = new Date(2020, 0, 1);\n date.setDate(i + 1);\n const dateForm = ('0' + date.getDate()).slice(-2) + '/'\n + ('0' + (date.getMonth()+1)).slice(-2) + '/'\n + date.getFullYear();\n return dateForm;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":668,"value":"test_date = date;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":858,"value":"dayOfYear = {\nvar now = new Date();\nvar start = new Date(now.getFullYear(), 0, 0);\nvar diff = (now - start) + ((start.getTimezoneOffset() - now.getTimezoneOffset()) * 60 * 1000);\nvar oneDay = 1000 * 60 * 60 * 24;\nvar day = Math.floor(diff / oneDay);\n\n return (day-1);\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":872,"value":"datesInData = 163","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":801,"value":"viewof date = Scrubber(dates, {\n autoplay: false,\n loop: false,\n format: date => date.toString(),\n delay: 500\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1189,"value":"map.update(mergeData(data_day_cases.filter(x => x.key == date)[0].values))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1209,"value":"mergeData(data_day_cases.filter(x => x.key == date)[0].values)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"//a TopoJSON file containing the geometry collections countries and land(1:110m small scale)\nworldAtlas = FileAttachment(\"world-atlas-110m.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":464,"value":"// code = countryID in worldAtlas\ncountries = d3.csvParse(await FileAttachment(\"country-ids.csv\").text())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":571,"value":"// returns the name of the country by code\nnameByID = y =>\n countries.filter(x => x.code == y)[0] != null\n ? countries.filter(x => x.code == y)[0].name\n : \"\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":682,"value":"getRadius = name =>\n dataWithTotalCases.filter(x => x.key == name)[0] != null\n ? dataWithTotalCases.filter(x => x.key == name)[0].values\n : \"\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":690,"value":"getdataByDate = array_data =>\n array_data\n ? array_data.filter(x => x.dateRep == date)[0] != null\n ? array_data.filter(x => x.dateRep == date)[0].cases\n : \"0\"\n : \"0\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":910,"value":"getTotalCases = array_data =>\n array_data\n ? array_data.filter(x => x.date == date)[0] != null\n ? array_data.filter(x => x.date == date)[0].totalCases\n : \"0\"\n : \"0\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"// transforms latitudes and longitudes on the surface of a sphere into positions on a plane.\nprojection = d3\n .geoNaturalEarth1() //The Natural Earth projection.\n .rotate([0, 0]) // rotate the sphere\n .precision(0.1) // set the precision for the graticule (default 2,5)\n .fitSize([width, height], { type: \"Sphere\" }) //dynamically fitting a d3 topojson map to a resizeable container","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"handleMouseover = el => el.target.classList.add('highlighted')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"handleMouseout = el => el.target.classList.remove('highlighted')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1192,"value":"mergeData = arr_data => {\n let arr = [];\n for (let el of arr_data) {\n let val = {\n key: el.key,\n cases: el.values[0].cases,\n deaths: el.values[0].deaths\n };\n arr.push(val);\n }\n return arr;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":203,"value":"md`### Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":214,"value":"height = width <= 500 ? Math.round(width / 1.3) : Math.round(width / 1.8)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":217,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"topojson = require('topojson')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":458,"value":"//mathematical description of the map\n//topojson feature explanation: https://www.freecodecamp.org/forum/t/d3-topojson-feature-explanation/235396/2\ntopojsonDataSet = topojson.feature(worldAtlas, worldAtlas.objects.countries)\n .features","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"mySvg = (await require(\"htl@0.2\")).svg","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1138,"value":"md`#### Data preparing`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":468,"value":"//import data\nfiledata = d3.csvParse(await FileAttachment(\"data_new.csv\").text())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":491,"value":"countriesValue = d3\n .nest()\n .key(function(d) {\n return d.countriesAndTerritories;\n })\n .entries(filedata)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1006,"value":"calculateTotalCases = (array) => {\n let valuesArray = [];\n let indexOfValuesArray = 0;\n for (let i = array.length -1; i >= 0; i--) {\n let today = array[i];\n \n if (indexOfValuesArray > 0) {\n let valuesObject = {\n date: today.dateRep,\n totalCases: parseInt(today.cases) + parseInt(valuesArray[indexOfValuesArray - 1].totalCases) \n };\n valuesArray[indexOfValuesArray] = valuesObject; \n }\n \n else {\n let valuesObject = {\n date: today.dateRep,\n totalCases: parseInt(today.cases)\n };\n valuesArray[indexOfValuesArray] = valuesObject;\n }\n indexOfValuesArray ++;\n\n \n \n }\n return valuesArray;\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1118,"value":"totalCasesWorld = (array) => {\n let totalCasesWorldArray = [];\n for (let element of array) {\n let valuesObjectWorld = {\n key: element.key,\n values : calculateTotalCases(element.values)\n }; \n totalCasesWorldArray.push(valuesObjectWorld);\n \n}\n return totalCasesWorldArray;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1257,"value":"data_day_cases = d3\n .nest()\n .key(function(d) {\n return d.dateRep;\n })\n .key(function(d) {\n return d.countriesAndTerritories;\n })\n .entries(filedata)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1268,"value":"dates2 = d3\n .nest()\n .key(function(d) {\n return d.key;\n })\n .entries(data_day_cases)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1124,"value":"dataWithTotalCases = totalCasesWorld(countriesValue)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":504,"value":"path = d3.geoPath().projection(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":525,"value":"import { Scrubber } from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"md`# World Tile Grid Map`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"{\n var state = {\n valueAccessor: 'Amount',\n countryCodeType: 'name',\n countryCodeAccessor: 'Country',\n data: countryData,\n view: view ? 'grid' : 'classic'\n };\n return chart.update(state);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"viewof button = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"view = {\n button;\n return !this;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"chart = {\n var chart = new SquareMapChart();\n chart.create(classicalWorld, gridWorld);\n\n return chart;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"$3e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"classicalWorld = d3.json(\n \"https://gist.githubusercontent.com/KarimDouieb/fbd29d80918c0b16aef837680eddb865/raw/0a2243629bf4c95f1853aac2aa6e2ebdda61cd38/world.geo.json\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":248,"value":"gridWorld = d3.json(\n \"https://gist.githubusercontent.com/KarimDouieb/fbd29d80918c0b16aef837680eddb865/raw/0a2243629bf4c95f1853aac2aa6e2ebdda61cd38/worldTileGrid.json\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"countryData = d3.json(\n 'https://gist.githubusercontent.com/KarimDouieb/fbd29d80918c0b16aef837680eddb865/raw/0a2243629bf4c95f1853aac2aa6e2ebdda61cd38/testCountryData.json'\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"flubber = require('https://unpkg.com/flubber')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3f","stdlib":"1"}} 3c:"$3b:body"