Skip to main content
SimilarExport ZIP
100%

Activity_6 Question 2

✓ Published0🌍 Public
Ssumithdugyala@my.unt.edu
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This stacked bar chart displays student enrollment counts across four courses (Engineering, Business, Medical, Arts) for the years 2000, 2021, 2022, and 2023, using data from a local CSV file. The visualization, rendered as an SVG, uses D3 v7 APIs including `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` to create the horizontal bars. A custom tooltip, styled via CSS, reveals the specific category and sales value when hovering over a segment. The chart includes labeled axes and a legend positioned to the right.

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

A stacked bar chart displays student enrollment across five engineering departments, with each bar segmented into Undergraduate, Postgraduate, and PhD counts. The visualization uses d3.csv to load the dataset, d3.stack() to compute stacked series, and d3.scaleBand/d3.scaleLinear for axes. Color encoding distinguishes academic levels via d3.scaleOrdinal, while SVG rectangles render the bars. The chart includes labeled axes for Department and Number of Students.

Vvidyagangasani@my.unt.edu
84% match
Loading thumbnail…

activity7_question2

This example shows a stacked area chart of course enrollment by category (Technology, Business, Design) over time, where the colored regions represent the number of students enrolled in each category per year. The chart is rendered as an SVG using D3 v7, with `d3.csv` loading the data from a GitHub gist, `d3.area` generating the stacked paths, and `d3.scaleLinear` mapping the year and enrollment values. Axes are added via `d3.axisBottom` and `d3.axisLeft`, with a legend and axis labels included.

Hhoneyravuri.711@gmail.com
84% match
Loading thumbnail…

Activity 6_Question2

This stacked bar chart shows the proportion of students enrolled in five different programs—Engineering, Computer Science, Business, Liberal Arts, and Health Sciences—across five universities, with each bar segmented by program and colored via a categorical scale. The visualization uses D3 v7’s `d3.stack()` to compute the stacked segments, `d3.scaleBand()` for the university categories, and `d3.scaleLinear()` for the percentage axis. Hovering over a segment triggers a tooltip displaying the exact percentage for that program at that university, using D3 event handlers. Data comes from an embedded `data.csv` file, rendered as SVG with custom styles from `styles.css`.

Ssiddhubhupathi@gmail.com
83% 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
81% match
Loading thumbnail…

Activity 6 Question 2

This stacked bar chart shows yearly sales totals for grocery, appliance, and toy categories across 2018–2020. Each bar segment represents one product category, with a legend identifying colors and a hover tooltip displaying the exact sales value. The visualization uses D3 v7’s `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear` to generate SVG elements from the provided CSV data. Interactive features rely on D3’s `.on('mouseover')` and `.on('mouseout')` event handlers, while axis labels and tooltips are styled using inline CSS.

SSai Gottumukkala
81% match
Loading thumbnail…

Question2 of Activity6

This stacked bar chart displays fruit sales across four years, with each bar segmented by year and colored by fruit category. It uses D3 v7’s `d3.stack()` to compute the stacked segments, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the sales x-axis. Mouseover events trigger a custom tooltip showing the exact sales value per segment, while a legend identifies the year colors. The data is loaded from a CSV file and rendered as SVG.

VVenkataSaisrivishnuBatchu@my.unt.edu
81% match
Loading thumbnail…

Activity6-Question2

This visualization shows quarterly sales data for product categories using a stacked horizontal bar chart. Each bar segment represents a quarter’s sales contribution, with an interactive tooltip displaying the specific category and sales amount on mouseover. The example demonstrates D3 v7’s `d3.stack` for data shaping, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for rendering. Data comes from an inline CSV file loaded via `d3.csv`, and the chart is rendered as SVG with a custom legend.

SSaiKiranReddyKancharla@my.unt.edu
81% match
Loading thumbnail…

Activity 6 Question 2

This example shows stacked bar charts of sales in dollars across three product categories—Electronics, Furniture, and Clothing—for the years 2018 through 2020. It uses D3 v7 with the `d3.stack` API to layer the series, `d3.scaleBand` for the yearly bars, and `d3.scaleLinear` for the y-axis. Hovering reveals a tooltip with the category and exact value, while a legend identifies each color from `d3.schemeCategory10`, as loaded from a local CSV file.

Aanisha.peddireddy@gmail.com
81% match