Homelessness - Diverging Bar chart

100%

Homelessness - Diverging Bar chart

✓ Published1🌍 Public

Last edited Apr 19, 2024

Created on Apr 10, 2024

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.

AI-generated description

State Demographic dataset is summarized information obtained about states in the United States from 2015 through 2019 through the United States Census Bureau. Information described in the data includes the age distributions, the education levels, employment statistics, ethnicity percents, household information, income, and other miscellaneous statistics. 'https://corgis-edu.github.io/corgis/csv/state_demographics/'

The bar chart shows the population percent change about states in the US.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Homelessness - Diverging Bar chart

This diverging bar chart displays the percentage change in homelessness population across US states from 2012 to 2013. Bars extend rightward for positive changes and leftward for negative ones, with a red-blue color scale indicating the magnitude of change. The visualization uses D3.js (v7) to render SVG graphics, loading CSV data from a GitHub gist. It employs `d3.scaleLinear`, `d3.scaleBand`, and `d3.interpolateRdBu` for axes and color mapping, with legends created via the `d3.legend` library. The chart includes labeled axes, a title, and a subtitle explaining the data context.

EEunice Tu

95% match

Loading thumbnail…

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.

EEunice Tu

83% match

Loading thumbnail…

Diverging Bar chart in D3

A diverging bar chart displays the population percent change across U.S. states, using the State Demographic dataset from the U.S. Census Bureau. The chart shows each state’s population change from April 1, 2020 to July 1, 2019, with positive changes extending right and negative changes extending left from a central zero axis. D3 v7’s `scaleLinear`, `scaleBand`, and `scaleSequential` with an `interpolateRdBu` color scheme map values to positions and colors, while the `d3.legend` plugin adds a color legend. Data is loaded as CSV via `d3.csv` and rendered as SVG rectangles.

EEunice Tu

82% match

Loading thumbnail…

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.

EEunice Tu

82% match

Loading thumbnail…

Diverging Bar chart in D3

This diverging bar chart visualizes population percent changes across U.S. states between April 2020 and July 2019, using horizontal bars that extend left or right from a central zero axis. The visualization first loads CSV data via `d3.csv`, then applies `d3.scaleLinear` for axes and bar lengths, `d3.scaleBand` for the categorical y-axis, and `d3.scaleSequential` with an `interpolateRdBu` color scheme. A color legend is generated using `d3.legendColor` from the d3-legend plugin, while bars are rendered as SVG `<rect>` elements. The chart includes axis labels, a title, and subtitle, all styled with D3 v7.

EEunice Tu

82% match

Loading thumbnail…

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.

EEunice Tu

81% match

Loading thumbnail…

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

80% match

Loading thumbnail…

Housing Affordibility for homeless

This dashboard visualizes the relationship between housing affordability and homelessness across U.S. states from 2005 to 2022 using three linked D3.js charts: a grouped bar chart comparing state-level metrics, a scatterplot plotting median home prices against homeless populations, and a dual-axis line chart showing national trends over time. It employs D3 v6 with SVG rendering, loading data from external CSV files and featuring interactive tooltips on mouseover for all visualizations.

Aaparnachalumuri@gmail.com

79% match