Activity6_Q2.3

100%

Activity6_Q2.3

✓ Published0🌍 Public

Last edited Apr 2, 2025

Created on Apr 1, 2025

This visualization shows the proportional distribution of population across Africa, Asia, and Europe for five countries, with each horizontal bar normalized to 100% to facilitate cross-country comparison. The chart renders as a normalized stacked bar chart using SVG, where each segment’s length represents its percentage share. The code loads data from a CSV file, converts values to percentages, and uses d3.stack() for stacking, d3.scaleLinear() and d3.scaleBand() for axes, and d3.scaleOrdinal() for colors. Interactive tooltips display exact percentages on hover.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Q-2.3

This stacked bar chart shows the proportion of global internet users across six regions—Africa, Asia, Europe, North America, South America, and Oceania—from 2015 to 2019. Using d3.v7 and SVG, it stacks yearly percentage values per region via `d3.stack()`, with bars colored by year through `d3.scaleOrdinal()`. The visualization includes axes generated by `d3.axisBottom()` and `d3.axisLeft()` with percentage formatting, plus a clickable legend. Data comes from the included `internet-users.csv` file, and clicking a bar alerts the region, year, and percentage.

Tthoutunikhitha@gmail.com

82% match

Loading thumbnail…

Fork of Activity 6 task1-Q2

This visualization displays a horizontal bar chart of the population of ten African countries in the year 2000, with bars rendered as purple rectangles using D3 v6’s SVG API. It uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate axes. Population values are formatted in millions, y-axis labels are rotated, and inline data is loaded asynchronously via `useData` and `d3.select`. The chart emphasizes readability with increased margins and axis labels.

Ssahithitoomu@gmail.com

81% match

Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes the percentage of internet usage across five age groups, segmented by region, with each bar normalized to 100%. The visualization uses `d3.stack()` to create the stacked segments and `d3.scaleOrdinal` for color encoding, mapping regions to distinct hues. Interactive tooltips appear on hover, displaying the precise percentage for each region-age combination using `d3.format('.2f')`. The chart leverages `d3.axisBottom` and `d3.axisLeft` with SVG rendering, reading from a `data.csv` file that contains proportional usage values for North America, Europe, Asia, Africa, and South America.

Ggoudrohit2000@gmail.com

81% match

Loading thumbnail…

Activity_6 Question 2

This stacked bar chart compares urban and rural population proportions across ten countries, with each horizontal bar segmented into two colored parts representing the population split. The visualization uses D3.js v7 with an SVG renderer, loading data from a CSV file and displaying percentages using a linear x-axis with percentage formatting. Hovering over a segment triggers a tooltip that reveals the precise percentage for that urban or rural population category. The chart includes a legend and axis labels, with colors assigned via a scaleOrdinal function using a two-color palette.

JJaiyaGhanta@my.unt.edu

81% match

Loading thumbnail…

Activity6_Task2

This stacked horizontal bar chart visualizes the distribution of age groups across different continents, with each bar representing a continent and segments colored by age bracket. The visualization uses a D3.js v7 SVG rendering with `d3.stack()` to compute the stacked segments, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()`/`d3.scaleLinear()` for axes. Tooltips, implemented via mouseover events, display the exact percentage for each segment, with x-axis labels indicating percentage values. Data is loaded from a CSV file containing pre-calculated proportions per continent.

Pperamranji

80% match

Loading thumbnail…

Activity 6 task1-Q1

This example visualizes the population of 10 African countries in the year 2000 as a horizontal bar chart, with bars rendered as purple rectangles and population values formatted in millions along the x-axis. The visualization uses d3.v6 with a scaleLinear for the population axis and scaleBand for the categorical country names, drawing SVG elements directly. Data is loaded asynchronously via a useData module returning a static array, and axes are generated using d3.axisBottom and d3.axisLeft, with y-axis labels rotated and x-axis labeled "POPULATION – 2000".

Ssahithitoomu@gmail.com

79% match

Loading thumbnail…

Activity-6_Question-1.2

This bar chart displays population figures for 20 countries from a 2010 dataset, ordered along a vertical categorical axis with horizontal bars extending proportionally to population values. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom`/`d3.axisLeft` for tick marks. Data loads asynchronously from a CSV file via `d3.csv`, with bars drawn using SVG `rect` elements filled in red.

Hhoneyravuri.711@gmail.com

79% match

Loading thumbnail…

actvity6-2

A stacked horizontal bar chart shows the percentage of population in three age brackets—14 years and below, 15 to 64 years, and 65 years and above—across seven global regions. The SVG is built with D3 v7, using `d3.stack()` to compute the stacked segments, `d3.scaleLinear()` and `d3.scaleBand()` for positioning, and `d3.scaleOrdinal()` to assign categorical colors. Interactive tooltips reveal exact percentages on hover. Data comes from a CSV file, with axes labeled and a title displayed above the chart.

BBibek Lamsal

79% match