Skip to main content
100%

Oi, mundo!

✓ Published0🌍 Public
AAugusto César
Last edited Apr 3, 2021
Created on Apr 3, 2021

This example renders a simple yellow face with two eyes and a circular mouth using React and D3.js, all drawn as SVG shapes. The face’s head is a large circle centered in a 960×500 viewport, with two smaller eye circles offset symmetrically, and the mouth is generated by D3’s `arc` path builder with fixed inner and outer radii. The visualization is static and purely procedural, with no external data source; it demonstrates basic composition of geometric primitives within a React component that mounts to the DOM via `ReactDOM.render`. The code uses D3 v6 and React 17’s UMD builds, with all styling applied through SVG attributes.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes