Skip to main content
SimilarExport ZIP
100%

ice 5 spectacles sales

✓ Published0🌍 Public
Vveginetiumeshchandra@lbrce.ac.in
Last edited Oct 6, 2025
Created on Oct 5, 2025

This visualization displays annual sales figures for the top ten spectacle brands, using a bar chart where each bar's height represents millions of units sold. The chart loads CSV data from a GitHub Gist via `d3.csv` with `d3.autoType` for automatic data type inference. Bars are rendered as SVG rectangles using the `d3.scaleBand` and `d3.scaleLinear` scales, with axis labels created through `d3.axisBottom` and `d3.axisLeft`. Hovering over a bar changes its color from blue to orange.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6(sai nitish)

This horizontal bar chart displays the top 10 cosmetic products by revenue, using the d3.csv function to load data from a GitHub-hosted CSV file. It employs d3.scaleLinear and d3.scaleBand for the x and y axes, respectively, with d3.axisLeft and d3.axisBottom for tick marks. The chart customizes the x-axis tick format to replace 'G' with 'B' and removes default axis lines, while rectangles are colored red via CSS. The title and axis labels are added as SVG text elements. Data is rendered as an SVG graphic.

Ssainitish1999
78% 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
77% match
Loading thumbnail…

ICE-5

The visualization presents a static summary of sales data, displaying four colored bars that compare revenue figures against a white baseline. The page includes a gradient background with a data overview section showing total records, total revenue, total units sold, and the list of regions. The code fetches a CSV file from a GitHub gist using `d3.csv`, then computes aggregate values with `d3.sum` before rendering both the SVG bar chart and the summary text dynamically via JavaScript.

Sshreshnaanugu@gmail.com
77% match
Loading thumbnail…

ice 6

This horizontal bar chart displays the global sales of the top 11 video games, using orange bars to compare their performance. The visualization is built with React and D3 v5, leveraging `scaleBand` for the y-axis, `scaleLinear` for the x-axis, and SVG for rendering. Data is loaded asynchronously from a CSV file via `d3.csv`, with sales values parsed and then filtered to the first 11 entries. Tick marks and labels are manually generated from the scales, while axis lines are omitted for a cleaner design.

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

ICE-5

This visualization explores Amazon sales data through an interactive dashboard built with D3.js. It begins with a summary section displaying key metrics like total sales, order count, and top product. The analysis presents a bar chart of sales by category using `d3.scaleLinear` and `d3.scaleBand`, alongside a line chart tracking sales over time with `d3.scaleTime` and `d3.curveMonotoneX`. All charts are rendered as SVG elements, with data loaded from an external CSV file via the `fetch` API and parsed using `d3.csvParse` and `d3.autoType`.

SSaiSriSuryaBandaru@my.unt.edu
76% match
Loading thumbnail…

ice 6 - q1

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`.

AAravindReddyJanke@my.unt.edu
76% match