25:["$","title",null,{"children":"TEST2 | yingx110 | Observable"}] 4c:T6b8,chart = { const svg = d3.select(DOM.svg(w, h)) const dayLabels = svg.selectAll(".dayLabel") .data(days) .enter().append("text") .text(function (d) { return d; }) .attr("x", 0) .attr("y", function (d, i) { return i * gridSize; }) .attr("font-size", "9pt") .attr("fill", "#aaa") .attr("transform", "translate(0," + (margin.left+ gridSize / 1.5) + ")") .attr("class", "dayLabel mono axis"); const weekLabels = svg.selectAll(".weekLabel") .data(weeks) .enter().append("text") .text(function(d) { return d; }) .attr("x", function(d, i) { return gridSize1/2 + i * gridSize1; }) .attr("y", 0) .style("text-anchor", "middle") .attr("transform", "translate(" + (80 + gridSize / 2) + ", 12)") .attr("class", "timeLabel mono axis"); const cards = svg.selectAll(".hour") .data(data1, function(d) {return d.Day_num+':'+d.Hour_num;}); const cardsEnter = cards.enter().append("rect") .attr("x", function(d) { return (d.Day_num) * gridSize1; }) .attr("y", function(d) { return (d.Hour_num) * gridSize; }) .attr("transform", "translate(0,20)") .attr("rx", 4) .attr("ry", 4) .attr("class", "hour bordered") .attr("width", gridSize1) .attr("height", gridSize) .attr("fill", d => color(d.Crime_Count)) cardsEnter.append("title"); cardsEnter.select("title").text(function(d) { return d.Crime_Count; }); return svg.node(); }4d:[{"id":"78b28277a8d900e43ae5ffab19c28a21a0a8bdd5ce5dcea7800aa1254714722591c4ac8fda5673f92d98f2edd6efaf08642417c48a67a6174de8b6f4214d9efc","href":"https://static.observableusercontent.com/files/78b28277a8d900e43ae5ffab19c28a21a0a8bdd5ce5dcea7800aa1254714722591c4ac8fda5673f92d98f2edd6efaf08642417c48a67a6174de8b6f4214d9efc","name":"CountMon.csv","type":"text/csv","lastModified":1638498626835.061,"size":810167},{"id":"c1469e1af4e8a57748cecd50c9964c8866d5fa02b1dff53089128a65ad90afe7f32c9a2103ff8f81de5329b3bf543a2c640888700ab041732a475463a0b3c367","href":"https://static.observableusercontent.com/files/c1469e1af4e8a57748cecd50c9964c8866d5fa02b1dff53089128a65ad90afe7f32c9a2103ff8f81de5329b3bf543a2c640888700ab041732a475463a0b3c367","name":"test@1.csv","type":"text/csv","lastModified":1638299026778.194,"size":18477},{"id":"04baae51f9711850611045e492483d2f5fe930157537f4337476eaafd9e52c022bf301920fe0bc6905f14e6b73415945536679ed7b8576d282e3af81ae670583","href":"https://static.observableusercontent.com/files/04baae51f9711850611045e492483d2f5fe930157537f4337476eaafd9e52c022bf301920fe0bc6905f14e6b73415945536679ed7b8576d282e3af81ae670583","name":"CrimeDayHour.csv","type":"text/csv","lastModified":1638458115839.78,"size":4252}] 48:{"id":"89162a6809751a37","slug":"cse-5544","title":"TEST2","thumbnail":"0489ab6e99ca13bca0e5109356962f5cf3b8e0faa13acac1048d2e893557e8e7","access_level":"public","create_time":"$D2021-11-29T05:25:14.810Z","update_time":"$D2021-12-06T01:26:07.843Z","view_time":null,"first_public_time":"$D2021-12-06T01:23:21.873Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"c754d5b7b746a9cc","login":"yingx110","name":"","avatar_url":"https://avatars-next.observableusercontent.com/f563628d24fed64acb59776ce2f0bb4bb50764c6ff20282ecd0af275e9279537","tier":"starter_2024","bio":"","following":false},"version":200,"publish_version":200,"role":null,"authored":false,"authors":[{"type":"individual","id":"0d5814b635217bbf","login":"yingx110","name":"","avatar_url":"https://avatars-next.observableusercontent.com/f563628d24fed64acb59776ce2f0bb4bb50764c6ff20282ecd0af275e9279537","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"0d5814b635217bbf","login":"yingx110","name":"","avatar_url":"https://avatars-next.observableusercontent.com/f563628d24fed64acb59776ce2f0bb4bb50764c6ff20282ecd0af275e9279537","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":5,"collection":null,"type":"notebook","body":{"titling":"auto","title":"TEST2","cells":[{"id":0,"value":"# TEST2","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":177,"value":"viewof c = rangeSlider(dt,d=>d.Date)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"//d3.count(c.data, d => d.Count)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"mapContainer = html `

\n total:? \n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"# Slider ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":174,"value":"dt = FileAttachment(\"CountMon.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"dt.forEach(function(d){\n d.Date = parseTime(d.Date)\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"parseTime = d3.timeParse(\"%m/%d/%Y\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"import {rangeSlider} from \"@bumbeishvili/utils\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"# Calender","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":124,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"data1 = FileAttachment(\"CrimeDayHour.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"color = {\n const max = d3.quantile(data1.map(d => Math.abs(d.Crime_Count)).sort(d3.ascending), 2);\n const min = d3.quantile(data1.map(d => Math.abs(d.Crime_Count)).sort(d3.descending), 2);\n return d3.scaleSequential(d3.interpolateOrRd).domain([min, max]);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"w = width - 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":103,"value":"h = (days.length * gridSize) + margin.top + margin.bottom","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"gridSize = Math.floor(w / 30)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"gridSize1 = Math.floor(w / weeks.length - 20)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"nested_data_days = d3.nest()\n \t\t\t\t\t\t\t\t.key( d => d.Hour_name)\n \t\t\t\t\t\t\t\t.rollup(leaves => leaves.length)\n \t\t\t\t\t\t\t\t.entries(data1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"nested_data_week = d3.nest()\n \t\t\t\t\t\t\t\t.key(d => d.Day_name)\n \t\t\t\t\t\t\t\t.rollup(leaves => leaves.length)\n \t\t\t\t\t\t\t\t.entries(data1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"margin = ({ top: 20, right: 20, bottom:20, left: 20 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"weeks = [\"Sunday\",\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"days = nested_data_days.map(d => d.key)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"# Map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":17,"value":"deckgl = {\n return new deck.DeckGL({\n container: mapContainer,\n map: mapboxgl,\n mapboxAccessToken: 'pk.eyJ1IjoiZGF0YXBpeHkiLCJhIjoiY2tnM3ZhZWJjMDE1ajJxbGY1eTNlemduciJ9.YZ9CJEza0hvAQmTRBhubmQ',\n mapStyle: 'https://api.maptiler.com/maps/toner/style.json?key=bMizIsuAeRiZikCLHO9q',\n //mapStyle: 'https://api.maptiler.com/maps/streets/style.json?key=16w5shr5tFdXZDtfZGGN',\n latitude: 40.0067, \n longitude: -83.0305,\n zoom: 12,\n minZoom: 8,\n maxZoom: 15,\n pitch: 30\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"heatmap = {\n const hexagonLayer = new deck.HexagonLayer({\n id: 'heatmap',\n colorRange,\n data,\n elevationRange: [0, 1],\n elevationScale: 20,\n extruded: true,\n getPosition: d => [d.lng, d.lat],\n opacity: .2,\n radius: 200,\n coverage: 0.6,\n lightSettings,\n pickable: true,\n autoHighlight: true,\n });\n deckgl.setProps({layers: [hexagonLayer]});\n return hexagonLayer;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"# -------------","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":46,"value":"colorRange = {\n return [\n [1, 152, 189],\n [73, 227, 206],\n [216, 254, 181],\n [254, 237, 177],\n [254, 173, 84],\n [209, 55, 78]\n ];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"# -------------","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":3,"value":"mapboxgl = require('mapbox-gl@~0.49/dist/mapbox-gl.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"html `\nmapbox-gl.css`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"deck = require('deck.gl@~5.2.0/deckgl.min.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"lightSettings = {\n return {\n lightsPosition: [-0.144528, 49.739968, 8000, -3.807751, 54.104682, 8000],\n ambientRatio: 0.4,\n diffuseRatio: 0.6,\n specularRatio: 0.2,\n lightsStrength: [0.8, 0.0, 0.8, 0.0],\n numberOfLights: 2\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"data = FileAttachment(\"test@1.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 24:null