assignment 6

100%

✓ Published2🌍 Public

Last edited Mar 9, 2026

Created on Mar 9, 2026

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

module 6 assignment

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.

Vvarshitreddy02@gmail.com

87% match

Loading thumbnail…

Fork of Fork of assignment 7 PieChart

This dashboard displays four coordinated D3 v7 charts from a 200-row CSV dataset: a scatter plot of units sold versus profit colored by region, a pie chart of revenue distribution across regions, a line chart of monthly revenue trends, and an area chart of cumulative monthly revenue. Each visualization uses SVG rendering with scales, axes, and color encoding via `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.pie`, `d3.arc`, and `d3.rollups` for aggregation. The interactive layout includes grid lines and legends within styled chart sections.

Sshyamraghav12@gmail.com

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

80% match

Loading thumbnail…

Multi-Series Line + Combined (Bar+Line)

This dashboard presents two charts built with D3.js v7 from a CSV sales dataset. The top visualization uses a multi-series line chart to track monthly trends for Sales and Profit. The bottom chart combines bars for Sales with an overlaid line for Profit Margin, providing a dual-axis view of volume versus efficiency. Data is parsed and aggregated by month using `d3.rollups` and `d3.timeParse`, with axes, grids, and scales configured via `d3.axisLeft`, `d3.axisBottom`, and `d3.scaleUtc`. Rendering uses SVG within a dark-themed HTML container.

RRamdas Dheeraj

80% match

Loading thumbnail…

Assignment5

This dashboard visualizes the relationship between market capitalization and revenue for 30 U.S. companies, with each dot representing a single firm. The interface allows switching between five chart versions that explore different encoding channels, from position-only to color and area variations. Built with D3 v7, the visualization uses `d3.csv` to load data from a GitHub gist, `d3.extent` for summary statistics, and SVG rendering for the scatter plot. The code also includes interactive navigation buttons that update the chart's visual encodings.

HHaiyan Sun

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

77% match

Loading thumbnail…

final 2 sai_tej_2

This dashboard presents three linked charts analyzing a sales report dataset loaded via `d3.csv`. It shows product distribution by size as a bar chart, by color as a pie chart using `d3.pie` and `d3.arc`, and by category as another bar chart. Each chart uses `d3.rollup` to aggregate counts, with `d3.scaleOrdinal` and `d3.schemeCategory10` for color encoding. Tooltips appear on hover, and all visualizations render as SVG elements in separate divs.

Ttallurisaiteja96@gmail.com

77% match

Loading thumbnail…

Act6 q2

A stacked bar chart displays product sales across four quarters, broken down by category (Electronics, Office Supplies, Furniture). The chart uses D3 v7 APIs like `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear`. Data loads from a CSV file, and hover interactions reveal category sales via a tooltip. The visualization renders in SVG with color-coded segments per category and an ordinal color scale.

Ssrilekhasridasyam@my.unt.edu

76% match