ICE5

100%

✓ Published3🌍 Public

Last edited Oct 5, 2025

Created on Oct 5, 2025

This visualization shows the distribution of clothing items across nine types, such as Accessories, Traditional, One-piece, and Outerwear, using horizontal bars with custom SVG icons. It loads data from a CSV file via `d3.csv` and uses `d3.scaleLinear` to map counts to bar widths. The bar chart is rendered in SVG with hover transitions and includes summary text displaying total items and type names.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

shivani Fork of ICE5

This bar chart visualizes clothing item counts by category from a dataset of 100 movie-related rows. Each category, such as Accessories, Traditional, and Top, displays an SVG icon, a text label, and a horizontal bar scaled by frequency. The visualization uses d3.csv to load data, d3.scaleLinear for proportional bar widths, and SVG elements with hover effects that change bar fill color. Summary statistics show total items and category names above the chart.

Bbodushivani2601@gmail.com

82% 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…

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

80% match

Loading thumbnail…

ICE-5

This example visualizes January coffee sales as a bar chart, displaying total records, total units sold, and average price in a text summary above the chart. The bar chart uses d3.scaleBand and d3.scaleLinear to map product names to unit counts, with axes created via d3.axisBottom and d3.axisLeft. Data is loaded asynchronously from a CSV file using d3.csv, and hover interactions change bar color. The visualization is rendered as SVG with D3 v7.

Rrevanthdasari10@gmail.com

79% 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

79% match

Loading thumbnail…

ICE-6 QUESTION 1

This bar chart displays the average clothing price by category, computed from the ICE-6.csv dataset. The visualization uses D3.js v7 to load the CSV, group data by category with `d3.group`, and calculate means via `d3.mean`. SVG rectangles represent bars, scaled with `d3.scaleBand` and `d3.scaleLinear`, while axes are rendered using `d3.axisBottom` and `d3.axisLeft`. The chart includes rotated category labels, a title, and axis annotations for clear interpretation.

Ppashamsahithi2391@gmail.com

79% match

Loading thumbnail…

ICE5

This example shows an interactive bar chart of letter frequencies, where clicking a bar highlights it and dims the others, with a title reading "Data Visualization" above the plot. Built with React and D3 v7, it uses `d3.scaleBand` and `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for gridlines and labels, and a `ResizeObserver` to adapt the SVG to its container. Data loads from a local CSV file via `d3.csv`, and bar styling transitions smoothly on hover and selection.

Ssrinathkarumuru@my.unt.edu

79% match

Loading thumbnail…

ICE 5

This example displays a dataset summary alongside a static SVG composition of colored circles. It loads a hosted CSV file of global economy data and computes basic statistics for numeric columns, including row count, min, max, and mean. The visualization renders a 3-by-10 grid of circles using D3 v7’s selection and data-joining methods, applying a Tableau color scheme and decorative opacity. The code uses `d3.csv` for parsing and `d3.min`, `d3.max`, and `d3.mean` for summary calculations, with all output drawn as SVG elements.

CCharith Kapuluru

79% match