My Website

100%

✓ Published0🌍 Public

Last edited Dec 6, 2023

Created on Dec 6, 2023

This example demonstrates a multi-section static website with navigation, content areas, and a contact form. It uses plain HTML for structure and CSS for styling, including a fixed header, responsive sections, and button hover effects. The code also imports D3.js to set the text content of a message div, alongside a local ES6 module for a string export. The page includes a footer and client-side form elements, with no interactive data visualization.

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…

Your Website

This example demonstrates a basic multi-page website structure with a navigation bar, homepage content, and interactive button functionality. The page uses plain HTML with linked CSS styling and a JavaScript script. The CSS defines a dark navigation bar with hover effects and page typography, while the JavaScript uses the `querySelector` and `addEventListener` APIs to trigger an alert dialog when a button is clicked. The data is static HTML content, with no external libraries or data sources referenced.

VVinay Vemuri

79% match

Loading thumbnail…

First Webpage

This example displays a simple webpage layout built with HTML and CSS, featuring a header, navigation tabs, two main body images, and a footer with additional links. The page uses D3.js v5, specifically importing the `select` function from the D3 module to set the text of a message div, which shows a message from a local module. The styling uses an external stylesheet with embedded Google Fonts (Ubuntu) and CSS properties for layout, colors, and hover effects on the navigation and footer links.

NNita

72% match

Loading thumbnail…

Untitled

This example demonstrates a responsive website layout built with HTML5 and CSS, featuring a navigation bar, introductory image, and content sections for boxes, events, and projects. The page uses semantic structural elements like `header`, `nav`, `main`, and `section` tags to organize material, with styling applied through a CSS framework. The design incorporates interactive buttons and links, and the visual hierarchy relies on header tags and horizontal rules. The layout is defined directly in the HTML structure, with no JavaScript libraries or data-viz libraries present.

DDannwiz

72% match

Loading thumbnail…

My Webpage

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.

VVenkat-Sumith-Thota

71% match

Loading thumbnail…

Personal Website

This example displays a full-screen, center-aligned message reading “Hello HTML!” using 13em font size. The page is a minimal static HTML document that uses CSS for typography and layout, with no JavaScript logic beyond the static markup. It serves as a starting point for building a personal website, demonstrating basic styling and structure without external dependencies or interactive features. The code relies solely on native HTML elements and CSS styling, with no data sources or visualization libraries involved.

Ddarrenisdunn

70% 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

70% match

Loading thumbnail…

D3 starter

This example demonstrates a minimal web page setup for D3 visualization development. The page renders static HTML content, displaying a simple "Hello HTML!" message inside a styled div. The code uses basic HTML structure and CSS for styling, with JavaScript available for future D3 integration. It serves as a bare-bones starting point for building more complex data visualizations, showing how to combine standard web technologies with the D3 library.

SSamip Poudel

68% match

Loading thumbnail…

Hello D3 Starter

This example displays a static webpage with the message “Hello HTML!” centered and styled with large text. It serves as a minimal starter template, showing the foundational structure of an HTML page that integrates CSS for styling and JavaScript for potential interactivity. The code uses plain HTML elements, a `<style>` block for CSS rules, and an empty `index.js` file. No data visualization is present; it only demonstrates the basic layout and styling approach for beginning a project.

MMabelbao

68% match