Skip to main content
SimilarExport ZIP
100%

Activity 8_task 2

✓ Published0🌍 Public
Sshivasaikumart@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024

This stacked bar chart visualizes movie ratings by genre, with each bar showing the percentage distribution across action, comedy, drama, thriller, and horror categories. The chart uses a horizontal layout with a linear x-axis for percentages and a band scale for genres, coloring each segment distinctly. Built with D3 v7, the visualization renders as SVG and includes interactive tooltips on mouseover that display the exact percentage for each genre-rating combination. The data is loaded from a CSV file and processed using D3’s stack layout and scaleOrdinal for color mapping.

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…

Activity8_Task2

A stacked bar chart displays the percentage distribution of movie ratings across six genres, from documentary to action. Each bar represents a genre, with colored segments showing five rating ranges from below 5.0 to above 8.5. Hovering over a segment highlights it and reveals the exact percentage via a tooltip. The visualization uses d3.v7 with d3.stack, d3.scaleOrdinal, and d3.scaleBand, rendering as SVG from CSV data.

LLakshmi Keerthi
94% match
Loading thumbnail…

Activity6_Task2

This example displays a stacked bar chart of movie ratings by genre, with each bar broken into colored segments for action, comedy, drama, thriller, and horror categories, based on data from `data.csv`. Using D3 v7, it applies `d3.stack()` to create the layered segments, `d3.scaleBand()` and `d3.scaleLinear()` for axes, and `d3.axisLeft()` and `d3.axisBottom()` for tick marks. Interactive tooltips appear on mouseover, showing the percentage for each segment.

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

activity8_task2

A stacked bar chart visualizes the proportional ratings of five movie genres (Action, Adventure, Comedy, Drama) across five rating categories (action, comedy, drama, thriller, horror). Each horizontal bar is segmented by category, with segment lengths proportional to the percentage values from a CSV file. The chart uses D3 v7’s stack, scaleOrdinal, scaleLinear, and scaleBand APIs, rendered as SVG rectangles with hover tooltips showing exact percentages. Axes are drawn with d3.axisLeft and d3.axisBottom, and the visualization includes a legend and title.

Aajaykumarakula00@gmail.com
93% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the distribution of movie ratings across six genres, with each bar segmented by five rating bands from “below 5.0” to “above 8.5.” The visualization reveals genre-specific trends, such as Horror having a larger share of low ratings compared to Musical. Built with D3 v7, the chart uses `d3.stack()` to compute stacked segments and `d3.scaleLinear` for the percentage axis. Hovering over a bar segment triggers `mouseover` and `mousemove` events, displaying a tooltip with the exact percentage for that genre and rating level. Data comes from an external CSV file, rendered as SVG.

AAP19110020041-Pavan Kumar
93% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of movie ratings across six genres, revealing how genres like Documentary and Action differ in their rating profiles. Each bar segment represents a rating category from below 5.0 to above 8.5, with hover interactions displaying exact percentages via a tooltip. Built with d3.v7, the visualization uses d3.stack for data transformation, d3.scaleOrdinal for color mapping, and d3.scaleBand for categorical positioning. Data originates from a CSV file containing genre-specific rating proportions. SVG rendering handles the visualization, with axes generated through d3.axisBottom and d3.axisLeft.

KKhushi Desai
93% match
Loading thumbnail…

Activity 7_task_2

This stacked bar chart shows how movie ratings are distributed across genres, with each bar representing the percentage of films falling into five rating categories from “below 5.0” to “above 8.5.” Hovering over a segment displays a tooltip with the exact percentage for that rating level. The visualization uses d3.stack() to aggregate the data and d3.scaleOrdinal with a custom color palette for the categories. Axis labels, a legend, and the loading of data.csv via d3.csv are also implemented.

Mmandadi1999
93% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows how movie ratings are distributed across genres, with each bar segment representing the percentage of ratings within a specific range. The visualization highlights that genres like Documentary and Drama tend to have higher ratings, while Action and Comedy skew toward lower scores. Built with D3 v7, the chart uses `d3.stack()` to create the stacked layout, `d3.scaleOrdinal()` for color coding, and `d3.scaleBand()` for the genre axis. Hovering over any segment triggers a tooltip displaying the exact percentage. The data comes from a CSV file with six genres and five rating brackets.

Ppraneeth.d555@gmail.com
93% match
Loading thumbnail…

act8_task2

This example presents a stacked horizontal bar chart of movie ratings by genre, with each genre row segmented proportionally across categories like Action, Comedy, and Drama. Hovering over a segment reveals a tooltip with the exact percentage. Built with D3 v7, the visualization uses `d3.stack`, `d3.scaleOrdinal` for the categorical color scheme, and `d3.axisLeft` and `d3.axisBottom` for axes. Data is loaded from a CSV file, and all rendering is done to an SVG canvas.

Rravularasesh3102@gmail.com
93% match