Skip to main content
SimilarExport ZIP
100%

Task8_Task(2)

✓ Published1🌍 Public
Jjyothirmai318@gmail.com
Last edited Apr 7, 2024
Created on Apr 7, 2024
Forked from Hello VizHub

A stacked horizontal bar chart displays the distribution of IMDb movie ratings across six genres, broken into five rating brackets from below 5.0 to above 8.5. Each bar is segmented proportionally, with colors assigned per bracket via `d3.scaleOrdinal`, and hover interactions reveal exact percentages using a custom tooltip. The chart is rendered as SVG, using `d3.stack`, `d3.scaleLinear`, and `d3.scaleBand` for layout, with axes and labels styled via CSS. The data comes from a CSV file, processed directly in D3 v7 within the VizHub environment.

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…

Task-2

This stacked horizontal bar chart visualizes the distribution of IMDb movie ratings across six genres, with each bar segment representing a rating category from "below 5.0" to "above 8.5" as a percentage. The visualization uses d3.stack to transform the CSV data into stacked series, d3.scaleLinear for the x-axis, d3.scaleBand for the genre categories, and d3.scaleOrdinal with a custom color palette. Interactive tooltips display the precise percentage for each rating segment on mouseover, and the SVG rendering includes axis labels, gridlines, and a title.

Kkotipallipavan54@gmail.com
95% match
Loading thumbnail…

Task8_Tutorial2

This stacked bar chart shows the distribution of IMDb movie ratings across six genres, with each bar segment representing the percentage of films falling into one of five rating brackets from “below 5.0” to “above 8.5.” The visualization uses d3.stack() to compute the stacked series and d3.scaleOrdinal with a custom color palette for the rating categories. D3’s scaleLinear and scaleBand position the bars and axes, while mouseover events trigger a tooltip that displays the exact rounded percentage for each segment. The SVG is rendered with axis labels, a title, and genre labels along the y-axis.

Jjyothirmaijyothi2017@gmail.com
95% match
Loading thumbnail…

Task-8

This stacked bar chart visualizes the distribution of IMDb movie ratings across six genres, showing the proportion of films falling into five rating brackets from "below 5.0" to "above 8.5." Each bar segment represents a rating category's share of a genre's total, with a legend on the right mapping colors to rating levels. Hovering over a segment reveals its exact percentage via a tooltip. The visualization uses d3.stack for data preparation, d3.scaleLinear for the x-axis, and d3.scaleBand for the y-axis, rendering all elements as SVG.

HHarika Metta
95% match
Loading thumbnail…

Task8_task2

This stacked bar chart visualizes the distribution of IMDb ratings across six movie genres, showing the proportion of films within each rating bracket as a fraction of one. The chart uses horizontal bars segmented by rating categories, with color coding to distinguish the five rating levels. Hovering over any segment reveals an exact percentage via a tooltip. The visualization is built with D3 v7, using `d3.stack` for data aggregation and `d3.scaleOrdinal` for color mapping. Data is sourced from a static CSV file, and the rendering is done through SVG elements.

Mmulyasuji999@gmail.com
95% match
Loading thumbnail…

Task-8 Tutorial-2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, from documentary to action. Each horizontal bar is segmented into five rating categories, from “below 5.0” to “above 8.5”, with a mouseover tooltip revealing the exact percentage for each segment. The visualization is built with D3 v7, using `d3.stack` to create the stacked data, `d3.scaleLinear` and `d3.scaleBand` for axes, and `d3.axisBottom` for the percentage scale. Data is loaded from a CSV file, and the SVG rendering includes a legend and axis labels.

Ppogirimayoor@gmail.com
95% match
Loading thumbnail…

Activty6_Task2

A stacked horizontal bar chart shows the distribution of IMDb ratings across six film genres, with each bar divided into five rating brackets from below 5.0 to above 8.5. The chart reads percentages from a CSV file and renders them as proportional colored segments using D3 v7’s `d3.stack`, `scaleOrdinal`, `scaleLinear`, and `scaleBand` APIs. Mouseover interactions trigger tooltips displaying the exact percentage for each genre-rating combination. The visualization uses an SVG output with custom margins, axis labels, and a legend positioned to the right.

Ssriharshithaanugu5@gmail.com
95% match
Loading thumbnail…

Task 2

This stacked horizontal bar chart shows the distribution of IMDb movie ratings across six genres, with each genre’s bar segmented into five rating categories from “below 5.0” to “above 8.5.” The chart uses d3.stack to process the csv data and d3.scaleOrdinal for color coding, while d3.scaleLinear and d3.scaleBand position the percentage x-axis and genre y-axis. Hovering over a segment dims it and displays a tooltip with the exact percentage for that rating category.

Nnitishsurneni@gmail.com
94% match
Loading thumbnail…

Task8_Tutorial2

A stacked bar chart shows the distribution of IMDb ratings across six movie genres, with each bar divided into five rating brackets from "below 5.0" to "above 8.5" expressed as proportions summing to 100%. Hovering over a segment displays a tooltip with the exact percentage for that rating level within the genre. The visualization uses D3 v7's `d3.stack()` to generate the stacked layout, `d3.scaleOrdinal()` for color encoding, and `d3.axisBottom` for the percentage axis, rendering as SVG with data loaded from a CSV file.

Sshraehithareddy@gmail.com
94% match