Skip to main content
SimilarExport ZIP
100%

Healthcare vs. Poverty

✓ Published0🌍 Public
Eeherchen
Last edited Jul 8, 2019
Created on Jul 8, 2019
Forked from Untitled

This interactive scatter plot compares the percentage of people living in poverty and lacking healthcare across U.S. states. Users can toggle the x-axis between poverty rate and median household income, with circles and state abbreviations transitioning smoothly in response. Tooltips display exact values on hover. Built with D3.js, the visualization uses `d3.scaleLinear`, `d3.axisBottom`, and `d3.tip` for interactions, driven by CSV data from the U.S. Census Bureau.

AI-generated description

Stacked bar chart showing estimated religion breakdown.

Interactions:

  • Hover over the bars for tool tips.
  • Hover over the legend to highlight religions.

Based on an example from the tutorial Splitting Charts. Derived from the following examples published on bl.ocks.org:

Estimated 2010 religion breakdown of the most populous 20 countries.

Data is from The Global Religious Landscape by Pew Research, generated using this processing script.

TODO: Upgrade dependencies to latest D3 & friends.

MIT Licensed

Similar vizzes

Loading thumbnail…

Healthcare Scatter Plot

This scatter plot visualizes the relationship between poverty rates and the percentage of people lacking healthcare across U.S. states. Each circle represents a state, positioned by its poverty percentage on the x-axis and its healthcare deficit on the y-axis, sourced from UCI Machine Learning Repository data. The visualization is rendered using D3.v5's `scaleLinear`, `axisLeft`, and `axisBottom` APIs to construct the chart, with SVG circles and custom text labels for axes and title.

Eeherchen
89% match
Loading thumbnail…

Fork of Data visualizations

This scatterplot visualizes the correlation between poverty and obesity rates across U.S. states. Each state is represented by a circle labeled with its abbreviation, plotted along axes for poverty and obesity percentages. The chart uses D3.js to load CSV data, create scales, and render the SVG elements. A tooltip, built with the d3-tip library, appears on click, showing the state name, poverty, and obesity values. The accompanying text highlights observed clusters and trends in the data.

JJoshua chirchir
77% match
Loading thumbnail…

Fork of D3Times

This visualization shows the correlation between poverty and obesity rates across U.S. states using a scatter plot from the D3Times dataset. A circle represents each state, with its horizontal position based on poverty percentage and vertical position based on obesity percentage; the axes are scaled to focus on the higher ranges common in the data. The chart reveals a general trend where states with higher poverty rates, such as Arkansas and West Virginia, also exhibit higher obesity rates, while states with lower poverty, like Colorado and Massachusetts, show lower obesity. Implemented with D3.js version 5.5, the code loads CSV data from a remote GitHub repository, uses `d3.scaleLinear` for axes, draws circles with appended state abbreviations, and incorporates d3-tip tooltips that display state details on click. The SVG rendering is constructed within a Bootstrap container, with axis labels and an accompanying article explaining the observed correlation.

JJoshua chirchir
74% match
Loading thumbnail…

ScatterPlot

A scatter plot displays the percentage of the population living in poverty for ten countries, with countries arranged along the vertical axis and poverty percentages along the horizontal axis. Each steel-blue circle represents a country, plotted using an SVG. The visualization uses D3 v5 APIs including `d3.csv`, `d3.scaleLinear`, `d3.scalePoint`, `d3.axisLeft`, and `d3.axisBottom`, with data loaded from a local CSV file.

Cchristine
72% match
Loading thumbnail…

Healthcare and The Will To Live

This interactive D3.js visualization argues for universal healthcare by correlating national happiness rankings with suicide rates across selected countries. Users explore a choropleth map, built with `d3.geoPath` and `d3.geoProjection`, to hover over countries and reveal metrics like happiness rank, suicides per 1000 population, healthcare access, median salary, and poverty rate. Accompanying bar charts and scatter plots, rendered with standard D3 scales, allow toggling between healthcare systems to compare these relationships. The analysis is based on country-level data presented through a static HTML interface with CSS styling.

Aargonaeut
72% match
Loading thumbnail…

Effects on population towards poverty

This visualization explores the relationship between population size and poverty levels across different regions. Users select a region from an interactive list, which updates the scatterplot-style SVG display. Built with D3 version 6, the example uses d3.select and d3.json to load and bind data, while d3.scaleLinear and d3.axisBottom manage the quantitative axes. The code demonstrates basic D3 data joins for rendering circles and updating the visualization based on user input.

JJoshua chirchir
71% match
Loading thumbnail…

D3Times

A scatter plot displays correlations between state-level health risk factors and socioeconomic indicators, plotting each U.S. state as a labeled circle. The visualization pairs smoking rates with poverty rates, with state abbreviations placed over each point. The code loads a CSV dataset and parses its numeric fields, then uses D3.js version 5 with SVG rendering to create the chart. Axes are generated using `d3.scaleLinear` and `d3.scaleBand`, while the Bootstrap framework provides the page layout and styling.

FFrankoOrtmann
71% match
Loading thumbnail…

A9 US Choropleth Map

This example shows a choropleth map of U.S. state poverty rates using 2023 data from Poverty2023.csv. The map colors each state with a sequential red scale based on the percentage of the population living below the poverty line, with missing data rendered in gray. Hovering over a state displays a tooltip with the state name and its poverty rate. The visualization uses D3 v7’s `d3.geoPath` with the `geoAlbersUsa` projection to render state boundaries from TopoJSON, and `d3.scaleSequential` with `d3.interpolateReds` for color encoding.

Hhxu51@usfca.edu
70% match