Fork of Hello Vizhub

100%

Fork of Hello Vizhub

✓ Published0🌍 Public

Ssusarlasruthi2000@gmail.com

Last edited Apr 5, 2024

Created on Apr 5, 2024

This stacked bar chart shows the percentage distribution of IMDb movie ratings across five cuisine categories, with rating levels from below 5.0 to above 8.5. Hovering over a bar segment displays its exact percentage via a custom tooltip. The visualization uses d3.stack() to generate stacked series, d3.scaleBand for category positions, and d3.scaleLinear for percentage values, rendered as SVG rects with color-coded segments and axes labeled in plain English. Data comes from a CSV file with proportions summing to 1 for each category.

AI-generated description

The impact of category on ratings

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello VizHub

This stacked bar chart shows the percentage distribution of movie ratings across different genres, with each bar segment representing a rating category from "below 5.0" to "above 8.5." Hovering over a segment reveals its exact percentage via a tooltip. The visualization uses D3 v7 with `d3.stack()` to create the stacked layout, `d3.scaleBand()` for genre positioning, and `d3.scaleLinear()` for percentage values. Data comes from a CSV file loaded dynamically, rendered as SVG with custom styling and interactive mouse events.

Ssusarlasruthi2000@gmail.com

93% match

Loading thumbnail…

Fork of Hello VizHub

A stacked bar chart displays the percentage distribution of IMDb ratings across six movie genres, with each genre's bar segmented into five rating categories. The visualization reveals that action films have the highest proportion of low ratings, while documentaries skew toward higher ratings. Built with D3 v7 and rendered as SVG, the chart uses d3.stack() to compute stacked segments, d3.scaleOrdinal() for color encoding, and hover interactions with tooltips to display precise percentages. Data comes from a local CSV file containing genre-specific rating proportions.

Ssaivaishnogaruda@gmail.com

92% match

Loading thumbnail…

Fork of Hello VizHub

A stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, using horizontal bars segmented by five rating categories from below 5.0 to above 8.5. The chart shows that genres like Documentary skew toward higher ratings, while Action has more low ratings. Hovering over a bar segment displays the exact percentage for that rating level. The visualization uses D3 v7 with `d3.stack`, `d3.scaleOrdinal`, and `d3.scaleLinear`, rendering SVG elements with a custom tooltip for interaction.

Ssusarlasruthi2000@gmail.com

92% match

Loading thumbnail…

Fork of IMDb Movie ratings

This stacked bar chart shows the distribution of ratings across food categories, displaying each rating level's percentage within each category. The visualization uses D3.js v7 with SVG rendering, employing `d3.stack()` for the stacked bars and `d3.scaleOrdinal()` for color mapping. Hovering over any bar segment reveals a tooltip with the exact percentage of that rating level. The data comes from the included CSV file, with axes labeled for food categories and percentage values.

Ssathvik0311@gmail.com

90% match

Loading thumbnail…

Fork of IMDb Movie ratings

This stacked bar chart displays the percentage distribution of IMDb movie ratings across different genres, with each bar segment representing a rating category. The visualization uses a D3.js v7 implementation with SVG rendering, leveraging the `d3.stack` function to create the stacked layout and `d3.scaleLinear` for proportional scaling. The data is loaded from a CSV file containing genre-specific rating percentages. Interactive tooltips appear on hover, showing the exact percentage for each rating segment, while a color-coded legend identifies the rating categories.

Vvamsikrishnakanchukommala@my.unt.edu

88% match

Loading thumbnail…

Fork of IMDb Movie ratings

This stacked bar chart shows the percentage of movie ratings across six genres, with each bar partitioned into five rating levels from “below 5.0” to “above 8.5.” Hovering over a segment reveals its exact percentage via a tooltip. The visualization uses D3 v7’s `d3.stack` to compute the stacked proportions and `d3.scaleOrdinal` for color encoding, rendering as SVG with axes from `d3.axisBottom` and `d3.axisLeft`. Data comes from a local CSV file summarizing IMDb rating distributions.

IIan Mac Moore

87% match

Loading thumbnail…

Fork of IMDb Movie ratings

This visualization uses a stacked bar chart to show the percentage of movies within six genres across five rating bands, from below 5.0 to above 8.5 on IMDb. Each bar is segmented into colored strips representing a rating category, with the full bar totaling 100% for the genre. The chart is built with D3 v7, using `d3.stack()` on the CSV data to compute the stacked segments, `d3.scaleBand` for the y-axis categories, and `d3.scaleLinear` for the percentage x-axis. Hovering over any rectangle triggers a tooltip that displays the exact percentage for that genre-rating combination via `d3.select` and event handlers. Text labels are rendered as SVG elements, and the chart is styled with custom CSS importing the Yanone Kaffeesatz font.

Jjingwg3@163.com

87% match

Loading thumbnail…

Fork of IMDb Movie ratings example

This stacked bar chart visualizes the distribution of movie ratings across six genres, with each bar segment representing the percentage of films falling into one of five rating bands. Hovering over a segment reveals the exact percentage via a tooltip. The chart uses D3 v7’s `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to build the SVG visualization from CSV data, with custom tooltip handling and axis labels.

Pprudhvi

87% match