Skip to main content
SimilarExport ZIP
100%

Welcome to HTML

✓ Published0🌍 Public
Mmanishcheruku
Last edited Mar 4, 2023
Created on Mar 3, 2023
Forked from HTML Starter

This example displays a webpage titled "This page displays customers" with a centered heading and a message area that summarizes a customer dataset. It fetches the data from a CSV file hosted as a GitHub gist using the `d3.csv` method, then reports the dataset's size in kilobytes, row count, and column count via `d3.csvFormat` and the `data.columns.length` property. The page uses a customer SVG as a background image via CSS, while the JavaScript dynamically writes the metadata into the `<pre>` element.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Welcome to HTML

This example demonstrates how to fetch and summarize CSV data using D3 version 7. It loads a remote customer dataset with `d3.csv`, then displays the file size in kilobytes, row count, and column count as plain text in a preformatted HTML element. The page also includes a separate script that uses `select` from D3 to replace the body content with a simple greeting. The visualization shows basic data-loading and metadata-reporting techniques rather than graphical rendering.

Mmanishcheruku
87% match
Loading thumbnail…

Welcome to HTML

This example uses D3.js (v7) to display the metadata of a population dataset. It loads the CSV file from a GitHub gist and computes its size, row count, and column count, presenting these details as text in the browser. The code relies on the `d3.csv` and `d3.csvFormat` APIs to fetch and analyze the data. All information appears on an HTML page styled by an external CSS file.

NNeeharikaGali
83% match
Loading thumbnail…

Welcome to HTML

This example displays metadata about a movie review dataset, showing the file size, row count, and column count in a styled text container. The page loads a CSV file from a GitHub gist using `d3.csv`, then calculates the file size with `d3.csvFormat` and presents the information in a `<pre>` element. The visualization uses a custom background image via CSS, with text styled through `myStyles.css`, and includes D3 v7 imported from a CDN. The data source is a customer dataset fetched from an external URL.

Mmanishcheruku
81% match
Loading thumbnail…

Welcome to HTML

This example presents a minimal HTML page that displays dataset metadata for a movie review collection. The page shows a calculated summary of the CSV data, including its size in kilobytes (rounded to the nearest whole number), the number of rows, and the number of columns. The code loads data from a remote CSV file using D3 v7’s `d3.csv` method, then formats the message with `d3.csvFormat` before injecting it into a `<pre>` element. Styling is handled through a linked external CSS file, while the page structure uses standard HTML elements.

Mmanishcheruku
81% match
Loading thumbnail…

HTML Starter

This example displays a large, centered “Hello HTML!” message and logs the contents of a remote CSV file to the browser console. It uses the d3-fetch and d3-dsv libraries, calling `d3.csv()` to load the dataset from a GitHub raw URL. The page structure is plain HTML with embedded CSS styling for the message text.

Rrickardviik
79% match
Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that displays the text “Hello HTML!” centered on a white background. The page loads a CSV file containing population data for ten countries, but the data is only logged to the browser console and not visualized. The implementation uses inline CSS for styling and JavaScript with the D3 library’s `select` and `csv` functions to fetch and parse the data file.

SShyam Bihari Agarwal
79% match
Loading thumbnail…

HTML Starter

This example displays a blank HTML page centered with the text size set to 13em, serving as a minimal template for web visualization projects. It loads a CSV dataset containing country names and population figures from 2016, then logs the parsed data to the browser console using d3.csv. The visualization uses D3’s selection API, d3.select, to target the SVG element, though no rendering occurs—the code focuses solely on demonstrating data fetching and parsing in a React-compatible setup.

HHimanshu Bainwala
79% 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