Skip to main content
SimilarExport ZIP
100%

ICE-6 Scatter Plot – Fruits Average Weight

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

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6 Bar Chart – Fruits Average Weight

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.

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

Activity-6 Q-6

This scatter plot visualizes the relationship between sweetness level and weight for four fruit types, with each fruit represented by a distinct shape and color. The visualization loads fruit data from a local CSV file and uses d3’s `csv` function to parse it, converting numeric fields. The chart is rendered using d3’s `scaleLinear` for both axes, `scaleOrdinal` for shape mapping, and `symbolsFill` for symbols. A custom shape legend, built with `symbol`, clarifies the fruit-type mapping. The axes, labels, and tick marks are generated through the `axes` module, which utilizes `axisLeft` and `axisBottom` from d3.

KKavyaEti
80% match
Loading thumbnail…

Activity6_Task3_Qus6

This scatter plot displays the relationship between fruit weight and sweetness for ten fruit types. Each circle represents a fruit, positioned by weight on the x-axis and sweetness on the y-axis, with color assigned via the `d3.scaleOrdinal` scale, though all points share the category "fruit." Rendered as an SVG using D3 v6, the code loads data from a CSV file via `d3.csv`, scales axes with `d3.scaleLinear` and `d3.extent`, and draws axis ticks with `d3.axisBottom` and `d3.axisLeft`. The plot sizes itself to the browser window.

Aamarnadhkari98@gmail.com
79% match
Loading thumbnail…

Question-3(ScatterPlot)

This scatter plot visualizes the relationship between fruit weight and diameter, with each point colored and shaped according to fruit type. The visualization uses D3.js v7 with d3.scaleLinear for axes, d3.scaleOrdinal with d3.schemeCategory10 for colors, and d3.symbols for distinct point shapes. A custom shape legend displays the fruit type categories. Data comes from a CSV file loaded via d3.csvParse, with axes and labels rendered using d3.axisLeft and d3.axisBottom.

Rrahul.bonu524@gmail.com
79% match
Loading thumbnail…

Activity6_Task3_Qus6

This D3.js v6 scatter plot visualizes the relationship between fruit weight (in grams) and sweetness rating (1-10) using data from a CSV file. Each fruit is represented as a circle positioned along the x-axis for weight and y-axis for sweetness, with all points colored pink via a color scale. The visualization uses D3's `csv` loader, `scaleLinear` for axes, `extent` to compute domains, and `axisBottom`/`axisLeft` to render the chart. The SVG output includes labeled axes for weight and sweetness, with the plot sized to fill the browser window.

Aamarnadhkari98@gmail.com
78% match
Loading thumbnail…

Fork of Fork of vamshi scatter

This scatter plot displays the weight of various fruits, with each fruit category plotted along the x-axis and its corresponding weight in grams on the y-axis. The code uses D3.js v7 to fetch data from a remote CSV file via `d3.csv`, then maps the categorical fruit names to a band scale (`d3.scaleBand`) and the numeric weights to a linear scale (`d3.scaleLinear`). Circles are rendered as SVG elements representing each fruit’s weight. The chart includes rotated x-axis labels through `d3.axisBottom` and labeled axes, with the styling applied via CSS classes.

Kkotlavamsireddy@gmail.com
78% 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
76% match