Entropy314

@Entropy314·2 public vizzes

Let's make a face with D3.js

A face is drawn from a single circle using D3.js, centered within an SVG canvas and given a fixed radius. The example demonstrates basic SVG shape creation with D3's `select` and `append` methods, setting the circle's `cx`, `cy`, and `r` attributes directly. Styling via CSS applies stroke and color to the shape, while the code imports from the modular `d3` package and renders entirely in SVG. The face is static, with no interaction or animation.

Mar 21, 2020

Loading thumbnail…

Let's make a face with D3.js

A yellow circle is drawn in the center of an SVG canvas to form the base of a face. The example demonstrates how to select an SVG element and append a circle using D3 v5, setting its radius and position with the `attr` method. The circle's coordinates are computed from the SVG's width and height, though the horizontal position uses 968 instead of the actual 960, creating a slight offset. Styling is handled through a linked CSS file that sets the body margin and defines classes for future path elements.

Mar 21, 2020