RiFa_ICE 5

ICE-5 Q2

This example displays the first five rows of a sales dataset in a clean HTML table, presenting the raw data values under column headers. A D3.js v7 script loads the CSV file from a remote GitHub gist using `d3.csv`, then uses JavaScript string concatenation to build the table structure with `<table>`, `<th>`, and `<td>` elements before inserting it into the page. The page styling uses a simple CSS layout with a light background, hover effects on rows, and a bold header row.

Sshreshnaanugu@gmail.com

Ssaisathwikaguntupalli@gmail.com

ICE 5

This example presents a plain HTML table and summary statistics for a vehicles dataset loaded from a remote CSV file. The page displays the approximate size of the data in kilobytes, the number of rows, and the number of columns, followed by the full dataset in a styled table. It uses D3.js v7’s `d3.csv` to fetch and parse the data, then builds the table and summary text with string templates and D3’s selection API. The styling relies on standard CSS for the container, table, and hover states.

ICE 5 Mukthamukhi

This example demonstrates how to load and parse a CSV dataset of cars with D3, displaying the first 100 rows in an interactive, sortable HTML table. It uses `d3.csv` to fetch remote data and `d3.select` to build table elements, while JavaScript event listeners handle click-based column sorting and a live search box filters rows by any field. The table features styled headers, zebra striping, and hover states for readability.

Kkmuktha09@gmail.com

ICE 5 Oct

This example demonstrates a workflow for loading, parsing, and previewing tabular data from a remote CSV file. It displays a summary of the dataset—approximate size in kilobytes, row count, and column count—followed by a styled HTML table showing the first five rows. The code uses D3 v7’s `d3.csv` method to fetch and parse the data, then leverages the `d3.select` and `.join` APIs to construct the table dynamically. The table features a sticky header, zebra striping, and hover effects, all defined in the accompanying CSS.

AAbhishek

ICE 5

This example displays a company sales dataset loaded from a CSV file via D3’s `d3.csv` method, reporting the file’s size, row count, and column count in a styled HTML element. Beneath this, a confetti animation runs on a canvas using the JSConfetti library, triggered by calling `jsConfetti.addConfetti()`. The page also embeds a Fiat 500 image and a YouTube tutorial link, with overall styling set through CSS. The code uses D3 v7 for data handling and formats the output using `d3.csvFormat` to calculate byte length.

Nnavyasrimeka9@gmail.com

ICE 5 - Cricket t20 Data with D3

This example loads a cricket T20 dataset from a CSV file using d3.csv and displays a summary of its size, row and column counts, followed by a styled preview table of the first ten rows. The table is rendered dynamically with D3 selections, joining header and cell elements. The visualization emphasizes data overview and readability through CSS styling, including sticky headers, zebra striping, hover effects, and right-aligned numeric columns.

AArun Kumar M

AALIMINETI SPOORTHY REDDY

ICE-5

This example demonstrates how to load a remote CSV file and display a formatted preview of its contents. It uses **D3.js v7** and the **`d3.csv`** method to fetch and parse the data, then programmatically builds an HTML table with `d3.select` and `join`. The page also computes and displays basic metadata, including approximate file size in kilobytes, row count, and column count. Styling is applied via CSS to create a polished, interactive table with zebra striping and hover effects.

MMd Fahimul Kabir Chowdhury

ICE-5

This example presents a summary of a CSV dataset, displaying file size, row and column counts, and a preview of the first five records in an HTML table. It also includes a static SVG graphic with basic shapes and text. The code uses D3.js version 7 to fetch and parse the CSV data via `d3.csv` and the browser’s `fetch` API for file size, populating the summary and table dynamically. The rendering relies on SVG elements defined in the markup and styled with CSS.