Skip to main content
SimilarExport ZIP
100%

act8_task2

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

This example shows the distribution of IMDb movie ratings across six genres, using a horizontal stacked bar chart where each bar segment represents the proportion of movies within rating brackets below 5.0, 5.0-6.5, 6.5-7.5, 7.5-8.5, and above 8.5. It loads D3 v7 via UNPKG and uses `d3.stack`, `d3.scaleLinear`, `d3.scaleBand`, `d3.axisBottom`, and `d3.axisLeft` to render the SVG. Hovering over a segment displays a tooltip with the exact percentage for that genre and rating bracket.

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 shows the distribution of IMDb ratings across six movie genres, where each bar is segmented into five rating categories from "below 5.0" to "above 8.5." Using D3.js v7 with an SVG rendering, the code employs `d3.stack()` to compute the stacked segments, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` for the categorical genre axis. Interactive tooltips display the exact percentage for each genre-rating combination on mouseover, while the data is loaded from a CSV file with precomputed proportions.

Kkbhavithareddy06@gmail.com
94% match
Loading thumbnail…

Activity6_Task2

This example visualizes the distribution of IMDb movie ratings across six genres using a horizontal stacked bar chart. Each bar segment represents the proportion of ratings within a specific range (below 5.0, 5.0-6.5, 6.5-7.5, 7.5-8.5, above 8.5), with a sequential color scale distinguishing the categories. The chart is rendered as SVG using D3 v7, employing `d3.map`, `d3.stack`, `d3.scaleOrdinal`, and `d3.scaleBand` to construct the layout. Interactive tooltips display the exact percentage for each segment on hover, implemented via mouse event listeners.

HHari Kiran
94% match
Loading thumbnail…

Activity 6_Task 2

This example visualizes the distribution of IMDb movie ratings across six genres, showing the percentage of titles in each rating bracket from below 5.0 to above 8.5. It uses a stacked horizontal bar chart rendered with D3 v7 and SVG, where each genre is a bar and each segment represents a rating range. The code employs `d3.stack()` to compute the stacked series, `d3.scaleOrdinal` for color encoding, and `d3.scaleBand` for the categorical axis. Interactive tooltips display the exact percentage for each segment on hover.

Ssasidhharreddy@gmail.com
94% match
Loading thumbnail…

Activity_6_task_2

This example visualizes the distribution of IMDb movie ratings across six genres using a stacked horizontal bar chart. It shows the percentage of movies falling into five rating brackets, from below 5.0 to above 8.5, with each genre represented as a distinct bar. The chart is built with D3 v7, using d3.stack() to compute the stacked segments, d3.scaleOrdinal() for color encoding, and d3.scaleBand() for the categorical y-axis. Interactive tooltips reveal exact percentages on mouseover, using d3.select() and element event handlers. The data comes from a CSV file containing genre and rating proportion values.

Lleelakrishnadivi7@gmail.com
94% match
Loading thumbnail…

Activity8-Task2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, with each bar divided into five rating brackets from “below 5.0” to “above 8.5.” The visualization uses D3 v7’s `d3.stack()` to compute the stacked segments, `d3.scaleBand` for the genre categories, and `d3.scaleLinear` for the percentage axis. Hovering over a segment reveals a tooltip with the exact percentage for that rating range. Data comes from a local CSV file, and the chart is rendered as SVG with custom styling.

Ssirichandana017@gmail.com
94% match
Loading thumbnail…

Activiy6_task2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, with each bar segment representing a rating band from "below 5.0" to "above 8.5". Hovering over a segment reveals the exact percentage for that genre and rating level via a tooltip. Built with D3.js v7, the visualization uses `d3.stack()` to compute stacked segments, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the proportional x-axis. Data comes from a CSV file containing genre, rating thresholds, and their associated proportions. The SVG output uses an ordinal color scale to distinguish the five rating categories and includes axis labels, grid lines, and a title.

Ddineshreddy.ravula@gmail.com
94% match
Loading thumbnail…

Activity 6_Task 2

This stacked bar chart displays the percentage distribution of IMDb movie ratings across six genres, showing how rating levels such as 5.0–6.5 or above 8.5 vary by genre. It uses d3.v7 with SVG rendering, employing d3.stack, d3.scaleOrdinal, d3.scaleLinear, and d3.scaleBand to construct the bars. Hovering over a segment triggers a tooltip via d3.select, displaying the exact percentage for that genre and rating category. The data comes from a CSV file and is formatted using d3.format.

Ttallavijayalakshmi0710@gmail.com
94% match
Loading thumbnail…

activity 6 task_2

This stacked bar chart shows the distribution of IMDb movie ratings across genres, with each bar segment representing the proportion of films in rating categories from "below 5.0" to "above 8.5." Hovering over a segment displays a tooltip with the exact percentage for that genre and rating level. Built with D3 v7, the visualization uses `d3.stack`, `d3.scaleOrdinal`, and `d3.axisLeft` to render the SVG, reading data from a CSV file. Mouse interactions trigger opacity changes and tooltip updates via D3's event handlers.

Bbrahmateja.edu2023@gmail.com
94% match