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

100%

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

✓ Published0🌍 Public

Last edited Mar 2, 2022

Created on Mar 2, 2022

Forked from Bar Graph - New York Homeless Population (2009-2012)

This visualization displays New York's homeless population from 2009 to 2012, broken down by area and year using grouped bar charts. Each bar represents the population count for a specific area, with colored segments distinguishing the four years. The chart uses D3 v5’s `scaleBand`, `scaleLinear`, and `scaleOrdinal` APIs to position bars, scale values, and assign colors. A legend identifies each year, while axes and a title provide context. Data comes from the local `data.csv` file, rendered as SVG elements.

AI-generated description

There wasn't a lot of data so I just found ways to display the entire dataset for both.

MIT Licensed

Similar vizzes

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

96% match

Loading thumbnail…

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

This chart displays New York's homeless population from 2009 to 2012, breaking down counts by borough (Manhattan, Bronx, etc.) and by location category (Surface, Subways, Total Unsheltered) for each year. The data is read from a CSV file using `d3.csv`, and bars are rendered in SVG using `scaleBand`, `scaleLinear`, and `scaleOrdinal` for positioning and color coding by year. Axes are added with `axisLeft` and `axisBottom`, and a color legend distinguishes the four years.

Iianjwo

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

95% 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 from 2009 to 2012, broken down by borough, surface total, subway, and overall total. It uses a nested band scale (`d3.scaleBand` twice) with an ordinal color scale to distinguish years alongside a linear y-scale for population counts. Rendered as SVG via the d3.v5 library, the chart includes axes, a legend, and a title, all styled with CSS. The data originates from a small CSV file embedded directly in the JavaScript code.

Kkaruppuraja

95% match

Loading thumbnail…

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

This example shows the unsheltered homeless population in New York across five boroughs, surface totals, subways, and total counts for each year from 2009 to 2012, using a grouped bar chart. The visualization uses d3.scaleBand for the area and year groupings, d3.scaleLinear for the population axis, and d3.scaleOrdinal with categorical colors to differentiate years. Bars are rendered as SVG rectangles, with axes drawn via d3.axisLeft and d3.axisBottom, and a legend is manually constructed using appended SVG elements. Data is loaded from a CSV file using d3.csv.

JJHamron

93% match

Loading thumbnail…

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

This grouped bar chart visualizes average gadget usage across different employment statuses, broken down by reasons for play. The visualization uses a nested bar structure where each employment category contains sub-bars for each play motivation. It employs `d3.scaleBand` for both the main and subgroup positioning, `d3.scaleLinear` for the y-axis, and `d3.scaleOrdinal` for color encoding. The SVG renderer draws axes with `d3.axisLeft` and `d3.axisBottom`, while data is loaded asynchronously from a CSV file using `d3.csv`. A legend maps years to colors, though the data actually represents employment categories rather than homeless population counts.

GGeorgeVard

89% match

Loading thumbnail…

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

This grouped bar chart compares average gadget usage across employment statuses and motivations, with each employment category subdivided by reason. The SVG visualization uses d3.scaleBand for both the main and nested categories, d3.scaleLinear for the value axis, and d3.scaleOrdinal with RGB color encoding. Data is loaded via d3.csv from a local file, and axes are rendered using d3.axisLeft and d3.axisBottom. A legend maps the ordinal colors to the employment groups.

GGeorgeVard

88% match

Loading thumbnail…

Line Graph - New York Homeless Population (2009-2012)

This line graph shows the homeless population in New York from 2009 to 2012 across multiple areas, with lines for boroughs and categories such as Surface Total and Subways. It displays the full dataset without aggregation, plotting population counts against years. The visualization uses D3 v5 APIs including `scaleLinear`, `scalePoint`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `line` to render SVG paths and circles, with a color legend indicating which lines correspond to boroughs versus transportation categories. The data is loaded from a CSV file.

JJHamron

87% match