Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published0🌍 Public
JJhansi Balla
Last edited Oct 24, 2024
Created on Oct 24, 2024
Forked from HTML Starter

This is a stacked horizontal bar chart showing the percentage distribution of IMDb movie ratings across six genres, with ratings grouped into five categories from "below 5.0" to "above 8.5." The visualization uses d3.svg to render four-chart series with d3.stack for the stacked bars, d3.scaleOrdinal for color mapping, and d3.scaleBand for categorical positioning. Interactive tooltips appear on hover using D3 event handlers, displaying the exact percentage for each genre-rating combination. Data comes from a local CSV file containing proportional values per genre.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segmented 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 x-axis, and d3.scaleBand() for the categorical genre axis. Interactive tooltips appear on mouseover via d3.select and event handlers, displaying the precise percentage for each rating segment. The chart renders as SVG within a React framework, styling text elements with custom fonts from Google Fonts.

Cchinnivikramnunna@gmail.com
97% 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
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segmented into five rating categories from "below 5.0" to "above 8.5." The visualization uses D3.js v7, employing `d3.stack()` for the stacked data structure, `d3.scaleBand()` and `d3.scaleLinear()` for axes, and `d3.scaleOrdinal()` for color mapping. Interactive tooltips display precise percentages on hover, with the data loaded from a CSV file containing genre-specific rating proportions.

Mmythripopuri2001@gmail.com
96% match
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
96% match
Loading thumbnail…

Activty6_Task2

A stacked horizontal bar chart shows the distribution of IMDb ratings across six film genres, with each bar divided into five rating brackets from below 5.0 to above 8.5. The chart reads percentages from a CSV file and renders them as proportional colored segments using D3 v7’s `d3.stack`, `scaleOrdinal`, `scaleLinear`, and `scaleBand` APIs. Mouseover interactions trigger tooltips displaying the exact percentage for each genre-rating combination. The visualization uses an SVG output with custom margins, axis labels, and a legend positioned to the right.

Ssriharshithaanugu5@gmail.com
96% 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
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, where each bar's segments represent the percentage of ratings falling into five discrete levels from "below 5.0" to "above 8.5." Hovering over a segment reveals a tooltip with the exact percentage for that genre and rating level. Built with D3 v7, the visualization uses `d3.stack()` to compute the stacked segments, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. The chart is rendered as SVG, with data loaded from a CSV file containing computed rating proportions per genre.

Hharsha13638@gmail.com
96% match
Loading thumbnail…

Activity_6 Task2

This stacked bar chart displays the percentage distribution of IMDb rating levels across six movie genres, with each bar segmented to show the proportion of ratings below 5.0 through above 8.5. Hovering over a bar segment reveals a tooltip with the exact percentage for that genre and rating category. Built with D3 v7 using SVG rendering, the visualization employs the `d3.stack()` function to generate stacked data, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. Data comes from a local CSV file with pre-aggregated percentages per genre.

Bbhavanadupati3@gmail.com
96% match