Fruit Nutrition

100%

Fruit Nutrition

✓ Published0🌍 Public

Last edited Mar 25, 2025

Created on Mar 25, 2025

This scatterplot visualizes the nutritional relationship between sugar content and calories across various fruits. Each circle represents a fruit, plotted on a Cartesian coordinate system with sugar grams on the x-axis and calories per 100g on the y-axis. The visualization uses d3.csv to parse the external fruit dataset, d3.scaleLinear for axis scaling, and d3.axisBottom/d3.axisLeft for labeled axes. Rendered as an SVG, the chart employs d3.select to append circles with a fixed radius, while axis titles clarify the measured variables.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

scatter plot fruit

A scatter plot compares sugar content and calorie count for fifteen fruits, encoding each fruit's dominant vitamin (A, B, or C) through both color and point shape. Built with D3 v7, the visualization uses a linear scale for both axes, ordinal scales for the categorical styling, and SVG paths drawn with `d3.symbol()` variants. The chart includes labeled axes, a title, and a legend mapping vitamin types to their corresponding visual encodings.

Aadithiarikatla@gmail.com

86% match

Loading thumbnail…

Activity6_Question4

This bubble chart visualizes the nutritional content of six fruits, plotting calories on the x-axis, sugar content on the y-axis, and using bubble area to represent fruit weight. The chart includes labeled axes, a title, and a legend showing weight values for reference. Built with D3 v7 and SVG, it uses `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.axisBottom`/`d3.axisLeft` to render the visualization. Data is loaded from a local CSV file, and the chart is styled with a bordered, rounded background.

KKhushi Desai

79% match

Loading thumbnail…

ICE-6 Scatterplot-Calories vs Sugars

This scatterplot visualizes the relationship between calorie and sugar content across a set of cereals. Each black dot represents a single cereal, with its position determined by its caloric value on the x-axis and sugar content on the y-axis. The visualization uses D3.js v7 to load the external CSV dataset, scale the axes linearly, and render the points as SVG circles. The chart includes labeled axes for both variables, with the axis tick marks and labels generated using D3’s axis functions.

Ssreeramyamini@gmail.com

78% match

Loading thumbnail…

fruits dataset

A dark-themed dashboard visualizes fruit nutrition and price data from a CSV file. It presents a bar chart for price per kilogram and a pie chart for calorie distribution, alongside a dataset summary. The page includes decorative SVG elements drawn with D3.js, such as stylized fruit illustrations and a starry header. The code loads data using `d3.csv` with `d3.autoType` and renders the charts as SVG, with axes and legends styled for readability.

Mmanzick921@gmail.com

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

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

77% match

Loading thumbnail…

Activity_6-Q-6

This scatter plot visualizes the caloric content of ten different fruits, with each fruit represented as a point on the chart. The x-axis displays fruit names while the y-axis shows calories per 100 grams, and each point is assigned a unique color to distinguish between fruits. The visualization uses Chart.js with a Canvas rendering context, mapping fruit indices to x-coordinates and calorie values to y-coordinates. The data comes from a static CSV file containing fruit names and their caloric values, hardcoded into the script.

Kkrishna444battula@gmail.com

76% match

Loading thumbnail…

Activity6_Task4 Question 4

This bubble chart visualizes nutritional data for fruits, plotting weight in grams on the x-axis against calories on the y-axis, with bubble radius encoding sugar content. Each circle is labeled with the fruit name, and its size reflects the square-root-scaled sugar value. The visualization uses D3 v7 with SVG rendering, d3.scaleLinear for axes, d3.scaleSqrt for bubble sizing, and d3.csv to load the fruits.csv data file. Standard d3.axisBottom and d3.axisLeft calls generate the axes.

Vvemulasai306@gmail.com

76% match