Skip to main content
SimilarExport ZIP
100%

Activity-6 Task-2

✓ Published1🌍 Public
Aarthireddykota@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Activity-6

This example visualizes the distribution of IMDb movie ratings across different genres using a stacked horizontal bar chart. Each bar represents a genre, with segments indicating the percentage of movies falling into five rating categories from below 5.0 to above 8.5. The chart employs D3 v7’s `d3.stack`, `d3.scaleOrdinal`, and `d3.axisLeft` APIs, with data loaded from a local CSV file. Interactive tooltips display precise percentages on mouseover, while the SVG rendering uses custom styling from external fonts.

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…

Activity_6 Task-2

This example visualizes the distribution of IMDb movie ratings across six genres using a stacked horizontal bar chart. The chart shows the percentage of movies falling into five rating brackets, from "below 5.0" to "above 8.5", with each genre represented by a single bar divided into colored segments. The visualization loads data from a CSV file and uses D3 v7 APIs including `d3.stack`, `d3.scaleOrdinal`, `d3.scaleLinear`, and `d3.scaleBand` to compute stacking, assign colors, and position bars. Interactive tooltips display exact percentages on mouseover, implemented with D3 event handlers.

Kkesava
96% match
Loading thumbnail…

Activity-6_Task-2

This example visualizes the distribution of IMDb movie ratings across six genres using a stacked horizontal bar chart. The chart displays the proportion of movies within five rating brackets, from below 5.0 to above 8.5, for each genre, with a tooltip revealing exact percentages on hover. Built with D3 v7, the code utilizes `d3.stack()` to compute stacked series, `d3.scaleOrdinal()` for color mapping, and `d3.scaleBand()` and `d3.scaleLinear()` for positioning. Data is loaded from an external CSV file, and the visualization renders as SVG with interactive mouse events.

HHarshathBudida@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task2

This example visualizes the distribution of IMDb movie ratings across six genres, using a stacked horizontal bar chart where each bar segment represents a rating category from “below 5.0” to “above 8.5.” The chart is rendered with D3 v7 in SVG, employing `d3.stack()` to compute stacked series and `d3.scaleBand`/`d3.scaleLinear` for axes. Interactive tooltips appear on mouseover, displaying each segment’s exact percentage. Data comes from a local CSV file, and the genre labels are shown along the y-axis.

Ttejaswiteju9811@gmail.com
96% match
Loading thumbnail…

Activity_6_task_2

This example visualizes the distribution of IMDb movie ratings across six genres using a stacked horizontal bar chart. It shows the percentage of movies falling into five rating brackets, from below 5.0 to above 8.5, with each genre represented as a distinct bar. The chart is built with D3 v7, using d3.stack() to compute the stacked segments, d3.scaleOrdinal() for color encoding, and d3.scaleBand() for the categorical y-axis. Interactive tooltips reveal exact percentages on mouseover, using d3.select() and element event handlers. The data comes from a CSV file containing genre and rating proportion values.

Lleelakrishnadivi7@gmail.com
96% match
Loading thumbnail…

Activity 6_Task2

This example visualizes the distribution of IMDb movie ratings across six genres, using stacked horizontal bars to show the proportion of movies in five rating brackets from "below 5.0" to "above 8.5." The chart is rendered as an SVG using D3 v7, with a diverging color scale distinguishing each rating category. The code employs `d3.stack()` to compute stacked bar segments, `d3.scaleBand()` for the genre axis, and `d3.scaleLinear()` for the percentage axis, with interactive tooltips that appear on hover to display the exact percentage for each rating segment. The data comes from the included `data.csv` file, and the visualization uses a clean, readable layout with custom fonts and styled axes.

SSiva Kishore Reddy
96% match
Loading thumbnail…

Activity6_Task2

This example visualizes the distribution of IMDb movie ratings across six genres, using stacked horizontal bars to show the percentage of movies in five rating bins from "below 5.0" to "above 8.5." The chart employs D3 v7’s `d3.stack`, `d3.scaleOrdinal` with a categorical color palette, and `d3.scaleBand` for the genre axis. Interactive tooltips appear on mouseover, displaying the exact percentage for each genre-rating segment. Data is loaded from a local CSV file and rendered as SVG.

Ggroup118sai@gmail.com
96% match
Loading thumbnail…

Activity-6_Task-2

This example visualizes the distribution of IMDb ratings across movie genres using a stacked horizontal bar chart. It shows the proportion of films within six rating categories, from “below 5.0” to “above 8.5,” for genres like Documentary, Drama, and Action. The code uses d3.stack() to compute layered bar segments, with d3.scaleBand for genre positioning and d3.scaleLinear for percentages. Interactive tooltips appear on mouseover, displaying the exact percentage for each rating segment. Data comes from a CSV file, rendered as SVG with D3 v7.

Ssivachandraramanaidu.vnof52@gmail.com
96% match
Loading thumbnail…

Activity 6 Task 2

A stacked horizontal bar chart visualizes the distribution of IMDb ratings across six movie genres, with each bar divided into five rating categories from “below 5.0” to “above 8.5.” Percentages are shown on a linear x-axis, while genres appear on a band scale y-axis. The visualization uses d3.v7 with SVG rendering, building the stacks via `d3.stack()` and mapping colors with `d3.scaleOrdinal()`. Interactive tooltips display exact percentages on mouseover, using D3 event handlers. Data comes from the provided CSV file.

Aanisha.peddireddy@gmail.com
96% match