Homelessness Heatmap

100%

Homelessness Heatmap

✓ Published0🌍 Public

Last edited Apr 22, 2024

Created on Apr 19, 2024

Forked from Heatmap with time series in D3

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.

AI-generated description

Heatmap visualization of states' crime rate with time series from 2000-2019 from the CORGIS dataset 'https://corgis-edu.github.io/corgis/csv/smoking/'in D3. The crime rate includes all the property-related crimes. Color legend from Susie Lu and colorbrewer. Referenced to geeksforgeeks

MIT Licensed

Similar vizzes

Loading thumbnail…

Homelessness Choropleth map

A choropleth map of the United States displays the total number of homeless persons per state in 2021, with darker blue shades indicating higher counts. Hovering over a state reveals a tooltip with its exact value. The visualization uses D3 v7 with `d3.geoAlbersUsa` projection and `d3.geoPath` to render SVG paths from a GeoJSON file, while a threshold color scale maps data values to a blue scheme. Data comes from a CSV file containing state-level homeless population totals.

EEunice Tu

83% match

Loading thumbnail…

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.

EEunice Tu

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

82% match

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

81% 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 Homelessness Choropleth map

This choropleth map visualizes the total homeless population per U.S. state in 2021, using a threshold-based color scale to highlight states with higher counts. The map is rendered as an SVG using `d3.geoPath` and the `geoAlbersUsa` projection, with data joined to GeoJSON features by state name. Hovering over a state displays a tooltip with the exact homeless population. The color mapping relies on `d3.scaleThreshold` and the `schemeBlues` color ramp, and the underlying data originates from the USDA’s county-level poverty estimates, adapted here to show homelessness figures.

EEunice Tu

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

Loading thumbnail…

World Map

This example visualizes homelessness-related diversity metrics across US states, mapping numerical values to a white-to-blue color scale. The code uses D3 v4 with the `geoAlbersUsa` projection and `d3.geoPath` to render state boundaries from TopoJSON data, while territories are colored based on a static `diversity` dataset. State paths receive hover effects through CSS classes, and the visualization is built within a React framework using SVG rendering. Animated interactions are present, though the tooltip functionality appears incomplete in the provided code.

EEunice Tu

78% match