Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Question2.1

✓ Published0🌍 Public
Ssaimanvith22@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity6_Task2

This stacked horizontal bar chart visualizes IMDb movie rating distributions across four genres—Fiction, Non-Fiction, Sci-Fi, and Biography—using percentage bands from below 5.0 to above 8.5. The d3.v7 code loads CSV data via d3.csv, applies d3.stack and d3.scaleOrdinal for color mapping, and renders SVG rectangles with d3.axisBottom and d3.scaleBand. Interactive mouseover events trigger tooltips displaying exact percentages, while D3 formatting (d3.format) handles numeric precision.

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…

Fork of Activity6_Task2_Question 2-3

This stacked bar chart visualizes IMDb movie ratings across six genres, showing the percentage distribution of ratings within five score ranges (below 5.0 to above 8.5). The chart uses a horizontal layout with genres on the y-axis and percentage on the x-axis, employing d3.stack() to create stacked segments and d3.scaleOrdinal() for color encoding. Interactive tooltips display exact percentages on mouse hover, implemented through D3 event handlers. Data comes from a CSV file with pre-calculated proportions per genre. The visualization is rendered as SVG using D3 v7.

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

Fork of Task_8_Activity_2_Question_1

This example visualizes IMDb movie rating distributions across six genres using a stacked bar chart. Each bar shows the percentage of films falling into five rating brackets, from below 5.0 to above 8.5, with color-coded segments for each bracket. The chart uses D3 v7’s `d3.stack()` to compute the stacked series, `d3.scaleOrdinal` for colors, and `d3.scaleBand` and `d3.scaleLinear` for axes. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating segment per genre. Data is loaded from a local CSV file.

Jjordanwolfe2@my.untdallas.edu
93% match
Loading thumbnail…

Fork of Activity6_task2

This stacked bar chart visualizes IMDb rating distributions across six film genres, showing the proportion of movies falling into five rating brackets from “below 5.0” to “above 8.5.” The chart uses d3.stack to compute layered segments, along with d3.scaleBand and d3.scaleLinear for positioning, and d3.axisBottom for percentage labels. Rectangles change opacity on mouseover, and a custom tooltip displays the exact percentage for each genre-rating combination. Data comes from the included CSV file, rendered as SVG with D3 v7.

Aabjalshaik02@gmail.com
93% match
Loading thumbnail…

Fork of Activity-6 (Task-2)

A stacked horizontal bar chart displays the percentage distribution of IMDb ratings across six movie genres, using five rating bands from "below 5.0" to "above 8.5" for documentary, drama, comedy, romance, animation, and action films. The chart is rendered as SVG with D3 v7, using `d3.stack()` to compute stacked series, `d3.scaleLinear` for the x-axis, `d3.scaleBand` for genres, and `d3.scaleOrdinal` for color mapping. Interactive tooltips appear on mouseover, showing exact percentages via `d3.format` and HTML div elements. Data originates from a local CSV file loaded directly in the script.

Kkandulasunny17@gmail.com
93% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart displays the percentage distribution of IMDb movie ratings across six genres, with each bar segmented into five rating brackets from “below 5.0” to “above 8.5.” Built with D3 v7, the visualization uses an SVG canvas, a linear x-scale for proportions, and a band scale for genres. Interactive tooltips reveal the exact percentage for each segment on mouseover, while a five-color ordinal scale distinguishes the rating categories. The code relies on d3.scaleLinear, d3.scaleBand, d3.scaleOrdinal, and d3.stack to construct the grouped bars from CSV data.

Ssaisnehapalle@my.unt.edu
93% match
Loading thumbnail…

Fork of Activity6question2

A stacked horizontal bar chart shows the percentage distribution of IMDb ratings across six genres, using five rating brackets from below 5.0 to above 8.5. The code loads data from a CSV file and uses d3.stack, d3.scaleOrdinal, d3.scaleLinear, and d3.scaleBand to build the chart. Each segment displays a tooltip on mouseover that reports the exact percentage for that genre and rating bracket. The visualization uses SVG rendering with D3 v7.

Vvaishnavi6gan@gmail.com
93% match
Loading thumbnail…

Fork of Activity 6 Task 2

This example visualizes IMDb movie ratings across six genres with a stacked horizontal bar chart. Each bar represents a genre, segmented by rating categories from "below 5.0" to "above 8.5," showing the proportion of films in each rating band. The visualization uses D3 v7 with d3.stack, d3.scaleBand, and d3.scaleLinear to construct the chart, and includes interactive tooltips that display exact percentages on mouseover. The SVG rendering loads data from a local CSV file and applies a custom color scale for the rating categories.

Ttallapanenisahithi@gmail.com
93% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, with each bar divided into five rating categories from "below 5.0" to "above 8.5" as percentages. It loads CSV data and uses d3.stack to compute the stacked series, d3.scaleBand for the genre axis, d3.scaleLinear for the percentage axis, and d3.scaleOrdinal with a custom color palette. SVG rectangles render the segments, and mouse events trigger an HTML tooltip displaying the precise percentage for each segment.

Ppenujulilikhil01020@gmail.com
92% match