sales dataset

100%

✓ Published0🌍 Public

Last edited Oct 5, 2025

Created on Oct 5, 2025

This visualization summarizes a sales dataset loaded from a CSV file via `fetch` and parsed with `d3.csvParse`. It displays total profit by region and total revenue by item type as SVG bar charts, alongside summary statistics and top countries by revenue in chip cards. The code uses D3 v7 for data binding, scales, and axis generation, with a warm color palette and hover effects on bars.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

sales_dataset_bar_chart

A horizontal bar chart displays total profit by region, ranked from highest to lowest. It aggregates values from a remote sales_dataset.csv file using d3.csvParse and d3.rollup. The visualization uses D3 v7 with SVG rendering, employing d3.scaleBand for the y-axis, a linear scale for the x-axis, and a linear color scale transitioning from orange to yellow. Profit values are labeled at the end of each bar.

SSreedevi Itta

82% match

Loading thumbnail…

Sales Data Summary

This interactive dashboard summarizes sales data from a user-supplied CSV file. It displays dataset statistics and a preview table alongside an SVG bar chart ranking top products by sales. Built with D3.js v7, the page features a URL input that loads and parses the data, auto-detecting column names. The visualization updates dynamically, with the bar chart using D3 scales and axes to render the sorted sales figures.

RRamdas Dheeraj

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

78% match

Loading thumbnail…

Fork of Vanilla D3 Vibecoding Template

This interactive dashboard displays sales data loaded from a cleaned CSV file hosted on GitHub. It provides a dataset summary, a full HTML table of all rows, and an SVG bar chart showing total sales by region. Built with D3 v7, it uses `d3.csv` and `d3.autoType` for parsing, `d3.rollup` and `d3.sum` for aggregations, and `scaleBand`/`scaleLinear` with SVG `rect` elements for the chart.

Ssrinathkarumuru@my.unt.edu

76% match

Loading thumbnail…

Fork of Fork of D3 Starter

This visualization presents daily sales, revenue, and profit trends from a CSV dataset across two SVG charts. The first chart displays three overlaid time-series lines for each metric, with colored dots for each data point. The second combines bars for sales with a line for profit, using hover-triggered tooltips for interactivity. Built with D3 v7, it uses `d3.csv` for data loading, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` for path generation. Gridlines, axis labels, and a legend support readability.

Ssainishanthreddyk@gmail.com

75% match

Loading thumbnail…

Santhosh Dachepally

This horizontal bar chart displays the top ten countries by sales from a CSV dataset loaded via D3’s `csv` function. The React app renders an SVG with D3’s `scaleBand` for country categories and `scaleLinear` for sales values, drawing green rectangles for each bar. Tick marks and labels are generated using D3’s scale methods, with the chart centered in the viewport. The code uses React hooks (`useState`, `useEffect`) to fetch and process the data, and ReactDOM to mount the visualization.

Ssanthoshdachepally333@gmail.com

75% match

Loading thumbnail…

index

This bar chart displays product sales performance for 200 products, using a D3.js v7 SVG visualization. The chart maps product names to the x-axis using `d3.scaleBand` and sales values to the y-axis via `d3.scaleLinear`, with the maximum sales value determining the scale domain. Each product is represented by a teal rectangle, with bar heights proportional to sales values. The data is loaded from a CSV file using `d3.csv` with `d3.autoType` for automatic data parsing. The axes are rendered using `d3.axisBottom` and `d3.axisLeft`, with x-axis labels rotated and filtered to show every tenth tick for readability.

SSai Charan

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

75% match