Assignment 5

100%

✓ Published0🌍 Public

Last edited Mar 1, 2026

Created on Mar 1, 2026

This example summarizes a laptop dataset by displaying basic file statistics—file size, row count, and column count—as text in the browser. It fetches a CSV file from a GitHub gist, parses it with `d3.csvParse`, and prints the resulting metadata to both the console and the HTML body. A static SVG graphic, created with D3’s `append` and `attr` methods, renders rectangles depicting a stylized laptop shape. The page uses D3 v7 and simple CSS styling to present a minimal, test-oriented view of the data.

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

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…

Fork of ICE5

This example displays metadata for a laptops dataset, showing the file size, row count, and column count on a webpage with a laptop background image. The page presents this summary in large, bold text under a title and a link to the dataset. The code uses D3 v7’s `d3.csv` and `d3.csvFormat` functions to fetch the CSV from a GitHub gist, calculate the character length in kilobytes, and extract the number of rows and columns, then injects the result into the DOM via `textContent`. The layout is styled with CSS for the background and centered typography.

Hhm0421

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

77% match

Loading thumbnail…

Assignment2: 66 DOD

This example displays basic metadata about a CSV file fetched from a GitHub Gist, reporting the row count, column count, and file size in kilobytes within a large-text `<pre>` element. The page uses D3 v7’s `d3.csv()` method, which internally handles the network request via Fetch promises, to load and parse the remote dataset. The visualization simultaneously serves as a minimal demonstration of asynchronous data loading, contrasting this clean approach with commented-out alternatives that show older Promise-chaining patterns and the "Pyramid of Death" antipattern. No graphical chart is rendered; instead, the output is purely textual summary statistics.

YYashashvi Singh

77% match

Loading thumbnail…

Fork of DV5

This example demonstrates how to load and parse a CSV dataset using D3.js, displaying basic information about the file’s size, row count, and column count in a styled HTML page. The code fetches a remote CSV file containing laptop data via `d3.csv`, then formats the resulting parsed data with `d3.csvFormat` to estimate its kilobyte size. The retrieved statistics are written into a `<pre>` element using standard DOM manipulation, while the page’s vibrant blue and red styling is applied through regular CSS.

GGorantla Vishnusai

77% match

Loading thumbnail…

Fork of React & D3 Starter

This example showcases a summary of the Laptop Sales dataset, displaying the file size, row count, and column count as text on a web page. It uses a `fetch` request to load a CSV file from a GitHub gist, parsing it with `d3.csvParse` into a structured dataset. The page then appends a static yellow triangle polygon to an SVG container using D3's selection and append methods. The code relies solely on D3 v7 for data parsing and basic SVG shape creation, with no interactive charts or visual encodings beyond the displayed metadata.

Kkruthanreddy812@gmail.com

77% match

Loading thumbnail…

Assignment - 5

This page displays metadata about a Singapore tax return dataset, reporting its size in kilobytes, row count, and column count after fetching a CSV from a GitHub gist. The code uses D3 v7’s `d3.csv` to load the remote data and `d3.csvFormat` to measure its length. A CSS background image of a map is applied via `background-image` in the stylesheet, with results printed into a `<pre>` element. The page links to the raw dataset for direct viewing.

IIndhuKrishnaraj

77% match