Skip to main content
SimilarExport ZIP
100%

My Webpage

✓ Published0🌍 Public
VVenkat-Sumith-Thota
Last edited Jun 30, 2023
Created on Jun 30, 2023
Forked from Hello VizHub

A webpage displays a welcome message and an SVG logo alongside placeholder text, with a section linking to externally hosted CSV data and an empty table element intended for a data preview. The example demonstrates importing D3 functions via `select` from the UNPKG-hosted D3 library and using a local ES6 module (`myMessage.js`) to set the text of a `#message` div. The page’s styling is defined in CSS within the HTML file, while a separate `styles.css` file styles the message text in large, centered type.

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…

Untitled

This example displays the message “Hello VizHub!” in large, centered text within a web page. It demonstrates fundamental VizHub capabilities by loading D3 via UNPKG and using the `select` function from D3 to set the text content of an HTML element. The code also imports a local ES6 module, `myMessage.js`, which exports the displayed string, and applies styling through an external `styles.css` file.

VVenkat-Sumith-Thota
78% match
Loading thumbnail…

SVG 123

This example shows a simple webpage displaying the text "Hello VizHub!" centered on the screen. The visualization demonstrates the basic structure of a VizHub project, including how to import D3.js from a CDN and how to use local ES6 modules. The code uses D3's `select` API to target the HTML element with the ID `message` and set its text content. A separate `myMessage.js` module exports the string that is displayed, and basic CSS styling is applied through `styles.css`.

Eee-aa
78% 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
78% 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
77% match
Loading thumbnail…

Vyj1

This example displays a minimal web page that outputs the text “Hello VizHub!” in the center of the screen, styled with large, centered font via CSS. It demonstrates how to import functionality both from the D3 v6 library and from local ES6 modules. The code uses D3’s `select` function to target the `#message` div and set its text content from an imported `message` variable, while the HTML loads D3 from UNPKG and the runtime bundles the JavaScript modules.

Vvyjayanthimamidipalli@gmail.com
77% 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
76% match
Loading thumbnail…

My Webpage

This example presents a personal webpage for Sai Krishna Bussa, featuring an embedded SVG logo, navigation, and an automatically generated table of car sales data. It demonstrates how HTML, CSS, and JavaScript work together in a React-less setup. The page loads a CSV file from a GitHub gist using D3 v5’s `d3.csv` method, then dynamically constructs the table by inserting header cells (`th`) and data cells (`td`) into the DOM. The SVG logo and styling are defined inline within the HTML and external `styles.css`.

Ssaikrishnabussa
76% match
Loading thumbnail…

activity_6_task2

This example demonstrates a minimal "Hello VizHub!" webpage that uses D3.js to populate a message container and an ES6 module to supply the text content. It loads D3 v5 via a CDN, then imports the `select` function from `d3` and a local `message` constant. The `select('#message').text()` method dynamically sets the HTML element’s text, while a CSS file centers the text at a large font size. The visualization highlights basic integration of external libraries and modular JavaScript in a simple, static output.

Ssanavenkatasurendrareddy@gmail.com
76% match