Skip to main content
SimilarExport ZIP
100%

Activity-6-Task2

✓ Published1🌍 Public
Kkotasc18@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This chart visualizes the distribution of IMDb movie ratings across different genres, with each genre’s ratings segmented into five ordered categories from “below 5.0” to “above 8.5.” Using a stacked bar chart, the height of each bar segment encodes the percentage of films in that rating bracket. The visualization is built with d3.scaleLinear, d3.scaleBand, and d3.stack, and includes interactive tooltips for each segment. Data is loaded from a local CSV file, and the SVG rendering uses a color scale with five distinct hues.

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 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
96% 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 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
95% 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
95% match
Loading thumbnail…

Activity-8_Task-2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of movies falling into five rating brackets from below 5.0 to above 8.5. The chart uses d3.stack() to compute the layered data, d3.scaleBand and d3.scaleLinear for positioning, and d3.scaleOrdinal to map color categories. Interactive tooltips appear on mouseover, displaying the exact percentage for each segment using d3.format. The data is loaded from a local CSV file and rendered as SVG elements.

Ttharunramula@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
95% match
Loading thumbnail…

Activity-6 Task-2

This example visualizes the distribution of IMDb movie ratings across different genres using a stacked horizontal bar chart. Each bar represents a genre, with segments indicating the percentage of movies falling into five rating categories from below 5.0 to above 8.5. The chart employs D3 v7’s `d3.stack`, `d3.scaleOrdinal`, and `d3.axisLeft` APIs, with data loaded from a local CSV file. Interactive tooltips display precise percentages on mouseover, while the SVG rendering uses custom styling from external fonts.

Aarthireddykota@my.unt.edu
95% match
Loading thumbnail…

Activity 6_Task 2

This stacked horizontal bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of titles falling into one of five rating brackets from “below 5.0” to “above 8.5.” The chart uses D3 v7’s `d3.stack()` and `d3.scaleOrdinal()` to construct the stacked layout and color encoding, while `d3.scaleLinear()` and `d3.scaleBand()` position the segments and genre categories. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating category. Data comes from a CSV file, rendered as SVG elements within a fixed 960×500 canvas.

Mmsnikhil2608@gmail.com
95% match