Skip to main content
SimilarExport ZIP
100%

sales data

✓ Published0🌍 Public
Aadithiarikatla@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from 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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Bar Chart

This visualization displays monthly global sales data from January 2017 through December 2018 using an animated bar chart. The bars show sales figures in steel blue, turning orange on hover with a smooth transition, while axes are labeled with month names and sales values. Built with D3 v6, the example loads data from a local CSV file and uses `scaleBand`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the SVG chart. Mouse interactions use standard D3 event handlers with a 250-millisecond transition effect.

Sshahedabdullhadi
85% match
Loading thumbnail…

Fork of D3 Starter

This bar chart visualizes average monthly sales data across multiple years, displaying sales figures for each month from January through December. The chart uses a steel blue color scheme and rotated x-axis labels to improve readability of the month names. The visualization is built with D3 v7, loading CSV data through the `d3.csv` API and rendering the bar chart as SVG elements. The code uses `d3.scaleBand` for the categorical month axis and `d3.scaleLinear` for the continuous sales values, with axes generated using `d3.axisBottom` and `d3.axisLeft`.

KKOLLIPATI NIKHIL
85% match
Loading thumbnail…

SVG

This example visualizes monthly sales data as a bar chart rendered with SVG. Three bars represent January, February, and March, with sales values of 25, 10, and 15, colored red or gray based on a threshold. The code uses D3 v5’s `d3.scaleLinear` for the y-axis, `d3.scaleBand` for the x-axis, and `d3.axisLeft`/`d3.axisBottom` to generate axes. Raw JSON data is loaded via `d3.json`, and bars are drawn using SVG `rect` elements with labels appended as `text` elements.

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

SVG

This example visualizes monthly sales data as a bar chart, with bars colored dark gray or red depending on whether sales exceed 20. It loads data from a local `sales.json` file and renders both bars and labels using SVG. The chart includes a linear y-axis for sales and a band-scaled x-axis for months, both created with `d3.scaleLinear` and `d3.scaleBand`, and formatted via `d3.axisLeft` and `d3.axisBottom`. The code is written for D3 v5 within a React-ready HTML page.

Jjarvis
83% match
Loading thumbnail…

Bar chart assignment

This example shows a bar chart of average monthly sales across multiple years, with months from January through December on the x-axis and sales amounts on the y-axis. The visualization uses D3 v7 to load data from a CSV file via `d3.csv`, then binds the data to SVG rectangles using `data().enter().append("rect")`. It employs `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis, with axes rendered by `d3.axisBottom` and `d3.axisLeft`. The bars are filled with a steelblue color, and the chart includes a titled heading.

KKOLLIPATI NIKHIL
83% match
Loading thumbnail…

Activity7_2

This area chart visualizes monthly sales data loaded from a remote CSV file. The chart plots sales figures against months, with the area beneath the line filled in steel blue. It is rendered as an SVG using D3.js v7, employing `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis. The area shape is generated with the `d3.area` API, and axes are added using `d3.axisBottom` and `d3.axisLeft`. Axis labels for "Month" and "Sales" are included.

Ssivachandraramanaidu.vnof52@gmail.com
82% match
Loading thumbnail…

Sales Data

This grouped bar chart displays sales data for six product categories (Electronics, Clothing, Groceries, Furniture, Toys, Books) across six months (January through June). The chart shows monthly comparisons using color-coded bars, with dollar amounts on the y-axis and months on the x-axis. The visualization is generated using D3.js v5 with an SVG rendering approach, employing `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleOrdinal` for category colors. Data is hardcoded in the script, and axes are labeled with "Month" and currency-formatted tick values.

Ppriyapravallika44@gmail.com
82% match