module 6 assignment

100%

module 6 assignment

✓ Published0🌍 Public

Last edited Mar 11, 2026

Created on Mar 11, 2026

This D3.js visualization presents three charts from the retail_superstore_clean.csv dataset. The first is a bar chart showing total sales aggregated by category using `d3.rollup` and `d3.sum`, with axes rendered via `d3.axisBottom` and `d3.axisLeft`. The second is a scatter plot mapping discount against profit for the first 100 rows, using `d3.scaleLinear` for both axes. The third is a multi-series line chart displaying data from the first 200 rows. All charts render as SVGs within a single HTML page.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

assignment 6

This dashboard presents four coordinated D3.js charts—a bar chart, scatter plot, multi-series line chart, and combined bar-line chart—to explore a synthetic 200-row retail dataset containing revenue, cost, profit, and units sold by category and month. The SVG-based visualizations, styled with CSS and built using D3 v7 APIs like `d3.rollup` and `d3.scaleBand`, show aggregate revenue by category, record-level units versus profit, monthly trends for three quantitative variables, and a dual-axis comparison of revenue (bars) with profit (line), complete with interactive tooltips.

Sshyamraghav12@gmail.com

87% match

Loading thumbnail…

Assignment 6

This bar chart shows total sales aggregated by product line, using a simple grouped bar layout where each bar’s height encodes the summed sales value. The chart is built with D3 v7, loading data from a CSV file and using `d3.rollup` to group and sum sales per product category. SVG rectangles are scaled with `d3.scaleBand` and `d3.scaleLinear`, with axes generated via `d3.axisBottom` and `d3.axisLeft`. The title and rotated x-axis labels complete the visualization, rendered entirely in SVG.

BBhargav Reddy

79% match

Loading thumbnail…

Fork of Assignment 2 - Pie Chart

This fork of a D3 pie chart visualizes Superstore sales data, aggregated by product category from a CSV file. The SVG chart displays each category as a colored slice with its name and total sales value labeled directly on the arc. The code uses D3's `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` APIs to generate the geometry and colors, and it computes category totals with the `group` and `sum` functions. The visualization is rendered into an SVG element with a fixed width and height.

Gganeshseeram2405@gmail.com

75% match

Loading thumbnail…

Activity6_Task2

A stacked bar chart displays sales totals for Clothing, Equipment, and Accessories across five named stores, using distinct colors for each category. The visualization relies on D3 v7’s `d3.stack()` to layer the data series, with `d3.scaleBand` positioning bars and `d3.scaleLinear` mapping values to the y-axis. SVG rectangles render each stack segment, while rotated bottom-axis labels and a custom HTML/CSS legend improve readability. The CSV data is embedded directly in the JavaScript, and the chart is generated entirely client-side.

Jjaswanthreddy2715@gmail.com

75% match

Loading thumbnail…

Activity 6_Task 2 Q3

This stacked bar chart displays clothing sales across five stores, breaking down revenue into jeans, t-shirts, and shirts. Using D3 v7, the code loads data from a CSV file and applies the `d3.stack()` function to generate segments, with an ordinal color scale distinguishing product categories. Horizontal bars are rendered as SVG rectangles scaled by `d3.scaleLinear` for the x-axis and `d3.scaleBand` for store names. Interactive tooltips appear on mouseover, showing precise sales figures for each category per store.

Aakankshareddygorla@my.unt.edu

75% 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

75% match

Loading thumbnail…

3D Bar Chart using D3.js

This example visualizes supermarket sales data as an interactive 3D bar chart, with each bar representing a city across multiple months. The visualization uses D3.js v5 for data loading and layout, combined with the d3-3d library to extrude bars into three dimensions, and X3DOM for WebGL rendering of the 3D scene. Sales figures are parsed from a CSV file via `d3.csv`, and the chart is created using `d3.x3d.chart.barChartMultiSeries()`, which manages axes and bar positioning in 3D space. The rendering approach leverages the d3-x3d bridge to convert D3 selections into X3D DOM elements for real-time interactivity.

SsreepavanKothapalli

75% match

Loading thumbnail…

Activity 6_Task 2 Question

This horizontal stacked bar chart displays sales figures across five store locations, broken down by Clothing, Equipment, and Accessories categories. The visualization uses d3.stack() with keys for each product category, d3.scaleBand() for the store axis, and d3.scaleLinear() for the value axis. Rendered as SVG via d3.v7, the chart includes axes, labels, and a clickable legend showing category colors from a d3.scaleOrdinal palette, all drawn within a single HTML page.

Ccharankumarreddyveeramreddy@my.unt.edu

75% match