Fruits1 harshithadontha

100%

Fruits1 harshithadontha

✓ Published0🌍 Public

Last edited Oct 4, 2025

Created on Oct 4, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

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

83% match

Loading thumbnail…

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.

HHarshithmullapudi@my.unt.edu

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

79% match

Loading thumbnail…

Lifestyle_harshithadontha

This example demonstrates loading and parsing a CSV file with D3 v7, displaying a preview of the first five rows in a styled HTML table. It uses `d3.csv` to fetch remote data from a GitHub gist, then computes the approximate file size, row count, and column count, which appear in a summary message. The table is built dynamically with `d3.select`, `append`, and `join` to create headers and cells, while CSS provides zebra striping, sticky headers, and hover effects. The page also includes a catch block that displays an error message if data loading fails.

Tt37674473@gmail.com

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

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

77% match

Loading thumbnail…

Fork of Lifestyle_harshithadontha

This example demonstrates how D3.js can load and display tabular data from a remote CSV file. It shows a preview of the first five rows in a styled, interactive HTML table, along with a summary of the dataset's size (kilobytes, row count, and column count). The code uses `d3.csv` to fetch and parse the data from a GitHub Gist, then dynamically builds the table using the `d3.select`, `append`, and `join` APIs. The table features a sticky header, zebra striping, hover highlighting with an accent bar, and right-aligned numeric columns, all styled via CSS custom properties.

Tt37674473@gmail.com

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

76% match