Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face!

Public visualization

Viewing a saved revision (read-only)

a2f82e9de84f485b8f008c4694b99f58

Let's make a face!

0 stars0🌍 Public
MMartin Holm Pedersen
Last edited Feb 6, 2022
Created on Feb 6, 2022
Forked from HTML Starter

This example shows a face constructed from a collection of SVG circles that respond to mouse movement. The visualization uses D3.js version 7 to manage the positioning and styling of these circles, which scale and shift based on cursor proximity to create interactive facial expressions. The code imports D3 via a CDN link in the HTML file and relies on CSS for basic styling. The face emerges purely from geometric arrangement rather than image data, demonstrating how simple SVG primitives can form a recognizable character through interactive dynamics.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.