Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with d3.js

Public visualization

Viewing a saved revision (read-only)

4fd6b9d3afe648359de9ee72cc56ca1c

Lets make a face with d3.js

0 stars0🌍 Public
Jjim-stone
Last edited Oct 25, 2019
Created on Oct 25, 2019
Forked from Hello VizHub

This example demonstrates how to create a simple face using D3.js, showing the library’s ability to manipulate SVG elements. The page uses a static SVG canvas of 500 by 500 pixels, with the face’s features—such as eyes and mouth—drawn programmatically through D3 selections. It imports the `select` function from D3 to target DOM elements, while a separate local module, `myMessage`, sets the text of a `#message` div. The styling uses a dark blue background with large Ubuntu typography, but the face itself remains the visual focus.

AI-generated description

An example showing the capabilities of VizHub.