Skip to main content
SimilarExport ZIP
100%

Horizontal Bar chart

✓ Published0🌍 Public
PPaperpanic
Last edited Apr 5, 2015
Created on Apr 5, 2015

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.

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
84% match
Loading thumbnail…

Horizontal Bar Chart

This horizontal bar chart displays vaccination rates across five New York City boroughs, with radio buttons allowing viewers to switch between eight monthly time points from 2021 to 2022. The visualization uses D3 v7 scales and axes to map percentage values from 0 to 100 on the x-axis, with color-coded bars representing each borough. Interactivity is implemented through click event listeners that rebind bar width and label data based on the selected month. The SVG rendering includes background rectangles, axis groups, and text labels showing exact percentages.

Llinlinlin-yx
80% 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
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
79% match
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.

PPaperpanic
79% 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
78% match
Loading thumbnail…

Fork of Bar Graph - New York Homeless Population (2009-2012)

This grouped bar chart displays the unsheltered homeless population in New York across five boroughs and surface/subway locations from 2009 to 2012, with each year color-coded. Built with D3 v5, it uses `scaleBand` for categorical axes and `scaleOrdinal` for the color legend, rendering SVG rectangles per data point. The y-axis scales linearly to the maximum population value, while tooltips or interactivity are absent, focusing instead on static comparison of year-over-year totals from the provided CSV dataset.

GGeorgeVard
76% match
Loading thumbnail…

Fork of Bar Graph - New York Homeless Population (2009-2012)

This visualization shows New York’s unsheltered homeless population from 2009 to 2012, grouped by borough and location (surface, subways, and total). Each year is represented by a distinct colored bar within a grouped bar chart, with axes and a legend. Built with d3.csv, scaleBand, scaleLinear, scaleOrdinal, axisLeft, and axisBottom, it uses SVG rectangles for bars and renders the full dataset from a CSV. Colors encode years via a ordinal scale, and a legend maps hues to each year.

Iianjwo
76% match