Chicago's Hardship Index

100%

Chicago's Hardship Index

✓ Published0🌍 Public

Last edited Mar 18, 2015

Created on Mar 18, 2015

This visualization maps Chicago’s hardship index across its 77 community areas. Each neighborhood is filled with a color gradient from the dataset’s HARDSHIP INDEX column, ranging from low (1) to high (98) hardship. The code uses d3.geoPath to render the geographic boundaries and d3.scaleThreshold to assign colors. Hovering highlights the area and displays its name, while the legend clarifies the index scale. Data comes from the Chicago Socioeconomic Indicators CSV, loaded with d3.csv.

AI-generated description

Similar vizzes

Loading thumbnail…

Loading CSV Data with D3

A horizontal bar chart shows the percentage of households living below the poverty line for each Chicago community, sorted in descending order from Riverdale to Lincoln Park. The visualization uses D3 v3’s `d3.csv` to load the data from a CSV file, `d3.scale.linear` for the x-axis, `d3.scale.ordinal` with `rangeRoundBands` for the y-axis, and SVG `rect` elements to render the bars. Hovering over a bar reveals a tooltip via an appended `title` element. The data originates from the City of Chicago, data.gov.

JJasonMcGregor

71% match

Loading thumbnail…

Loading CSV Data with D3

A bar chart displays the percentage of households below the poverty line for each Chicago community area, sorted in descending order. The visualization uses D3 v3 to load the CSV data with `d3.csv`, then sorts the records numerically using `d3.descending` and renders SVG rectangles whose widths are scaled by the poverty percentage, with a hover tooltip via a `title` element.

JJasonMcGregor

70% 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

69% 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

68% 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

68% 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

67% match

Loading thumbnail…

Chicago Crime Data Analysis

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.

Ssrrajendran

65% 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

64% match