Skip to main content
SimilarExport ZIP
100%

Sruj

✓ Published1🌍 Public
Ssrujana reddy
Last edited Oct 20, 2025
Created on Oct 20, 2025

A bar chart visualizes aggregated annual sales across ten product categories, with data derived from 120 synthetic samples spanning twelve months. The visualization sorts categories by total sales and includes axes, gridlines, and a tooltip for interactivity. Built with D3.js v7, it uses `d3.rollup` to aggregate monthly data, `scaleBand` and `scaleLinear` for positioning, and SVG transitions for hover effects.

AI-generated description

Bar Chart Visualization

This project creates a simple bar chart using D3.js to visualize sample data.

How to Run

  1. Open index.html in a web browser
  2. The bar chart will be displayed with sample data

Features

  • Responsive bar chart with hover effects
  • X and Y axes with labels
  • Chart title
  • Uses D3.js for visualization
MIT Licensed

Similar vizzes

Loading thumbnail…

bar grapgh

This bar chart displays total sales across product categories, with each category represented by a colored bar on a band scale. The visualization uses D3.js v7 to load CSV data from a GitHub gist, map it into an array of category-total pairs, and render an SVG chart with axes, labels, and a legend. The code applies a sequential color scheme via `d3.scaleOrdinal` with `d3.schemeCategory10`, and uses `d3.axisBottom` and `d3.axisLeft` for the axes. A title and rotated category labels are included to improve readability.

SSai Hemanth Babu Sunkari
77% match
Loading thumbnail…

Assignment 6 sowjanya

This bar chart displays the average sales for each product category from a store dataset loaded from a GitHub-hosted CSV file. The visualization uses D3 v7 and renders as an SVG, with `d3.scaleBand` mapping product names to the x-axis and `d3.scaleLinear` mapping average sales values to the y-axis. The code aggregates the raw data using `d3.rollups` and `d3.mean` to compute per-product averages before drawing steelblue rectangles. Both axes are labeled, and a chart title is added above the plot.

Ssaisowjanyaedupuganti.24f@gmail.com
77% match
Loading thumbnail…

Sales by Category

This bar chart compares total sales across product categories. The visualization uses aggregated sales data from a CSV file, displaying each category as a steel-blue bar. The chart is built with D3 version 5, using `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the y-axis. The SVG rendering includes axis labels and a title, with the x-axis labels rotated for readability.

Ssaikrishnabussa
77% 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
76% match
Loading thumbnail…

Act6 q2

A stacked bar chart displays product sales across four quarters, broken down by category (Electronics, Office Supplies, Furniture). The chart uses D3 v7 APIs like `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear`. Data loads from a CSV file, and hover interactions reveal category sales via a tooltip. The visualization renders in SVG with color-coded segments per category and an ordinal color scale.

Ssrilekhasridasyam@my.unt.edu
75% 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
75% 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
75% match
Loading thumbnail…

Retail sales bar chart

This visualization is a horizontal bar chart comparing the total sales amounts for the top ten product categories from a retail transaction dataset. The chart is built using D3.js version 7 within a React application, employing a data join approach to render and update the SVG elements. The bars are colored teal, with a clickable red highlight for a selected category. It uses `scaleLinear` and `scaleBand` for the axes, and `axisBottom` and `axisLeft` for the tick marks, with the data loaded from a local `data.csv` file and aggregated using `d3.rollups`.

KKOLLIPATI NIKHIL
74% match