Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_Task2

✓ Published0🌍 Public
LLakshmiPrasannaValdas@my.unt.edu
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Activity6_Task2

This stacked bar chart visualizes the percentage distribution of airline ratings across different genres. Each bar represents a genre, with colored segments showing the proportion of each rating level, summing to 100%. Hovering over a segment displays a tooltip with the exact percentage. The visualization uses d3.v7 with SVG rendering, employing `d3.stack()` for data stacking, `d3.scaleOrdinal()` for colors, and `d3.axisBottom()` for the percentage axis.

AI-generated description

The impact of genre on movie ratings

This stacked bar chart gives the percentage of each rating level within different movie genres. The aim is to show the impact of genre on movie ratings. When the mouse hovers over each bar, you can see pop-ups of accurate percentage of each rating level within each genre. Total percentage is 1, representing 100%.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Task4

This stacked bar chart displays customer satisfaction ratings for six airlines, broken into five rating categories from "Below 5" to "Above 8.5" across a horizontal percentage scale. D3.js (v7) fetches the CSV data via `d3.csv()`, then uses `d3.stack()` with `d3.scaleOrdinal` for color coding, `d3.scaleLinear` for the x-axis, and `d3.scaleBand` for the y-axis to render the SVG bars. Each airline’s proportional distribution of ratings is shown as stacked segments, with a legend below clarifying the color-to-rating mapping.

LLakshmiPrasannaValdas@my.unt.edu
90% match
Loading thumbnail…

Fork of Activity6_Task2

This stacked bar chart shows the percentage of IMDb movie ratings across five genres, revealing how rating distributions vary by genre. Each bar is divided into five rating categories, from “below 5.0” to “above 8.5,” with hover tooltips displaying exact percentages. Built with D3 v7, it uses `d3.stack()` to compute the stacked layout, `d3.scaleBand` and `d3.scaleLinear` for positioning, and an ordinal color scale. Data comes from a CSV file with genre and rating percentages, rendered as SVG rectangles within a single chart.

LLakshmiPrasannaValdas@my.unt.edu
90% match
Loading thumbnail…

Fork of Activity 6_Task2

A stacked bar chart shows the percentage distribution of IMDb ratings across six genres, with each bar segmented into five rating ranges from below 5.0 to above 8.5. Hovering over a segment highlights it and displays a tooltip with the exact percentage. The chart uses d3.stack() to compute stacked series, d3.scaleOrdinal for colors, and d3.axisBottom with gridlines. Data comes from a CSV file loaded via d3.csv, rendered as SVG rects with mouse event handlers.

Pp99vijaya@gmail.com
89% match
Loading thumbnail…

Fork of Activity-6 Task2

This stacked bar chart illustrates the distribution of movie ratings across genres, revealing how genre impacts rating percentages. Hovering over a segment displays the exact percentage via a tooltip. Built with D3.js v7, the visualization computes stacked proportions from CSV data and renders the chart as SVG, using `d3.stack`, `d3.scaleBand`, and `d3.scaleOrdinal` for the color scale. The tooltip is a positioned HTML div.

Hharshaps15@gmail.com
89% match
Loading thumbnail…

Fork of Activity6_Task2

This stacked bar chart displays the distribution of IMDb movie ratings across six genres, showing the proportion of films within five rating brackets from “below 5.0” to “above 8.5”. Each genre’s bar segments sum to 100%, and hovering over a segment reveals its exact percentage. The visualization uses D3 v7’s `d3.stack()` for data stacking, `d3.scaleOrdinal` for color encoding, and `d3.scaleLinear` and `d3.scaleBand` for positioning. Data comes from a CSV file with pre-aggregated percentages, rendered as SVG with a custom tooltip for interaction.

Hharsha13638@gmail.com
89% match
Loading thumbnail…

Fork of Activity 6_Task 2

This stacked bar chart displays the percentage distribution of IMDb rating categories across five movie genres, showing how genre influences audience ratings. The visualization uses color-coded segments for each rating bracket, with tooltips revealing precise percentages on hover. Built with D3.js v7, the chart employs d3.stack to generate stacked data, d3.scaleLinear and d3.scaleBand for axes, and d3.scaleOrdinal for color mapping. SVG rendering handles the interactive elements, with data sourced from a local CSV file.

Ttallavijayalakshmi0710@gmail.com
88% match
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
88% match
Loading thumbnail…

Fork of Activity6_Task2

This visualization shows the distribution of movie ratings across six genres as a stacked bar chart, with each bar representing a genre and segments showing the percentage of films in five rating categories from “below 5.0” to “above 8.5.” The chart highlights how genres like Documentary tend toward higher ratings while Action skews lower. Built with D3.js v7, the SVG uses `d3.stack()` for stacked segments, `d3.scaleOrdinal` for colors, and `d3.axisBottom` for the percentage axis. Hovering over a segment triggers a tooltip that displays the precise rating percentage using `d3.select` and the `d3.format` function. Data comes from the embedded CSV file.

Hharsha13638@gmail.com
88% match