Skip to main content
SimilarExport ZIP
100%

Sales Data Summary

✓ Published0🌍 Public
RRamdas Dheeraj
Last edited Oct 6, 2025
Created on Oct 4, 2025
Forked from HTML Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

sai_tej_2

This dashboard displays a product sales report through three linked visualizations: a bar chart of stock by size, a pie chart of product count by color, and a bar chart of product count by category. It uses D3.js v7 with `d3.csv` to load data, `d3.rollup` for aggregation, and `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal` for scales. SVG rendering includes interactive tooltips and legends, while pie arcs are drawn using `d3.arc` and `d3.pie`.

Vvikramkotlo9@gmail.com
81% 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
81% 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
81% match
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
80% 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
80% match
Loading thumbnail…

dboard

This dashboard presents a multi-panel view of sales data from a CSV file, showing sales by category in a bar chart, a geographical map of the US, a time series scatter plot, and a donut chart of sub-category sales. The bar chart is interactive; clicking a category filters the accompanying charts and updates the donut chart, which is rendered using `d3.pie()`. The code employs D3 v6 functions like `d3.rollup` for data aggregation and `d3.axisBottom` for axes. Visual elements are drawn as SVG primitives, with interactions driven by mouse events and tooltips.

IIndira120
80% match
Loading thumbnail…

Product Sales Bar Chart

This bar chart displays product sales figures from a CSV file, with each product’s sales value represented by a steelblue bar. The visualization uses D3.js to create an SVG, scaling the x-axis with `d3.scaleBand` and the y-axis with `d3.scaleLinear`. Axis labels are rotated, and a title is added, all rendered via the D3 SVG API. Data is loaded asynchronously from a GitHub gist using `d3.csv`.

Aavvarijayakrishna99@gmail.com
79% match
Loading thumbnail…

Fork of index(11823810).html

This example presents an interactive data visualization dashboard for exploring CSV datasets. It loads user-selected data, summarizes key statistics on-page, and renders the values as interactive SVG bar charts with tooltips and clickable elements. Built with D3 v7, the visualization uses standard D3 selection and scaling APIs to map data to graphical marks. The interface also provides controls for data loading and styling, with all chart elements rendered as animated SVG within a responsive layout.

Eeeshani.boyapati@gmail.com
79% match