Skip to main content
SimilarExport ZIP
100%

Bhargav-Assignment 5

✓ Published0🌍 Public
BBhargav Reddy
Last edited Oct 5, 2025
Created on Oct 5, 2025
Forked from HTML Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

assignment 5

This example displays summary statistics from a CSV file, showing the data size in kilobytes, row count, and column count. It uses the D3.js library’s `d3.csv` method to fetch the external dataset and `d3.csvFormat` to calculate the formatted string length. The visualization also includes a simple SVG circle rendered alongside the text, with CSS styling applied to the page. The computed summary is displayed inside an HTML `<pre>` element, updating the page content dynamically.

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

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.

Hharshithadontha@gmail.com
79% 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
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…

ASSIGNMENT-5

This example displays a summary of a perfume sales dataset, showing the data size, row count, and column count in a large, styled text block. The visualization uses D3.js to load a CSV file from a GitHub gist and computes the data’s total size in kilobytes. The page also embeds a static SVG image, likely depicting a chart of the same data. The code relies on the D3 `csv` and `csvFormat` methods to fetch and measure the dataset, while custom CSS styling applies vibrant background colors to the headline and data summary.

AAshrith Kudidhi
78% match
Loading thumbnail…

assignment-2 fork

This static pie chart shows the distribution of fruit quantities. The visualization is rendered as an SVG, with each slice labeled by its corresponding fruit name. The code loads data from a CSV file hosted on a GitHub gist using `d3.csv`. It employs `d3.pie` to compute the arc segments, `d3.arc` for the path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` for coloring. The chart is centered within a 600x400 SVG canvas, with a title placed above the plot.

GGanesh Raju Yadav
77% match