Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Task2

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

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.

AI-generated description
MIT Licensed

Similar vizzes

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
97% match
Loading thumbnail…

Fork of Fork of Activity6_Task3

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.

Ssahithitoomu@gmail.com
94% 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
86% match
Loading thumbnail…

Fork of Activity6_Task2_Question 2-3

This visualization uses a stacked bar chart to show the distribution of jobs across five locations—New York, Texas, New Jersey, San Jose, and others—for four job categories. Each bar segment represents a percentage, with colors mapping to locations via d3.scaleOrdinal. The chart uses d3.stack to compute stacked series, d3.scaleBand and d3.scaleLinear for axes, and d3.axisBottom with tick marks. Interactive tooltips appear on mouseover, revealing the exact percentage value using d3.format. Data is loaded from a local CSV file, and the SVG is rendered with D3 v7.

Kkondaveeti.bhargavi7780@gmail.com
78% match
Loading thumbnail…

Fork of Activity6_Task2

This example shows a stacked bar chart of U.S. state population data across six age groups, with bars sorted by total population. Hovering over a bar segment displays a tooltip with the age group name and its population value. The visualization uses D3 v3 to create SVG bars and axes, with ordinal and linear scales for positioning. Data is loaded from a CSV file, and color encoding distinguishes the age categories.

Hhemanthdummy999@gmail.com
78% match
Loading thumbnail…

Fork of Activity 6 q3

This example presents a stacked bar chart illustrating population distribution across age brackets for several U.S. states, with each bar segmented by age group and colored using a categorical scale. The visualization is rendered as an SVG using D3.js (v3.5), with population values loaded from a local CSV file. Users can hover over individual bar segments to see a tooltip displaying the specific age group and its population count. The chart sorts states by total population and includes axis labels, demonstrating D3's core APIs for data binding, scales, and SVG rendering.

Kkaringusathwika@gmail.com
77% match
Loading thumbnail…

Fork of Activity_6_Question_2

This stacked bar chart shows the percentage distribution of marks across five mark ranges for five students, with each bar segment representing a proportion that sums to 1. Designed with D3 v7, the visualization uses `d3.stack()` and `d3.scaleOrdinal()` for color encoding, while `d3.scaleBand()` positions students on the y-axis. Hovering over any segment triggers a tooltip displaying the exact percentage for that mark range, using the `mousemove` event and D3’s formatting helper. The SVG rendering applies custom axis labels and a manual legend, with data loaded from a CSV file.

AAbrarb702@gmail.com
76% match
Loading thumbnail…

Fork of Activity6_Task2

This stacked horizontal bar chart displays the proportion of six food categories (Fruit, Vegetables, Meat, Dairy, Grains, Snacks) across rating bands from "Below 4" to "Above 8." Each category is a row of stacked colored segments, where segment length represents the percentage of ratings in that band. The visualization uses d3.stack() to compute cumulative values and d3.scaleOrdinal() for categorical colors. It renders via SVG with d3.axisBottom and d3.axisLeft, and includes interactive tooltips on mouseover showing exact percentage values. Data comes from a CSV file with pre-computed proportions.

Sshivakumarganji@my.unt.edu
76% match