45:["$","title",null,{"children":"Boulder Crime as Ridgelines | Jenny Knuth | Observable"}] 4d:[] 49:{"id":"6377d1931a854f6c","slug":"boulder-crime-as-ridgelines","title":"Boulder Crime as Ridgelines","thumbnail":"d3ce20189dd3fe1a0f813d5eea44607a8de000ed1d325391e40ce317493ef8bb","access_level":"public","create_time":"$D2019-01-27T20:31:19.635Z","update_time":"$D2019-02-11T00:23:59.180Z","view_time":null,"first_public_time":"$D2019-01-27T23:52:31.115Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"1e8627e4a40d4906","login":"jennyknuth","name":"Jenny Knuth","avatar_url":"https://avatars-next.observableusercontent.com/8546a6f86f8ee8a3660281630109f05dac6b59fbf41d2b107e42ce0b2e7c4e94","tier":"starter_2024","bio":"developer at CU Laboratory for Atmospheric and Space Physics","following":false},"version":454,"publish_version":454,"role":null,"authored":false,"authors":[{"type":"individual","id":"a3cfa8cd0e2cc9da","login":"jennyknuth","name":"Jenny Knuth","avatar_url":"https://avatars-next.observableusercontent.com/8546a6f86f8ee8a3660281630109f05dac6b59fbf41d2b107e42ce0b2e7c4e94","tier":null,"bio":"developer at CU Laboratory for Atmospheric and Space Physics","following":false}],"members":[{"type":"individual","id":"a3cfa8cd0e2cc9da","login":"jennyknuth","name":"Jenny Knuth","avatar_url":"https://avatars-next.observableusercontent.com/8546a6f86f8ee8a3660281630109f05dac6b59fbf41d2b107e42ce0b2e7c4e94","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Boulder Crime as Ridgelines","cells":[{"id":0,"value":"md`# Boulder Crime as Ridgelines`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"md`## Undulating`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"ridgelines = {\n let svg = d3.select(DOM.svg(width, height));\n \n // add x axis\n svg.append(\"g\")\n .attr(\"class\", \"axis axis--x\")\n .call(xAxis);\n \n // add y axis\n svg.append(\"g\")\n .attr(\"class\", \"axis axis--year\")\n .call(yAxis); \n \n // add year groups\n const ridge = svg.append(\"g\").attr(\"class\", \"years\")\n .selectAll(\".year\")\n .data(yearArrayWithMonthChildren)\n .enter().append(\"g\")\n .attr(\"class\", d => \"year year--\" + d.year)\n .attr(\"transform\", d => `translate(${width * 0.033},${scaleY(d.year) - 2})`);\n \n // add areas\n ridge.append(\"path\")\n .attr(\"class\", \"area\")\n .attr(\"d\", d => area(d.children));\n \n // add lines\n ridge.append(\"path\")\n .attr(\"class\", \"line\")\n .attr(\"d\", d => line(d.children));\n \n // add title texts\n svg.append(\"text\")\n .attr(\"class\", \"text--title\")\n .attr(\"x\", margin.left)\n .attr(\"y\", 50)\n .text(\"Number of Boulder Crimes per Month by Year\")\n return svg.node()\n}\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":245,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":255,"value":"md\n`\n# Acknowledgements\n- Michael Otis—Edmonton - 311 Requests - Ridgeline Plot\n- Boulder Open Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"md`## Variables Used`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"overlap = 3","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"height = yearArray.length * 90 - 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":26,"value":"margin = ({top: 250, right: 100, bottom: 40, left: 100})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"crimes = d3.json(\"https://opendata.arcgis.com/datasets/fa19e19360e74c15a5ebe8b65cf523ad_0.geojson\")\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"data = crimes.features\n .sort((x, y) => d3.ascending(dateToNumber(x.properties.REPORTDATE), dateToNumber(y.properties.REPORTDATE)))\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"numberOfCrimesByYear = d3array.group(crimes.features, d => d.properties.REPORTDATE.slice(0, 4))\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"yearArray = Array.from(numberOfCrimesByYear).map((item => {\n return item[0];\n })).sort((x,y)=>d3.ascending(x*1, y*1));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":173,"value":"monthArray = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"numberOfCrimesByYearAndMonth = d3array.group(crimes.features, d => d.properties.REPORTDATE.slice(0, 7))\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":405,"value":"currentMonth = new Date().getFullYear() + '-' + ('0' + (new Date().getMonth()+1)).slice(-2)\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":423,"value":"// remove current month because it is not complete\ndelete numberOfCrimesByYearAndMonth[currentMonth]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"// remove current month because it is not complete\nnumberOfCrimesByYearAndMonth","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"allMonths = Array.from(numberOfCrimesByYearAndMonth)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"yearWithMonthChildren = Array.from(numberOfCrimesByYearAndMonth).reduce((aggregator, month) => {\n console.log(month)\n if (!aggregator[month[0].slice(0,4)]) {\n aggregator[month[0].slice(0,4)] = \n {children: [{\n name: monthName(month[0].slice(5,7)),\n value: month[1].length\n }]\n }\n } else {\n aggregator[month[0].slice(0,4)].children.push({\n name: monthName(month[0].slice(5,7)),\n value: month[1].length\n })\n }\n\n \n return aggregator;\n}, {})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"yearArrayWithMonthChildren = yearArray.map(year => {\n return {year: year, children: yearWithMonthChildren[year].children.sort((x,y) => d3.ascending(monthArray.indexOf(x.name), monthArray.indexOf(y.name)))}\n}).reverse();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"allValues = yearArrayWithMonthChildren.map(d => { return d.children.map(d => d.value); })\n .reduce((acc, curVal) => acc.concat(curVal), [])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":372,"value":"extent = d3.extent(allValues)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"monthName = (value) => {\n const monthMap = {\n \"01\": \"Jan\",\n \"02\": \"Feb\",\n \"03\": \"Mar\",\n \"04\": \"Apr\",\n \"05\": \"May\",\n \"06\": \"Jun\",\n \"07\": \"Jul\",\n \"08\": \"Aug\",\n \"09\": \"Sep\",\n \"10\": \"Oct\",\n \"11\": \"Nov\",\n \"12\": \"Dec\",\n }\n return monthMap[value];\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"dateToNumber = date => toTimestamp(fromReportDate(date)) * 1\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"fromReportDate = d3.timeParse(\"%Y-%m-%dT%H:%M:%S.%fZ\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"toTimestamp = d3.timeFormat(\"%Q\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"scaleX = d3.scalePoint()\n .domain(monthArray)\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":88,"value":"scaleY = d3.scalePoint()\n .domain(yearArray)\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"scaleZ = d3.scaleLinear()\n .domain(d3.extent(allValues)).nice()\n .range([0, -overlap * (scaleY.step() + 10)])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"xAxis = g => g\n .attr(\"transform\", `translate(32,${height - margin.bottom})`)\n .call(d3.axisBottom(scaleX)\n .ticks(width / 80)\n .tickSizeOuter(0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left + (width * 0.020)},0)`)\n .call(d3.axisLeft(scaleY).tickSize(0).tickPadding(4))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"x\", 3)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\"))\n // .text(data.y))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"area = d3.area()\n .curve(d3.curveBasis)\n .defined(d => !isNaN(d.value))\n .x(d => {\n return scaleX(d.name)\n })\n .y0(0)\n .y1(d => scaleZ(d.value))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"line = area.lineY1()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":249,"value":"md`## Styles`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"html`\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":251,"value":"html`