fruits dataset

100%

fruits dataset

✓ Published0🌍 Public

Last edited Oct 5, 2025

Created on Oct 5, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fruits

This pie chart visualizes the quantity distribution of different fruit items, with each slice labeled by its item name and corresponding value. The visualization loads data from an external CSV file containing fruit quantities and renders the chart as an SVG. The code uses the D3.js v7 library, specifically employing `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with the `schemeCategory10` color palette. A legend is generated from the data domain, and the chart is centered within an SVG canvas using coordinate transformations.

Nnikhithadadi@my.unt.edu

83% match

Loading thumbnail…

fruit

This example visualizes a collection of fruits grown in a particular season, displaying them as simple SVG shapes—a red apple with a brown stem and green leaf, a green watermelon, and an orange mango—inside a fixed 400×200 pixel canvas. It first loads a CSV dataset from a GitHub gist, then reports the file size, row count, and column count in a text container. The visualization uses D3.js v7 to append the fruit shapes and to parse the CSV data, while CSS styles the page with a bisque background and crimson headings. The fruits are drawn with basic geometric primitives like circles, ellipses, and paths, without any data-driven encoding.

VVarun Gadde

82% match

Loading thumbnail…

fruits

This pie chart shows the proportional distribution of fruit quantities sold, with each slice labeled by its percentage of the total. It is built with D3 v7, using `d3.pie` and `d3.arc` to generate the segments, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and `d3.csv` to load the dataset from a GitHub-hosted CSV. A custom legend and a bold title are added below the SVG chart.

NNagalakshmi Thota

81% match

Loading thumbnail…

Fruits Dataset Summary

This example presents a static summary of a small fruits dataset, displaying file size, row count, and column count alongside a table of fruit names, colors, and average weights. An inline SVG circle provides simple decorative imagery, while the dataset is rendered directly in HTML. The visualization relies on basic HTML elements, a static SVG circle, and a CSS rule for a message class, with no JavaScript frameworks or interactive features present.

HHarshithmullapudi@my.unt.edu

81% match

Loading thumbnail…

Fruit and Veggies Price dataset

This visualization displays the Fruit and Veggies Price dataset, showing a bar chart of prices for a selected date (2019-05-19) and a scatter plot alongside a summary table and data table. The code fetches CSV data from a GitHub gist, then uses D3.js v6 to render the bar chart and scatter plot as SVG elements. The summary section displays file size, column count, and row count, while the HTML table lists all records.

Ffreyatran124@gmail.com

80% match

Loading thumbnail…

Fruit Nutrition

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.

Ppriyapravallika44@gmail.com

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

77% match

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

76% match