Skip to main content
SimilarExport ZIP
100%

activity 6_q3

✓ Published0🌍 Public
Sshettisowmya01@gmail.com
Last edited Oct 20, 2024
Created on Oct 18, 2024
Forked from Hello VizHub

This horizontal stacked bar chart displays sales data for five beauty products, breaking down total sales into two colored segments: Price and Quantity, with product names on the y-axis and the aggregated sales value on the x-axis. Built with D3.v7, the visualization uses `d3.scaleLinear` and `d3.scaleBand` for axes, `d3.stack()` to compose the stacked segments, and `d3.axisBottom`/`d3.axisLeft` for tick marks. The SVG rendering includes color encoding via `d3.scaleOrdinal` for the two stacked categories, with a legend and concise axis labels, drawing from a local dataset where each row specifies product, brand, price, and quantity.

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 visualizes the percentage distribution of five sales performance categories (Below 100, 100-500, 500-1000, 1000-5000, Above 5000) across six product categories, showing how sales outcomes vary by product type. Using D3.js v7 with SVG rendering, the chart employs `d3.stack()` to generate stacked segments and `d3.scaleOrdinal()` for color encoding. Interactive tooltips appear on mouseover, displaying the exact percentage for each segment. The data comes from a local CSV file, and the visualization uses linear and band scales for positioning.

Nnumitha
88% match
Loading thumbnail…

Activtiy-6-q2.3

This example visualizes sales distribution across product categories, breaking down each category's total sales into five segments based on rating scores (from "less than 5" to "greater than 8.5"). The chart uses stacked horizontal bars, with each product category represented as a bar segmented by colored sections corresponding to rating ranges. The visualization is built using D3 v7, loading data from a local CSV file, and employs `d3.stack()` to compute stacked bar positions, `d3.scaleBand()` for categorical y-axis positioning, and `d3.axisLeft` and `d3.axisBottom` for axes. Interactive tooltips appear on hover, displaying the specific rating segment and its sales value.

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

Activity6task2q2

This stacked bar chart visualizes the percentage of sales performance within each product category, with horizontal bars segmented by price ranges from "Below 100" to "Above 5000." The chart uses D3 v7's `d3.stack()` to create the stacked segments, `d3.scaleLinear` and `d3.scaleBand` for positioning, and `d3.scaleOrdinal` for color mapping. Interactive tooltips display exact percentages on hover using mouse events, while SVG rendering provides the visual output.

Ssaitejakaranam10@gmail.com
87% match
Loading thumbnail…

Activity6_question2

This stacked horizontal bar chart displays sales totals for five store locations, broken down by product categories including clothing, equipment, and accessories. The visualization uses d3.stack() to compute the segmented bar series and d3.scaleLinear and d3.scaleBand for positioning. Rendered as SVG with D3 v7, the chart includes interactive tooltips that display precise numeric values when hovering over each segment. Category colors are assigned via d3.scaleOrdinal, and axis labels and legends are manually added.

Ggnanendra097@gmail.com
86% match
Loading thumbnail…

activity6_q3

This example presents a stacked horizontal bar chart visualizing mobile brand sales across four quarters. The data is loaded from a CSV file, and each brand’s quarterly sales are stacked to show total price contributions. The chart is rendered as an SVG using D3 v7, with axes, a title, and a color-coded legend. Hovering over a bar segment triggers a tooltip displaying the brand and its specific sales value. The visualization employs D3’s scaleBand, scaleLinear, stack, and axis functions to construct the layout and interactions.

RRJVENKATESH789@GMAIL.COM
86% match
Loading thumbnail…

Activity6-Question-2.3

This stacked bar chart shows sales distribution across six product categories, broken into five rating ranges from less than 5 to greater than 8.5. The visualization uses D3 v7’s `d3.stack()` to create the layered bars and `d3.scaleBand`/`d3.scaleLinear` for axes. An interactive tooltip appears on mouseover via D3 event handlers, displaying the sales segment value. Data loads from a CSV file, with a custom color scale for each range and a legend rendered alongside the chart.

LLayaMyadam@my.unt.edu
86% match
Loading thumbnail…

Activity 6 Question 2

A stacked bar chart displays quarterly sales revenue across seven product categories, with each bar segmented into four colored quarters from Q1 through Q4. The visualization uses D3 v7 to create an SVG with `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal` for color encoding. Axes are rendered using `d3.axisBottom` and `d3.axisLeft`, with product category labels on the x-axis and sales revenue on the y-axis. The data is embedded directly in the script as an array of objects.

Nnarasimhacharyulu010@gmail.com
86% match