Skip to main content
SimilarExport ZIP
100%

ICE6-Kumar Danam

✓ Published0🌍 Public
KKumar Danam
Last edited Oct 19, 2025
Created on Oct 19, 2025

This stacked bar chart displays total brand sales in millions of dollars, broken down by region, using a Tableau10 color scheme to distinguish each region. D3.js (v7) loads CSV data from a GitHub gist, groups and aggregates sales per brand and region, then renders the visualization as SVG. The chart uses `d3.stack` for stacking, `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and includes rotated brand labels, axis titles, and a legend.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE6-Kumar Danam

This visualization shows yearly sales performance, combining bar charts for total sales in millions of dollars with a line chart for total units sold. The code uses d3.rollup to aggregate the raw CSV data by year, then d3.scaleBand and two d3.scaleLinear instances create dual axes. SVG rendering displays the bars and line, with axes, labels, and a legend using d3.axisBottom, d3.axisLeft, d3.axisRight, and d3.join.

KKumar Danam
87% match
Loading thumbnail…

ICE-6

A bar chart displays total sales amounts by region, with bars sorted in descending order. The visualization is built with D3.js v7 and rendered as an SVG within a React framework. It uses `d3.csv` to load data, `d3.rollups` to aggregate sales by region, and `d3.scaleBand` and `d3.scaleLinear` for axes. Bars are drawn using SVG `rect` elements, with a tooltip-free design and axis labels. The code is structured modularly with functions like `renderBars` and `renderTitle`, and includes interactive element selection through click handlers.

Ssrinathkarumuru@my.unt.edu
80% match
Loading thumbnail…

ICE-6

This bar chart displays total sales values by year, with each year’s revenue encoded as a bar’s height and a dollar-formatted y-axis for reference. Built with D3 v4, it loads CSV data from a GitHub gist via `d3.csv`, scales the x-axis with `d3.scaleBand` and the y-axis with `d3.scaleLinear`, and renders SVG rectangles. Axis labels for “Year” and “Total Sales Value” are appended directly to the generated axes.

Kkartik900
79% match
Loading thumbnail…

Fork of ICE6-Kumar Danam

This fork of ICE6-Kumar Danam visualizes yearly sales performance with a dual-axis chart: blue bars represent total sales in millions of dollars on the left axis, while an orange line tracks total units sold on the right axis. It loads a remote CSV dataset and aggregates it with `d3.rollup`. The chart uses `d3.scaleBand` and `d3.scaleLinear`, rendered as SVG with `d3.axisBottom`, `d3.axisLeft`, and `d3.axisRight`, along with a legend and axis labels.

KKumar Danam
79% match
Loading thumbnail…

ICE5

This visualization displays a summary of sales data, including total sales, average sale amount, total quantity sold, and counts of unique regions and product categories. It presents a full data table alongside a bar chart that aggregates total sales by region. The D3 v7 code loads CSV data from a remote URL and uses d3.autoType for parsing and d3.rollup for grouping. The chart uses d3.scaleBand and d3.scaleLinear for axes, rendering bars as SVG rectangles.

Ssrinathkarumuru@my.unt.edu
79% match
Loading thumbnail…

ICE6 - Sai Kaushik Ganji

This visualization presents a horizontal bar chart ranking the top 12 products by total units sold from the retail sales dataset. The bar chart aggregates six months of data using d3.rollups and d3.sum to calculate product totals, sorting them in descending order. Bars are rendered as SVG rectangles with a linear gradient fill, and animated updates respond to user interaction. D3 v7 handles data loading via d3.csv, while a custom tooltip displays exact values on hover, enhancing the comparative analysis of product performance.

SSai Kaushik Ganji
79% match
Loading thumbnail…

ICE-6 Nithish Kumar

This horizontal bar chart displays the top cosmetic products by revenue, sourced from a CSV file. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to map revenue values and product names, with SVG rectangles representing the bars. Axes are customized by removing domain lines and applying a tick formatter that converts large numbers to abbreviated units. The data is loaded via `d3.csv` and rendered with margins and labels for the title and x-axis.

NNithish Kumar
78% match
Loading thumbnail…

ICE-6 BARCHART

This bar chart visualizes sales figures for 100 products, with each bar’s height mapped to the product’s sales units. The visualization uses D3 v7 to load a CSV file from a GitHub gist, then renders an SVG with steel-blue bars that turn orange on hover. A band scale positions categorical products along the x-axis, while a linear scale maps sales values to the y-axis. The chart includes axis labels, a rotated x-axis to accommodate product names, and a title, with horizontal grid lines for readability.

Uuguggila@gitam.in
78% match