Skip to main content
SimilarExport ZIP
100%

act8_task2

✓ Published0🌍 Public
Rravularasesh3102@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

This visualization presents a horizontal stacked bar chart showing the distribution of movie ratings across six genres, from Documentary to Action. The chart uses D3.js v5 with SVG rendering, employing a band scale for genres and a linear scale for percentage values. Interactive tooltips display exact percentages on hover. The code demonstrates D3's stack, scaleOrdinal, and axisBottom APIs, along with custom styling via the Yanone Kaffeesatz font.

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…

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
95% 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…

act8_task2

This horizontal stacked bar chart visualizes the proportional distribution of movie ratings across genres, with each bar divided into colored segments for action, comedy, drama, thriller, and horror. Built with D3 v7 and rendered as SVG, the chart uses d3.stack(), d3.scaleBand(), and d3.scaleLinear() to position segments, while d3.axisBottom with gridlines and custom tooltips display exact percentages on hover. Data comes from a static CSV file loaded locally.

Rravularasesh3102@gmail.com
93% match
Loading thumbnail…

act_6_task_2

This stacked bar chart shows how movie ratings are distributed across six genres, with each bar representing 100% of a genre’s ratings divided into five categories from "below 5.0" to "above 8.5." The visualization makes it clear that genres like Documentary skew toward higher ratings, while Action has a much larger share of low ratings. Built with D3.js v7, the chart uses `d3.stack` and `d3.scaleBand` to position the segments and renders as SVG. Hovering over any segment updates a tooltip displaying the exact percentage, formatted with `d3.format`.

Hhlmn4936@gmail.com
93% match
Loading thumbnail…

Activity-6(Task2)

This stacked bar chart displays the percentage distribution of movie ratings across six genres, with each bar segmented into five rating categories from "below 5.0" to "above 8.5," showing how genre influences rating outcomes. The visualization uses d3.stack with d3.scaleOrdinal for color encoding, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the percentage x-axis, rendering as an SVG. Interactive tooltips, implemented via d3.select and mouseover events, display precise percentage values on hover, while the data originates from a CSV file depicting customer satisfaction and performance metrics.

Vvandanakosuri@my.unt.edu
93% 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
92% match
Loading thumbnail…

Activity 6 Task 2

This stacked bar chart shows the proportion of ratings across six movie genres, with each bar divided into five rating brackets from below 5.0 to above 8.5. The visualization reveals how genres like Documentary skew toward higher ratings while Action tends toward lower ones. Using d3.stack() and d3.scaleBand(), the chart encodes data from a CSV file as SVG rectangles. Interactive tooltips appear on mouseover, displaying the precise percentage for each rating segment using d3.format() and event handlers.

Jjaswanthreddy2000@gmail.com
92% match
Loading thumbnail…

Activity_6 task 2 tutorial

This stacked horizontal bar chart shows the distribution of movie ratings across six genres, with each bar divided into five rating categories from below 5.0 to above 8.5. The visualization uses d3.stack() to create the stacked segments, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the percentage-based x-axis. Interactive tooltips display exact percentages on mouseover, while the color scheme distinguishes rating categories via d3.scaleOrdinal. The data comes from a CSV file containing genre and rating percentage values.

Rraaghaveramireddy@my.unt.edu
92% match