Skip to main content
Log in
J

Jasper129

@Jasper129·4 public 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.

Dec 15, 2022
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.

Dec 15, 2022
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.

Dec 15, 2022
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.

Dec 15, 2022