sales_dataset_bar_chart

100%

sales_dataset_bar_chart

✓ Published0🌍 Public

Last edited Oct 19, 2025

Created on Oct 19, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

sales dataset

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.

SSreedevi Itta

82% match

Loading thumbnail…

diabaties and details

A bar chart displays regional diabetes-related sales data from a CSV file, with each region on the x-axis and sales values on the y-axis. The visualization shows the sales figures for ten regions, ordered as they appear in the data. The chart uses the D3.js library (v7) to create the SVG-based bar chart, employing d3.csv to load the data, d3.scaleBand for the categorical x-axis, and d3.scaleLinear for the numerical y-axis, with axis labels and a title included.

Ppardha1411

76% match

Loading thumbnail…

Online Sales for Purchase Value Bar Chart

This bar chart displays total online sales revenue by year for a customer dataset, with a fixed y-axis scale of 0 to 90 and red bars representing revenue values. The visualization uses D3.js v4 to parse CSV data from a GitHub repository, scale the categorical year values on the x-axis via `d3.scaleBand`, and map revenue to a linear scale on the y-axis. SVG rectangles are drawn for each bar, while `d3.axisBottom` and `d3.axisLeft` generate the labeled axes, with rotated x-axis text for readability.

MManideeprenikindi

76% match

Loading thumbnail…

Online Sales Bar Chart

This bar chart visualizes online customer sales, plotting the number of purchases against total revenue for each category. It uses D3.js v4 with an SVG rendering approach, leveraging `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis. Data is loaded asynchronously from a CSV file via `d3.csv`. The chart positions rectangular bars with a fixed blue fill, rotating the x-axis labels for readability.

MManideeprenikindi

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

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…

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

75% match

Loading thumbnail…

Visualization: Sales Distribution by Country (Bar Chart)

This example shows a bar chart of sales amounts by country, with two bars displaying the dataset values from the USA, UK, and Canada. The visualization uses an SVG rendering approach with D3.js v7, employing `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` to create the corresponding axes. Bar rectangles are appended to the SVG container with their width determined by the scale’s bandwidth and their height proportional to the sales values.

PPriyank Singh

74% match