Skip to main content
SimilarExport ZIP
100%

Activity6task2-q1

✓ Published0🌍 Public
Ssudheervnarasimha1@gmail.com
Last edited Oct 24, 2024
Created on Oct 24, 2024
Forked from IMDb Movie ratings

This stacked bar chart visualizes the distribution of score ranges across six school subjects, revealing how grade percentages vary by subject. Each horizontal bar represents a subject, segmented into seven color-coded score intervals from “below 40” to “above 90.” Built with D3 v7 and SVG, the chart uses `d3.stack()` to compute stacked segments and `d3.scaleOrdinal` for color mapping. Hovering over a segment displays a tooltip showing the exact percentage for that score range within the subject. The data comes from a CSV file containing percentage values that sum to 1 for each subject.

AI-generated description

The impact of genre on movie ratings

This stacked bar chart gives the percentage of each rating level within different movie genres. The aim is to show the impact of genre on movie ratings. When the mouse hovers over each bar, you can see pop-ups of accurate percentage of each rating level within each genre. Total percentage is 1, representing 100%.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question2.3

This example presents a stacked horizontal bar chart that visualizes the distribution of grade percentage ranges (e.g., Below 60%, 60%-70%) across various academic subjects. Each bar is segmented by color-coded rating categories, with the width of each segment representing the proportion of ratings in that category. The visualization uses D3.js v7, employing `d3.stack()` for data restructuring, `d3.scaleBand()` for the categorical y-axis, and `d3.axisBottom()` for the continuous x-axis. Hovering over a segment reveals a tooltip with the exact percentage for that subject and rating band. Data comes from a CSV file.

Mmasters200128@gmail.com
90% match
Loading thumbnail…

Activity6_Q3

This stacked bar chart visualizes the percentage distribution of grades (A, B, C, D) across five school subjects, with each bar segment color-coded by grade category. The chart uses `d3.csv` to load the data, `d3.stack` to compute cumulative values, and `d3.scaleBand` with `d3.scaleLinear` to map subjects and percentages. Hovering over a segment reveals a tooltip showing the grade and its percentage. SVG rectangles are rendered using D3's `selectAll` and `join` operations, with axes and labels drawn via `d3.axisLeft` and `d3.axisBottom`.

MMili Patel
89% match
Loading thumbnail…

Fork of Activity6_Question 2

This stacked bar chart visualizes the distribution of performance ratings across six academic subjects, using data from a CSV file. Each bar is segmented into five percentage ranges, from below 60% to above 90%, with colors mapping to each category. Built with D3 v7, the visualization uses `d3.stack()` to create the stacked series, `d3.scaleBand()` and `d3.scaleLinear()` for axes, and an SVG renderer. Interactive tooltips display exact percentage values on mouseover, while a legend identifies the rating categories.

Kkowshiksamudrala08@gmail.com
89% match
Loading thumbnail…

Activity-6-Question-2

A stacked bar chart shows the percentage of student ratings across six subjects, with each bar segmented into five rating bands from "below 60%" to "above 90%". The chart uses `d3.stack()` to compute the layered data and `d3.scaleOrdinal()` for color encoding. Interactive tooltips appear on mouseover, displaying the exact percentage for each segment. The visualization is rendered as an SVG with axes created via `d3.axisLeft()` and `d3.axisBottom()`, reading data from a local CSV file.

Nnaveen.dodda4321@gmail.com
88% match
Loading thumbnail…

Activity6_Q4

This stacked bar chart visualizes the distribution of letter grades (A, B, C, D) across five school subjects, using data from a CSV file. Built with D3 v7, it renders as an SVG with color-coded bars separated by subject. The visualization uses `d3.csv` for data loading, `d3.stack` to create the stacked segments, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the percentage x-axis. A tooltip displays the exact grade percentage when hovering over a segment.

MMili Patel
88% match
Loading thumbnail…

Task-2Q1

This stacked bar chart shows how student grades are distributed across five subjects, with each bar representing a student and colored segments showing the percentage of their total score in each subject. The visualization uses d3.stack() to create stacked series and d3.scaleOrdinal for color mapping, while d3.axisBottom formats tick labels as percentages. A tooltip appears on mouseover, displaying the exact percentage for each subject segment using d3.format. The data comes from a CSV file where scores are normalized to sum to 1 for each student.

Rramyaraomadhavareddy@gmail.com
88% match
Loading thumbnail…

Activity6_Q5

This stacked bar chart shows the distribution of letter grades (A, B, C, D) across five school subjects, with each bar segment representing the percentage of students receiving that grade. The visualization uses D3 v7’s `d3.stack()` to aggregate the CSV data, `scaleBand` for the subject axis, and `scaleLinear` for the percentage axis. Hovering over a segment triggers a tooltip displaying the exact percentage via mouse events. The chart is rendered as SVG with color-coded segments, using `d3.axisLeft` and `d3.axisBottom` for axes.

MMili Patel
88% match
Loading thumbnail…

Activity_6_Question_2

This stacked bar chart visualizes the distribution of rating categories within different subjects, showing how each subject’s marks are proportionally divided across five bins (e.g., below 35, 36-45, up to 75-100). It uses `d3.stack` to layer the rating proportions per subject on the y-axis, with a linear x-axis representing percentages. Interactive hover events display a tooltip for precise percentage values. The chart is rendered as SVG and relies on `d3.axisBottom` for the x-axis, `d3.axisLeft` for the y-axis, and a custom `d3.select`-based tooltip, with styling via CSS.

AAbrarb702@gmail.com
88% match