Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

dd

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

49539474dfcc4ad6bd833700c9ccff1e

Open

dd

0 stars0🌍 Public
Rrdivyaa27@gmail.com
Last edited Aug 7, 2025
Created on Aug 7, 2025
Forked from HTML Starter

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.

AI-generated description

Divya Karthikeyan Heart Shape

A beautiful animated heart shape with "Divya Karthikeyan" text following the heart's path.

Features

  • SVG heart shape with text path
  • Heartbeat animation
  • Glowing text effects
  • Interactive sparkle effects on click
  • Floating heart emojis
  • Beautiful gradient background

Click anywhere on the heart to create sparkle effects! ✨❤️