Skip to main content
SimilarExport ZIP
100%

Fork of Fork of ICE5_SUBMISSION_PY

✓ Published2🌍 Public
PPY09052021
Last edited Feb 25, 2022
Created on Feb 24, 2022

This example displays a hardcoded yellow circle with a black outline, alongside a smaller unstyled circle, rendered in SVG. The page loads a winery dataset from a GitHub gist using `d3.csv`, then reports the data size in kilobytes, row count, and column count, which is displayed in a red `<pre>` element. It demonstrates basic SVG drawing and asynchronous CSV data loading with D3 v7.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE5_SUBMISSION_PY_v2.0

This visualization displays basic data-loading information from a CSV file, showing the file size in kilobytes, row count, and column count. The code uses D3 v7's `d3.csv` to fetch data from a remote GitHub gist URL and `d3.csvFormat` to calculate its size, then updates an HTML `<pre>` element with the results. Alongside this, the page renders static SVG circles using D3's SVG creation capabilities. The simple layout includes a title, a red message area, and decorative yellow and black circles on a powder-blue background.

Sskambhore04
86% match
Loading thumbnail…

Fork of Fork of Vikas Fork of Fork of Fork of Fork of HTML Starter

This example visualizes scientific data about ICE-5, displaying a summary of a CSV dataset alongside a set of SVG color swatches with labels such as Han Purple and Harvest Gold. It uses D3 v7 to fetch and parse the remote CSV via `d3.csv`, then calculates the file size, row count, and column count to display in a pre-formatted text block. The rendering is done entirely in SVG, with static circles and text elements embedded directly in the HTML. The page also includes an external SVG image, though its content is not programmatically processed.

Ppanduvik99@gmail.com
83% match
Loading thumbnail…

Fork of Fork of ICE-5

This example displays the size, row count, and column count of a CSV dataset in a styled web page. It loads data from a remote gist URL using D3 v7’s `d3.csv`, then computes the formatted data length in kilobytes with `d3.csvFormat`, and presents the results in a `<pre>` element. The page also includes decorative inline SVG artwork and custom CSS styling for a colorful background and headings.

MMar-99
82% match
Loading thumbnail…

Fork of Vikas Fork of Fork of Fork of Fork of HTML Starter

This example visualizes the ICE-5 dataset by displaying its summary statistics and color-coded circles, each representing a distinct hue like Han Purple or Harvest Gold. It uses D3.js v7 to fetch and parse CSV data, then computes and displays the data size, row count, and column count in the DOM. The visualization combines static SVG circles with inline text labels, while an external SVG image is embedded via an `<img>` tag, demonstrating a straightforward approach to scientific data presentation.

Ppanduvik99@gmail.com
82% match
Loading thumbnail…

Fork of ICE 5

This example displays a static SVG rectangle filled with a background pattern and presents a text summary of a remote CSV file’s size, row count, and column count. It uses d3.csv to fetch business financial data from a GitHub gist, then formats the data with d3.csvFormat to calculate its kilobyte size. The resulting message is rendered into a black `<pre>` element, while the SVG’s embedded image pattern remains empty due to missing href data. The code relies on D3 v5 and plain JavaScript.

Ppujitha532
82% match
Loading thumbnail…

ICE5_SUBMISSION_PY_v1.0

This visualization demonstrates how to load and summarize a CSV dataset using D3.js. A red banner displays a text message reporting the file size in kilobytes, the total number of rows, and the number of columns, generated with `d3.csv` and `d3.csvFormat` from the D3 v7 library. The page also includes a static SVG containing a yellow circle with concentric rings, created through direct SVG markup. The winery dataset is fetched from a remote GitHub Gist URL, though no actual data values are visualized beyond the summary statistics.

PPY09052021
82% match
Loading thumbnail…

Fork of ICE5_SUBMISSION_PY

This example demonstrates the initial steps of loading and parsing a CSV dataset with D3. It fetches a winery dataset from a GitHub gist using the `d3.csv` method and displays basic metadata about the file. The page shows the approximate file size in kilobytes, the total number of rows, and the number of columns in a plain text message. The visualization employs standard DOM manipulation with `document.getElementById` to update the page content, using D3 v7 and custom CSS styling for the header and message area.

PPY09052021
81% match
Loading thumbnail…

Fork of Fork of ICE 5

This example displays basic metadata about a downloaded CSV dataset in a black preformatted text block beside a static SVG placeholder. It reports the formatted file size, row count, and column count after loading the data. The code uses D3’s `d3.csv` to fetch and parse the remote file, then `d3.csvFormat` to compute its byte length in kilobytes. The SVG contains an empty pattern and image reference, so no chart is rendered; the visualization is purely textual summary output.

Ppujitha532
81% match