Skip to main content
SimilarExport ZIP
100%

Activity6_Task2

✓ Published0🌍 Public
Vvarunreddy.gudigopuram@gmail.com
Last edited Oct 17, 2024
Created on Oct 17, 2024

This visualization shows a stacked bar chart of movie metrics by genre, comparing the relative counts of movies, average ratings, box office revenue, and awards won across seven genres like Thriller, Horror, and Science Fiction. The chart uses d3.stack() to create the layered bars and d3.scaleOrdinal() for color encoding, with d3.scaleBand() positioning genres along the y-axis and d3.scaleLinear() mapping cumulative values on the x-axis. Interactive tooltips display the specific genre and metric value on hover, while a legend identifies each color segment. The data is drawn from a static CSV file containing genre statistics.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-6_Task2

This example presents a stacked horizontal bar chart of movie genres, comparing metrics like movie count, average rating, box office revenue, and awards won. The D3 v7 code loads data from a CSV file and uses `d3.stack()` to aggregate the numeric columns, with genres mapped to the y-axis using `d3.scaleBand()` and values positioned via a linear x-scale. Interactive tooltips appear on hover, and a legend identifies each color-coded metric. The visualization is rendered as SVG within a 960-by-500 canvas, using scales like `d3.scaleOrdinal()` for color assignment and `d3.axisBottom()` for the axes.

1180030215cse@gmail.com
92% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart shows the percentage distribution of five rating categories across six movie genres, revealing how genre influences audience reception. The chart uses stacked rectangles to represent proportions, with a color-coded legend and tooltips displaying precise percentages on hover. Built with D3.js v7, the visualization uses `d3.stack()` for data aggregation, `d3.scaleLinear` and `d3.scaleBand` for axes, and SVG rendering. The data comes from a CSV file with genre-based rating percentages, styled with custom CSS for interactive elements.

Ssowmyaammula.sdv@gmail.com
92% match
Loading thumbnail…

Activity 6_Task 2

This visualization shows how movie ratings are distributed across six genres, using a stacked horizontal bar chart where each bar represents the percentage of films falling into five rating brackets from below 5.0 to above 8.5. Each genre’s bar is segmented into color-coded sections, with hover interactions revealing precise percentage values via tooltips. Built with D3 v7, the chart uses `d3.stack` for data transformation, `d3.scaleBand` for the genre axis, and `d3.scaleLinear` for the percentage scale. The data, loaded from a CSV file, is rendered as SVG, with axis labels and styling defined in external CSS.

Sskykarthik97@gmail.com
92% 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
91% match
Loading thumbnail…

Activity 8_task 2

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.

Sshivasaikumart@gmail.com
91% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart displays movie ratings across five criteria—Story, Visuals, and Acting—for ten genres, with each genre’s total score segmented into colored bars. The visualization uses d3.csv to load data from data.csv, d3.stack() to compute stacked series, and d3.scaleLinear with a 0–100 domain for the horizontal axis. Genres appear on a categorical d3.scaleBand axis, while d3.scaleOrdinal assigns red, blue, and green to the three rating components. The SVG rendering includes axes via d3.axisLeft and d3.axisBottom, with bars drawn as nested rect elements within layer groups.

CChaitanya Ratan Sree
91% match
Loading thumbnail…

Activity6_Task2

This visualization displays a stacked horizontal bar chart showing the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of movies falling into five rating ranges from below 5.0 to above 8.5. The data comes from a CSV file containing genre and rating proportion values. Built with D3.js v7, the visualization uses `d3.stack()` to compute stacked series and `d3.scaleOrdinal()` for color encoding, with mouseover tooltips revealing exact percentages. The SVG-rendered chart includes axis labels, a title, and interactive highlighting of individual segments.

VVidya Lakshmi Chitturi
91% match
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
91% match