Skip to main content
SimilarExport ZIP
100%

Fork of Activity 6_Q3

✓ Published0🌍 Public
KKarnam Abinay Goud
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Activity 7

A stacked horizontal bar chart shows sales by product category for five stores, with tooltips displaying precise values on hover. The visualization uses D3 v7, loading data from a CSV file and rendering with SVG. It employs `d3.stack()` for data stacking, `d3.scaleBand()` for the y-axis, and `d3.scaleLinear()` for the x-axis, with `d3.scaleOrdinal()` for category colors.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_questions 3 45

A stacked bar chart visualizes product sales across four categories, with each bar segment representing a category’s contribution to total sales for a given product. The chart encodes values on a linear x-axis and product names on a categorical y-axis, using color to distinguish categories. Built with D3 v7, it uses `d3.stack()` to compute stacked values, `d3.scaleBand()` for the y-axis, and `d3.scaleLinear()` for the x-axis. Data is loaded via `d3.csv()` from a local CSV file, and SVG rectangles render each segment with mouseover logging to the console.

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

Fork of Activity6_question

This stacked bar chart visualizes monthly sales across three departments—Electronics, Clothing, and Groceries—using horizontal bars segmented by category. The chart is built with D3.js v4, parsing CSV data and rendering it as SVG, with a color scale distinguishing departments and a custom tooltip showing segment values on hover. Axes display month labels and total sales formatted in thousands, while a legend identifies each category. The layout uses D3 scales for positioning and the d3.stack API to compute stacked segments from the uploaded sales data.

Mmaneeshraja47@gmail.com
88% match
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
86% match
Loading thumbnail…

Activity6 Q 2.3

This stacked bar chart shows sales figures for laptops, phones, and tablets across five retail stores, with each store represented as a horizontal bar broken into three colored segments. The visualization uses d3.stack() to process the CSV data, d3.scaleLinear and d3.scaleBand for positioning, and an ordinal color scale for categories. Interactive tooltips appear on mouseover, displaying exact sales values via a custom HTML div, while the SVG rendering includes axis labels and a legend.

RRukmini Devi Y
86% match
Loading thumbnail…

Activity6_Task2_Q3

This stacked bar chart visualizes sales data for five clothing stores, comparing revenue across three product categories: Cargo, Flannels, and Tee. The horizontal bars display the proportional contribution of each category to total store sales. Built with D3 v7 and rendered as SVG, the visualization uses `d3.stack()` to compute layered series, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the numerical x-axis. Interactive tooltips on each segment reveal exact category sales values, with the data sourced from the included CSV file.

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

Activity6_Task2(Question 3)

This stacked bar chart shows sales figures for five store locations, broken down by product category: Clothing, Equipment, and Accessories. The horizontal bars are segmented by category, with each segment colored distinctly and labeled in a legend. The visualization uses d3.stack() to compute stacked series, d3.scaleBand() and d3.scaleLinear() for positioning, and includes interactive tooltips that display the exact sales value for each category-store combination on hover. The data originates from an IMBD movie ratings source file, and the SVG rendering is styled with custom fonts.

SSowjanya Devupalli
86% match
Loading thumbnail…

Activity_6_Q2

This example visualizes sales distribution across product categories using a stacked horizontal bar chart. Each bar represents a category from a CSV file, segmented by price ranges (less than 100 to above 400) as percentages. The code uses d3.stack() to compute stacked series, d3.scaleBand for the y-axis categories, and d3.scaleLinear for the x-axis percentages, rendered as SVG rectangles. Interactive tooltips appear on mouseover, displaying the exact percentage for each segment. The visualization employs d3.axisBottom, d3.axisLeft, and d3.scaleOrdinal with a custom color palette.

Mmudunurirahulvarma98@gmail.com
85% match