Skip to main content
SimilarExport ZIP
100%

Fork of HTML Starter

✓ Published0🌍 Public
Pprasaad.lakshme901@gmail.com
Last edited Mar 5, 2024
Created on Mar 5, 2024
Forked from HTML Starter

This example demonstrates a CSV data viewer that summarizes internet speed statistics by country. It fetches a remote CSV file and displays key metrics in a modal dialog, including column names, row and column counts, and the countries with the highest fixed and mobile internet speeds. The visualization uses the Fetch API to load the data, JavaScript to parse and analyze the CSV text, and Bootstrap 4.5.2 for the button trigger and modal styling. No charts or graphical encodings are rendered; the presentation is entirely text-based within a styled HTML container.

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

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
81% 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
78% match
Loading thumbnail…

Fork of HTML Starter

This bar chart visualizes average broadband speeds across multiple countries, sourced from a CSV file hosted on GitHub. The visualization uses D3.js v6 to load the data and render an SVG bar chart with rotated x-axis labels for country names and a linear y-axis for speed values. Bars are styled in steel blue and highlight orange on hover. The chart includes axis titles and a subtitle, with margins and dimensions configured to present the comparison clearly.

Pprasaad.lakshme901@gmail.com
77% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates how to fetch and parse a CSV file from a remote URL, then display basic metadata about the dataset, including its size in kilobytes, row count, and column count. The visualization uses the `fetch` API to retrieve the text, `d3.csvParse` to parse the comma-separated values, and the CSS-styled `#message-container` element to render the resulting statistics. The data source is a GitHub gist containing CSS named colors, loaded asynchronously and processed without any interactive visualization.

MMaurice Huang
77% 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
76% match
Loading thumbnail…

Fork of HTML Starter

This example showcases a minimal HTML page that fetches and summarizes a CSV dataset of CSS named colors. It reports the data's size in kilobytes, the number of rows, and the number of columns directly on the page. The visualization relies on the D3.js library, using its `d3.csv` function to load remote data and `d3.csvFormat` to calculate the file size. The output is rendered as plain text within a `<pre>` element, with styling applied through CSS.

BbeauMarko
76% match
Loading thumbnail…

Fork of Fork of Fork of HTML Starter

This D3.js visualization loads a coffee sales CSV file and displays summary statistics about the dataset on a styled web page. It fetches the remote CSV using the Fetch API, parses it with `d3.csvParse`, and then calculates and displays the file size, row count, and column count in a dedicated summary box. The page also renders a static SVG circle graphic with D3 Data text, combining data loading and parsing with basic stat reporting.

Ssravya7136@gmail.com
76% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates how to use D3.js v7 to fetch and parse a CSV file from a GitHub Gist, then display summary statistics about the data. The page shows the file size in kilobytes, the number of rows, and the number of columns using D3’s `d3.csvParse` and the Fetch API. A large `<pre>` element with CSS styling presents the output text. The code uses `fetchText` to retrieve the remote CSV, illustrating a minimal client-side data-loading workflow.

EErico103
76% match