Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published1🌍 Public
Aasimcyb@gmail.com
Last edited Apr 10, 2024
Created on Apr 10, 2024
Forked from Hello VizHub

This chart visualizes the distribution of IMDb ratings across six film genres using a stacked horizontal bar chart. Each genre row is segmented into five rating categories, from below 5.0 to above 8.5, with segment lengths representing the percentage of titles in each category. The visualization uses D3.js v7 with an SVG renderer, employing `d3.stack()` to aggregate data, `d3.scaleOrdinal()` with a custom color palette to distinguish rating bands, and `d3.axisBottom` plus `d3.axisLeft` for the percentage and genre axes. Interactive tooltips display exact percentages on mouseover via D3 event handlers. The data comes from the provided `data.csv` file, showcasing proportional comparisons of rating distributions among genres.

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 chart visualizes the distribution of IMDb ratings across six movie genres, showing the proportional share of films within each rating category from "below 5.0" to "above 8.5" as stacked horizontal bars. The code uses d3.v7 with SVG rendering and d3.stack() to generate the stacked layout, d3.scaleBand() for the genre axis, and d3.scaleLinear() for the percentage scale. Interactive tooltips display exact percentages on mouseover, while the data is loaded from a CSV file containing aggregated genre-rating proportions.

Vvishnupriyapalagiri@gmail.com
96% match
Loading thumbnail…

Activity6_Task2

This chart visualizes the distribution of IMDb movie ratings across six genres, using horizontal stacked bars where each segment represents a rating bucket from "below 5.0" to "above 8.5" as a percentage of total films. Hovering a segment highlights it and shows the exact percentage via a tooltip. Built with D3 v7, the code loads data from a CSV, stacks values using `d3.stack`, maps categories through `d3.scaleOrdinal` for colors, and renders axes with `d3.axisBottom` and `d3.axisLeft`. SVG output includes a title and axis label.

Kkondaveeti.bhargavi7780@gmail.com
95% match
Loading thumbnail…

Activity 6 Task 2

This chart displays the distribution of IMDb ratings across six movie genres, using horizontal stacked bars to show the proportion of films falling into five rating brackets from "below 5.0" to "above 8.5." The underlying data is a CSV file with genre rows and rating-category columns, rendered as SVG. The code uses D3 v7 APIs including `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`/`d3.axisLeft`, along with custom tooltips on mouseover.

SSai Gottumukkala
95% match
Loading thumbnail…

Activity6_Task2

This example visualizes IMDb movie ratings by genre using a stacked horizontal bar chart. Six genres are compared across five rating categories (below 5.0 through above 8.5), with each bar segment representing the percentage of films in that rating range. The visualization uses D3 v7 with SVG rendering, employing `d3.stack()` for data stacking, `d3.scaleBand()` and `d3.scaleLinear()` for axes, and `d3.scaleOrdinal()` for color encoding. Interactive tooltips display exact percentages on mouseover events, while the data comes from a CSV file loaded directly in the code.

Ssaimanvith22@gmail.com
95% match
Loading thumbnail…

Activity6_Task2

This stacked horizontal bar chart shows the distribution of IMDb 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 compute the stacked segments and d3.scaleOrdinal() with a categorical color scale to distinguish rating bands. The code renders SVG rectangles via data joins and includes an interactive tooltip triggered by mouseover events, displaying the exact percentage for each genre-rating combination. Data comes from a CSV file containing precomputed proportions for each genre.

GGunna,Praneeth Reddy
94% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart displays the distribution of IMDb ratings across different movie genres, with each bar segmented into five rating categories from "below 5.0" to "above 8.5" and expressed as percentages. The visualization uses D3 v7's `scaleOrdinal` for color encoding and `stack` for data transformation, rendering as SVG. The chart features a horizontal layout with genre labels on the y-axis and percentage ticks on the x-axis. Interactive tooltips reveal the exact percentage for each segment on hover, with opacity changes providing visual feedback. Data comes from the included `data.csv` file, and the styling uses custom fonts and CSS.

Gganeshseeram5decem@gmail.com
94% match
Loading thumbnail…

Activity6_Task2

This example shows the distribution of IMDb movie ratings across six genres, with each genre displayed as a horizontal stacked bar chart where colored segments represent the percentage of films falling into rating brackets from "below 5.0" to "above 8.5." The visualization uses D3 v7's `d3.stack()` and `d3.scaleOrdinal()` to generate the stacked rectangles, with axes rendered via `d3.axisLeft` and `d3.axisBottom`. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating segment using a formatted `d3.format` function. The data comes from a CSV file loaded directly in the HTML, with SVG as the rendering framework.

TTarshit Vupperla
94% match
Loading thumbnail…

Activity6_Task2

A stacked horizontal bar chart displays the distribution of IMDb ratings across six film genres, with each bar broken into five rating brackets from below 5.0 to above 8.5. The visualization uses D3 v7’s `d3.stack()` to compute stacked segments, `d3.scaleOrdinal` for color encoding, and `d3.scaleBand` for the categorical axis. Hovering over a segment triggers a tooltip showing the exact percentage for that genre and rating range. Data comes from the included CSV file and renders as SVG with custom styling.

Ssindhuja27b@gmail.com
94% match