Skip to main content
SimilarExport ZIP
100%

activity 6- Q2

✓ Published0🌍 Public
Hhkodiripaka15@gmail.com
Last edited Apr 4, 2024
Created on Apr 3, 2024
Forked from Hello VizHub

This stacked bar chart displays the percentage distribution of IMDb ratings across six video game genres, with each bar segmented by rating bands from below 2.0 to above 8.5. The visualization uses d3.stack() to aggregate the data, d3.scaleOrdinal for color encoding, and d3.scaleBand for the categorical y-axis. Interactive tooltips appear on mouseover, showing the exact percentage for each rating segment, while the chart reads from a local CSV file. The SVG rendering employs d3.axisBottom and d3.axisLeft for axes with custom tick formatting.

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…

Activity6_Q2

This stacked bar chart shows the distribution of IMDb ratings across six movie genres, with each bar segmented into five rating ranges from below 5.0 to above 8.5. The horizontal bars display the proportional share of each rating category within a genre, summing to 100%. The visualization uses d3.stack() to compute the stacked segments, d3.scaleOrdinal with a categorical color palette, and d3.scaleBand for the genre axis. Hovering over any segment triggers a tooltip showing the exact percentage, formatted with d3.format, for that rating range within the selected genre.

Ggreeshmareddy135@gmail.com
92% match
Loading thumbnail…

Activity6_Q2.3

This stacked bar chart displays the percentage distribution of IMDb rating levels (below 5.0 to above 8.5) across six movie genres. The horizontal bars show proportions totaling 100% for each genre, with hover interactions triggering tooltips that reveal exact percentages per rating category. Using D3 v7's `d3.stack()` and `scaleOrdinal`, the visualization renders SVG rectangles with color-coded segments. The data from `data.csv` is mapped to a linear x-scale and band y-scale, while the legend and axis labels clarify the rating groups and percentage values.

Rrishithagovini99@gmail.com
92% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart displays the percentage distribution of IMDb movie ratings across six genres, with each bar segmented into five rating brackets from “below 5.0” to “above 8.5.” Built with D3 v7, the visualization uses an SVG canvas, a linear x-scale for proportions, and a band scale for genres. Interactive tooltips reveal the exact percentage for each segment on mouseover, while a five-color ordinal scale distinguishes the rating categories. The code relies on d3.scaleLinear, d3.scaleBand, d3.scaleOrdinal, and d3.stack to construct the grouped bars from CSV data.

Ssaisnehapalle@my.unt.edu
92% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, with each bar segmented into five rating intervals from below 5.0 to above 8.5. The visualization uses d3.stack() to compose the stacked segments, d3.scaleBand() for the categorical genre axis, and d3.scaleLinear() for the percentage scale. Hovering over a segment triggers a tooltip displaying the exact percentage for that rating level within the genre. The chart renders as SVG with ordinal color encoding and axes generated using d3.axisBottom and d3.axisLeft.

SSatish Nallamadugu
91% match
Loading thumbnail…

Activity-6 Q2

This stacked bar chart displays the distribution of IMDb movie ratings across eight genres, showing the proportion of films falling into each rating bracket from “below 5.0” to “above 8.5.” The horizontal bars use d3.stack with d3.scaleOrdinal for color coding, with axes rendered via d3.axisLeft and d3.axisBottom on an SVG canvas. Hovering over any segment triggers a tooltip that displays the exact percentage for that rating level within the genre, with opacity changes and event listeners from d3-selection. Data originates from a CSV file loaded with d3.csv.

Ssannihitha.k23@gmail.com
91% match
Loading thumbnail…

activity_6

This stacked bar chart shows how IMDb movie ratings are distributed across six genres, with each bar broken into five rating-level segments that sum to 100%. Hovering over a segment reveals the exact percentage for that rating category within the genre. The visualization uses d3.stack() to compute the stacked series, d3.scaleBand() for the categorical y-axis, and d3.scaleLinear() for the percentage x-axis. Mouseover events trigger a custom tooltip that displays the formatted percentage values from the loaded CSV data.

JJaswanthkota@my.unt.edu
91% match
Loading thumbnail…

Activity6question2

This stacked horizontal 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." The visualization uses D3.js v7 with SVG rendering, employing `d3.stack()` to layer the rating categories, `d3.scaleBand()` for the genre axis, and `d3.scaleLinear()` for the percentage scale. Interactive tooltips display exact percentages on mouseover, with data sourced from a CSV file.

Vvaishnavi6gan@gmail.com
91% match
Loading thumbnail…

Activity6-Task2

This stacked bar chart shows the percentage distribution of IMDb movie ratings across six genres, with each bar segmented into five rating levels from "below 5.0" to "above 8.5." The visualization uses d3.stack() to compute the stacked segments, d3.scaleBand() for genre positioning, and d3.scaleLinear() for the percentage axis. Hovering over any segment displays a tooltip with the exact percentage for that rating level within the selected genre. Colors are assigned via d3.scaleOrdinal() with an array of five categorical colors, and all elements are rendered as SVG.

Ssushanthkodipyaka@gmail.com
91% match