Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Make a Face With D3JS

Public visualization

Viewing a saved revision (read-only)

70678d9bec3d4ba1b57c5776333aeea8

Make a Face With D3JS

0 stars0🌍 Public
Aarg04
Last edited Jul 2, 2020
Created on Jul 2, 2020

This example shows how to construct a simple face using SVG shapes within a 960-by-500 pixel canvas. The illustration is built entirely through D3.js v5 selections, using the `select` method to target the SVG element and appending paths and lines with distinct stroke styling. The CSS defines a `.lines` class that applies thick, rounded strokes in a teal color, while the JavaScript file remains minimal, suggesting the face’s features are drawn via the stylesheet definitions. The code relies on basic D3 selection and SVG geometry rather than data-driven binding, demonstrating a lightweight approach to static vector art.

AI-generated description

An example including some commonly used features of SVG.