Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Lets make a face with with D3.JS

Public visualization

Lets make a face with with D3.JS

0 stars2🌍 Public
MMthandazo Ndhlovu
Last edited Nov 10, 2020
Created on Nov 9, 2020
Forked from HTML Starter

This example shows how to draw a simple smiley face using D3.js and SVG. It renders a yellow circular head with two black eyes and a curved mouth, all positioned within an SVG canvas that is 960 pixels wide and 500 pixels tall. The code uses D3 selections and the `arc` generator from `d3` to create the mouth shape, while other elements are drawn with basic SVG `circle` primitives. The example demonstrates coordinate manipulation with hardcoded offsets and demonstrates D3’s ability to generate complex paths with relative ease.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed