Skip to main content
SimilarExport ZIP
100%

Activity 6_Question 2_Harini

✓ Published0🌍 Public
Kkamarthyharini24@gmail.com
Last edited Apr 2, 2024
Created on Apr 2, 2024

A stacked bar chart displays the percentage distribution of 10th-grade student scores across eight subjects, with each bar divided into five score bands from “below 60” to “above 90.” The visualization reveals how performance varies by subject, such as higher top scores in Physics and Computer Science versus more mid-range results in Biology. Built with d3.v7 and SVG, the chart uses `d3.stack()` to compose segments, `d3.scaleBand` for subject placement, and `d3.scaleLinear` for percentages. Interactive tooltips appear on mouseover, showing precise values formatted with `d3.format('.2f')`. Data originates from the local CSV file `10thGradeScores.csv`.

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…

Activity6task2-q1

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.

Ssudheervnarasimha1@gmail.com
85% 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
84% 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
84% match
Loading thumbnail…

question-2

The chart displays the percentage distribution of 10th-grade student scores across seven subjects, with horizontal stacked bars for five grade bands ranging from "below 60" to "above 90." It reads subject data from a local CSV file. Using d3.scaleBand for the categorical y-axis and d3.scaleLinear for the percentage x-axis, it applies d3.stack to produce the stacked segments and d3.axisBottom with tick lines for grid reference. Hovering over a segment triggers a tooltip that shows the exact percentage for that subject and score band.

Jjangalaupender@my.unt.edu
83% match
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
83% match
Loading thumbnail…

Activity_6_Question2

This stacked horizontal bar chart displays the percentage distribution of ratings across five business types, from "Less than 2.0" to "More than 5.5". Each bar is segmented into colored sections representing rating categories, using `d3.stack()` for data transformation and `d3.scaleOrdinal()` for color mapping. The chart renders as scalable vector graphics (SVG) with axes generated by `d3.axisBottom()` and `d3.axisLeft()`. Interactive tooltips, implemented with mouseover events, reveal exact percentages per category on hover, while the data originates from the included `data.csv` file.

HHarsha vardhan reddy Yarmareddy
82% match
Loading thumbnail…

Activity 6_Question 2

This stacked bar chart shows the percentage distribution of student grades across five rating intervals for different genres, revealing how grade categories vary by genre. The visualization uses D3 v7's stack, scaleLinear, scaleBand, and axis methods to construct the horizontal bars, with SVG rendering. Hovering over a segment triggers a custom tooltip displaying the exact percentage via a mouseover event handler. The data comes from a CSV file containing grade percentages per genre, with total proportions summing to 1. A color scale maps rating intervals to distinct hues.

Aanusha.chilkamarri26@gmail.com
82% match
Loading thumbnail…

ACTIVITY 6 _ TASK 2.1

This example shows a stacked horizontal bar chart of student performance levels across five subjects, with each bar divided into percentages of Excellent, Good, Average, Below Average, and Poor ratings. The visualization uses d3.stack to compute the stacked series, d3.scaleBand for the subject categories, and d3.scaleLinear with a custom color palette to encode the performance categories. Interactive tooltips appears on hover to display exact percentages, while a legend identifies each performance level. The data comes from a CSV file loaded locally, and the chart is rendered as an SVG with D3 v7.

RRevanth putta
82% match