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)

fc79520dc72e477c9cc651b5e7c2b4cd

Let's make a face with D3.js

0 stars1🌍 Public
GGeolffrey S Mena
Last edited Dec 21, 2019
Created on Dec 21, 2019

A playful SVG face built from five apples, each represented as a circle with fixed facial features, demonstrates basic D3.js shape creation and data binding. The code uses `d3.select` and `d3.range` to generate an array of fruit objects, then renders them inside a static 960×500 SVG canvas. The face’s layout is hardcoded through SVG attributes rather than a force simulation or scales, and the styling relies on an external Ubuntu font and dark background. This example highlights how D3 v5 can manage simple data-to-element mappings without interactive transitions.

AI-generated description

An example showing the capabilities of VizHub.