rdivyaa27@gmail.com (@rdivyaa27-design), VizHub

Fork of HTML Starter

This example renders a minimal HTML page that displays the text “Hello HTML!” centered on a plain background. The page is built with a simple `index.html` file that links to an external `styles.css`, which uses a `.message` class to set the font size to 13em and align the text center. The accompanying `index.js` script logs "hello world" to the console, making the project a basic starter template. It does not contain any data, charts, or interactive visualization, relying only on static HTML, CSS, and JavaScript.

Aug 7, 2025

Loading thumbnail…

rd

This example renders a static webpage that displays the text “Hello HTML!” in large, centered type. Built as a basic HTML/CSS starter, it includes an `index.html` file that references a `styles.css` stylesheet and a JavaScript file. The `styles.css` uses a `font-size` of 13em and `text-align: center` to style the message. The `index.js` file simply logs “hello world” to the console, and no external visualization libraries are used.

Aug 7, 2025

Loading thumbnail…

div

This example shows a single, solid blue cube rendered in three-dimensional space, slowly rotating on its x and y axes. The scene includes ambient and directional lighting to create highlights and depth on the cube's surfaces. Built with Three.js using its WebGL renderer, it leverages `MeshPhongMaterial`, `AmbientLight`, and `DirectionalLight` for the visual style, while `OrbitControls` enable interactive camera rotation. The cube's automatic rotation is driven by an animation loop that updates its transform each frame.

Aug 7, 2025

Loading thumbnail…

div

This example shows a single, solid blue cube rendered in three-dimensional space, slowly rotating on its x and y axes. The scene includes ambient and directional lighting to create highlights and depth on the cube's surfaces. Built with Three.js using its WebGL renderer, it leverages `MeshPhongMaterial`, `AmbientLight`, and `DirectionalLight` for the visual style, while `OrbitControls` enable interactive camera rotation. The cube's automatic rotation is driven by an animation loop that updates its transform each frame.

Aug 7, 2025

Loading thumbnail…

dd

A heart-shaped SVG path with the text "Divya Karthikeyan ❤️" following its curve creates an animated valentine. The heart pulses via a CSS heartbeat keyframe, while the text glows through a filter animation. Clicking anywhere triggers sparkle emojis spawned by JavaScript, and floating heart emojis drift in the gradient background. The visualization uses inline SVG `<textPath>` binding to the path, combined with CSS animations and DOM event listeners for interactivity, rendered in a static HTML page.

Aug 7, 2025

Loading thumbnail…

divya

This example displays a static, centered greeting message rendered in massive type, with the text sized at 13 em units and aligned to the middle of the viewport. The visualization uses plain HTML and CSS, defined in a `styles.css` stylesheet, to style a single `<div>` element containing the text "Hello KPR!". A JavaScript file, `index.js`, logs "hello world" to the console during execution, but the visual output itself relies solely on CSS typography and layout properties rather than any data-driven or interactive rendering library.

Aug 7, 2025