Skip to main content
SimilarExport ZIP
100%

ice 6 - q1

✓ Published1🌍 Public
AAravindReddyJanke@my.unt.edu
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from ice6 part 2

This bar chart shows the average sales for each product line from a GitHub-hosted CSV file, with each bar’s height representing the mean sales in USD. The chart uses D3 v7 to fetch the data via `d3.csv`, compute averages with `d3.rollup` and `d3.mean`, and render SVG bars with scales from `d3.scaleBand` and `d3.scaleLinear`. Interactive tooltips appear on mouseover, displaying the product line and its average sales. Axes and labels are generated using `d3.axisBottom` and `d3.axisLeft`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ice6- q3

This visualization presents two views of monthly sales data from a sales_data_sample.csv file. The first is a multi-series line chart tracking sales trends for three product lines: Classic Cars, Motorcycles, and Planes. The second is a combined dual-axis chart that plots total sales and average sales together using `d3.rollups` to aggregate the data, with lines rendered via D3’s `d3.line` API and scales from `d3.scaleLinear`. The SVG is generated with D3 v7, and axes are drawn using `d3.axisBottom` and `d3.axisLeft`.

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

ICE-6

This bar chart displays sales data for various items, with horizontal bars showing the sale amount for each item. The visualization uses React and D3 v5, loading CSV data via `d3.csv` and rendering SVG elements with `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Gridlines and axis labels are generated manually using `xScale.ticks()`, while the data values are encoded as rectangle widths.

HHARSHA BUDDANA
83% 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
83% match
Loading thumbnail…

ICE6 BarChart

This bar chart displays total product sales in USD, aggregated from a CSV dataset loaded via `d3.csv`. It shows that Product E has the highest revenue while Product D has the lowest, with bars sorted in descending order. Using D3 v6, the visualization applies `d3.rollups` and `d3.sum` to aggregate data, then renders SVG bar charts with `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisLeft`/`d3.axisBottom`. Interactive hover effects change bar color via CSS.

Kkmuktha09@gmail.com
83% match
Loading thumbnail…

Fork of ICE6 - Marks and Channels

This example shows a bar chart of sales revenue per product from January through May 2024. It uses D3 v6 with SVG rendering, loading CSV data from a GitHub gist and aggregating it with `d3.rollup` to sum revenues by product. Horizontal bars are drawn as `rect` elements with a steelblue fill that turns orange on hover, using `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis. Axes are generated with `d3.axisLeft` and `d3.axisBottom`.

Bbhargavinalamothu@gmail.com
82% match
Loading thumbnail…

Ice-6

A bar chart displays the sales of various coffee products from a CSV dataset. It uses D3.js v3, loading data with `d3.csv` and rendering the chart with SVG. The x-axis uses `d3.scaleBand` for product categories, while the y-axis uses `d3.scaleLinear` for sales values. Bars are drawn as `rect` elements filled with steelblue and labeled with rotated text on the bottom axis. The visualization directly shows comparative sales figures across the coffee product lineup.

GGorantla Vishnusai
81% match
Loading thumbnail…

Assignment 6

This bar chart shows total sales aggregated by product line, using a simple grouped bar layout where each bar’s height encodes the summed sales value. The chart is built with D3 v7, loading data from a CSV file and using `d3.rollup` to group and sum sales per product category. SVG rectangles are scaled with `d3.scaleBand` and `d3.scaleLinear`, with axes generated via `d3.axisBottom` and `d3.axisLeft`. The title and rotated x-axis labels complete the visualization, rendered entirely in SVG.

BBhargav Reddy
80% match