Fruits Dataset Summary

Last edited Oct 3, 2025

Created on Oct 3, 2025

This example displays a static webpage that presents a "Fruits Dataset Summary." The visualization consists of a centered, large-font text message reading "Hello HTML!" styled with CSS. The implementation uses a minimal HTML structure (index.html) paired with an external stylesheet (styles.css) and a JavaScript file (index.js) that currently only logs "hello world" to the console. No data or charting libraries are employed, and the dataset itself is not visualized in the current code.

AI-generated description

MIT Licensed

Similar vizzes

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.

84% match

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

75% match

Hharshithadontha@gmail.com

Fruits1 harshithadontha

This D3.js v7 example loads a CSV of fruit data from a GitHub gist via `d3.csv`, summarizes its size in kilobytes, row count, and column count, and previews the first five rows in an HTML table. The table is built using `d3.select` and `append` methods to create `thead` and `tbody` elements, with column headers and cells populated from the data. Styled with CSS, the table features a sticky header, zebra striping, hover highlighting, and right-aligned numeric columns for readability.

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

Bhargav-Assignment 5

This example displays a static summary of a CSV dataset about fruits, showing the file size, row count, and column count. It fetches the data from a GitHub-hosted CSV file using the Fetch API, parses it with `d3.csvParse`, and renders a simple SVG circle labeled "Fruits" with D3 v7. The page also logs data metrics to the console and presents them in a styled HTML summary box.

BBhargav Reddy

Harshith Mullapudi ice 5

This example visualizes a fruits dataset by displaying summary statistics, a preview table of the first five records, and decorative SVG circles labeled with fruit names. The page uses the D3.js v7 library to fetch and parse a CSV file from a GitHub Gist via `d3.csvParse`, then calculates a summary of total fruit types and record counts. D3 selections, `data().enter()` methods, and chained `append()` operations render the headers and rows of the preview table. The accompanying HTML markup defines five colored circles in an SVG canvas, while the CSS styles the page with a warm orange theme and responsive table layout.

Fork of Fruits Dataset Summary

This visualization summarizes a fruits dataset, showing its file size, row count, and column count in a simple summary card. It also displays a preview of the first five rows in a table generated with D3.js v7. The example uses `d3.csvParse` to load data from a GitHub gist, then computes the file size with the Blob API. An SVG circle is included as a decorative element. The page fetches the CSV asynchronously using `fetch` and renders the table with D3 selections.

71% match