25:["$","title",null,{"children":"Boulder Crime and Location | Jenny Knuth | Observable"}] 4c:T43c,md`Crime impacts the entire community. Like a growing bruise, this map shows the location of every crime reported in Boulder, CO, since January 1, 2008. With more than 30,000 reports in just over a decade, the amount of data is unreadable. To find more manageable patterns and associations, explore the data by selecting from the 15 different types of crimes reported and the years available. For example, are burglaries clustered in any particular areas? Does this change from one year to the next? Are burglaries associated with other kinds of crime? Why is there a blank spot in the middle of the map? Some crimes, like homicide, leave an indellible mark and are long remembered. Other crimes, like vandalism, get repaired or washed away over time. This map attempts to show the relative impact of these blemishes on our community through color, size, and transparency. The code in this notebook is viewable and editable. For example, you can edit the colorMap variable below to alter the color, opacity, or size of the circles displayed for each type of crime.`4d:Tf58,crimeMap = { let svg = d3.select(DOM.svg(width, height)); let map = svg.append('g') .attr('class', 'map'); let legend = svg.append('g') .attr('class', 'legend'); let crimes = svg.append('g') .attr('class', 'crimes') map.selectAll('path') .data(streets.features) .enter() .append('path') .attr('d', boulderPathGenerator) .attr('fill', 'none') .attr('stroke', '#777777') .attr('stroke-width', '0.5') legend.append('rect') .attr('x', 0) .attr('y', 5) .attr('rx', 10) .attr('ry', 10) .attr('height', 25 + (selectedCrimes.length * 20 + 20)) .attr('width', 210) .attr('fill', '#efefef') legend.append('circle') .attr('cx', '20') .attr('cy', 25) .attr('r', 3) .attr('fill', 'none') .attr('stroke', 'dimgray') .attr('stroke-width', '0.5') legend.append('text') .attr('x', '35') .attr('y', 25) .attr('fill', 'dimgray') .text('Crime Locations' + ' (' + filteredData.length + ')') .attr('font-family', 'sans-serif') .attr('font-size', '14') .attr('alignment-baseline', 'middle') legend.selectAll('.icon') .data(selectedCrimes) .enter() .append('circle') .attr('class', 'icon') .attr('cx', '20') .attr('cy', (d, i) => 45 + (i * 20)) .attr("r", d => colorMap(d).size) .attr('fill', d => colorMap(d).color) .attr('fill-opacity', d => colorMap(d).opacity) legend.selectAll('.label') .data(selectedCrimes) .enter() .append('text') .attr('class', 'label') .attr('x', '35') .attr('y', (d, i) => 45 + (i * 20)) .attr('fill', 'dimgray') .text(d => `${d} (${selectedCrimeTypes[d] || 0})`) .attr('font-family', 'sans-serif') .attr('font-size', '16') .attr('alignment-baseline', 'middle') .attr('font-family', 'sans-serif') .attr('font-size', '14') .attr('alignment-baseline', 'middle') crimes.selectAll('circle') .data(data .filter(d => selectedYears.includes(d.properties.REPORTDATE.slice(0, 4))) .filter(d => selectedCrimes.includes(d.properties.OFFENSE)), d => d.properties.REPORTNUM ) .enter() .append('circle') .attr('cx', d => { const projectedCoordinates = boulderProjection(d.geometry.coordinates); return projectedCoordinates[0]; }) .attr('cy', (d) => { const projectedCoordinates = boulderProjection(d.geometry.coordinates); return projectedCoordinates[1]; }) .each(function (d) { if (animate === "animate") { d3.select(this) .attr('fill', 'none') .attr('stroke', 'silver') .attr('stroke-width', '0.5') .attr('stroke-opacity', '0.4') .attr("r", 3) .transition() .attr("r", d => colorMap(d.properties.OFFENSE).size) .attr('fill', d => colorMap(d.properties.OFFENSE).color) .attr('fill-opacity', d => colorMap(d.properties.OFFENSE).opacity) .attr('stroke', d => colorMap(d.properties.OFFENSE).color) .attr('stroke-opacity', d => colorMap(d.properties.OFFENSE).opacity * 0.5) .attr('stroke-width', d => colorMap(d.properties.OFFENSE).size) .duration(() => 1000) .delay(d => time(dateToNumber(d.properties.REPORTDATE))) .transition() .attr('stroke-width', 0) } else if (!animate) { console.log('in else', animate); d3.select(this) .attr("r", d => colorMap(d.properties.OFFENSE).size) .attr('fill', d => colorMap(d.properties.OFFENSE).color) .attr('fill-opacity', d => colorMap(d.properties.OFFENSE).opacity) } }) crimes = crimes.merge(crimes) crimes.exit().remove() return svg.node() }4e:T7c5,colorMap = (name) => { const map = { 'Homicide': { color: 'crimson', opacity: transparencyScale(crimeTypes['Homicide']), size: '8' }, 'Assault': { color: 'orange', opacity: transparencyScale(crimeTypes['Assault']), size: '6' }, 'Sex Assault': { color: 'gold', opacity: transparencyScale(crimeTypes['Sex Assault']), size: '6' }, 'Robbery': { color: 'sienna', opacity: transparencyScale(crimeTypes['Robbery']), size: '6' }, 'Incident': { color: 'hotpink', opacity: transparencyScale(crimeTypes['Incident']), size: '6' }, 'Burglary': { color: 'navy', opacity: transparencyScale(crimeTypes['Burglary']), size: '5' }, 'Auto Theft': { color: 'dodgerblue', opacity: transparencyScale(crimeTypes['Auto Theft']), size: '5' }, 'Motorcycle Theft': { color: 'blue', opacity: transparencyScale(crimeTypes['Motorcycle Theft']), size: '4' }, 'Theft From Vehicle': { color: 'cadetblue', opacity: transparencyScale(crimeTypes['Theft From Vehicle']), size: '4' }, 'Theft Of Car Parts': { color: 'skyblue', opacity: transparencyScale(crimeTypes['Theft Of Car Parts']), size: '4' }, 'Recovery': { color: 'cyan', opacity: transparencyScale(crimeTypes['Recovery']), size: '3.5' }, 'Indecent Exposure': { color: 'purple', opacity: transparencyScale(['Indecent Exposure']), size: '3.5' }, 'Indecency': { color: 'plum', opacity: transparencyScale(crimeTypes['Indecency']), size: '3.5' }, 'Vandalism': { color: 'silver', opacity: transparencyScale(crimeTypes['Vandalism']), size: '3.5' }, 'Trespassing': { color: 'olivedrab', opacity: transparencyScale(crimeTypes['Trespassing']), size: '3.5' }, }; return map[name]; }4f:T411,function checkbox(config = {}) { let {value: formValue, title, description, submit, options} = config; if (Array.isArray(config)) options = config; options = options.map(o => typeof o === "string" ? {value: o, label: o, color: o} : o); const form = input({ type: "checkbox", title, description, submit, getValue: input => { if (input.length) return Array.prototype.filter.call(input, i => i.checked).map(i => i.value); return input.checked ? input.value : undefined; }, form: html` ` }); form.output.remove(); return form; }50:[] 48:{"id":"fb3178b9a424de6a","slug":"boulder","title":"Boulder Crime and Location","thumbnail":"68bea78db211e1189c241624c8212d9b168cb80b29b77a320d74086d33d026ae","access_level":"public","create_time":"$D2019-01-07T03:42:59.029Z","update_time":"$D2020-08-03T21:23:23.839Z","view_time":null,"first_public_time":"$D2019-01-07T04:23:24.967Z","has_unpublished_edits":null,"fork":false,"stars":1,"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":1394,"publish_version":1394,"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":4,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Boulder Crime and Location","cells":[{"id":0,"value":"md`# Boulder Crime and Location`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1392,"value":"md`**Inspired by Boulder Open Data https://bouldercolorado.gov/open-data**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":877,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":806,"value":"md`## Select crimes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":589,"value":"viewof violentCrimes = checkbox({\n // title: 'Crimes',\n // description: 'Select type of crime to display',\n options: [\n { value: 'Homicide', label: 'Homicide', color: colorMap('Homicide').color },\n { value: 'Assault', label: 'Assault', color: colorMap('Assault').color }, \n { value: 'Sex Assault', label: 'Sex Assault', color: colorMap('Sex Assault').color },\n { value: 'Robbery', label: 'Robbery', color: colorMap('Robbery').color },\n { value: 'Incident', label: 'Incident', color: colorMap('Incident').color },\n ],\n value: ['Homicide']\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":593,"value":"viewof propertyCrimes = checkbox({\n // title: 'Crimes',\n // description: 'Select type of crime to display',\n options: [\n { value: 'Burglary', label: 'Burglary', color: colorMap('Burglary').color },\n { value: 'Auto Theft', label: 'Auto Theft', color: colorMap('Auto Theft').color },\n { value: 'Motorcycle Theft', label: 'Motorcycle Theft', color: colorMap('Motorcycle Theft').color },\n { value: 'Theft From Vehicle', label: 'Theft from Vehicle', color: colorMap('Theft From Vehicle').color },\n { value: 'Theft Of Car Parts', label: 'Theft of Car Parts', color: colorMap('Theft Of Car Parts').color },\n { value: 'Recovery', label: 'Recovery', color: colorMap('Recovery').color },\n ],\n value: ['Burglary']\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":595,"value":"viewof indecencyCrimes = checkbox({\n // title: 'Crimes',\n // description: 'Select type of crime to display',\n options: [\n { value: 'Indecency', label: 'Indecency', color: colorMap('Indecency').color },\n { value: 'Indecent Exposure', label: 'Indecent Exposure', color: colorMap('Indecent Exposure').color },\n ],\n value: []\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":597,"value":"viewof minorCrimes = checkbox({\n options: [\n { value: 'Trespassing', label: 'Trespassing', color: colorMap('Trespassing').color },\n { value: 'Vandalism', label: 'Vandalism', color: colorMap('Vandalism').color }, \n ],\n value: []\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":808,"value":"md`## Select years`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":464,"value":"viewof selectedYears = checkbox({\n // title: 'Year',\n // description: 'Select year to display',\n options: [\n { value: '2008', label: '2008' }, \n { value: '2009', label: '2009' },\n { value: '2010', label: '2010' },\n { value: '2011', label: '2011' },\n { value: '2012', label: '2012' },\n { value: '2013', label: '2013' },\n { value: '2014', label: '2014' },\n { value: '2015', label: '2015' },\n { value: '2016', label: '2016' },\n { value: '2017', label: '2017' },\n { value: '2018', label: '2018' },\n { value: '2019', label: '2019' },\n ],\n value: ['2014']\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":858,"value":"md`

${filteredData.length} crimes of the types selected
were reported in the year(s):

**${selectedYears.map(year => `${year}, ${numberOfCrimesByYear.get(`${year}`).length} total crimes
`)}**\n

Ranked from least to most frequent:

\n **${crimeTypeOrder.map(crime => ` ${crime} ${selectedCrimeTypes[crime]}
`)}**

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1112,"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":13,"value":"width = 800 + margin","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"height = 900","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"margin = 85","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"streets = d3.json('https://gist.githubusercontent.com/jennyknuth/927e9599e53682982d530b0b58a44b87/raw/5b2c9a65f38efbf631722d9ba70088ae359f38b6/boulder-streets.geojson')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"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":443,"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":1224,"value":"filteredData = data\n .filter(d => selectedYears.includes(d.properties.REPORTDATE.slice(0, 4)))\n .filter(d => selectedCrimes.includes(d.properties.OFFENSE))\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":79,"value":"crimeTypes = crimes.features.reduce((aggregator, crime) => {\n const crimeType = crime.properties.OFFENSE;\n aggregator[crimeType] = aggregator[crimeType] === undefined ? 1 : aggregator[crimeType] + 1;\n return aggregator;\n \n}, {})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1159,"value":"numberOfCrimesByYear = d3array.group(crimes.features, d => d.properties.REPORTDATE.slice(0, 4))\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":646,"value":"crimeTypeFrequency = Object.entries(crimeTypes)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":667,"value":"crimeTypeOrder = selectedCrimeTypeFrequency.sort((x, y) => d3.ascending(x[1], y[1])).map(crime => crime[0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":727,"value":"selectedCrimes = violentCrimes.concat(propertyCrimes.concat(indecencyCrimes.concat(minorCrimes)));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1219,"value":"selectedCrimeTypes = filteredData.length ? filteredData.reduce((aggregator, crime) => {\n const crimeType = crime.properties.OFFENSE;\n aggregator[crimeType] = aggregator[crimeType] === undefined ? 1 : aggregator[crimeType] + 1;\n return aggregator;\n}, {}) : selectedCrimes.reduce((obj, item) => {\n obj[item] = 0;\n return obj;\n}, {})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1073,"value":"selectedCrimeTypeFrequency = Object.entries(selectedCrimeTypes)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"boulderProjection = d3.geoMercator().fitExtent([[margin, margin], [width - margin, height - margin]], streets)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"boulderPathGenerator = d3.geoPath().projection(boulderProjection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"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":237,"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":301,"value":"fromTimestamp = d3.timeParse(\"%Q\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":305,"value":"toDate = d3.timeFormat(\"%Y-%b-%d\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"dateToNumber = date => toTimestamp(fromReportDate(date)) * 1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":307,"value":"timestampToDate = date => toDate(fromTimestamp(date))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"time = d3.scaleLinear()\n.domain(d3.extent(data.filter(datum => selectedYears.includes(datum.properties.REPORTDATE.slice(0,4))), d => dateToNumber(d.properties.REPORTDATE)))\n.range([0, 30000])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"getDate = scaledValue => timestampToDate(time.invert(scaledValue))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":494,"value":"extent = d3.extent(data.filter(datum => selectedYears.includes(datum.properties.REPORTDATE.slice(0,4))), d => dateToNumber(d.properties.REPORTDATE))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1114,"value":"md`### Open and edit colorMap below to change the color, opacity, or size of the circles displayed on the map.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":536,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":660,"value":"transparencyScale = d3.scaleLog()\n\t.domain(d3.extent(crimeTypeFrequency, d => d[1]))\n\t.range([1, 0.2]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":530,"value":"$4f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1366,"value":"md`### Styles`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1108,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"viewof divider = html`

**${filteredData.length} crimes** of the types selectedwere reported in the year(s):

Ranked from least to most frequent:

${filteredData.length} crimes of the types selected
were reported in the year(s):