Skip to main content
SimilarExport ZIP
100%

ICE5

✓ Published0🌍 Public
Ssrinathkarumuru@my.unt.edu
Last edited Oct 5, 2025
Created on Oct 5, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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
90% match
Loading thumbnail…

ICE-5

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`.

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

ICE-6

A bar chart displays total sales amounts by region, with bars sorted in descending order. The visualization is built with D3.js v7 and rendered as an SVG within a React framework. It uses `d3.csv` to load data, `d3.rollups` to aggregate sales by region, and `d3.scaleBand` and `d3.scaleLinear` for axes. Bars are drawn using SVG `rect` elements, with a tooltip-free design and axis labels. The code is structured modularly with functions like `renderBars` and `renderTitle`, and includes interactive element selection through click handlers.

Ssrinathkarumuru@my.unt.edu
85% 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
84% match
Loading thumbnail…

ICE7

A pie chart shows average sales by outlet location type, aggregating data from a CSV file. D3.js loads the remote dataset, filters invalid entries, groups by location, and computes mean sales values. The visualization uses d3.pie, d3.arc, and d3.rollup to generate slices, with d3.scaleOrdinal mapping colors and d3.sum calculating percentages for labels. A legend identifies each category, rendered as SVG within a 600x500 canvas.

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

ICE7

This example renders a monthly sales area chart using D3 v7, displaying sales trends from January to December. The visualization combines a light steel-blue filled area with a steel-blue line overlay, plus orange circles marking individual data points. The chart uses SVG rendering with D3’s scalePoint for the categorical month axis and scaleLinear for the numeric sales axis. Data is loaded from a CSV file and processed with d3.csv, while area and line generators construct the paths. Axis labels and a title annotate the chart.

BBHUMIKA CHUNDU
82% match
Loading thumbnail…

ICE5

This page shows metadata about an electronics sales dataset, summarizing its size, row count, and column count in a text overlay. The visualization loads a CSV file from a GitHub gist using D3 v7’s `d3.csv` method, then computes the file size from the formatted CSV string’s length in kilobytes. It also counts the number of rows and columns from the parsed data, displaying all three metrics in a large red monospace block. A background SVG image and a link to the raw dataset are included as supplementary information.

Ddheeraj1509
82% 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