Module 6 exercise

100%

Module 6 exercise

✓ Published0🌍 Public

Last edited Apr 26, 2015

Created on Apr 26, 2015

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.

AI-generated description

Similar vizzes

Loading thumbnail…

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.

PPaperpanic

89% match

Loading thumbnail…

Bar chart

Twelve years of total felony offenses and arrests in New York City appear as circles sorted by felony count, with each point labeled by its total and revealing the year, offense count, and arrest count on hover. The visualization uses D3 v3 to load a CSV of NYC open data, sorts the cases, and animates the circles from a point to a radius of six pixels using `.transition()` with staggered delays. Axes are drawn with `d3.svg.axis`, and the chart is rendered as SVG with hover styling.

PPaperpanic

85% match

Loading thumbnail…

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.

PPaperpanic

83% match

Loading thumbnail…

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.

PPaperpanic

82% 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

79% match

Loading thumbnail…

Fork of Fork of Final Project

This visualization presents a pattern discovery tool for crime statistics in New York City, displaying annual counts of various offenses from 2012 to 2021. Users click the “View SO2” button to trigger an animated bar chart that reveals the data for each crime category. The code uses the D3.js version 6 library to create a scalable vector graphic (SVG) with a linear x-scale, and it employs JavaScript to handle user interaction and render data from arrays. The visualization uses a color-coded scheme to differentiate between the various offense types.

YYi Yang

77% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Final Project

This example visualizes crime pattern changes in New York City from 2012 to 2021 across 31 offense categories. The visualization is a static SVG bar chart where clicking a radio button triggers a JavaScript function to display the data with animation. The chart uses D3.js v6 to create a linear scale for the x-axis, mapping the year-based dataset to a 600-pixel-wide view. The SVG rendering, with a light blue background, shows crime counts as bars, with each state type assigned a distinct color from a predefined palette.

YYi Yang

77% match

Loading thumbnail…

Fork of Final Project

This visualization displays yearly crime pattern data across New York City from 2012 to 2021, with offense categories listed on the left and a color-coded heatmap style layout. Users trigger an animation by selecting the SO2 radio button, which removes existing SVG groups and redraws the chart. The implementation uses d3.v6 and SVG rendering within a React framework, scaling the plotted values via `d3.scaleLinear`. A static dataset embedded in the script powers the visualization, which animates changes across the years.

YYi Yang

77% match