🌍 Public
Viewing a saved revision (read-only)
5fb11af5255a40b7b373cfec8f8e53f3
Make a face with D3.js
This example draws a stylized face using D3.js version 7, rendering a yellow circle as the head and a single arc-shaped path for the mouth on an SVG canvas. The code uses `d3.select` to target the SVG element, `.append` to add shapes, and `d3.arc()` to generate the mouth’s path with specified inner and outer radii plus start and end angles. All geometry is positioned relative to the SVG’s width and height, which are read directly from the element attributes. The result is a simple, static face composition built entirely with D3’s SVG helpers.
AI-generated descriptionA demonstration of how to start using D3 version 6.