Paperpanic

@Paperpanic·12 public vizzes

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.

Apr 26, 2015

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.

Apr 23, 2015

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.

Apr 13, 2015

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.

Apr 13, 2015

Loading thumbnail…

Module2 exercise

This example presents a static SVG graphic titled "THE LAW" with a large orange star at its center, framed by horizontal dark grey lines. The page loads a CSV file containing felony offense and arrest statistics from 2000 to 2011 using `d3.csv` in D3 v3, logging the parsed data to the browser console. The visualization itself does not render the data, instead serving as a fixed decorative composition with star polygons and text, set against a dark grey background.

Apr 13, 2015

Loading thumbnail…

Module2 exercise

The visualization shows changes in NYC’s school-age and 65+ populations from 1960 to 1980, using paired horizontal bars per decade to display percentages. The bars are drawn as raw SVG elements with hardcoded coordinates and sizes, and styled with colors like orange and navy. The code loads the CSV data via `d3.csv` and logs it to the console, but does not use the loaded data to generate the chart; all visual values are manually specified in the markup.

Apr 13, 2015

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.

Apr 13, 2015

Loading thumbnail…

Horizontal Bar chart

This horizontal bar chart displays the projected 2020 population percentages for school-age children and seniors across New York City boroughs, with white bars on a dark blue background and hover tooltips showing detailed age-group and borough information. The data is loaded from a CSV file using `d3.csv` and sorted in descending order by the `TwentyTwentyPercentPopulation` field. Each rectangle’s width is scaled by that percentage multiplied by 41, with vertical positioning determined by index and fixed 50-pixel spacing. The visualization uses D3 v3’s SVG rendering.

Apr 5, 2015

Loading thumbnail…

Module2 exercise

Mar 31, 2015

Loading thumbnail…

Gist 6770f82c17c1f4dd4ad2

This visualization maps vaccine-preventable disease outbreaks across the United States, displaying each incident as a circle on a geographic canvas. The size and color of the circles encode the number of cases and fatalities, respectively, while the chart includes a timeline of outbreak dates. The code uses the `d3.geoPath` projection to render the U.S. map and employs JavaScript canvas drawing for the points. Data is loaded from an embedded CSV array, with each outbreak’s location, date, case count, and fatality count parsed from the text file.

Mar 21, 2015

Loading thumbnail…

Gist c2941bd5dea0fa130792

This chart shows the projected and historical population of school-age children (5–17) and seniors (65+) across New York City’s five boroughs from 1960 to 2040, with each age group’s share of the total population tracked over time. Using D3.js, the visualization renders multiple small-multiple line charts per borough, with the x-axis representing decades and the y-axis showing percentage of total population. The code draws paths for each series, colors the lines by age group, and adds labels and axes via SVG elements. Data comes from a comma-separated values table embedded in the gist, and the rendering relies on D3’s scales, line generators, and text utilities.

Mar 21, 2015

Loading thumbnail…

Gist 917e46d841c7360e5e58

This chart compares the projected populations of New Yorkers of school age and those aged 65 and older from 1960 to 2040. It uses two streamgraphs or overlapping area charts to show the changing demographic balance over time, with the senior population rising to surpass the school-age population around the late 2020s. The visualization is built with D3.js, likely using stacked area geometry through `d3.area` or `d3.curve` and axis components from `d3.axis`. The data originates from a Gist by Paperpanic, rendering a timeline of population projections.

Mar 21, 2015