Skip to main content
SimilarExport ZIP
100%

Laasya_Ice05

✓ Published0🌍 Public
LLaasyaJ256
Last edited Feb 28, 2026
Created on Feb 27, 2026
Forked from D3 Starter

This visualization displays summary statistics for a CSV file fetched from a GitHub gist, showing row and column counts, the number of unique categories, and a table of per-category counts. The page uses the Fetch API to retrieve and parse the comma-separated data, then manipulates the DOM with plain JavaScript to populate the HTML elements. The table is styled with CSS, featuring red outer borders and cell borders. The data is processed by splitting each line into fields, and category counts are tallied using a JavaScript object.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-5_11714828

This example presents a summary analysis of a plant growth dataset, displaying the dataset’s file size in kilobytes and bytes, along with the number of rows and columns. It fetches a remote CSV file using the browser’s `fetch` API and parses it with `d3.csvParse`. The computed statistics are then inserted into the page’s HTML via DOM manipulation, with styling applied through plain CSS. The visualization is minimal, focusing on textual data description rather than graphical representation.

Llathabemanadham@my.unt.edu
72% match
Loading thumbnail…

ICE-5 Data Visulaization

This visualization displays metadata about a CSV file containing top 50 employees, fetched from a GitHub gist. It shows the file size, row count, and column count in a large text block, alongside a static SVG image. The page uses D3.js v7’s `d3.csv` and `d3.csvFormat` to load and measure the data, while standard HTML and CSS structure the layout. The code does not include interactive charts or animations, focusing instead on presenting basic dataset statistics.

Ttejasrikotipalli1@gmail.com
71% match
Loading thumbnail…

eshitha ice5

This interactive dashboard loads a CSV dataset of CS tool usage from a GitHub gist and presents a summary with D3.js v7. It displays total row counts, column names, and category counts using `d3.csv`, `d3.autoType`, and `d3.rollup`. The page renders a static SVG icon and uses standard DOM manipulation to show the first five raw rows in a preview panel.

Kkanaparthieshitha@gmail.com
70% match
Loading thumbnail…

ICE5-Lifestyle harshithadontha

This visualization demonstrates how to load and parse a CSV file using D3 v7, presenting a summary of the data’s size, row count, and column count alongside a formatted table previewing the first five rows. The code uses `d3.csv` to fetch data from a GitHub gist, then dynamically constructs an HTML table with `d3.select` and `.join()`. Styled with CSS zebra striping, sticky headers, and hover effects, it highlights D3’s data-binding and DOM manipulation capabilities for tabular data exploration.

Tt37674473@gmail.com
70% match
Loading thumbnail…

ICE 5_Harish

This visualization demonstrates the parsing and summary of COVID-19 data loaded from a CSV file hosted on GitHub. It uses D3.js v7, specifically the `d3.csv` API, to fetch and process the data, then calculates and displays the file size in kilobytes, the number of rows, and the number of columns in a styled message container. The accompanying CSS provides a polished, table-friendly design with zebra striping and hover effects, though the page itself only shows a text summary rather than a full table. The example highlights basic data-loading and formatting capabilities of D3 for handling external datasets.

HHARISH ARMUGAM
70% match
Loading thumbnail…

ICE 5

This example displays basic statistics about a fetched CSV file, showing the file size in kilobytes, row count, and column count as plain text. It uses JavaScript’s `fetch` API with an async function to retrieve the data from a GitHub-hosted URL, then parses it with `d3.csvParse` to compute the metrics, which are written into a `<pre>` element. The code relies on the D3 library’s CSV parsing and the browser’s native fetch, with minimal styling via an external CSS file.

KK V VINITHA
70% match
Loading thumbnail…

Saiteja_ICE5

This visualization summarizes a 150-row CSV dataset of simulated digital behavior records, showing key performance indicators like average app usage time and sleep hours in a left-hand card. An adjacent SVG bar chart, built with D3.js v7, displays the distribution of social media platforms using aggregated frequency counts. The page loads the remote CSV via JavaScript’s `fetch()`, parses it with `d3.csvParse`, and computes rollups with `d3.rollups`. A scrollable preview table shows the first eight rows to verify parsing.

Ssaitejak1619@gmail.com
70% match
Loading thumbnail…

ICE-5 Harshitha

This visualization provides a text-based overview of a student performance dataset, displaying key statistics about the file size, number of rows, and columns in a message container above a table. The table presents the first ten rows of the dataset, with column headers formatted in uppercase and missing values displayed as "N/A." Built with D3 v7, the example uses `d3.csv` to fetch and parse remote CSV data, then leverages the `d3.select` API to dynamically create and populate the HTML table structure. The data is loaded from a GitHub Gist, and the page includes custom styling from an external CSS file.

HHarshithaAru06
69% match