Skip to main content
SimilarExport ZIP
100%

NYC Arrest over year

✓ Published0🌍 Public
JJasper129
Last edited Dec 15, 2022
Created on Dec 15, 2022

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.

AI-generated description

We collect the arrest data in NYC from 2022.01.01 to 2022.9.30. This chart offers us daily-based data in different months.

By clicking the button at the top of the page, we can see the number of crimes recorded each day of that month, which offers us a easy way to find the seasonal trends or temporal pattern of crime in New York City.

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

NYC Arrest over year

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.

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
80% 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
75% 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
74% match
Loading thumbnail…

Covid Cases

This visualization shows daily COVID-19 cases in New York City from late February to mid-May 2020, using vertical bars to represent case counts over time. The chart is rendered as an SVG using D3 v5, with a linear scale for cases and a band scale for dates. It employs `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` from the d3 module to construct the axes and bars. Data is loaded from a CSV file via `csv("data.csv")`, with hover effects changing bar color to orange. The underlying data appears to come from NYC Health data.

Cclaudiatomateo
72% match
Loading thumbnail…

Customizing Axes

This interactive bar chart displays the number of employed people in New York City across various occupations for each year from 2010 to 2019. Clicking a year button updates the displayed dataset. The visualization uses D3.js with linear and band scales to map values, and axes are customized with tick formats and labels. SVG rectangles represent the data, and transitions animate the updates when switching between years.

Ttracy3057
72% match
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
72% match