Skip to main content
SimilarExport ZIP
100%

Sales Data

✓ Published1🌍 Public
Ppriyapravallika44@gmail.com
Last edited Mar 25, 2025
Created on Mar 18, 2025
Forked from A7- Heatmap

This grouped bar chart displays sales data for six product categories (Electronics, Clothing, Groceries, Furniture, Toys, Books) across six months (January through June). The chart shows monthly comparisons using color-coded bars, with dollar amounts on the y-axis and months on the x-axis. The visualization is generated using D3.js v5 with an SVG rendering approach, employing `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleOrdinal` for category colors. Data is hardcoded in the script, and axes are labeled with "Month" and currency-formatted tick values.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Sales Data

This grouped bar chart displays sales data for six product categories (Electronics, Clothing, Groceries, Furniture, Toys, Books) across six months (January through June). The chart shows monthly comparisons using color-coded bars, with dollar amounts on the y-axis and months on the x-axis. The visualization is generated using D3.js v5 with an SVG rendering approach, employing `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleOrdinal` for category colors. Data is hardcoded in the script, and axes are labeled with "Month" and currency-formatted tick values.

Ppriyapravallika44@gmail.com
100% 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_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
83% match
Loading thumbnail…

Line chart for electronics sales

This line chart displays electronics sales over six months, from January to June, with monthly sales values ranging between $49,000 and $57,000. A single steelblue line connects the data points, plotted using d3.line with a point scale for months on the x-axis and a linear scale for sales on the y-axis. The visualization, rendered as an SVG, includes labeled axes for month and sales amount, with data hardcoded in the script rather than loaded externally. Axis ticks are generated via d3.axisBottom and d3.axisLeft.

Ppriyapravallika44@gmail.com
82% match
Loading thumbnail…

pie chart for monthly sales

This example shows monthly sales data for six product categories across six months using a series of pie charts, each labeled with its corresponding month. It displays proportional slices for electronics, clothing, groceries, furniture, toys, and books, with a legend for the categories. Each pie chart is rendered as an SVG using D3.js v6, with the `d3.pie()` layout generating the arc angles and `d3.arc()` creating the paths. The code uses `d3.scaleOrdinal` with `d3.schemeCategory10` for colors and positions the charts vertically with month labels below each slice.

Ppriyapravallika44@gmail.com
82% match
Loading thumbnail…

sales data

This visualization displays monthly sales data as a bar chart, with the x-axis representing the month and the y-axis showing sales figures. The bars are rendered in steel blue and turn orange on hover, providing interactive feedback. The chart is built using the D3.js library (d3.v7) with SVG rendering, and data is loaded from a CSV file hosted on GitHub via `d3.csv` with `d3.autoType` for type conversion. Axes are generated using `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`.

Aadithiarikatla@gmail.com
82% match
Loading thumbnail…

Area chart for electronics sale

This area chart displays electronics sales figures across six months, from January through June, with a semi-transparent blue fill and a darker boundary line. The visualization uses D3.js v6 with SVG rendering, employing `d3.scalePoint` for the month-based x-axis and `d3.scaleLinear` for the sales values on the y-axis. The area and line paths are generated using the `d3.area()` and `d3.line()` generators, while axes are created with `d3.axisBottom` and `d3.axisLeft`. Sales data comes from a hardcoded array with monthly dollar amounts.

Ppriyapravallika44@gmail.com
81% match
Loading thumbnail…

Activity6_Q2

This stacked bar chart displays monthly sales data for two products across five months, with each bar segmented to show the relative contribution of product1 and product2. The visualization uses D3.js v7's `d3.stack()` to compute the stacked series and `d3.scaleBand` for the categorical x-axis. Bars are rendered as SVG rectangles with hover opacity changes, while `d3.axisBottom` and `d3.axisLeft` generate the month and sales axes. The dataset is hardcoded as an array of objects in the script.

AAnirudhaKulakarniKaranam@my.unt.edu
81% match