Skip to main content
SimilarExport ZIP
100%

Maanas Katta ICE - 5

✓ Published0🌍 Public
MMaanas Katta
Last edited Feb 27, 2022
Created on Feb 25, 2022
Forked from Hello HTML

This example displays a styled HTML page with a blue background, featuring a large italic title and a table that reports dataset statistics. It also shows static SVG shapes, including circles with various fills and a rounded rectangle with a red fill and black stroke. The page loads a CSV file asynchronously using `d3.csv`, then uses `d3.csvFormat` to calculate the data size in bytes and displays the row and column counts in the table. The visualization relies on D3 v7 and basic SVG elements for rendering.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Mahendra ICE 5

This example loads a CSV file from a GitHub Gist and displays both a text summary and a tabular preview of the data. The summary shows file size in kilobytes, row and column counts, and column names. The table renders the first 18 rows using D3 v5’s `d3.csv` and `d3.select().append()` methods. A static SVG image is embedded in the page, and the visualization uses basic CSS styling for borders and background colors. The code demonstrates straightforward data ingestion and tabular presentation without any advanced charting or animation.

Mmaheganesh
78% match
Loading thumbnail…

ICE-5

This example combines a manually drawn SVG scene with a data-loading demonstration using D3 v7. The static illustration features a gradient sky, dark red panels, and black circles, while a heading and a preformatted text block display metadata about the loaded file. The code calls `d3.csv()` to fetch a remote CSV file, then uses `d3.csvFormat()` to compute its size, row count, and column count for display.

AAishwarya Manjunath
77% match
Loading thumbnail…

Mahendra ICE 5

This example displays a dataviz titled "Mahendra ICE 5," built with D3 v5 within a React framework, rendering via SVG and WebGL. The page presents a static image embedded in an SVG pattern, alongside styled text and a table, using CSS for visual formatting. The core visualization relies on an SVG `<pattern>` and `<image>` element to display the graphic, while D3 is loaded via a CDN script tag. The overall layout emphasizes a bold, colorful design with aqua and yellow borders, showcasing a simple, image-based data presentation rather than interactive or dynamic charts.

Mmaheganesh
76% match
Loading thumbnail…

Mahendra ICE 5

This example displays a dataviz titled "Mahendra ICE 5," built with D3 v5 within a React framework, rendering via SVG and WebGL. The page presents a static image embedded in an SVG pattern, alongside styled text and a table, using CSS for visual formatting. The core visualization relies on an SVG `<pattern>` and `<image>` element to display the graphic, while D3 is loaded via a CDN script tag. The overall layout emphasizes a bold, colorful design with aqua and yellow borders, showcasing a simple, image-based data presentation rather than interactive or dynamic charts.

Mmaheganesh
76% match
Loading thumbnail…

ICE5 - Bhargava Rathod

This example presents a simple web page that combines a styled layout with D3.js and an SVG image. The page's main content is an HTML page with an image, but it also uses D3 to load a CSV file from a URL and display basic information about the dataset. The D3 `d3.csv` function fetches the data, and the page reports the file size, row count, and column count in a text container. The included SVG image, styled with CSS, is a red-and-white abstract geometric design with black outlines, shown as a visual element.

Bbhargavarathod
76% match
Loading thumbnail…

Data Visualization ICE5

This example displays a web page titled “This is ICE 5” that visually summarizes a CSV dataset by presenting its size, row count, and column count inside a large text block. The page also shows two static SVG images of a house and a human. It loads data from a remote GitHub gist using D3 v7’s `d3.csv` method, then computes the file size in kilobytes from `d3.csvFormat(data).length` and displays the metrics via `document.getElementById` with a template literal.

VVenkata Sai Preetham
76% match
Loading thumbnail…

s ICE-5: Welcome to ICE-5 Data visualization

This example displays a title, a cyan message box summarizing a CSV dataset, and a static SVG image on an HTML page. It loads a remote CSV file of the top 100 actors using D3 v7’s `d3.csv`, then computes and displays the file size in kilobytes, the row count, and the number of columns in a `pre` element. The page also embeds an external SVG image via an `img` tag. Styling is applied with basic CSS, and all rendering is client-side without any interactive charts or user input.

SSaahithi49
76% match
Loading thumbnail…

ICE5

This example displays a static SVG scene of a house, tree, sun, and surrounding landscape, paired with a summary of a medical insurance dataset loaded from a GitHub-hosted CSV file. The page uses D3 v7’s `d3.csv` to fetch and parse the data, then reports the dataset’s size in kilobytes, row count, and column count in both the console and a styled `<pre>` container. The visualization itself is a hand-coded SVG illustration embedded via an `<img>` tag, while the page layout and typography are styled with CSS gradients and custom fonts.

Jjgaur96@gmail.com
75% match