Skip to main content
SimilarExport ZIP
100%

Task 8 q2_1

✓ Published0🌍 Public
YYeshwanth963@gmail.com
Last edited Apr 9, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

This example shows a stacked bar chart of student marks across four subjects—Math, Science, History, and English—using data from a CSV file. The visualization renders as SVG, with each bar segment colored by subject via a D3 ordinal scale. Hovering a segment reveals a tooltip with the exact percentage, using mouse events. The chart includes axes, a legend, and a title, all built with D3 v7’s `scaleBand`, `scaleLinear`, `d3.stack`, and `d3.axisLeft`/`d3.axisBottom`.

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-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
89% match
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…

Task2 Q2.1

This stacked bar chart displays course performance metrics for three subjects, breaking down each total into Assignments, MidMarks, and Final components using vertically stacked segments. The visualization loads data from a CSV file and renders as SVG, employing `d3.stack()` to compute the stacked series and `d3.scaleBand`/`d3.scaleLinear` for positioning. A categorical color scale from `d3-scale-chromatic` distinguishes the three grade categories, with axes generated through `d3.axisBottom` and `d3.axisLeft`. The chart uses a static dataset of three courses from the `course_data.csv` file.

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

question 3(task 2)

This example shows average subject scores in math, science, and English for five schools, displayed as a horizontal stacked bar chart. Each bar segment represents a subject’s contribution to the total score, with a color legend identifying the subjects. The visualization uses D3 v7 to load CSV data, apply a stack layout, and render SVG rectangles scaled by linear and band scales. Axes, a total-score axis label, and an interactive-free legend are drawn using D3’s axis and ordinal color APIs.

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

Activity6_Q4

This stacked bar chart shows the percentage of students receiving grades A, B, C, or D across five school subjects. Each subject’s bar is segmented by grade, colored distinctly, and totals 100%. Built with D3 v7, it loads CSV data via `d3.csv` and stacks values using `d3.stack`. The SVG rendering uses `d3.axisLeft` and `d3.axisBottom` for axes, while a hover tooltip, driven by mouse events, displays each grade’s exact percentage.

MMili Patel
83% match