Skip to main content
SimilarExport ZIP
100%

ACTIVITY 6_TASK_2.1

✓ Published0🌍 Public
Ppasumarthiraghuram21@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024

This stacked bar chart visualizes the estimated religious composition of the 20 most populous countries in 2010. Each bar represents a country, segmented by religion, with a color legend for identification. Hovering over the legend highlights the corresponding segments across all countries. Built with D3, it uses `scaleOrdinal` for colors, `flatRollup` to aggregate data, and `stack` to compute bar segments, with responsive axes from `@curran/responsive-axes`.

AI-generated description

Stacked bars showing estimated religion breakdown of the most populous 20 countries in 2010.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task2

This interactive stacked bar chart displays the religious composition of the top 20 most populous countries, with each bar segment representing a religion’s population in millions. Built with D3 7.8.5, it uses `scaleOrdinal` for color mapping and `scaleLinear` with `scaleBand` for axes. A hover interaction on the color legend adjusts segment opacity and highlights the selected religion across all bars. Data comes from a bundled CSV file, and the visualization resizes responsively to its container.

Mmanisahiths54321@gmail.com
91% match
Loading thumbnail…

Activity 6 Task 2(Interactive Stacked Bar Chart)

This interactive stacked bar chart displays the estimated religious breakdown of the 20 most populous countries in 2010, with population measured in millions. Each country's horizontal bar is segmented by religion, and hovering over a legend item highlights that religion’s segments across all countries while dimming others. The visualization is built using D3.js, utilizing `scaleOrdinal`, `scaleLinear`, `scaleBand`, and the `stack` function to process the CSV data. The legend and chart implement mouseenter/mouseleave events to update the hovered color state, adjusting segment opacity and stroke accordingly.

Mmaheshchowdaryponnaganti@my.unt.edu
90% match
Loading thumbnail…

Activity6_Task2

This interactive stacked bar chart displays the religious composition of the top 20 countries by population, with each bar segment representing a religion’s population in millions. Users can hover over the color legend to highlight corresponding segments in the chart, which fade non-matching bars. Built with d3.v7, the visualization uses `flatRollup`, `stack`, `scaleBand`, and `scaleLinear` to structure data, while the color legend and chart respond to mouse events updating a shared state. Data comes from a CSV file containing country, religion, and population figures.

Mmaheshchowdaryponnaganti@my.unt.edu
89% match
Loading thumbnail…

task8 Q2 1

This visualization shows the estimated religious breakdown of the 20 most populous countries in 2010, using stacked bars where each segment represents a religion’s population. The chart uses D3’s `stack()` and `flatRollup()` to structure the data, with `scaleOrdinal` and `schemeCategory10` for colors. Hovering over the color legend highlights that religion across all bars via `mouseenter` and `mouseleave` events, dimming other segments. Data originates from the Pew Research Center’s Global Religious Landscape report.

Ssruthimreddy6@gmail.com
88% match
Loading thumbnail…

activity 6 question 2

This visualization shows religious demographics across the top 20 most populous countries using a horizontal stacked bar chart, where each bar represents total population segmented by religion and color-coded via an ordinal scale. A linked color legend allows users to hover over religion categories, which highlights corresponding bar segments while fading others and raising the hovered stack. The chart is built with d3-scale’s scaleLinear, scaleBand, and scaleOrdinal, uses d3-shape’s stack for stacking, and implements responsive resizing via @curran/responsive-axes. Data comes from a static CSV detailing population counts per country and religion.

RRakesh Yadav
88% match
Loading thumbnail…

TAsk8 Q2 1

A stacked bar chart displays the estimated population by religion for the 20 most populous countries in 2010, based on data from `religionByCountryTop20.csv`. Each bar represents a country, segmented by religious affiliation, with a color legend for each religion. The chart uses D3's `scaleOrdinal`, `schemeCategory10`, `stack`, and `flatRollup` for data processing and layout. Hovering over a legend item highlights that religion across all bars and fades the others.

Ssruthimreddy6@gmail.com
88% match
Loading thumbnail…

Task8_Tutorial1

This stacked bar chart visualizes the estimated religious composition of the 20 most populous countries in 2010, using data from the Pew Research Center's Global Religious Landscape. The chart uses `d3.flatRollup` and `d3.stack` to structure the data, with `d3.scaleLinear` for the x-axis (population in millions) and `d3.scaleBand` for the y-axis (countries). A color legend, built with `colorLegend.js`, allows users to hover over a religion to highlight its segments across all bars while fading others, using `d3.scaleOrdinal` with `schemeCategory10` for color assignment.

Ppranayrajana.97@gmail.com
88% match
Loading thumbnail…

Question 2 STACKED BAR CHART

This stacked bar chart shows the estimated religious composition of the 20 most populous countries in 2010, with each bar segmented by religion and colored using `scaleOrdinal` and `schemeCategory10`. Hovering over the legend highlights a religion across all countries while fading others, implemented via `colorLegend` and mouse events. The chart uses `flatRollup` and `stack` from D3 to aggregate the CSV data, with `scaleLinear` for population and `scaleBand` for countries, plus the `@curran/responsive-axes` library for axis rendering. Data originates from the Pew Research Center’s Global Religious Landscape.

Nneeleshalapati@gmail.com
88% match