45:["$","title",null,{"children":"Perú Earthquakes (1960 - 2024) | Carlos Leon | Observable"}] 4d:T882,function circleLegend (data, { svg = null, // pass in a d3 selection domain = [0, 100], // the values min and max range = [0, 80], // the circle area/size mapping width = range[1] * 2, height = range[1] * 2, suffix ='', // ability to pass in a suffix textPadding = 30, fontSize = 11, scale, lineWidthMagnitude = 8, title = "Magnitude", } = {}) { svg.selectAll('g').remove() const maxData = d3.max(data) const sel = svg.append('g') .attr('class', 'cl-wrap') // push down to radius of largest circle .attr('transform', 'translate(0, 20)'); // 0,' + scale(maxData) + ')' // set the title legend sel .append("text") .text(title) .attr("transform", `translate(80, 0)`) // ${height} - ${scale(maxData) `translate(0, -90)` .attr("text-anchor", "start") .attr("font-weight", "bold") .style('font-size', fontSize) // append the values for circles sel.append('g') .attr('class', 'cl-circle-wrap') //.attr('transform', 'translate(200, 200') .selectAll('circle') .data(data) .join('circle') .attr('r', d => scale(d)) .attr('cx', width/2) .attr('cy', d => height - scale(d)) // - margin.bottom .style('fill', 'none') .style('stroke', 'black') .attr('stroke-width', d => d >= lineWidthMagnitude ? 1.5 : 0.7) .style('opacity', 0.8) // append some lines based on values /*sel.append('g') .attr('class', 'cl-line-wrap') .selectAll('line') .data(data) .join('line') .attr('x1', width) .attr('x2', width + scale(domain[1]) + 10) .attr('y1', d => height - 2 * scale(d)) // - scale(d) .attr('y2', d => height - 2 * scale(d)) .style('stroke', 'black') .style('stroke-dasharray', ('2,2'))*/ // append the labels sel.append('g') .attr('class', 'cl-text-wrap') .selectAll('text') .data(data) .join('text') .attr('x', width/2 + 3) .attr('y', d => height - 2 * scale(d) - 3) .attr('shape-rendering', 'crispEdges') .style('text-anchor', 'end') .style('fill', 'black') .style('font-size', fontSize) .text(d => d + suffix) return sel.node() }4e:Tbbd,function mapChart(data, { svg, projection, feature, border, colorScale, radiusScale, colorBy, radiusBy, thresholdBigMagnitude = 8, thresholdMidMagnitude = 7.8 } = {}) { const path = d3.geoPath(projection) /* const svg = d3.create('svg') .attr('viewBox', `0, 0, ${width}, ${height}`)*/ // add map const innerChart = svg .append('g') .attr('transform', `translate(0, 0)`) .attr('class', 'map') innerChart .append('g') .attr('class', 'map-features') .selectAll('path') .data(feature.features) .join('path') // enter().append('path') .attr('d', path) .attr('fill', '#ddd') innerChart .append('g') .attr('class', 'map-borders') .selectAll('path') .data(border.features) .join('path') .attr('d', path) .attr('fill', 'none') .attr('stroke', 'gray') .attr('stroke-width', 0.25) .attr('stroke-linejoin', 'round') .attr('pointer-events', 'none') // Add data let circleG = innerChart .append('g') .attr('class', 'map-data') .selectAll(null) .data(data, d => d.eventId) .join('g') .attr('transform', d => { return "translate(" + projection(d.geometry.coordinates) + ")" }) // add circles circleG .append('circle') .attr('stroke', 'black') .attr('fill-opacity', 0.8) .attr('stroke-width', d => d.magnitude >= thresholdBigMagnitude ? 2 : 0.3) // .attr('fill', d => colorScale(d[colorBy])) // .attr("r", d => radiusScale(d[radiusBy])) // // add text const textCircles = circleG .append('text') .attr('text-anchor', "end") .style("font-size", "15px") .attr("x", 0) .attr('y', 0) .attr('stroke-width', 0.25) .attr('text-anchor', 'middle') .attr('stroke', d => { return d.magnitude >= thresholdBigMagnitude ? 'black' : d.magnitude >= thresholdMidMagnitude ? '#f0f0f0' : null}) textCircles .append('tspan') .attr('y', d => - (radiusScale(d[radiusBy]) + 20)) .text(d => { const title = `M${format(d[radiusBy])}, ${d.year}` return d.magnitude >= thresholdMidMagnitude ? title : null }) textCircles .append('tspan') //.attr('text-anchor', 'middle') .attr('x', d => { const title = `${d.description}, ${d.department}` return - (title.length - 10) }) .attr('y', d => - (radiusScale(d[radiusBy]) + 5)) .text(d => { const title = `${d.description}, ${d.department}` return d.magnitude >= thresholdMidMagnitude ? title : null }) // add lines guides /*circleG.append('line') .attr('stroke', d => { return d.magnitude >= thresholdBigMagnitude ? 'black' : d.magnitude >= thresholdMidMagnitude ? 'gray' : null}) .attr('x1', 0) .attr('y1', 0) .attr('x2', -40) .attr('y2', -30)*/ return svg.node() }4f:[{"id":"15846cabca5e15694be377e6fd93c54696d4fb55065b47d16084ef01cc0735d5459c376ec9739be4ed830e21a9837411f9c2000f1ac816de00a5e6376ab99435","href":"https://static.observableusercontent.com/files/15846cabca5e15694be377e6fd93c54696d4fb55065b47d16084ef01cc0735d5459c376ec9739be4ed830e21a9837411f9c2000f1ac816de00a5e6376ab99435","name":"output@1.csv","type":"text/csv","lastModified":1711588818508.807,"size":3737478}] 49:{"id":"4f6d621357a8327c","slug":"peru-earthquakes-1960-2024","title":"Perú Earthquakes (1960 - 2024)","thumbnail":"f3629af07f70d97296c94eb6fc816a334386f7ebbec13db178af9f23eab4d267","access_level":"public","create_time":"$D2024-02-19T14:06:01.443Z","update_time":"$D2024-04-30T15:25:49.358Z","view_time":null,"first_public_time":"$D2024-03-16T14:42:33.247Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"490e7e0672a8f34a","login":"ccalobeto","name":"Carlos Leon","avatar_url":"https://avatars-next.observableusercontent.com/91b65313e71d8ba6cbf83ebb2b120dd2b3ad2c994afa491213201d652427923c","tier":"starter_2024","bio":"Engineer & data visualization lover | Tae Bo Enthusiast","followed_by_you":false,"follows_you":false},"version":5315,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"dcafb1b6644a8536","login":"ccalobeto","name":"calobeto","avatar_url":"https://avatars-next.observableusercontent.com/372381563b9a093ef65ea66c839c4b7504da532b5c9a533873fb8b04643d6244","tier":null,"bio":"Data Analytics Engineer\nTransforming raw data into actionable insights.","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"dcafb1b6644a8536","login":"ccalobeto","name":"calobeto","avatar_url":"https://avatars-next.observableusercontent.com/372381563b9a093ef65ea66c839c4b7504da532b5c9a533873fb8b04643d6244","tier":null,"role":"editor"},{"type":"team","id":"490e7e0672a8f34a","login":"ccalobeto","name":"Carlos Leon","avatar_url":"https://avatars-next.observableusercontent.com/91b65313e71d8ba6cbf83ebb2b120dd2b3ad2c994afa491213201d652427923c","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Perú Earthquakes (1960 - 2024)","cells":[{"id":0,"value":"# Perú Earthquakes (1960 - 2024)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":915,"value":"## Prepare data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1788,"value":"// https://www.nytimes.com/interactive/2024/01/01/world/asia/japan-earthquake-map.html\n// source https://ultimosismo.igp.gob.pe/descargar-datos-sismicos","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2820,"value":"magnitude = 5.5","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2613,"value":"rawData = await FileAttachment(\"output@1.csv\").csv().then(d => {\n return d.map(d => ({\n eventId: + d.eventId,\n utcDate: d.utcDate,\n geometry: {\n type: \"Point\",\n coordinates: [+ d.lon, + d.lat]\n },\n depth: + d.depth,\n magnitude: + d.magnitude,\n year: + d.year,\n type: d.type,\n id: d.id, \n distanceFromCoast: + d.distanceFromCoast, \n department: d.department, \n description: d.description, \n })).sort((a, b) => a.utcDate - b.utcDate)\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2752,"value":"data = {\n const magnitude = 5.5\n return rawData.filter(d => d.type === \"Instrumental\" && d.magnitude >= magnitude)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2634,"value":"dataHist = {\n const magnitude = 1\n return rawData.filter(d => d.type === \"Historical\" && d.magnitude >= magnitude)\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4330,"value":"dataHist[0].utcDate","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5302,"value":"data.filter(d => d.eventId == 23752)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"// poner huaral como comparación 2024-02-16 M5.4 (hora UTC)\ndataRecent = {\n return rawData.filter(d => d.eventId === 23740).map(k => ({\n ...k,\n type: \"Recent\"\n }))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1019,"value":"//index = d3.rollup(data, ([d]) => +d.magnitude, d => d.id, d => d.utcDate2)\n//positions = new Map(d3.groups(data, d => d.id).map(([id, [d]]) => [id, [d.lon, d.lat]]).filter(([, position]) => position))\n//names = new Map(d3.groups(data, d => d.id).map(([id, [d]]) => [id, `${d.levelName4}, ${d.levelName3}`]))\n//dates = Array.from(d3.group(data, d => d.utcDate2).keys())\n//frames = new Map(d3.pairs(dates, (a, b) => [b, Array.from(index, ([id, data]) => [id, Math.max(0, (data.get(b) || 0) - (data.get(a) || 0), 0)])]))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":919,"value":"## Prepare Map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"pe = d3.json(\"https://cdn.jsdelivr.net/npm/latam-atlas@0.0.4/files/peru-100k.json\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"features = topojson.feature(pe, pe.objects.level2)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1099,"value":"districts = topojson.feature(pe, pe.objects.level4)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1140,"value":"provinces = topojson.feature(pe, pe.objects.level3)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1770,"value":"departments = topojson.feature(pe, pe.objects.level2)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"borders = topojson.mesh(pe, pe.objects.level4, (a, b) => a == b)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":840,"value":"segmentation = ([\n {depth: 70, color: \"#efedf5\"},\n {depth: 300, color: \"#bcbddc\"},\n {depth: 700, color: \"#756bb1\"},\n])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1233,"value":"/*quakeDepthCategory = {\n return d3.scaleThreshold()\n .domain(segmentation.map(d => d.magnitude))\n .range(segmentation.map(d => d.category))\n}*/","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1231,"value":"depthScale = d3.scaleThreshold()\n .domain(segmentation.map(d => d.depth))\n .range(segmentation.map(d => d.color))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4234,"value":"depthScale(69.999)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4249,"value":"depthScale_ = d3.scaleThreshold()\n .domain(segmentation.map(d => d.depth))\n .range(segmentation.map(d => d.color))\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4251,"value":"depthScale_(60.99)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2834,"value":"maxRadius = 1000","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4456,"value":"// Mw moment magnitude\n// M6 is 31.62 times M5. For visualization purpuses we took 10, related of an increase of amplitude between each scale.\nfunction powerScale(\n magnitude,\n timesPerScale = 30,\n maxMagnitude = 10,\n) {\n const maxPower = Math.pow(timesPerScale, maxMagnitude)\n const scaler = d3.scaleSqrt().domain([0, maxPower]).range([0, maxRadius])\n return scaler(Math.pow(timesPerScale, magnitude))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4817,"value":"Math.pow(powerScale(7), 2) / Math.pow(powerScale(7-1), 2)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5314,"value":"powerScale(9)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5307,"value":"powerScale(10)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2880,"value":"// Barranca, Casma, Ocoña, Pisco\nnanData = data.filter(d => d.magnitude >= 7.8)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4331,"value":"viewof layout = {\n const form = Inputs.radio(\n new Map([\"stacked\", \"grouped\"].map((t) => [`${t[0].toUpperCase()}${t.slice(1)}`, t])),\n {value: \"stacked\"}\n );\n const interval = setInterval(() => {\n form.value = form.value === \"grouped\" ? \"stacked\" : \"grouped\";\n form.dispatchEvent(new CustomEvent(\"input\"));\n }, 2000);\n form.oninput = (event) => event.isTrusted && clearInterval(interval);\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4333,"value":"layout","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1011,"value":"## Showing Earthquakes (1960 - 2024) more than M${magnitude}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2128,"value":"// use a cell reference so observable waits for the dom before render.\nsvgCell = {\n return html` \n \n`}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5247,"value":"html ``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5245,"value":"html `One,\n Two,\n Three!\n \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5191,"value":"atico = data.filter(d => d.magnitude > 8)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5181,"value":"typeof(svgCell)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1655,"value":"peruMap = mapChart(data, {\n svg: d3.select(svgCell).select('.map'),\n projection: projection, \n feature: features, \n border: departments, \n colorScale: depthScale, \n radiusScale: powerScale, \n colorBy: \"depth\", \n radiusBy: \"magnitude\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4874,"value":"circleLegendArray = [7, 8, 9]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2125,"value":"circleLegend(circleLegendArray, { // pass in array of values (e.g. min,mean/median & max)\n // overide defaults\n svg: d3.select(svgCell).select('g.legendcl'),\n domain: [0, 9],\n range: [0, 190], // 190 pixel is 9 earthquake\n scale: powerScale,\n title: \"Magnitude (M)\",\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2505,"value":"barLegend({ // pass in array of values (e.g. min,mean/median & max)\n // overide defaults\n svg: d3.select(svgCell).select('g.legendbar'),\n domain: segmentation.map(d => d.depth),\n range: segmentation.map(d => d.color),\n title: \"Depth (Km)\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2823,"value":"## Showing Earthquakes (1470 - 1959) more than M7.0","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":923,"value":"## Custom Functions & Parameters","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2476,"value":"function barLegend({\n svg = null, // pass in a d3 selection\n domain = [0, 100], // the values min and max\n range = [0, 80], // the circle area/size mapping\n title,\n} = {}) {\n \n const theLegend = Legend(d3.scaleThreshold(domain, \n range), {\n title: title,\n tickSize: 0,\n width: 200\n })\n\n svg.append(\"g\")\n .attr('class', 'bar-wrap')\n .attr(\"transform\", `translate(5, 20)`)\n .append(() => theLegend);\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2123,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1083,"value":"$4e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5260,"value":"data","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1544,"value":"format = d3.format(\".1f\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":481,"value":"projection = {\n const scale = 2000\n //return d3.geoMercator().scale(scale).translate([3/2 * scale, 30])\n return d3.geoIdentity().reflectY(true).fitSize([innerWidth, innerHeight], features)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"// Setup the svg element size and margins\nmargin = ({top: 50, right: 50, bottom: 50, left: 50})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2309,"value":"innerWidth = width - margin.left - margin.right","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2311,"value":"innerHeight = height - margin.top - margin.bottom","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"//width = 900","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3634,"value":"width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"height = 4/3 * width","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":925,"value":"### style","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":305,"value":"/*html`\n\n`*/","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":910,"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":983,"value":"## test date functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5272,"value":"array = [{ id: 1, value: 'a' }, { id: 2, value: 'b' }]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5275,"value":"newArray = array.map(obj => {\n if (obj.id === 1) {\n return { ...obj, value: 'c' };\n }\n return obj;\n});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5278,"value":"piscoEqId = data.filter(d => d.magnitude >= 7.8 && d.year === 2007)[0].eventId","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5286,"value":"data_ = data.map(obj => {\n if (obj.eventId === piscoEqId) {\n return {\n ...obj,\n distanceFromCoast: '40',\n department: 'Ica',\n description: 'Pisco'\n }\n }\n return obj\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5288,"value":"data_.filter(d => d.even)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":691,"value":"// // 2023-12-07 16:23:44 (UTC) // 1701966224580\n// testing\n{\n const testh = \"2023-12-07\" + \" \" + \"16:23:44.00\".slice(0, 8) + \" -0500\"\n const parseUtc = d3.utcParse(\"%Y-%m-%d %H:%M:%S %Z\")\n return parseUtc(testh).getTime()\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"// A day in miliseconds\n{ \n const dateObj = new Date();\n return dateObj.setDate(dateObj.getDate()) - dateObj.setDate(dateObj.getDate()-1)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":950,"value":"## Other tests","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":953,"value":"// how to replace \"/\" with \"-\"\n{ const s = \"20/05/1973\"\n return s.replace(/[/]/g, x => ({\"/\": \"-\"})[x])\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3308,"value":"array2 = [\n { id: 1, name: \"-\" },\n { id: 2, name: \"7.4\" },\n { id: 4, name: \"7.1\" },\n { id: 5, name: \"5.1\" },\n // ... more objects\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3311,"value":"// replace(/[-]/g, x => ({\"-\": \"\"})[x])\narray2.map(obj => {\n return { \n ...obj,\n name2: obj.name.includes(\"-\") ? obj.name.replace(/[-]/g, \"\") : obj.name // Replace \"-\" with \"_\"\n };\n}).map(d => {\n return {\n ...d,\n name2: +d.name2, \n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4518,"value":"powerScale(test)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1927,"value":"test = 9","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5009,"value":"circleSvgW = innerCircleWidth + margin.left + margin.right","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5018,"value":"circleSvgH = innerCircleHeight + margin.top + margin.bottom","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5029,"value":"innerCircleWidth = 4 * powerScale(9)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5031,"value":"innerCircleHeight = 2 * powerScale(9)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5006,"value":"{return html``}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3987,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2393,"value":"import {Legend, Swatches} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3641,"value":"import { rewind } from \"@fil/rewind\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4f","stdlib":"1"}} 44:null