2e:null 2f:["$","title",null,{"children":"D3 com Crossfilter, DC.js Leaflet | neanderdanubio26827 | Observable"}] 34:T7df,buildvis = { let view = md`${container()}` let magBarChart = dc.barChart(view.querySelector("#magnitude-chart")) let timeLineChart = dc.lineChart(view.querySelector("#time-chart")) let depthBarChart = dc.barChart(view.querySelector("#depth-chart")) let tableChart = dc.dataTable(view.querySelector("#dc-table-graph")) magBarChart.width(360) .height(200) .margins({top:10,right:20,bottom:20,left:30}) .dimension(magDimension) .group(magDimensionCount) .gap(220) .x(magScale) .elasticY(true) .centerBar(true) .renderHorizontalGridLines(true) depthBarChart.width(500) .height(200) .margins({top:10,right:10,bottom:20,left:30}) .dimension(depthDimension) .group(depthDimensionCount) .x(depthScale) .elasticY(true) .centerBar(true) .renderHorizontalGridLines(true) tableChart.width(width) .height(800) .dimension(dateDimension) .group(d=>"List of all Earthquake corresponding to the filters") .size(5) .columns([ 'dtg', { label: "Magnitude", format: d=>format(d.magnitude) }, 'depth', 'latitude', 'longitude']) .sortBy(d=>d.dtg) .order(d3.ascending) timeLineChart.width(800) .height(150) .margins({top:10,right:10,bottom:20,left:30}) .dimension(hourDimension) .group(hourDimensionCount) .x(hourScale) .renderArea(false) .brushOn(false) dc.renderAll() return view }35:T412,function container() { return `

Earthquakes in New Zealand

Number of Events by Magnitude

Events by Depth (km)

Events per hour

DTG	Magnitude	Depth	Latitude	Longitude

Earthquake data via Geonet.

` }36:[] 32:{"id":"768a1ad890549f25","slug":"d3-com-crossfilter-dc-js-leaflet","title":"D3 com Crossfilter, DC.js Leaflet","thumbnail":"e39fc7ce8b95e339b1b6f6901dc9b826c2f1aaadfaf56332c7713e36e76d3016","access_level":"public","create_time":"$D2021-02-12T12:23:14.726Z","update_time":"$D2021-02-12T18:50:24.400Z","view_time":null,"first_public_time":"$D2021-02-12T13:58:17.325Z","has_unpublished_edits":null,"fork":{"id":"f6e0b47d5b15a662","slug":"d3-com-crossfilter-e-dc-js-parte-2","title":"D3 com Crossfilter e DC.js (Parte 2)","owner":{"id":"329423c5b4c90826","login":"neanderdanubio26827","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"329423c5b4c90826","login":"neanderdanubio26827","name":"","avatar_url":"https://avatars-next.observableusercontent.com/b4b33f7f6e927457bcd09f4202f1ea6664365152b9bbf3089f522fb68a56f1dd","tier":"starter_2024"},"version":297,"publish_version":297,"role":null,"authored":false,"authors":[{"type":"individual","id":"6798523e25d519f5","login":"neanderdanubio26827","name":"","avatar_url":"https://avatars-next.observableusercontent.com/b4b33f7f6e927457bcd09f4202f1ea6664365152b9bbf3089f522fb68a56f1dd","tier":null}],"members":[{"type":"individual","id":"6798523e25d519f5","login":"neanderdanubio26827","name":"","avatar_url":"https://avatars-next.observableusercontent.com/b4b33f7f6e927457bcd09f4202f1ea6664365152b9bbf3089f522fb68a56f1dd","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"D3 com Crossfilter, DC.js Leaflet","cells":[{"id":0,"value":"md`# D3 com Crossfilter, DC.js Leaflet`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"dataset = d3.csv('https://gist.githubusercontent.com/emanueles/301057974a02cf8446e42c1e46c9c742/raw/0ed6d119afbc5eeddc7f763d3708fc1829d22c9f/earthquakes.csv').then(function(data){\n let parseDate = d3.utcParse(\"%Y-%m-%dT%H:%M:%S\");\n data.forEach(function(d){\n d.dtg = parseDate(d.origintime.substr(0,19))\n d.magnitude = +d.magnitude;\n d.depth = Math.round(+d.depth); \n });\n return data;\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"format = d3.format(\".1f\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"facts = crossfilter(dataset)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"dateDimension = facts.dimension(d=>d.dtg)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":139,"value":"magDimension = facts.dimension(d=>Math.round((d.magnitude + Number.EPSILON)*10)/10)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"magDimensionCount = magDimension.group()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"hourDimension = facts.dimension(d=>d3.timeHour(d.dtg))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"hourDimensionCount = hourDimension.group()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"magScale = d3.scaleLinear()\n .domain([0,((magDimension.top(1)[0].magnitude+Number.EPSILON)*10)/10])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"depthDimension = facts.dimension(d=>d.depth)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"depthDimensionCount = depthDimension.group()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"depthScale = d3.scaleLinear()\n .domain([0,depthDimension.top(1)[0].depth])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"hourScale = d3.scaleTime()\n .domain(d3.extent(dataset,d=>d.dtg))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":223,"value":"map = {\n buildvis;\n let mapInstance = L.map('mapid').setView([-41.05,172.93],5)\n L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',{\n attribution: '© OpenStreetMap contributors' ,\n maxZoom: 17\n }).addTo(mapInstance)\n return mapInstance\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"circles = {\n circlesLayer.clearLayers()\n dataset.forEach( function(d) {\n let circle = L.circle([d.latitude, d.longitude],d.magnitude*5000,{ \n color: '#fd8d3c', \n weight: 2, \n fillColor: '#fecc5c',\n fillOpacity: 0.5, \n });\n circle.bindPopup(\"Magnitude:\"+ format(d.magnitude) +\"
\"+\"Time:\"+d.dtg) \n circlesLayer.addLayer(circle)\n \n })\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":228,"value":"circlesLayer = L.layerGroup().addTo(map)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"html`css \n \n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"dc = require('dc')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"crossfilter = require('crossfilter2')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"d3 = require('d3')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"$$ = require('jquery').then(jquery => {\n window.jquery = jquery;\n return require('popper@1.0.1/index.js').catch(() => jquery);\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"bootstrap = require('bootstrap')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"L = require('leaflet@1.6.0')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"