Skip to main content
SimilarExport ZIP
100%

Activity6_Task2_Q2

✓ Published1🌍 Public
KKondreddy Saikiran reddy
Last edited Apr 2, 2024
Created on Apr 2, 2024
Forked from Activity6_Task2

This example shows a stacked horizontal bar chart of app category ratings, displaying the percentage distribution of ratings across five bins from “below 2.0” to “above 5.0” for ten app categories. The visualization uses D3 v7 with SVG rendering, employing `d3.stack()` to compute stacked series, `d3.scaleOrdinal` for color mapping, and `d3.scaleBand` for categorical positioning. Tooltips on mouseover reveal exact percentages using `d3.format`. The data comes from a CSV file loaded and parsed by D3.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
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
95% 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
95% match
Loading thumbnail…

Activity6_Ques2

This stacked bar chart compares the percentage distribution of ratings across six categories—Technology, Finance, Healthcare, Education, Sports, and Entertainment—using horizontal bars. Each bar is segmented into five rating bands, from "below 4.0" to "above 9,” with a legend in the right margin. The visualization uses D3 v7's `d3.stack()` to aggregate the data and `d3.scaleOrdinal()` for color mapping. An SVG renders the chart, while mouseover events display a tooltip showing the exact percentage for each segment. The data is loaded from a local CSV file.

Nnithinnc@outlook.com
88% match
Loading thumbnail…

Activity6_Question2

This stacked horizontal bar chart shows the distribution of ratings for six food categories, from "Below 4" to "Above 8," with each bar segment representing the percentage of ratings in that range. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked segments, `d3.scaleLinear()` for the x-axis, and `d3.scaleBand()` for the y-axis categories. Hovering over a segment highlights it and displays a tooltip with the exact percentage, while the data is loaded from a local CSV file. The SVG rendering includes custom axis labels and a legend.

PPadmajaKodati@my.unt.edu
88% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart displays the distribution of user ratings across five tech categories, with each bar proportionally segmented from "below 5.0" to "above 8.5." Using d3.scaleBand for the categorical y-axis and d3.scaleLinear for the percentage x-axis, the chart employs d3.stack to compose the segments. A hover tooltip reveals exact percentages per segment, with the data loaded via d3.csv. SVG rendering and smooth opacity transitions for the tooltip enhance interactivity.

Bbhargavr016@gmail.com
88% match
Loading thumbnail…

Activity6_Question2

This example shows a stacked bar chart comparing ratings across six AI-related categories, with each bar divided into five percentage-based rating brackets (below 5.0 through above 8.5). The visualization uses D3 v7 to load the CSV data, apply `d3.stack()` to compute the stacked segments, and render them as SVG rectangles scaled with `d3.scaleLinear` and `d3.scaleBand`. Hover interactions trigger a tooltip displaying the exact percentage for each segment, and colors are assigned via `d3.scaleOrdinal`.

CChandra Prakash Reddy Kalwakolu
87% match
Loading thumbnail…

Activity6_Task2_Question2

This visualization displays a stacked horizontal bar chart of product category reviews, showing the proportion of 1-to-5-star ratings within each category. The bars are segmented by rating subgroup and colored via a d3.scaleOrdinal with the d3.schemeSet2 palette, with a legend positioned to the right. The code loads CSV data from a GitHub raw URL, processes it with d3.stack for stacking, and renders SVG rectangles with d3.axisBottom and d3.axisLeft for scales. Interactive tooltips appear on mouseover, displaying the percentage share of each rating segment. The visualization uses d3.csv, d3.stack, and SVG element bindings via d3 joins.

Ssaishruthik2361@gmail.com
87% match
Loading thumbnail…

Activity6Question2

This example shows the distribution of ratings across five categories—AI Research, Machine Learning Development, and others—using a stacked horizontal bar chart. Each bar segment represents the percentage of ratings within a rating band, such as "below 5.0" or "7.5-8.5". The visualization uses d3.stack() to structure the data and d3.scaleOrdinal for color mapping. Mouse interactions trigger tooltips that display exact percentages, while d3.axisBottom and d3.axisLeft label the chart. Data is loaded from a CSV file with d3.v7.

Aalapati98@gmail.com
87% match