Bar chart

Bar chart

A bar chart displays the total number of felony offenses in New York City from 2000 to 2011, with years sorted in descending order by offense count. The visualization uses D3 v3 to load CSV data via `d3.csv`, scales with `d3.scale.linear` and `d3.scale.ordinal`, and renders horizontal bars as SVG `rect` elements. Each bar includes a `title` tooltip showing the year and felony count, while a header text labels the chart. The data originates from a gist by Paperpanic, and the SVG background is styled dark gray.

91% match

Bar chart

A horizontal bar chart displays total felony offenses in New York City from 2000 to 2011, sorted in descending order by year. The chart uses D3 v3 with SVG rendering, mapping years to an ordinal scale and offense totals to a linear scale. Bars are colored gray and show a tooltip on hover, while axes are generated via `d3.svg.axis`. Data comes from NYC Open Data via CSV.

91% match

Module 6 exercise

This visualization shows the total number of felonies and arrests in New York from 2000 to 2011, plotting multiple crime categories as separate lines over time. The two highlighted series, TOTALFELONYOFFENSES and TOTALARRESTS, are drawn with a yellow stroke, while all other categories appear in blue. The chart uses d3.svg.line to create the paths, d3.time.scale for the x-axis with yearly ticks, and d3.svg.axis for both axes. Data comes from a CSV file sourced from NYC Open Data, and the SVG background incorporates a faint external image.

85% match

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.

80% match

NYC Arrest over year

80% match

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.

80% match

Module 1 Exercise

This visualization compares total felony offenses against total arrests in New York City from 2000 to 2011 using the provided gist data. It plots two line series over time, directly contrasting the two aggregate counts, using the D3.js library for rendering SVG elements. The code specifically relies on D3's scales and axes to map years and counts, and the data is loaded from an external CSV file, making it a straightforward trend comparison rather than an interactive exploration.

79% match

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.