Portland, OR Crime comparison Jan 1 - Mar 1 2010 and 2011

100%

Portland, OR Crime comparison Jan 1 - Mar 1 2010 and 2011

✓ Published0🌍 Public

Last edited Mar 8, 2011

Created on Mar 8, 2011

This visualization compares crime statistics in Portland, OR for the period of January 1 through March 1 in 2010 and 2011. It shows a side-by-side bar chart for each offense type, with the two years represented by distinct colored bars, allowing for immediate visual comparison of increases and decreases across categories. The chart uses D3.js with `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the y-axis, rendering the bars via SVG `rect` elements. The data is loaded from a gist file using `d3.csv`, and the visualization includes interactive tooltips for precise value display, though it does not include any animation or transition effects.

AI-generated description

Similar vizzes

Loading thumbnail…

EDAV 2022 TTh Project Group 31

This interactive bar chart compares violent crime rates per 100,000 population across 15 U.S. states and the District of Columbia for 2002 and 2014. Clicking the gray year label toggles between the two datasets, animating bar heights and colors via D3 v7 transitions. The chart uses `d3.scaleBand` and `d3.scaleLinear` for axes, with SVG rectangles rendered through `d3.selectAll` and a custom `update` function. Axis labels and margins are configured manually; data appears hardcoded in arrays rather than loaded from an external file.

NNaishadh Parmar

71% match

Loading thumbnail…

DC Crime Stack Chart

This interactive stacked bar chart visualizes 2017 crime counts by offense type across Washington, D.C. police service areas (PSAs). Built with D3.js (v3), the visualization uses a stacked layout to aggregate five offense categories—such as burglary and motor vehicle theft—along a horizontal axis, with PSA segments stacked vertically. Users can hover over bars to see tooltips with exact counts via d3-tip, or hover over the color legend to highlight specific crime types while dimming others. The chart also includes a dropdown to switch between yearly datasets.

Eeherchen

69% match

Loading thumbnail…

A6 Diverging Color Bar Chart

This diverging bar chart visualizes changes in violent crime rates across U.S. states between 2000 and 2019, using a red-blue color scale to distinguish increases from decreases. The chart shows both positive and negative changes diverging from a central zero axis, with state labels positioned on the appropriate side of each bar. Built with D3 v7, it uses `d3.scaleDiverging` and `d3.scaleThreshold` for color mapping, while `d3.legendColor` renders the threshold legend. Data comes from the CORGIS dataset, and hovering reveals precise values. The visualization employs an SVG container with a centered y-axis and responsive sizing based on window dimensions.

NNoah C.

69% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Final Project

This example visualizes crime pattern changes in New York City from 2012 to 2021 across 31 offense categories. The visualization is a static SVG bar chart where clicking a radio button triggers a JavaScript function to display the data with animation. The chart uses D3.js v6 to create a linear scale for the x-axis, mapping the year-based dataset to a 600-pixel-wide view. The SVG rendering, with a light blue background, shows crime counts as bars, with each state type assigned a distinct color from a predefined palette.

YYi Yang

69% match

Loading thumbnail…

d3.js experiment - Donuts, Bars and Crime.

The visualization presents crime data across San Francisco neighborhoods for a selected year, combining donut charts for offense type distribution and bar charts for hourly incident patterns. Each donut chart displays the share of crimes by neighborhood, with the total count centered and interactive hover labels revealing specific neighborhood names and values. The bar charts beneath show the frequency of incidents across 24 hours per offense type. Built with CoffeeScript, it uses D3.js primitives including `d3.svg.arc`, `d3.layout.pie`, and `d3.scale.ordinal` for coloring, while the JSON data source is loaded via `d3.json` from the `top-neighborhoods-{year}.json` endpoint.

CCaged

68% match

Loading thumbnail…

Chicago Crime Dataset Analysis

This visualization presents a bar chart of Chicago crime data, ranking offense types by their recorded counts, with THEFT and BATTERY as the most frequent. The bars are color-coded and rendered as SVG using D3.js v5, with axes created via d3.axisLeft and d3.axisBottom. The code includes reusable modules for a dropdown menu and color legend, though the current renderer focuses on the bar chart. The data is loaded from a CSV file and processed with d3.csv, with scales built using d3.scaleLinear and d3.scaleBand.

Ssrrajendran

68% match

Loading thumbnail…

Crime Data - Crime Type Occurence Analysis

This bar chart displays the number of occurrences for each crime type in a dataset, with rotated labels along the x-axis to accommodate longer category names. The visualization uses D3.js v7 to load a CSV file via `d3.csv`, aggregate counts with JavaScript objects, and render the chart as SVG. It employs `d3.scaleBand` and `d3.scaleLinear` for positioning, along with `d3.axisBottom` and `d3.axisLeft` to generate axes. The chart includes a title and axis labels, showing that theft or similar categories likely dominate the distribution.

VVinay Vemuri

67% match

Loading thumbnail…

Crimes within 100 yards of a Max stop 2009-2011

This visualization shows the number of crimes reported within 100 yards of each MAX station for the years 2009, 2010, and 2011, using point markers on a map. It first highlights total crime counts per station, then breaks out aggravated assaults for 2010, with a clear ranking of the top stations each year. The code uses D3’s `d3.forceSimulation` to position overlapping station labels, and `d3.geoPath` to render geographic boundaries, while crime counts are drawn from the provided gist data. Station markers and text labels are animated via D3 transitions, though the rendering stays strictly point-based rather than using heatmaps or grid overlays.

CCaged

67% match