Skip to main content
SimilarExport ZIP
100%

My Webpage

✓ Published0🌍 Public
VVarshareddy2912
Last edited Jun 30, 2023
Created on Jun 30, 2023
Forked from Hello VizHub

This example demonstrates loading and displaying a CSV dataset of student performance within a styled HTML page. Using D3 v5, it fetches data from a GitHub gist via `d3.csv`, then reports the file size in kilobytes, row count, and column count. A static SVG star graphic is included, alongside a second `d3.csv` call that prints the first ten rows as JSON. The page combines CSS styling, an HTML container, and D3's selection and formatting utilities.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

My Webpage

This example demonstrates the loading and display of a CSV dataset from a GitHub Gist, showing file size, row count, and column count in a preformatted text container. The page combines basic HTML and CSS styling with D3.js v5, using the `d3.csv` API to fetch and parse the remote data asynchronously. The visualization also includes a simple inline SVG graphic with geometric shapes, and the code highlights VizHub's modular architecture through local ES6 module imports in separate JavaScript files.

Aakshayvenishetty1437
89% match
Loading thumbnail…

My Webpage

This example demonstrates loading a CSV dataset from a GitHub gist and displaying its size in kilobytes, row count, and first ten rows as JSON in a webpage. It uses D3 v5’s `d3.csv` and `d3.csvFormat` APIs to fetch and measure the data, alongside local ES6 module imports from `index.js`. The page also features static HTML/CSS content and an embedded SVG graphic of a cricket-themed illustration.

VVenkat-Sumith-Thota
88% match
Loading thumbnail…

My Webpage

This example shows a webpage that loads data from a remote CSV file using `d3.csv`, displaying the file's size, row count, and column count in a `<pre>` tag. The page also includes an SVG graphic and a static header. The code uses the D3 v5 library loaded via UNPKG, and an equivalent `index.js` demonstrates importing `csv`, `csvFormat`, and `select` from the `d3` module to parse and preview the first 10 rows of the Automobile dataset.

VVenkat-Sumith-Thota
86% match
Loading thumbnail…

Creating a dataset and using the dataset on webpage

This example demonstrates how to load an external CSV dataset and display basic metadata about it on a webpage. The page fetches a CSV file from a GitHub gist using D3’s `d3.csv` method, then calculates and presents the dataset’s size in kilobytes, row count, and column count in a `<pre>` element. Alongside this textual summary, a static SVG triangle is rendered as an image. The visualization relies on D3 v7’s CSV parsing and formatting APIs, with styling handled through external CSS and inline HTML.

Mmomopng
82% match
Loading thumbnail…

My Webpage

This example demonstrates a webpage about cricket legend MS Dhoni, featuring a custom-designed SVG logo of a face and embedded text content. The page loads D3 v5 via UNPKG and uses the `d3.csv` function to fetch a remote CSV dataset from a Gist URL, displaying file size, row count, and column count in a message container. The visualization also imports `select`, `csv`, and `csvFormat` from D3 in the `index.js` file to append the first 10 data rows as formatted JSON text to the page body.

MManideeprenikindi
81% match
Loading thumbnail…

Student Course Data description

This example presents a demonstration webpage that showcases the size and structure of a student course performance dataset. The page displays a static classroom SVG image alongside a summary of the loaded CSV data, including its file size in kilobytes, row count, and column count. The code uses the D3.js v7 `d3.csv` and `d3.csvFormat` APIs to fetch and measure the dataset from a GitHub-hosted CSV file, then inserts the calculated text into a styled `<pre>` element. The page is built with minimal HTML, CSS, and JavaScript.

NNHRK555
81% match
Loading thumbnail…

11525657_ICE5

This example demonstrates basic data loading and parsing with D3. It fetches a CSV file from a GitHub gist using `d3.csv`, then displays the file size, row count, and column count in a large, styled text element. A static ornamental SVG image is also embedded on the page. The visualization uses D3 v7 within a plain HTML page, with styling applied via CSS to highlight the parsed data summary.

BBVNPK001
81% match
Loading thumbnail…

code5

This example displays a webpage with a static SVG diagram and a text summary of a store dataset loaded from a CSV file. It uses D3 v7’s `d3.csv` to fetch and parse the data, then computes and shows the file size, row count, and column count. The page also demonstrates ES6 module imports for D3 functions and local variables, and applies custom styling via an external CSS file.

SSnigdha6698
81% match