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)

8e9aaeda7a78442f8941ab2931f1152d

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.