Skip to main content
SimilarExport ZIP
100%

ICE-6 Bar Chart – Fruits Average Weight

✓ Published1🌍 Public
HHarshithmullapudi@my.unt.edu
Last edited Oct 19, 2025
Created on Oct 19, 2025

This bar chart displays the average weight of different fruits, using a dataset loaded from a CSV file hosted on GitHub. Each fruit is represented by a steel-blue rectangle that turns orange on hover, with rotated labels on the x-axis for readability. The visualization is built with D3 v7, using `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the continuous y-axis, and `d3.axisBottom` and `d3.axisLeft` to render the axes. The chart is rendered as an SVG element with margins and labeled axes showing fruit names and weight in grams.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6 Scatter Plot – Fruits Average Weight

This scatter plot visualizes the average weight of various fruits, with each fruit positioned along the y-axis and its weight plotted on the x-axis using a linear scale. Circles are colored by fruit color via d3.scaleOrdinal and d3.schemeCategory10, with hover tooltips implemented through SVG title elements. The visualization loads data from a remote CSV file using d3.csv, and employs d3.axisBottom and d3.axisLeft to render axes with fruit names as y-axis tick labels.

HHarshithmullapudi@my.unt.edu
90% match
Loading thumbnail…

ICE-6 Multi-Series Chart – Fruits Weight & Price

This multi-series chart compares the average weight and average price of ten fruits. The visualization encodes weight as steelblue vertical bars plotted against the left y-axis, while price is shown as a crimson line connected by points scaled to the right y-axis. The chart uses D3.js v7 with SVG rendering, employing `scaleBand` for the categorical x-axis, dual `scaleLinear` axes for the y-axes, and the `d3.line` function for the price series. The data is hardcoded in the script, and hover effects are applied to the bars.

HHarshithmullapudi@my.unt.edu
87% match
Loading thumbnail…

BarGraph

This bar chart visualizes the average weight of various fruits from a CSV dataset, using color to distinguish between seasonal and non-seasonal categories. The bars are sorted in descending order for readability, with tooltips displaying weight, vitamin C content, and category on hover. The visualization is built with D3 v7, using `scaleBand` and `scaleLinear` for the axes, `scaleOrdinal` with `schemeTableau10` for categorical coloring, and SVG rendering. A legend and rotated x-axis labels support the dense dataset of fruit names.

SSathviKankanala@my.unt.edu
82% match
Loading thumbnail…

Sathvi Vizhub

This bar chart shows the average weight and vitamin C content for a collection of fruits, with a summary line displaying totals and means. Each bar is colored according to the fruit’s assigned color. The visualization loads CSV data via `d3.csv`, scales the categorical fruit names and linear weight values using `d3.scaleBand` and `d3.scaleLinear`, and renders SVG rectangles with axes generated by `d3.axisBottom` and `d3.axisLeft`. Labels are rotated for readability, and the chart is styled with CSS.

SSathviKankanala@my.unt.edu
79% match
Loading thumbnail…

Fork of vamshi

This bar chart visualizes the weight of various fruits from an extended sample dataset. The chart uses steelblue bars on a Cartesian plane, with the fruit names on the x-axis and their corresponding weights on the y-axis. Hovering over a bar changes its color to a lighter royal blue. The visualization is built with D3 v7, using `d3.csv` to load the data, and `d3.scaleBand` and `d3.scaleLinear` to map the categorical and continuous dimensions. Axis labels are added manually, and bar height represents the weight value.

Kkotlavamsireddy@gmail.com
78% match
Loading thumbnail…

Fork of vamshi

This bar chart visualizes the weight of various fruits from an extended sample dataset. The chart uses steelblue bars on a Cartesian plane, with the fruit names on the x-axis and their corresponding weights on the y-axis. Hovering over a bar changes its color to a lighter royal blue. The visualization is built with D3 v7, using `d3.csv` to load the data, and `d3.scaleBand` and `d3.scaleLinear` to map the categorical and continuous dimensions. Axis labels are added manually, and bar height represents the weight value.

Kkotlavamsireddy@gmail.com
78% match
Loading thumbnail…

VARUN ICE-6

A bar chart displays the average weight of 20 animal species, with each horizontal bar colored by its value using a linear scale mapped to the `schemeCategory10` color scheme. The visualization is implemented in React, loading CSV data from a gist, sorting it by weight, and rendering bars with D3 v6 scales (`scaleBand`, `scaleLinear`). The x-axis shows average weight in kilograms, and the y-axis lists animal names. The chart uses SVG elements and a color gradient to encode the weight values.

VVarun Gadde
77% match
Loading thumbnail…

ICE-6 Bar chart SDV

This bar chart displays the distribution of calories across different cereal brands, with each bar representing a specific cereal’s calorie count. The visualization uses D3.js v7 to load CSV data from a GitHub gist, parse the numeric calorie values, and render the chart as SVG. The code employs `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis, with axes formatted via `d3.axisBottom` and `d3.axisLeft`. Cereal names on the x-axis are rotated for readability, while bar heights encode the calorie values directly. The chart’s layout and margins are defined programmatically, and error handling logs any data-loading issues.

Ssreeramyamini@gmail.com
76% match