Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
GGeorge Oyosa
Last edited Oct 6, 2025
Created on Oct 6, 2025
Forked from HTML Starter

This example displays the first five rows of a sales dataset in a styled HTML table. It loads data from a remote CSV file using `d3.csv` and dynamically generates the table structure with JavaScript string concatenation and DOM insertion via `innerHTML`. The table includes hover effects and a clean, modern visual style defined through CSS.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of HTML Starter

This example demonstrates how to load a CSV file with D3 and display its contents in an interactive, styled HTML table. It reads remote CSV data using `d3.csv`, calculates approximate file size, row count, and column count, then renders a preview of the first five rows. The table features sticky headers, zebra striping, hover highlights, and right-aligned numeric columns, all styled via CSS. The code uses D3's selection and data-join methods (`selectAll`, `data`, `join`) to build the table structure dynamically.

Ddiwashhumagain@my.unt.edu
88% match
Loading thumbnail…

Fork of Fork of HTML Starter

This example demonstrates how to load and parse CSV data using D3, displaying a summary of the dataset’s size and a preview table of its first rows. The code fetches CSS color information from a remote CSV file using `d3.csv`, then renders the table with D3’s `select`, `append`, and `join` APIs. Styled with custom CSS, the table features sticky headers, zebra striping, and hover effects, offering a clear, interactive view of the data’s structure.

Wwanghaili628@gmail.com
83% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal HTML page that loads a CSV dataset of CSS named colors using D3.js. The page displays “Hello HTML” in large text while the CSV data is fetched asynchronously from a GitHub gist. It logs the total number of data rows to the browser console. The code uses `d3.csv()` to parse the remote CSV file, showing a basic data-loading pattern with a Promise-based callback.

Vvvs1680
83% match
Loading thumbnail…

Fork of HTML Starter

This example summarizes and previews a CSV file fetched from a remote GitHub URL. It displays the file size in kilobytes, row count, and column count inside an interactive card, then renders the first five rows in an HTML table. The visualization uses D3 v7’s `d3.csvParse` to parse the downloaded text and D3 selections to dynamically build the table header and body cells. The data is loaded using the Fetch API, with a fallback error message if the request fails. The page relies on CSS styling with hover effects and card scaling for presentation.

Bbalaaswitha@gmail.com
82% match
Loading thumbnail…

Fork of D3 Starter

This example displays the first five rows of a shapes dataset in a styled HTML table. It fetches a remote CSV file and renders its columns and rows using the D3.js library’s `d3.csv` method and DOM selection API. The table features a dark blue header, alternating row colors, and hover highlighting via inline CSS. The code explicitly uses `d3.select`, `d3.append`, and `.data()` to build the table structure, while pulling data from a Gist-hosted CSV containing columns like Shape, Color, and Number of Sides.

Bbalaaswitha@gmail.com
82% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates loading a remote CSV dataset and displaying basic information about it in the browser. It uses D3 v7’s `d3.csv` to fetch and parse the data, then computes the file size in kilobytes, row count, and column count. The result is written to a `<pre>` element via the DOM API, while a separate SVG chart is embedded as an image. The page also includes static HTML and CSS for layout, with the SVG rendered from the `shape.svg` file.

Rranjithkmr598@gmail.com
82% match
Loading thumbnail…

Fork of HTML Starter

This example summarizes a CSV file fetched from a GitHub gist, displaying its file size, row and column counts, and a full table of its contents. It also renders two static SVG illustrations: a fish and a house, which are drawn using inline SVG path, circle, polygon, and rect elements. The code uses D3 v7’s `csvParse` and `fetch` API to load and parse the data, then injects the summary and table directly into the HTML via `innerHTML`. Styling is handled by external CSS.

Mmadalahyndavi123@gmail.com
82% match
Loading thumbnail…

Fork of HTML Starter

This example loads a user-supplied raw CSV file and presents a data summary alongside a preview table of the first ten rows. The D3 v7 code uses `d3.csvParse` with `d3.autoType` to parse the data, then computes column-level statistics such as minimum, maximum, mean, and unique value counts. A static SVG picture demonstrates five basic shapes—rectangle, circle, polygon, line, and text—styled via external CSS. The interface includes a text input and button for fetching new data URLs, with results rendered into the summary and table containers.

Ppriyankachary1701@gmail.com
82% match