Fork of Homelessness - Diverging Bar chart

Homelessness - Diverging Bar chart

This diverging bar chart displays the percent change in homeless population across U.S. states from 2012 to 2013, with bars extending right for increases and left for decreases. The visualization uses D3 v7’s `d3.scaleLinear()`, `d3.scaleBand()`, and `d3.interpolateRdBu` to map values to bar lengths and a diverging color scale. A `d3.legendColor()` legend is included. The data loads from a CSV file containing state statistics from the U.S. Census Bureau. The chart renders as SVG with labeled axes and a gradient-based color legend.

95% match

Fork of Homelessness - Multi-line Chart

This multi-line chart visualization compares the number of homeless persons across five different variables from 2005 to 2013, with each variable represented by a distinct colored line and data points. Hovering over the points triggers a tooltip displaying additional details. The visualization uses the D3.js library (v7) with SVG rendering and relies on `d3.csv` to load the dataset, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.group` to organize data by variable. A color legend from Susie Lu and ColorBrewer distinguishes the lines, and the code animates interactive elements.

84% match

Fork of 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.

AAlex Gomes

83% match

Homelessness Heatmap

A heatmap displays the percentage of homeless population across ten states over multiple years, with darker blue cells indicating higher percentages. The visualization uses an SVG rendering with D3.js v6, employing `d3.scaleBand` for axes, `d3.scaleSequential` with `d3.interpolateBlues` for color encoding, and an interactive tooltip on mouseover. Data comes from a CSV file of top homeless populations, and the legend is built using the `d3-legend` library.

Homelessness - Multi-line Chart

This multi-line chart displays the number of homeless persons across five variables from 2005 to 2013, with each variable drawn as a distinct colored path using d3.line and d3.scaleTime for the time axis. The visualization includes interactive tooltips on data points, which are rendered as SVG circles using d3.legend for color thresholds and colorbrewer schemes. Data comes from a CSV file loaded via d3.csv, and the chart also uses d3.axisBottom and d3.axisLeft to render axes with rotating labels.

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

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