Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published0🌍 Public
Hhemanthmaddila13@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This horizontal stacked bar chart visualizes the distribution of game genres across rating brackets, from "below 5.0" to "above 8.5". Each bar represents a genre (action, roleplay, shopping, racing, sports) and is segmented by the percentage of games in each rating category. The chart uses D3 v7's `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and the `stack` function to create the stacked segments. Hovering over a segment reveals a tooltip showing the exact percentage for that genre and rating, using D3's `scaleOrdinal` for color assignment. Data comes from a local CSV file, rendered as SVG.

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

This stacked bar chart illustrates how movie ratings are distributed across genres, with each bar segment representing the percentage of ratings within a specific range, from below 5.0 to above 8.5. The visualization uses D3.js (v6) with SVG rendering, employing d3.stack() to aggregate the data and d3.scaleBand for the categorical y-axis. Hovering over any segment triggers a tooltip displaying the exact percentage for that rating level within the selected genre. The data originates from a CSV file containing genre-based rating proportions.

GGOPI MUPPURI
90% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows how movie ratings are distributed across genres, with each bar divided into five rating categories from "below 5.0" to "above 8.5." The visualization uses d3.stack() to create the stacked segments, d3.scaleLinear for the percentage axis, and d3.scaleBand for the categorical genre axis. Hovering over a segment reveals a tooltip displaying the exact percentage for that rating level within that genre. The data comes from a local CSV file, and the chart is rendered as SVG with d3.v7.

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

Activity6_Task2

A stacked horizontal bar chart visualizes the distribution of IMDb ratings across six movie genres, showing the percentage of titles falling into five rating brackets from "below 5.0" to "above 8.5." Each genre has its own bar, with color-coded segments indicating rating proportions. The chart uses D3 v7’s `d3.stack()` and `scaleOrdinal` for stacking and coloring, alongside `scaleLinear`, `scaleBand`, and axis generators. A tooltip displays the exact percentage for each segment on hover. Data comes from a CSV file with pre-computed genre-rating proportions.

Hhemanthmaddila13@gmail.com
90% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart displays how readers rate book genres across three categories (Excellent, Good, Average), with each genre represented by a horizontal bar segmented by rating proportions. The visualization uses D3.js (v7) with an SVG rendering approach, loading data from a CSV file containing genre ratings as percentages. The code employs `d3.stack()` with `stackOrderNone` and `stackOffsetNone` to build the segments, along with `d3.scaleLinear` for the percentage axis and `d3.scaleBand` for genre categories. Users can click any segment to see the exact rating percentage via an alert.

Mmaheshsachin1234@gmail.com
90% match
Loading thumbnail…

Activity_6 task 2 tutorial

This stacked horizontal bar chart shows the distribution of movie ratings across six genres, with each bar divided into five rating categories from below 5.0 to above 8.5. The visualization uses d3.stack() to create the stacked segments, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the percentage-based x-axis. Interactive tooltips display exact percentages on mouseover, while the color scheme distinguishes rating categories via d3.scaleOrdinal. The data comes from a CSV file containing genre and rating percentage values.

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

Activity 6 task 2

This stacked bar chart visualizes the percentage distribution of book ratings across five genres, using data from a CSV file. Each bar represents a genre, segmented by rating ranges from "below 4.0" to "above 8.5", with a horizontal axis showing percentages. The visualization uses D3 v7's `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` APIs, rendering as SVG in a browser. Interactive tooltips display precise rating percentages per genre when hovering over bar segments, with opacity changes on mouseover. The chart includes axis labels, a title, and a color-coded legend for rating ranges.

Jjaideeptripurani12@gmail.com
89% match
Loading thumbnail…

Activity8_Task2

This stacked bar chart shows how movie ratings are distributed across genres, with each bar divided into five rating levels from below 5.0 to above 8.5. The chart enables comparison of rating profiles between genres, and hovering over a segment reveals its exact percentage via a tooltip. The visualization is built with D3 v7, using `d3.stack()` to create the stacked layout, `d3.scaleBand()` for the y-axis, and `d3.scaleLinear()` for the x-axis. The SVG rendering uses color-coded segments per rating level, with data loaded from a CSV file.

Aanusharamana0@gmail.com
89% match
Loading thumbnail…

Activity6_Task2

A stacked horizontal bar chart visualizes the distribution of IMDb ratings across six genres, using percentage categories ranging from "below 5.0" to "above 8.5." The chart renders as SVG elements via D3 v7, with each genre represented as a horizontal bar segmented into five colored rating bands. The visualization employs `d3.stack()` to compute stacked series, `d3.scaleBand` for the y-axis categories, and `d3.scaleLinear` for the x-axis percentages. Interactive tooltips appear on mouseover, displaying the exact percentage for any rating segment using `d3.format('.2f')`. The data comes from a local CSV file loaded with `d3.csv`.

Ssathvik0311@gmail.com
89% match