Skip to main content
SimilarExport ZIP
100%

Activity6-TASK2(Question)

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

This visualization displays monthly car sales for eight models as a horizontal stacked bar chart, with each bar segmented by month from January through August. It uses D3 v7’s `d3.stack` to compute the stacked values, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the quantitative x-axis, rendering rectangles within SVG groups. Data is loaded externally from a CSV file via `d3.csv`, and a color-coded legend identifies each month alongside the chart.

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 displays automobile sales across a 12-month period, segmented by vehicle type (e.g., Supperminicar, Mediumfamilycar, Smallfamiliycar, Sports). The x-axis lists years, and the y-axis shows total sales, with each bar partitioned by color-coded vehicle categories via a legend. Built with d3.v6 and SVG rendering, the code uses `d3.stack()` to aggregate sales, `d3.scaleBand()` for the x-axis, `d3.scaleLinear()` for the y-axis, and `d3.schemeSet2` for colors. It also includes hover tooltips showing exact sales values. The data originates from `historical_automobile_sales.csv`, which provides variables like price and recession indicators, though the chart focuses solely on sales counts. The visualization uses `d3.axisBottom` and `d3.axisLeft` for axes with rotated labels, and applies `d3.select` for DOM manipulation.

119n81a0581sunny@gmail.com
87% match
Loading thumbnail…

Activity6_Task2_Question_2

A stacked bar chart displays monthly sales totals for Electronics, Clothing, and Groceries across six months. Each bar segment represents a category’s contribution, with tooltips revealing exact values on hover and a color-coded legend identifying series. Using D3 v7, the visualization loads CSV data via `d3.csv`, constructs stacked series with `d3.stack()`, and renders SVG rectangles scaled by `d3.scaleBand` and `d3.scaleLinear`. Interactive tooltips appear through mouse events, while axes and legend are generated with `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleOrdinal`.

Aadityatrip9899@gmail.com
86% match
Loading thumbnail…

Activity-6_Task2(q)

This stacked bar chart shows monthly sales totals for five product categories—Electronics, Clothing, Furniture, Groceries, and Books—across January, February, and March. The data is loaded from a CSV file and rendered as SVG using D3 v7. The visualization uses `d3.stack()` to aggregate the three month values per category, with `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. A color scale distinguishes the months, and a legend in the top-right corner labels each segment.

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

Activity-6 (question2.1)

This chart displays monthly sales figures for three product categories—Electronics, Clothing, and Home Goods—as a stacked horizontal bar chart. D3’s `scaleBand` positions months on the y-axis, while a `scaleLinear` maps cumulative sales values to x-axis lengths. Each bar segment’s width corresponds to category-specific revenue, with a legend and interactive tooltips revealing exact dollar amounts on hover. The example loads D3 v7 via UNPKG, reads CSV data asynchronously, and constructs the SVG visualization using `d3.axisLeft`, `d3.axisBottom`, `d3.stack`, and `scaleOrdinal` for color encoding.

Kkandulasunny17@gmail.com
84% match
Loading thumbnail…

Activity 6 Task 2

A stacked horizontal bar chart displays car sales percentages across six regions for five vehicle types. The chart uses d3.scaleBand for regional categories and d3.scaleLinear for the percentage scale, with d3.stack organizing the cumulative segments. Data from a CSV file is rendered as SVG rectangles, colored via d3.scaleOrdinal, and includes interactive tooltips on mouseover showing exact percentages.

Nnalinreddy96@gmail.com
84% match
Loading thumbnail…

Activity6_Task2

This stacked bar chart visualizes quarterly sales across four product categories—Electronics, Clothing, Furniture, and Books—with each bar segment colored according to category and overall height reflecting total quarterly revenue. The visualization loads data from a CSV file using `d3.csv`, then applies `d3.stack()` to compute cumulative segment values, `d3.scaleBand()` for quarter positioning, `d3.scaleLinear()` for the y-axis, and `d3.scaleOrdinal()` for categorical colors. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, while SVG rectangles represent each stacked segment, and a bold "Total Sales" label marks the highest y-value.

Kkeerthanachinthalapally@gmail.com
83% match
Loading thumbnail…

activity6_question2

This example presents a horizontal stacked bar chart comparing categorical values across multiple years. Using D3 v7, it loads data from a CSV file containing automotive metrics, then renders the visualization as an SVG with animated tooltips. The chart uses d3.stack to aggregate categories, d3.scaleOrdinal for color assignment, and d3.axisLeft and d3.axisBottom for labeled axes. Hovering over any bar segment reveals the specific value through a transition-based tooltip, while a legend identifies each category's color coding. The visualization demonstrates D3's data binding and interactive event handling capabilities.

Ssairamisetti3829@gmail.com
83% match