Skip to main content
SimilarExport ZIP
100%

Activity8Task2UN

✓ Published0🌍 Public
Uuzairnaeem15@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Activity-6

A horizontal stacked bar chart shows the percentage distribution of social media platform users across each month of 2023. The chart displays the total share for platforms like Facebook, Pinterest, and Twitter, with each bar segmented by platform and colored via a custom ordinal scale. Using D3 v7, the code loads a CSV file and applies d3.stack to compute the layered segments, while d3.scaleBand positions the months and d3.scaleLinear maps percentages. Interactive tooltips reveal exact values on hover, with axes rendered by d3.axisBottom and d3.axisLeft.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task2_Q2

This example uses a stacked horizontal bar chart to display the distribution of app ratings across categories like Social Media and Gaming, with each bar segment representing a rating range's percentage. Built with D3 v7, the visualization relies on `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` to compute and render segments from the CSV data. Tooltips, implemented via D3 selection and mouse events, display exact percentages on hover. The SVG output uses a custom color scale for the five rating categories.

KKondreddy Saikiran reddy
82% match
Loading thumbnail…

Activity6_Task2_Q2

This example uses a stacked horizontal bar chart to display the distribution of app ratings across categories like Social Media and Gaming, with each bar segment representing a rating range's percentage. Built with D3 v7, the visualization relies on `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` to compute and render segments from the CSV data. Tooltips, implemented via D3 selection and mouse events, display exact percentages on hover. The SVG output uses a custom color scale for the five rating categories.

KKondreddy Saikiran reddy
82% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart shows the distribution of music ratings across five social media platforms (Twitter, Instagram, TikTok, Facebook, Snapchat), split into five rating brackets from below 5.0 to above 8.5. Each bar represents a platform, with colored segments showing the percentage of ratings in each bracket. The visualization uses D3 v7’s `d3.stack()` and `d3.scaleOrdinal` for color encoding, rendered as SVG with a tooltip on mouseover displaying exact percentages via `d3.format`. Data comes from a local CSV file.

JJhansi Balla
82% match
Loading thumbnail…

Task 2 Questions

A stacked bar chart displays survey responses for social media usage across six age groups, with each bar segmented by platform (Facebook, Instagram, Twitter, Snapchat, LinkedIn). The visualization uses D3.js version 7 to load CSV data via `d3.csv`, prepares the data with `data.columns` and `d3.sum`, and employs `d3.stack` to compute stacked series. Bars are rendered as SVG `<rect>` elements with colors from `d3.scaleOrdinal` and `d3.schemeCategory10`. Interactive tooltips appear on mouseover, showing the percentage for the hovered platform, while axes are generated with `d3.axisBottom` and `d3.axisLeft`.

SSiddhardha
82% match
Loading thumbnail…

Activity8Task1_UN

This example displays a horizontal bar chart of the 2020 populations for ten countries, with bars extending rightward from the y-axis. The chart is built with React and rendered as an SVG, using D3 v5’s `scaleBand` and `scaleLinear` functions for axis scaling. Data is loaded from a CSV file via D3’s `csv` parser. The x-axis tick labels are formatted using D3’s `format` function to abbreviate large numbers, and tooltips show the same abbreviated values.

Uuzairnaeem15@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
80% match
Loading thumbnail…

Activity8Task1Q2_UN

This horizontal bar chart displays the populations of 20 countries for the year 2020, sorted in descending order. The visualization uses a React application with D3.js v5 APIs, specifically `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Each bar is rendered as an SVG `rect` element, with tooltips formatted via D3's `format` function to show values in billions. Data is loaded asynchronously from a CSV file using D3's `csv` function, and axes are generated with custom `AxisBottom` and `AxisLeft` components.

Uuzairnaeem15@gmail.com
80% match
Loading thumbnail…

Activity6

A stacked horizontal bar chart titled "Music" visualizes the percentage distribution of music ratings (below 5.0 to above 8.5) across five streaming platforms (Spotify, Youtube, Apple, Amazon, and Tidal). The chart uses D3.js v7’s `d3.stack`, `d3.scaleOrdinal`, and `d3.scaleLinear` to construct layers for each rating category, with an interactive tooltip on mouseover. Data is loaded from a local CSV file and rendered as SVG, with D3’s `axisBottom` and `axisLeft` for axes.

Ggreeshmareddy135@gmail.com
80% match