Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Let's make a face with D3.js!

Public visualization

Viewing a saved revision (read-only)

e976d89d5c6b4b35a7e54c25ecc48f8f

Let's make a face with D3.js!

0 stars0🌍 Public
MMercPai
Last edited Jan 6, 2021
Created on Jan 6, 2021
Forked from HTML Starter

This example demonstrates how to construct a simple cartoon face using D3.js, with the face’s features positioned and styled through HTML and CSS. The visualization is built with a bare-bones HTML page that loads D3.js and uses JavaScript to draw the facial elements dynamically. The code displays a large, centered text label (“Hello HTML”) and logs a message to the browser console, while the face itself is rendered using D3’s drawing functions. The project runs within a React framework, though the core rendering relies on D3’s SVG or shape primitives to assemble the eyes, nose, and mouth.

AI-generated description

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

See also React Starter.