Skip to main content
SimilarExport ZIP
100%

Task-8-Tutorial-2

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

This example visualizes IMDb movie ratings across genres using a stacked horizontal bar chart, showing the percentage distribution of ratings in categories like "5.0-6.5" and "above 8.5" for genres such as Documentary and Action. Built with D3 v7 and rendered as SVG, the chart uses `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear` to position bars, with mouse events driving a tooltip that displays exact percentages. The data is loaded from a CSV file.

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

Task8_Tutorial2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, using five rating brackets from below 5.0 to above 8.5. The chart uses d3.stack() to create the stacked bars and d3.scaleOrdinal for color encoding, with hover interactions revealing precise percentages via tooltips. The data comes from a CSV file with genre and rating proportion columns, rendered as SVG with d3.v7, including axis labels and a title. The visualization highlights how genres like Documentary skew toward higher ratings while Action tends toward lower ones.

KKeerthi
94% match
Loading thumbnail…

Task8_Tutorial2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, with each bar segment representing a rating range from below 5.0 to above 8.5. The visualization uses d3.stack() to compute stacked series and d3.scaleOrdinal for color mapping, rendering as SVG. Hovering over a segment triggers a tooltip displaying the precise percentage for that genre and rating category. The chart includes axes via d3.axisBottom and d3.axisLeft, with data loaded from a CSV file.

SSushmaNamidi@my.unt.edu
93% match
Loading thumbnail…

Task8_Tutorial2

This example visualizes IMDb movie ratings across six genres, showing the percentage distribution of ratings within five score bands using stacked horizontal bars. The chart loads data from a local CSV file and renders it as SVG using D3 v7, employing `d3.stack()` for the stacked layout, `d3.scaleOrdinal` for color encoding, and `d3.axisLeft`/`d3.axisBottom` for axes. Interactive tooltips display exact percentages on mouseover, while the y-axis uses `d3.scaleBand` for genre positioning.

AAnilKumarReddyVanteru@my.unt.edu
93% match
Loading thumbnail…

Activity 8_Task 2 Tutorial

This visualization uses a stacked bar chart to show the percentage of IMDb movie ratings (below 5.0, 5.0–6.5, 6.5–7.5, 7.5–8.5, above 8.5) across six genres, making it clear how distributions differ—e.g., Action skews low, Documentary high. Built with D3 v7 and SVG, it employs `d3.stack`, `d3.scaleLinear`, `d3.scaleBand`, and `d3.axisBottom`/`d3.axisLeft`. Hovering a bar segment displays a tooltip with the exact percentage for that rating category, using `mouseover`, `mousemove`, and `mouseout` events.

UUthkarsh Reddy Junuthula
93% match
Loading thumbnail…

Task-8(Tutorial-2)

A stacked bar chart displays the percentage distribution of IMDb ratings across six movie genres, using five rating brackets from below 5.0 to above 8.5. The chart renders as SVG with D3.js v7, employing `d3.stack()` to compute stacked series and `d3.scaleOrdinal` for color mapping. Tooltips appear on mouseover, showing the exact percentage for each genre-rating segment using `d3.format`. Data comes from a local CSV file loaded directly in the script.

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

Task 8 - tutorial 2

A stacked bar chart shows the percentage distribution of IMDb ratings across six movie genres, with each bar divided into five rating brackets from below 5.0 to above 8.5. Hovering over any segment displays a tooltip with the exact percentage for that rating level within the genre. Built with D3 v7, the chart uses `d3.stack()` for data stacking, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` for the categorical y-axis. Data comes from a CSV file, and the visualization renders as SVG.

Aasheshpinisetti@my.unt.edu
93% match