Skip to main content
SimilarExport ZIP
100%

ICE-5

✓ Published0🌍 Public
SSaiSriSuryaBandaru@my.unt.edu
Last edited Oct 5, 2025
Created on Oct 5, 2025
Forked from D3 Starter

This visualization explores Amazon sales data through an interactive dashboard built with D3.js. It begins with a summary section displaying key metrics like total sales, order count, and top product. The analysis presents a bar chart of sales by category using `d3.scaleLinear` and `d3.scaleBand`, alongside a line chart tracking sales over time with `d3.scaleTime` and `d3.curveMonotoneX`. All charts are rendered as SVG elements, with data loaded from an external CSV file via the `fetch` API and parsed using `d3.csvParse` and `d3.autoType`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE5

This visualization displays a summary of sales data, including total sales, average sale amount, total quantity sold, and counts of unique regions and product categories. It presents a full data table alongside a bar chart that aggregates total sales by region. The D3 v7 code loads CSV data from a remote URL and uses d3.autoType for parsing and d3.rollup for grouping. The chart uses d3.scaleBand and d3.scaleLinear for axes, rendering bars as SVG rectangles.

Ssrinathkarumuru@my.unt.edu
87% match
Loading thumbnail…

ICE-5

The visualization presents a static summary of sales data, displaying four colored bars that compare revenue figures against a white baseline. The page includes a gradient background with a data overview section showing total records, total revenue, total units sold, and the list of regions. The code fetches a CSV file from a GitHub gist using `d3.csv`, then computes aggregate values with `d3.sum` before rendering both the SVG bar chart and the summary text dynamically via JavaScript.

Sshreshnaanugu@gmail.com
85% match
Loading thumbnail…

ICE-5

This example visualizes January coffee sales as a bar chart, displaying total records, total units sold, and average price in a text summary above the chart. The bar chart uses d3.scaleBand and d3.scaleLinear to map product names to unit counts, with axes created via d3.axisBottom and d3.axisLeft. Data is loaded asynchronously from a CSV file using d3.csv, and hover interactions change bar color. The visualization is rendered as SVG with D3 v7.

Rrevanthdasari10@gmail.com
83% match
Loading thumbnail…

ICE5

This visualization presents a summary of an Amazon product dataset, displaying the dataset's file size and row count on a page with a background image. It uses d3.csv to fetch a remote CSV file and d3.csvFormat to calculate the data size. The page displays the total number of rows and the size in kilobytes, providing a basic overview of the data about product names, prices, and ratings. The visualization is a simple text-based summary rather than a graphical chart.

Ggeethikal
82% match
Loading thumbnail…

ICE-6

This visualization is a bar chart displaying the top 20 products by revenue (USD) from a product sales dataset. Built with D3.js v7 and SVG rendering, it sorts the data by revenue and encodes product names on the x-axis and revenue on the y-axis using `scaleBand` and `scaleLinear`. Bars are appended as SVG rects and axes are drawn with `d3.axisBottom` and `d3.axisLeft`. The chart includes rotated product labels and axis titles, with hover effects that change bar color.

AAparna Desi Reddy
80% match
Loading thumbnail…

ICE-6

This bar chart displays sales data for various items, with horizontal bars showing the sale amount for each item. The visualization uses React and D3 v5, loading CSV data via `d3.csv` and rendering SVG elements with `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Gridlines and axis labels are generated manually using `xScale.ticks()`, while the data values are encoded as rectangle widths.

HHARSHA BUDDANA
80% match
Loading thumbnail…

ICE6

This interactive bar chart shows monthly sales figures, with each bar representing a month’s sales value from the `Sales.csv` dataset. The chart supports clicking on a bar to highlight it, visually distinguishing the selected month by changing its fill to white with a black stroke. The visualization is built with React and D3 v7, using `d3.csv` to parse the data, `d3.scaleBand` and `d3.scaleLinear` for scales, and `d3.axisBottom` and `d3.axisLeft` for axes, all rendered as SVG within a responsive container.

GGuntupalli Mohan kalyan
80% match
Loading thumbnail…

ICE-7 Area Chart

This area chart visualizes e-commerce sales from 2009 to 2019, with a smoothed line and filled region beneath it. Using D3 v5, the code employs `scaleTime` and `scaleLinear` for axes, `area` and `line` generators with `curveBasis` for smoothing, and `csv` to load remote data. The SVG rendering includes labeled axes with gridlines and a green title, while CSS styles the chart’s tick marks and area fill.

PPrasanth Damarla
80% match