Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published0🌍 Public
SShasankreddyganta@my.unt.edu
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This stacked bar chart displays the distribution of IMDb movie ratings across six genres, showing the percentage of titles falling into five rating brackets from below 5.0 to above 8.5. Each horizontal bar breaks down a genre's total into colored segments corresponding to rating ranges, with tooltips revealing exact percentages on hover. The visualization uses D3 v7's `d3.stack()` and `d3.scaleOrdinal()` for data aggregation and color mapping, rendered as SVG with `d3.axisBottom` for the percentage axis and a custom tooltip built from HTML divs. Data comes from the provided CSV file, where each row represents a genre's proportions across rating categories.

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 percentage distribution of IMDb ratings across six movie genres, with ratings grouped into five levels from below 5.0 to above 8.5. Each bar segment represents a genre's proportion of a rating category, and hovering over a segment displays the exact percentage via a tooltip. The code uses `d3.stack()` to create the stacked data structure from CSV input, `d3.scaleBand()` for the genre axis, and `d3.scaleLinear()` for the percentage scale. The visualization renders as SVG with five color-coded rating categories and includes axis labels and a title.

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

Activity 6_Task 2

This stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each bar representing a genre and segments colored by rating level from “below 5.0” to “above 8.5.” Hovering over a segment displays its exact percentage in a tooltip. The visualization uses D3 v7’s `d3.stack()` and `d3.scaleOrdinal()` to construct the bars, while `d3.axisBottom` and `d3.axisLeft` render the scales. Data comes from a local CSV file, and the chart is rendered as SVG with interactive mouse events for highlighting and tooltip display.

SSeema Shrestha
96% match
Loading thumbnail…

activity6_task 2

This stacked bar chart illustrates the percentage distribution of IMDb movie ratings across six genres, with each genre’s bars broken into five rating categories from “below 5.0” to “above 8.5.” The visualization uses a horizontal layout, with genres on the y-axis and the percentage scale on the x-axis, totaling 1. Hovering over any segment reveals a tooltip with the precise percentage for that rating category within the genre. The chart is rendered as SVG using D3 v7, leveraging `d3.stack`, `d3.scaleOrdinal`, and `d3.axisLeft`/`d3.axisBottom` to build the stacked bars and axes, with data loaded from a CSV file.

Sshivasaiamaravadi@gmail.com
96% match
Loading thumbnail…

Activity6_Task2

A stacked bar chart displays the distribution of IMDb movie ratings across six genres, with each bar segmented by five rating bands from below 5.0 to above 8.5. The chart uses D3 v7 loaded via UNPKG to process CSV data, applying d3.stack for stacking and d3.scaleOrdinal for color mapping. Interactive tooltips reveal the exact percentage for each genre-rating combination when hovering, with SVG rendering handled through d3.axisBottom, d3.axisLeft, and margin-based layout.

VVarshith Peddineni
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, revealing how documentary and action films differ in their rating profiles. Each horizontal bar represents a genre, segmented into five rating levels from below 5.0 to above 8.5, with hover tooltips displaying exact percentages. The visualization uses D3 v7’s `d3.stack()` and `d3.scaleBand()` to generate the SVG rendering, with `d3.scaleOrdinal()` assigning colors and mouse events triggering the tooltip updates. Data comes from a CSV file containing aggregated rating percentages that sum to 1 for each genre.

Aayeshamanzoor111798@gmail.com
96% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing the proportion of films within rating brackets from below 5.0 to above 8.5. The chart uses d3.stack() to compute stacked series and d3.scaleOrdinal for color mapping. Interactive mouseover events update a tooltip displaying the exact percentage for each genre-rating combination, while d3.axisBottom and d3.axisLeft provide labeled scales. Data is loaded from a CSV file using d3.csv.

Ggnitishreddy0245@gmail.com
96% match
Loading thumbnail…

Activity 6_Task 2

This stacked bar chart visualizes the percentage distribution of IMDb movie ratings across six genres, showing how genre influences rating outcomes. Each bar represents a genre and is divided into five rating categories, from below 5.0 to above 8.5, with tooltips revealing exact percentages on hover. The visualization uses d3.stack to structure the data, d3.scaleBand for the y-axis, and d3.scaleLinear for the x-axis, rendering SVG rectangles. Data comes from the embedded CSV file, and d3.format displays percentage values with two decimal places.

DDipesh
96% match