Skip to main content
SimilarExport ZIP
100%

Chicago Crime Data Analysis

✓ Published1🌍 Public
Ssrrajendran
Last edited Nov 7, 2018
Created on Oct 17, 2018

This visualization analyzes Chicago crime data to reveal which time of day experiences the highest number of incidents. An interactive bar chart displays the total count for each time period, with bars highlighted on hover and a tooltip showing the exact value. The chart is built using D3.js v5, utilizing `scaleBand` and `scaleLinear` for axes, `axisLeft` and `axisBottom` for ticks, and a custom `colorLegend` module. The SVG render includes animated bar highlighting and a dropdown menu for data filtering.

AI-generated description

Chicago crime dataset Task 1 : what time of the day does maximum crime occur? Interactive bar graph that displays to vizualize the maximum crime occurance in a given day. The datset was conver to nominal/ Hover to highlight and enabled tooltip.

MIT Licensed

Similar vizzes

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
86% match
Loading thumbnail…

Chicago Crime Data Analysis

A map of Chicago displays crime incident locations as red dots, with each dot representing a specific crime type such as battery, theft, or assault. Hovering over a dot reveals its category via a tooltip. The visualization uses D3 v5 with `geoAlbersUsa` projection and `geoPath` to render U.S. state boundaries from TopoJSON data, while `d3.csv` loads the incident coordinates. Animated transitions adjust dot scaling, and zooming is enabled through D3's `zoom` behavior, all rendered as SVG elements.

Ssrrajendran
85% match
Loading thumbnail…

Chicago Crime Data Analysis

This visualization maps reported Chicago crime incidents, using colored points to reveal high-crime regions across the city. It shows the geographic distribution of offenses such as theft, battery, and assault. The map is built with D3 v5, using `d3.json` to load GeoJSON zip code boundaries and `d3.geoPath` with a Mercator projection to render them. Crime data with latitude and longitude coordinates from the CSV file is plotted onto the map, with a hover tooltip for additional context.

Ssrrajendran
84% match
Loading thumbnail…

Chicago Crime Data First Pass

A scatter plot maps reported Chicago crime incidents to points on a U.S. map backdrop. Red circles mark each of the approximately 200 latitude/longitude coordinates from the local CSV file, colored by crime type. The visualization uses d3.json with TopoJSON from the US Atlas to draw the state boundaries via the d3.geoPath and geoAlbersUsa projections. Animated scaling of the points is handled through d3 transitions, while mouseover tooltips display the primary crime type.

BBrandon Lehr
79% match
Loading thumbnail…

Chicago Crime Data First Pass

This visualization maps Chicago crime data as red points on a U.S. state map using the Albers USA projection via `d3.geoAlbersUsa` and `d3.geoPath`. It loads TopoJSON state boundaries and CSV crime coordinates, rendering circles with tooltips that display the crime type on hover. Zooming and panning are enabled with `d3.zoom`. Points animate with a `transition` and scale transform, while SVG styling uses a custom tooltip div.

MMengmeng Yu
78% match
Loading thumbnail…

Chicago Crime Data First Pass

A choropleth map of Chicago crime incidents, colored by primary type, is rendered as red dots over a geographic projection of the United States using D3 v5's geoAlbersUsa projection and geoPath. Points are scaled to 0.02 radius initially, then animated via transition to a larger scale, with tooltips appearing on mouseover. The visualization loads state boundaries from the US Atlas TopoJSON and reads incident coordinates from a CSV file, with zoom interaction enabled.

MMercPai
78% match
Loading thumbnail…

Scatter Plot with Menu by mfr(legends)

This scatter plot visualizes the relationship between two selected attributes of Chicago crime data, allowing users to compare different dimensions via dropdown menus. The visualization uses D3 v5 to render an SVG with animated transitions, and it includes a color legend that filters data points by arrest status. The chart uses a linear scale for both axes and a categorical ordinal color scale based on the viridis color scheme.

Ssrrajendran
76% match
Loading thumbnail…

Chicago Crime Data First Pass

This example plots a sample of geolocated crime reports on a map of the United States using `d3.geoAlbersUsa` and `d3.geoPath`. Each red circle marks a reported incident, with different crime types visible via a mouseover tooltip and `d3.csv` loading the data. The visualization incorporates SVG rendering and interactive zoom via `d3.zoom`. The map outlines come from a TopoJSON file of US states, and the crime data is drawn from a CSV containing primary type and coordinates.

CCurran Kelleher
74% match