Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Activity6_Task3

✓ Published1🌍 Public
Ssahithitoomu@gmail.com
Last edited Mar 30, 2025
Created on Mar 30, 2025

This scatter plot shows the relationship between the percentage of Asian, Black, and White residents with bachelor's degrees across U.S. states. Each circle represents a state, positioned by its Asian and Black bachelor's degree percentages, while its color indicates the White bachelor's degree percentage. The visualization uses D3.js v7 to create an SVG chart with linear axes and a sequential Viridis color scale, rendered via `d3.scaleLinear`, `d3.scaleSequential`, and `d3.axisBottom`/`d3.axisLeft`. A legend is included to map the color scale to White bachelor's degree percentages. The data is embedded directly in the JavaScript source.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Task2

This visualization displays the percentage of bachelor's degrees earned by Asian, Black, and White residents across U.S. states, with each state represented as a horizontal stacked bar showing the proportional share of each ethnic group. The chart uses d3.stack() to compute the stacked series, d3.scaleBand() for the categorical state axis, and d3.scaleLinear() for the percentage axis. Rendering is done via SVG rectangles within a D3 v7 selection, styled with a color ordinal scale and annotated with axes and a legend.

Ssahithitoomu@gmail.com
94% match
Loading thumbnail…

Fork of Fork of Activity6_Task3

This visualization uses a stacked horizontal bar chart to show the percentage of bachelor's degrees earned by Asian, Black, and White students across U.S. states. The code processes the provided data to calculate proportions and uses D3.js (v7) to render the chart as an SVG. It employs `d3.stack()` to create the stacked series, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.scaleOrdinal` with a color range to distinguish the three racial groups. A legend and axis labels are added for clarity.

Ssahithitoomu@gmail.com
93% match
Loading thumbnail…

Activity 6 task2

This stacked bar chart shows the racial composition of ten U.S. states, with each horizontal bar segmented into Asian, Black, and White population percentages. The visualization uses D3 v7’s stacking API (`d3.stack`) to layer the three categories, with a linear x-scale for percentages and a band scale for states. Hovering or clicking a segment reveals its exact percentage via an interactive tooltip, while inline labels display each segment’s value. The SVG rendering includes axes formatted as percentages, and the color scale assigns distinct hues to each racial group. The data is hardcoded as an array of state objects.

Ssahithitoomu@gmail.com
79% match
Loading thumbnail…

Fork of Assignment 5 Bubble Plot D3

This animated scatter plot visualizes student enrollment trends across different degree types—bachelor's, master's, PhD, and jobs—tracking the number of students going abroad over time. The visualization cycles through each category every two seconds, updating both the data and the symbol shape (circle or square) to represent the current category. Built with D3 v3, the reusable `scatterPlot` function manages scales, axes, and transitions, while the main script loads CSV data from a GitHub gist and drives the animation loop using `setTimeout`.

Ssagamreddy929@gmail.com
75% match
Loading thumbnail…

Fork of Assignment 9: Choropleth Map

This choropleth map visualizes the percentage of adults with a bachelor’s degree or higher across U.S. counties, using a blue sequential color scale with a legend. It renders SVG paths via `d3.geoPath` and TopoJSON data from `us-10m.v1.json`, while county values are loaded from `education.csv` and mapped with `d3.map`. The color scale employs `d3.scaleThreshold` and `d3.schemeBlues[9]`, with county tooltips showing exact percentages and state boundaries drawn as white strokes.

CChase Hall
75% match
Loading thumbnail…

Fork of Assignment 9: Choropleth Map

This choropleth map displays the percentage of adults with a bachelor’s degree or higher per U.S. county using a blue threshold color scale and a legend with tick marks. The code loads education data from a CSV and U.S. county boundaries from TopoJSON via `d3.json` and `d3.csv`, then renders paths with `d3.geoPath`. It uses `d3.scaleThreshold` and `d3.schemeBlues` for coloring, adds hover tooltips via SVG `<title>` elements, and overlays state boundaries with `topojson.mesh`. The visualization is built with D3 v5 and React, drawing to an SVG canvas.

CChase Hall
74% match
Loading thumbnail…

Fork of Choropleth Maps

This fork of a choropleth map displays the percentage of adults with a bachelor’s degree or higher across U.S. counties for 2015–19, using a purple sequential color scale. It renders an SVG map with county boundaries and state outlines via d3.geoPath, with hover effects that highlight counties by transitioning their stroke color. The visualization uses a d3.scaleThreshold for color encoding, d3.csv and d3.json for loading data, and topojson to parse geographic features. A legend with an axis shows the percentile ranges.

RRyan G Tjakrakartadinata
74% match
Loading thumbnail…

Fork of Fork of United States Educational Attainment - Choropleth Map

This choropleth map of the United States visualizes the percentage of adults aged 25 and older with a bachelor’s degree or higher, using a purple sequential color scale to encode educational attainment by county. County boundaries are rendered as SVG paths via `d3.geoPath`, with missing data shown in gray. A custom `d3.scaleThreshold` color legend displays class breaks, while mouseover interactions reveal county names, states, and percentages in a blurred tooltip. The visualization combines React components with D3 v5, importing data from FreeCodeCamp’s JSON endpoints for county boundaries and educational statistics.

TThaverman
74% match