Skip to main content
SimilarExport ZIP
100%

Fork of Fruits Dataset Summary

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

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Fork of Fork of Fork of Fork of Data Table Summary

This example presents a summary of a diabetes awareness dataset, displaying the row count, column count, and file size of the uploaded CSV data. It also previews the first 10 rows in JSON format below the summary. The visualization uses d3.csv to fetch and parse the data, then renders the textual summary directly into the page using D3.js selection and appending methods, with output styled through custom CSS.

VVineela Reddy
82% match
Loading thumbnail…

Fork of Fork of Fork of Data Table Summary

This example displays a quick statistical summary of a diabetes survey dataset, showing the total row count, column count, and file size in kilobytes, followed by a preview of the first ten rows in JSON format. It uses D3 v5’s `csv` method to load the external data and `csvFormat` to compute its size, while the document body is styled with custom CSS that includes a khaki background, a GIF image, and dotted borders. The SVG in the HTML contains a background image and links to the raw data file.

VVineela Reddy
81% match
Loading thumbnail…

Fork of Fork of Data Table Summary

This example displays a summary of a diabetes awareness dataset, showing the total row count, column count, and file size in kilobytes, followed by a JSON preview of the first ten rows. It uses D3 v5’s `csv` method to load data from a remote CSV file hosted on GitHub, then appends the summary and preview as text elements to the page body using `select` and `append`. The dataset originates from a survey on pregnancies, blood pressure, and diabetic status, and the page includes a background image and link to the raw data source.

VVineela Reddy
81% match
Loading thumbnail…

Fork of HTML Starter

This visualization displays a summary of a CSV file, showing the file size in kilobytes, the number of rows, and the number of columns in a clean card layout. It fetches the `shapes_data.csv` file from a GitHub Gist using the `fetch` API, then uses `d3.csvParse` to parse the text into a tabular data structure. The code accesses the parsed data’s `length` property for row count and the `columns` array for column count, displaying these values as plain text. The example demonstrates a straightforward use of D3.js v7 for CSV parsing and basic DOM manipulation without any chart rendering.

Bbalaaswitha@gmail.com
81% match
Loading thumbnail…

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

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.

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

Fork of D3 Starter

This example demonstrates the data-loading process for a garden dataset, displaying summary statistics including file size in kilobytes, row count, and column count within a styled summary box. The visualization uses D3 v7’s `d3.csv` method to parse a CSV file fetched from a GitHub Gist, routed through a proxy URL to bypass CORS restrictions. A static SVG circle provides decorative context, while the script dynamically updates the DOM via `d3.select` and `textEl.html`. Error handling displays failure messages if the fetch or parsing encounters issues, and the console logs the first five rows for verification.

Ssaiabhishekmunnangi@gmail.com
80% match