Skip to main content
SimilarExport ZIP
100%

Representing a volume of dataset .

✓ Published1🌍 Public
Eeravellisaimeghana
Last edited Feb 26, 2022
Created on Feb 26, 2022

This example displays a static SVG illustration of a dataset's volume, paired with a text summary of a pizzas dataset from Kaggle. The page shows the data’s size in kilobytes, row count, and column count, which is loaded via D3’s `d3.csv` and formatted with `d3.csvFormat`. The embedded SVG image and the styled text output are rendered using basic HTML and CSS, while D3 v7 handles the asynchronous data fetching.

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 Representing a volume of dataset .

This visualization displays metadata about a pizzas dataset from Kaggle, showing the file size, row count, and column count in a styled text container. The page also includes a decorative SVG illustration and a heading. The code uses D3 v7’s `d3.csv` to load the remote CSV file and `d3.csvFormat` to calculate its size, then updates a `<pre>` element with the computed statistics via JavaScript. The layout is defined in HTML with embedded CSS for styling.

Eeravellisaimeghana
87% match
Loading thumbnail…

Fork of Fork of Representing a volume of dataset .

This example displays metadata about a pizzas dataset from Kaggle, showing the file size in kilobytes, row count, and column count as text on a pink background. The page also embeds a static SVG illustration of pizza-related graphics. The code loads CSV data using `d3.csv` from D3 v7, formats it with `d3.csvFormat`, and updates a `<pre>` element’s text content to present the summary. Styling is handled through inline CSS, and the visualization uses a plain HTML structure with an embedded image.

Eeravellisaimeghana
87% match
Loading thumbnail…

Fork of Fork of Representing a volume of dataset .

This example displays metadata about a pizzas dataset from Kaggle, showing the file size in kilobytes, row count, and column count as text on a pink background. The page also embeds a static SVG illustration of pizza-related graphics. The code loads CSV data using `d3.csv` from D3 v7, formats it with `d3.csvFormat`, and updates a `<pre>` element’s text content to present the summary. Styling is handled through inline CSS, and the visualization uses a plain HTML structure with an embedded image.

Eeravellisaimeghana
87% match
Loading thumbnail…

Fork of Fork of Fork of Representing a volume of dataset .

This visualization displays metadata about a pizzas dataset from Kaggle, including file size, row count, and column count. The page renders this information in a styled HTML text container alongside an SVG illustration of a pizza. The code loads the dataset from a GitHub Gist using D3.js v7’s `d3.csv` function, then computes and displays the statistics with `d3.csvFormat`, `data.length`, and `data.columns.length`. The example uses basic HTML, CSS, and JavaScript within a React framework, with the SVG image embedded directly in the page.

Eeravellisaimeghana
84% match
Loading thumbnail…

Data Visualization

This example displays a static SVG composition featuring a black ellipse overlaid by a triangular form, paired with a text summary of a dataset. The page loads CSV data from a GitHub gist using `d3.csv` and reports its size in kilobytes, row count, and column count. The visualization uses D3 v7 for data parsing, while React is not actively employed despite being listed in the framework metadata, and the SVG rendering is hardcoded in the markup.

Hharika-1929
79% match
Loading thumbnail…

Data Visualization

This example presents a simple HTML page that displays a greeting message and loads a remote CSV dataset using D3 version 7. It prints statistics about the data, including its size in kilobytes, row count, and column count, by utilizing `d3.csv` and `d3.csvFormat`. The page also includes an SVG image showing a black ellipse and a filled polygon. The D3 library is loaded via a CDN, and the visualization is rendered through standard HTML and SVG elements.

Hharika-1929
77% match
Loading thumbnail…

DV ICE-5

This example demonstrates loading a CSV dataset via D3.js and displaying its size in kilobytes, row count, and column count on a styled HTML page. The page also renders a collection of SVG vector graphics, including paths, circles, ellipses, and complex curves, all drawn with SVG elements. The visualization uses the `d3.csv` API to fetch and parse the data, and the SVG shapes are embedded directly in the markup. The design uses distinct background colors for headings and a large text block for output.

Ssowmyanagula@my.unt.edu
75% match
Loading thumbnail…

Scientific Data Visualization ICE5

This example displays a simple house illustration, with a pink roof, a gray door and window, over a summary of a loaded dataset. The page combines an inline SVG graphic with a text output that reports the dataset’s size in kilobytes, row count, and column count. The code uses D3.js version 7 to fetch a CSV file from a GitHub gist, parse it with `d3.csv`, and compute the formatted length via `d3.csvFormat`. The visualization is built with React, rendering the SVG and the JavaScript-generated message.

SSravyaAnnadi
75% match