Skip to main content
SimilarExport ZIP
100%

NYC Arrest over year

✓ Published0🌍 Public
JJasper129
Last edited Dec 15, 2022
Created on Dec 15, 2022
Forked from HTML Starter

This interactive visualization displays the number of arrests in New York City across the days of a month, with buttons allowing the user to switch between different months. It uses a bar chart rendered with SVG, where each bar’s height represents the arrest count for a specific day. The visualization is built with d3.v7, using d3.scaleBand and d3.scaleLinear for the axes. When a month is selected, the bars and axes update with a smooth transition over two seconds, and a title dynamically reflects the chosen month. Data is loaded from a remote CSV file.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

NYC Arrest over year

A month-by-month bar chart shows the daily number of arrests in New York City from January through September 2022. Clicking a month button triggers a D3 transition that re-scales the x- and y-axes and updates the bar heights accordingly. The visualization loads CSV data from a GitHub repository and uses D3 v7’s `scaleBand`, `scaleLinear`, and `transition` APIs to animate changes smoothly in an SVG.

JJasper129
94% match
Loading thumbnail…

NYC Arrest over year

A month-by-month bar chart shows the daily number of arrests in New York City from January through September 2022. Clicking a month button triggers a D3 transition that re-scales the x- and y-axes and updates the bar heights accordingly. The visualization loads CSV data from a GitHub repository and uses D3 v7’s `scaleBand`, `scaleLinear`, and `transition` APIs to animate changes smoothly in an SVG.

JJasper129
94% match
Loading thumbnail…

NYC Arrest

This interactive visualization displays NYC arrest data through a linked choropleth map, donut chart, and multiple bar charts. Users can brush or click precincts on the map to filter the crime-type breakdown and demographic distributions for age, race, and sex. The map uses `d3.geoMercator` with `d3.geoPath` for geographic rendering, while pie and bar charts use `d3.arc` and `d3.scaleBand` respectively. A color legend and tooltip enhance the heatmap, and a reset button restores the global view.

JJasper129
85% match
Loading thumbnail…

NYC viz

This visualization maps the last week of arrest-related incidents in San Francisco, drawing neighborhood boundaries, streets, and colored symbols for each arrest. It uses a Conic Equal-Area projection with `d3.geoPath` to render the basemap from GeoJSON data, while arrest records are fetched live from the SODA API. Interactivity includes a tooltip showing neighborhood names and a details panel. The visualization is built with D3.js v5, rendering to SVG, and relies on `d3.json` for asynchronous data loading.

YYuta555
78% match
Loading thumbnail…

Barchart experiment

This bar chart displays counts of deaths per month in New York DOCCS custody across 2020, with interactive mouseover details listing individual names and dates from the raw dataset. The React-based visualization renders SVG bars using d3.scaleBand and d3.scaleLinear, featuring a button that toggles a red dashed mean line with confidence-interval lines computed via d3.mean and d3.deviation. A second button triggers animated transitions through d3 transitions in `change_data`, briefly shifting all bars to the mean height before restoring original values over 2 seconds.

XXiaoyu Su
75% 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
74% 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
74% 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
74% match