Skip to main content
100%

Intro to D3.js (making a face)

✓ Published0🌍 Public
NNishadAhsan
Last edited Sep 8, 2020
Created on Sep 8, 2020

This example demonstrates the foundational concepts of D3.js by constructing a simple cartoon face from SVG shapes. A single yellow circle forms the head, centered within an SVG canvas. While the code contains commented-out sections for adding eyes and a mouth using D3's arc generator, only the basic circle is rendered. The example uses D3 v6 selection methods like `select` and `append`, and sets SVG attributes such as `r`, `fill`, and `transform` to position and style the element. The full face construction remains inactive, showing only the initial building block.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes