Skip to main content
SimilarExport ZIP
100%

activity6_q2

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

This example shows stacked horizontal bars comparing the percentages of IMDb movie ratings across different genres, with each bar segment representing a rating range from "below 5.0" to "above 8.5". It uses D3 v7's `d3.stack`, `d3.scaleOrdinal`, `d3.axisBottom`, and `d3.axisLeft` to create the chart, rendered as SVG. The data is loaded from a CSV file, and hovering over a segment displays a tooltip showing the exact percentage for that genre and rating category. The chart includes a title and an x-axis label, with legends omitted.

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_Q2.3

This stacked bar chart displays the percentage distribution of IMDb rating levels (below 5.0 to above 8.5) across six movie genres. The horizontal bars show proportions totaling 100% for each genre, with hover interactions triggering tooltips that reveal exact percentages per rating category. Using D3 v7's `d3.stack()` and `scaleOrdinal`, the visualization renders SVG rectangles with color-coded segments. The data from `data.csv` is mapped to a linear x-scale and band y-scale, while the legend and axis labels clarify the rating groups and percentage values.

Rrishithagovini99@gmail.com
94% match
Loading thumbnail…

Activity6_Task2 Q2.1

A stacked horizontal bar chart displays the percentage of IMDb movie ratings across six genres, with five rating bands from "below 5.0" to "above 8.5." Each genre’s bar segments are color-coded by rating category, and hovering over a segment reveals its exact percentage via a tooltip. The visualization is built with D3 v7, using `d3.stack()` to compute the stacked data, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` for genre positioning on the y-axis. Data is loaded from a CSV file.

Mmoulidomar@hotmail.com
93% match
Loading thumbnail…

Activity-6 Q2

This stacked bar chart displays the distribution of IMDb movie ratings across eight genres, showing the proportion of films falling into each rating bracket from “below 5.0” to “above 8.5.” The horizontal bars use d3.stack with d3.scaleOrdinal for color coding, with axes rendered via d3.axisLeft and d3.axisBottom on an SVG canvas. Hovering over any segment triggers a tooltip that displays the exact percentage for that rating level within the genre, with opacity changes and event listeners from d3-selection. Data originates from a CSV file loaded with d3.csv.

Ssannihitha.k23@gmail.com
93% match
Loading thumbnail…

activity6_task2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres. Each bar segment represents a rating level, from below 5.0 to above 8.5, with the total summing to 100%. Hovering over any segment reveals an exact percentage via a tooltip. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked bars, `d3.scaleOrdinal()` for color mapping, and SVG `rect` elements for rendering, with data loaded from a local CSV file.

Aakitisaitejareddy@gmail.com
93% match
Loading thumbnail…

Activity6_Question2

This stacked horizontal bar chart shows the percentage distribution of IMDb movie ratings across six genres, broken into five rating brackets from “below 5.0” to “above 8.5.” The code uses D3 v7’s `d3.stack()` to create the stacked segments, `d3.scaleBand()` for the genre axis, and `d3.scaleLinear()` for the percentage axis. A tooltip appears on mouseover, displaying the exact percentage for each genre-rating combination. Data is loaded from a CSV file, and the SVG rendering includes a color legend for the rating categories.

AAnilreddyveeraiahgari@my.unt.edu
92% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, with each bar segmented into five rating intervals from below 5.0 to above 8.5. The visualization uses d3.stack() to compose the stacked segments, d3.scaleBand() for the categorical genre axis, and d3.scaleLinear() for the percentage scale. Hovering over a segment triggers a tooltip displaying the exact percentage for that rating level within the genre. The chart renders as SVG with ordinal color encoding and axes generated using d3.axisBottom and d3.axisLeft.

SSatish Nallamadugu
92% match
Loading thumbnail…

Activity6_Task2

A stacked bar chart displays the percentage distribution of IMDb ratings across six movie genres, with each bar segmented into five rating intervals from "below 5.0" to "above 8.5". The visualization uses D3 v7's `d3.stack()` and `d3.scaleOrdinal()` for color encoding, with `d3.scaleBand()` for genre categories and `d3.scaleLinear()` for percentages. Interactive tooltips appear on mouseover, showing the exact percentage value via `d3.format('.2f')`. Data comes from an external CSV file, rendered as SVG within a 960×500 viewport.

SSahithi.R
92% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows how IMDb movie ratings are distributed across genres, with each bar segment representing the percentage of films falling into rating bands from “below 5.0” to “above 8.5.” The visualization uses D3 v7’s `d3.stack()` to compute the stacked series and `d3.scaleOrdinal` for color mapping, rendering as SVG. Hovering over a segment triggers a tooltip showing the exact percentage for that genre and rating category, while axis labels and a title clarify the data. The chart reads from a local CSV file structured with genre rows and rating-band columns.

Bbhargavr016@gmail.com
92% match