Skip to main content
SimilarExport ZIP
100%

Trivikram - Fork of HTML Starter

✓ Published0🌍 Public
Ttrivikramcheluri@gmail.com
Last edited Mar 7, 2024
Created on Mar 7, 2024
Forked from HTML Starter

This example demonstrates a simple HTML page that uses D3.js to load and display metadata about a CSV dataset, showing the dataset’s file size, row count, and column count in a styled message container. The page also embeds a static SVG image (a rabbit) and applies custom CSS for visual presentation. The code uses the `d3.csv` method to asynchronously fetch a CSV file from a GitHub gist URL, then updates the text content of the message container with the dataset’s details. The visualization highlights basic data loading and DOM manipulation with D3 v7, without any complex charts or interactive features.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter_ Akshitha Rapala

This example demonstrates loading and parsing a remote CSV dataset using D3 v7, displaying metadata about the data in a styled HTML page. It shows the data’s size in kilobytes, row count, and column count within a `<pre>` element. The page also embeds a static SVG illustration of a house, rendered via an `<img>` tag. The code uses `d3.csv()` to fetch and parse the data, then updates the DOM with template literals. CSS styles the heading and metadata display, while the SVG provides a simple visual anchor. The dataset is sourced from a GitHub gist URL.

Aakshitha.rapala@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 demonstrates loading and parsing a CSV dataset using D3 v7, displaying summary statistics about the data in a styled HTML page. It shows how to fetch external data with `d3.csv` and present metadata such as file size, row count, and column count in a `<pre>` element. The visualization also embeds an SVG illustration of a simple house, rendered with basic shapes like rectangles and a polygon. The code uses D3's promise-based loading API and dynamically updates the DOM via `textContent`, while the accompanying CSS styles the header and metadata block.

Kktvgs25@gmail.com
81% match
Loading thumbnail…

Fork of HTML Starter

This example displays a minimal HTML page that greets the viewer with "Hello HTML!" in oversized, centered text while simultaneously loading a CSV dataset. Using the `d3.csv` API, it fetches a government financial dataset and formats it with `d3.csvFormat`. The page then computes and displays the dataset's size in kilobytes, row count, and column count. Built with plain HTML, CSS, and JavaScript, it also references a React starter for comparison, but relies solely on D3.js for data handling.

TTariq Marcel
79% match
Loading thumbnail…

Fork of Fork of Fork of HTML Starter

This example displays a static welcome page for ICE-5 data visualization, featuring a title, an embedded SVG image, and a text summary of a loaded CSV dataset. The page uses d3.csv to fetch and parse the remote CSV file, then computes and displays the dataset’s size in kilobytes, row count, and column count. D3 v7 is loaded via unpkg, and the summary updates dynamically in a <pre> element. The visualization does not include charts or interactive graphics; it focuses on presenting metadata about the CSV source.

Ppanduvik99@gmail.com
79% 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
78% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates the loading and parsing of a CSV data file, displaying its file size, row count, and column count on a web page. It also embeds two static SVG images for visual context. The implementation uses the Fetch API to retrieve the remote CSV, then processes the response as a Blob and text to extract dimensions. The page styling relies on plain CSS, while the dynamic content is inserted into the DOM via `document.getElementById` and `innerText`. No external visualization libraries are used; the focus is on basic data inspection and layout.

Ssaisathyapriya097@gmail.com
78% match
Loading thumbnail…

Fork of Fork of HTML Starter

This example loads a small CSV dataset of color names from a remote URL and prints a summary of its size, row count, and column count into a preformatted text block. It uses d3.csv to fetch and parse the data, and d3.csvFormat to calculate the approximate file size. Below that, the page displays four static SVG circles, each filled with a hex color from the dataset and labeled with its color name. The page is a minimal React-free HTML document that combines D3 v7 with inline SVG rendering.

Nneeharika2023@gmail.com
78% match