Skip to main content
SimilarExport ZIP
100%

NYC Hate Crime Analysis

✓ Published0🌍 Public
RRona Xu
Last edited Dec 13, 2021
Created on Dec 12, 2021
Forked from Untitled

This interactive bar chart visualizes NYC hate crime counts by bias type, with buttons to switch between 2020 and 2021 data. The visualization uses D3.js v6 with scalable vector graphics (SVG) and animated transitions to update bar heights and axes smoothly. Data is loaded asynchronously from a CSV file hosted on GitHub, and the chart maps bias categories to the x-axis using `d3.scaleBand` while the y-axis uses `d3.scaleLinear` to represent counts. A custom `update()` function handles data parsing and re-rendering.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This interactive bar chart displays bias-motivated incidents in NYC for 2020 and 2021, with buttons toggling between the two years. The visualization uses D3.js v7 within an HTML page, rendering as an SVG. It fetches CSV data from a GitHub repository and animates bar height, position, and axis transitions over one-second durations using D3’s scaleBand, scaleLinear, and transition methods. The chart highlights changes in incident counts across bias categories.

RRona Xu
88% match
Loading thumbnail…

D3: NYC Crime Visualization

This interactive NYC crime visualization presents multiple coordinated views: a choropleth map of precincts, a pie chart of crime types, and bar charts showing age and race distributions. Users can click precincts or crime categories to filter across all views, with a reset button to restore the full dataset. The visualization uses D3 v6 with d3.geoMercator and d3.geoPath for the map projection, d3.arc for the pie chart, and d3.scaleBand for bar charts. Crime data is color-coded via a linear gradient legend and tooltip interactions.

Ooliverliuoo
78% match
Loading thumbnail…

NYC Crime

This interactive dashboard visualizes NYC crime data across multiple coordinated views. A map of NYC uses a D3 geoMercator projection and d3.geoPath to display precinct boundaries, with color intensity reflecting crime prevalence. Clicking a precinct updates a donut chart showing crime-type distribution and three bar charts breaking down offenses by victim age and race. Users can filter by crime type through the pie chart and reset all views with a button. The visualization uses D3 v6 with SVG rendering, animated transitions between states, and tooltips for additional detail.

YYuta555
77% match
Loading thumbnail…

NYC Crime - D3 Visualization

This interactive visualization displays the density of crime across New York City’s five boroughs, broken down by offense level (felony, misdemeanor, violation). Users can toggle between total crime counts, 2010 per-capita rates, and 2016 per-capita estimates. The chart uses a mosaic or treemap-style layout built with D3 v4, nesting data by offense level and positioning rectangular blocks by borough. Hovering over each block reveals detailed values, with per-capita data formatted as percentages. The visualization renders as crisp SVG shapes and is driven by user-selected JSON data files.

CCrimeDataNyc
77% match
Loading thumbnail…

Fork of NYC Crime

This interactive visualization presents NYC crime data through a coordinated set of views: a geographically accurate map with a heatmap legend, a pie chart of crime types, and bar charts for age and race breakdowns. Users can click map precincts and toggle the reset button to filter all views dynamically. The map uses a Mercator projection with `d3.geoPath`, while pie and bar charts rely on D3 scales and arcs. Data is rendered as SVG with animated transitions, initialized from the `d3.v6` library.

FFouzia A.
77% match
Loading thumbnail…

Fork of NYC Crime

This interactive visualization presents NYC crime data through multiple linked views: a geographic map, a pie chart, and bar plots for age and race distributions. The map uses d3.geoMercator and d3.geoPath to render police precincts with a color gradient legend, while the pie chart breaks down crime types using d3.arc. Users can click precincts or crime categories to filter the entire dashboard, with a reset button to restore the default view. All charts update simultaneously through shared global state variables, and a tooltip provides additional details on hover. The visualization is built with D3 v6 and SVG, featuring animated transitions between states.

Nnikki81140
76% match
Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of Fork of Fork of Final Project

This visualization shows the distribution of NYC crimes from 2012 to 2021, broken down by race categories such as Black, White, Asian, and Hispanic. Users select a race via radio buttons, which triggers a re-rendering of the chart. The view uses an SVG area chart with multiple colored line series representing different crime types across the ten-year period. The code relies on d3.v6 for DOM selection, scales, and path generation, with static data arrays embedded directly in the JavaScript and a rect background for the chart area.

YYi Yang
75% match
Loading thumbnail…

Fork of NYC Crime

This visualization of NYC crime data combines a choropleth map, a donut chart, and bar charts in a single SVG canvas. The map uses D3’s `geoMercator` projection to display precincts, while the pie chart and bar plots show crime type, age, and race distributions. Interactive filters let users select a precinct or crime type, updating all views. Built with D3 v6 and React, it uses SVG for rendering and features a reset button for clearing selections.

VVikil Lakkavatri
75% match