Gist 917e46d841c7360e5e58

100%

Gist 917e46d841c7360e5e58

✓ Published0🌍 Public

Last edited Mar 21, 2015

Created on Mar 21, 2015

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.

AI-generated description

Similar vizzes

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.

PPaperpanic

90% match

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.

PPaperpanic

79% match

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.

PPaperpanic

74% match

Loading thumbnail…

Module2 exercise

PPaperpanic

74% match

Loading thumbnail…

2015-2100 Population Data

This example visualizes global population change from 2015 to 2100 as an animated stacked area chart using D3 v3 with SVG rendering. The data, sourced from a Gist by BruceHenry, provides male and female population counts across 21 age groups (0-4 up to 100+) in five-year intervals. The chart displays two mirrored area series for males and females, with smooth transitions as the years advance, illustrating shifts in age composition and overall population growth over the century.

BBruceHenry

68% match

Loading thumbnail…

Population and age

This visualization shows the U.S. population distribution across age groups from 2010 to 2019, using a slider to animate between years. It renders an SVG bar chart with D3 v4, where each bar’s height and color encode population size via `d3.scaleLinear` and `d3.scaleQuantile`. Transitions smoothly update bars and axes over two seconds. Data is loaded from ten CSV files using `d3.queue` and `d3.csv`. The code relies on D3’s `scaleBand`, `axisBottom`, `axisLeft`, and `transition` APIs.

Hhamzavg

67% match

Loading thumbnail…

Population and age

An interactive bar chart displays population distribution across age groups for selected years, with a slider controlling the year from 2015 to 2019. The visualization uses D3 v4’s `scaleBand`, `scaleLinear`, and `scaleQuantile` for positioning and color encoding, with SVG rectangles animated via `transition`. Data is loaded from CSV files using `d3.queue` and `d3.csv`, while React state is not actually implemented despite the framework metadata.

Hhamzavg

67% match

Loading thumbnail…

Final Project Sebasteine Marquez COMM 460 V01 Info Arts

This horizontal bar chart displays the population of New York City’s five boroughs, with bars ordered from Bronx to Staten Island. It uses D3 v5’s `scaleLinear` and `scaleBand` to map population values and borough names, rendering SVG rectangles scaled by population. Axes are drawn with `axisBottom` and `axisLeft`, with tick labels formatted using D3’s `format('.3s')` to abbreviate millions. Data is loaded via `csv` from a local data.csv file, and populations are multiplied by 1000 before rendering.

YYaderpy

66% match