Skip to main content
SimilarExport ZIP
100%

ICE6-Kumar Danam

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

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.

AI-generated description
MIT Licensed

Similar vizzes

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

ICE6-Kumar Danam

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.

KKumar Danam
87% match
Loading thumbnail…

ICE6- Kumar Danam

This scatter plot visualizes the relationship between units sold and total sales revenue for a dataset of products. It uses a linear scale for both axes, with each product represented as a semi-transparent green circle, enabling a quick assessment of correlation between the two variables. The visualization is built using the D3.js v7 library, employing `d3.csv` to load the data and `d3.scaleLinear` to map the data values to screen coordinates. SVG rendering is used to draw the axes, labels, and data points, with the chart titled “Relationship Between Units Sold and Sales.”

KKumar Danam
86% 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
83% match
Loading thumbnail…

ICE6

This example shows yearly profit as blue bars on a left axis and the average unit price as a red line on a right axis, using data loaded from a CSV via `d3.csv`. It computes yearly aggregates with `d3.rollup` and `d3.sum`. The visualization renders with `d3.select` and `append` into an SVG, using `d3.scaleBand` and `d3.scaleLinear` for the axes, and draws the line with `d3.line`.

KKumar Danam
83% 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
81% 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
81% match
Loading thumbnail…

ICE_6_Amalgamated_Bar_Line

This visualization presents quarterly retail sales data in two complementary views. The first chart uses multiple line series with d3.line and d3.scalePoint to compare sales trends across North, West, and East regions. The second chart combines bar and line marks, using d3.scaleBand for advertising spending and a second linear scale for total sales, with data aggregated from a CSV file. The SVG rendering uses d3.axisBottom and d3.axisLeft for axes, while custom legends identify series colors.

Jjgaur96@gmail.com
80% match