Skip to main content
100%

Let's make a face

✓ Published0🌍 Public
MModalMBS
Last edited Oct 2, 2020
Created on Oct 2, 2020
Forked from Let's make a face

This example shows a minimal scatter of five black circles arranged in a vertical column, rendered as an SVG through D3’s data join pattern. The code sets an SVG canvas with a height of 500 pixels and width of 50, then uses `d3.select('body').append('svg')` and `svg.selectAll('circle').data(dataset).enter().append('circle')` to bind an array of numeric values to circles, all initially placed at fixed coordinates. Although the commented-out block suggests an intended horizontal layout using `attr('cx', function(d, i) { … })` and radius mapping, the active code leaves positions static, producing a simple column of uniform black dots. The example relies on D3 v6, React, and basic SVG attributes like `fill`, `cx`, `cy`, and `r`.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes