Skip to main content
SimilarExport ZIP
100%

HTML practice

✓ Published0🌍 Public
VVivek H
Last edited Nov 18, 2019
Created on Nov 18, 2019
Forked from HTML practice

This example demonstrates a simple HTML page with a styled bullet-point list and a greeting message. The page includes a heading, an unordered list with three greetings, and a highlighted item styled in red via CSS. Using D3.js v3, the code selects a div element with the ID `message` and sets its text content to a string exported from an ES6 module. The body text uses the Source Sans Pro font, and the example highlights basic DOM manipulation with D3’s `select` method.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

HTML practice

This example demonstrates a simple HTML page with bullet points and multilingual greetings, alongside a dynamic message injected via D3.js. The page displays a highlighted list item in red and renders the text “Hello VizHub!” in a dedicated div. The code imports the `select` function from D3 and an ES6 module `myMessage.js` to set the message content, while `styles.css` applies global typography and color styling. It shows foundational DOM manipulation and module usage without any data or visualization logic.

VVivek H
91% match
Loading thumbnail…

Hello Boss

This example demonstrates a minimalist HTML page with a large “yo” heading and a three-item bullet list, where one list item is visually highlighted in red. The design relies entirely on a monospace font and an oversized text size to create a bold, retro terminal aesthetic. The code uses plain HTML elements (`h1`, `ul`, `li`) with styling applied through a linked CSS file that sets the body font size and family, and defines a `.highlighted` class for the red text. No JavaScript libraries or data sources are present; the rendering is static and purely document-based.

MMusikdude
76% match
Loading thumbnail…

D3JS HTML Starter

This example demonstrates a minimal HTML page that combines CSS and JavaScript to display a centered greeting message. The code defines a `<div>` element with the class `message`, styled with a large font size and centered alignment using CSS. The page relies on vanilla JavaScript and HTML structure rather than external libraries, serving as a bare-bones starter template for D3JS projects. It shows how basic styling and markup can be combined without any data visualization or interactive behavior.

Nnicolasdq00
76% match
Loading thumbnail…

HTML Starter

This example shows a plain HTML page with the text “Hello HTML!” displayed in large, centered type. It serves as a minimal starter template for D3-based projects, demonstrating how to structure a basic document without any JavaScript logic or data binding. The page uses standard CSS styling within a `<style>` block to set the font size and text alignment, and a single `<div>` element with the class `message` to hold the content. No external libraries are loaded, making this a pure HTML and CSS demonstration.

Ssalim.mir@outlook.com
75% match
Loading thumbnail…

HTML Starter

This example displays a minimal HTML page with a heading and a list, where one item is highlighted in red through CSS. It demonstrates the basic structure of an HTML document created with standard markup and linked stylesheets, using the `style.css` file to apply text alignment, font sizing, and the `.highlighted` class. The page is built with plain HTML elements like `h1` and `ul`, showing a starting point for web development without any JavaScript libraries or frameworks.

Nnithya13
75% match
Loading thumbnail…

HTML Starter

This example demonstrates a minimal HTML page that integrates D3.js to dynamically update the page’s styling and content. It shows how D3’s `select` method targets the `body` element, changing its text to “hello JS!” and its color to pink, while the console logs a message from vanilla JavaScript. The code relies on D3 v5 and a bundled JavaScript file, using no external data source. The visualization emphasizes basic DOM manipulation and library setup.

Eefrymire
75% match
Loading thumbnail…

Hello VizHub

This example demonstrates how to display a simple text message within a web page using D3.js. It shows a static greeting rendered in large, styled typography against a dark blue background. The code imports the `select` function from the D3 library and applies the message text to a `<div>` element using `select('#message').text()`. The project also illustrates ES6 module usage, importing a string from a separate local file, along with CSS styling via Google Fonts.

Ggrandbleu916
75% match
Loading thumbnail…

D3 tutorial

This example demonstrates a minimal HTML page that displays a centered message, "Hello HTML!", styled with CSS. The code uses inline CSS to set the font size and text alignment, and JavaScript is not utilized in the visible source. It serves as a starting point for web development with plain HTML and CSS, with a reference to a React-based alternative for more complex interactive visualizations.

7767576232@qq.com
75% match