Fork of Data visualizations

100%

Fork of Data visualizations

✓ Published0🌍 Public

Last edited Apr 6, 2023

Created on Apr 6, 2023

Forked from Untitled

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.

AI-generated description

Group Project

MIT Licensed

Similar vizzes

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

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

80% match

Loading thumbnail…

Healthcare vs. Poverty

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.

Eeherchen

77% match

Loading thumbnail…

Dorling Cartogram

A pseudo-cartogram maps obesity rates across U.S. states, using circles sized by value and positioned near their geographic origins. The visualization employs D3.js (v3) with an Albers USA projection and a `d3.layout.force` simulation to resolve overlaps while preserving locality. Circle radii are scaled via `d3.scale.sqrt` from CDC 2008 data, rendered as SVG shapes.

Mmbostock

77% match

Loading thumbnail…

Fork of Fork of Pie Chart For Low Income In United States

This visualization shows the distribution of low-income reading scores across U.S. states using a pie chart, with each slice colored and a corresponding legend listing state names and values. The data is loaded from a CSV file via D3’s `csv` method. The chart is rendered in SVG using `d3.pie`, `d3.arc`, and `scaleOrdinal` for coloring, while text labels are positioned with `arc.centroid`. The legend is built with appended rectangles and text elements.

GGARIDIDEEKSHITHREDDY

76% match

Loading thumbnail…

Demers Cartogram

This visualization shows obesity rates across U.S. states as a pseudo-cartogram, encoding each state’s value as a square whose area is proportional to the obesity ratio. Rather than preserving adjacency between states, the layout uses a force simulation with `d3.forceSimulation`, applying `d3.forceX` and `d3.forceY` to pull each square toward its original Albers USA projection centroid while a custom collide force prevents overlap. The obesity data is drawn from CDC 2008 estimates and rendered as SVG rectangles, colored uniformly gray.

Mmbostock

75% match

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

75% match

Loading thumbnail…

Fork of Pie Chart For Low Income In United States

This example presents a pie chart visualizing low-income reading scores across U.S. states, with each slice’s size and color representing a state’s value. The chart uses D3 v5 to fetch CSV data from a GitHub gist, then applies `d3.pie` and `d3.arc` to generate and position the slices, while `scaleOrdinal` assigns categorical colors. A legend with colored rectangles and formatted numbers accompanies the SVG rendering, and slice labels are placed using arc centroid calculations.

GGARIDIDEEKSHITHREDDY

75% match