Fork of Fork of Activity6_Task3

100%

Fork of Fork of Activity6_Task3

✓ Published0🌍 Public

Last edited Mar 30, 2025

Created on Mar 30, 2025

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.

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

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

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

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

79% 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 Fork of Activity6_Task2

This horizontal stacked bar chart shows the proportion of ratings (from "Below 4" to "Above 8") for six food categories (Fruit, Vegetables, etc.), with each bar’s segments representing the percentage of ratings in that range. The chart uses `d3.stack()` to create the stacked segments, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the x-axis. Hovering over a segment reveals a tooltip showing the exact percentage for that rating, calculated from the provided data. The visualization is rendered as SVG using D3 v7, with colors assigned via `d3.scaleOrdinal`.

Sshivakumarganji@my.unt.edu

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

78% match