Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Face Smiling

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

24f8d3d4ffb44df1bd541cb7d9413cbc

Open

Face Smiling

0 stars0🌍 Public
Aamruthacharyakothakota@my.unt.edu
Last edited Feb 25, 2025
Created on Feb 25, 2025
Forked from HTML Cars Report

A smiley face drawn with SVG shapes animates its eyebrows upward and back down over four seconds. The code uses D3 v5 selections and transitions to move a group containing arc and rect elements, while the face itself is built from circles and a path generated with the d3.arc function. The example demonstrates fundamental DOM manipulation in plain JavaScript, with no external data source.

AI-generated description

SVG Embedded Webpage

This project displays an SVG image inside an HTML page with custom CSS styling.

Files:

  • index.html - Main webpage structure.
  • styles.css - Styles the page and the embedded SVG.
  • your-image.svg - The SVG image (replace with your own).

How to Use:

  1. Place your SVG file as your-image.svg in the project folder.
  2. Open index.html in a browser to view the webpage.
  3. Customize styles.css to change the appearance.

Technologies Used:

  • HTML
  • CSS
  • SVG