Ice6_Question 1

100%

Ice6_Question 1

✓ Published2🌍 Public

Last edited Oct 20, 2025

Created on Oct 20, 2025

This bar chart compares average delivery times across shipping methods using data loaded from a CSV file. The visualization combines rectangular bars, a gray line connecting category averages, and circular point markers. D3 v7 handles the data processing, including grouping values with `d3.group` and calculating means, while SVG scales and axes render the marks. The chart is styled with interactive hover effects that change bar colors.

AI-generated description

MIT Licensed

Similar vizzes

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

78% match

Loading thumbnail…

Ice7Q2

This example presents a pie chart that visualizes the distribution of total shipping weight by shipping method. The chart is rendered using scalable vector graphics and includes an interactive tooltip that appears on hover, displaying the method and its aggregated weight. The data is loaded from a CSV file and aggregated using `d3.nest()` and `d3.sum()`. The visualization uses `d3.layout.pie()` for the pie layout, `d3.svg.arc()` for the slices, and `d3.scale.category10()` for coloring. A legend is generated from the aggregated data, and all elements are drawn within an SVG container.

Ssrujana reddy

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

77% match

Loading thumbnail…

ICE 5_Assignment

This example analyzes a shipping dataset from a Gist CSV and presents a multi-view dashboard. It displays a table of the first ten records, a text summary of key statistics, a bar chart of shipments by shipping method, and a scatter plot of weight versus delivery time. The visualizations are built with D3.js v7, using `d3.csv` for data loading and the `scaleBand`, `scaleLinear`, and axis APIs to generate SVGs. A decorative SVG cargo ship illustration is also included, with the page styled using custom CSS.

Ssrujana reddy

77% match

Loading thumbnail…

Fork of HTML Starter

This example shows the average delivery time by shipping method (Air, Sea, Ground) as a simple bar chart rendered in SVG. The chart uses d3.scaleBand and d3.scaleLinear to map shipping methods and delivery times to positions, with d3.axisBottom and d3.axisLeft providing the axes. Bars are colored steelblue and turn darkorange on hover via CSS. The data is hardcoded in the script, and the chart includes labeled axes for context.

Ssrujana reddy

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

75% match

Loading thumbnail…

ICE6-BarChart

This bar chart displays the sum of a numeric column aggregated by a categorical column from a CSV file, automatically detecting the appropriate columns and sorting categories in descending order. Built with D3 v7, the visualization uses `d3.csv` to load data, `d3.scaleBand` and `d3.scaleLinear` for axes, and `d3.rollup` with `d3.sum` for aggregation. Bars are rendered as SVG rectangles with tooltips showing category and value, while grid lines and axis labels aid readability.

Ssahasrakaturi91@gmail.com

74% match

Loading thumbnail…

ice 6 (bar+line)

This visualization combines a time-series line chart with a monthly bar overlay, showing three metrics (metric_A, metric_B, metric_C) over time alongside the monthly average of metric_A as semi-transparent blue bars. The code uses d3.csv and d3.rollup to aggregate the data, with d3.scaleTime, d3.scaleLinear, and d3.scaleBand for positioning, and d3.line for the trend lines. The SVG is rendered with an axis on the bottom and left, a legend on the right, and a light blue bar fill at 50% opacity. The source data is loaded from a GitHub Gist as a multiseries CSV.

Kkmuktha09@gmail.com

74% match