anmarsan

@anmarsan·3 public vizzes

"hello"

A yellow circle with a black outline and two smaller circles for eyes is rendered as a simple face. The SVG is created using React, with dimensions and positions calculated as constants. ReactDOM renders the SVG elements directly, using JSX to define the circle shapes and their stroke and fill properties. The visualization demonstrates how React can be used to build interactive graphics on a web page.

May 20, 2022

Loading thumbnail…

Fork of Smily Face

This visualization displays a classic smiley face composed of a yellow circular head, two dark eyes, and a curved mouth, all rendered as SVG shapes. Built with React and D3 version 6, the face is centered on a 960x500 canvas. The code uses D3's `arc` generator to construct the mouth path, while React components define the circle elements. The implementation relies on React DOM for rendering and D3 for path generation, with dimensions controlled through variables like `eyeOffsetX`, `eyeRadius`, and `mouthArc`.

May 19, 2022

Loading thumbnail…

Fork of Let's make a face with D3.js!

A yellow smiley face is drawn on an SVG canvas, with two eyes and a mouth created using D3's `arc` generator. The eyebrows, rendered as rectangles, animate upward and back down repeatedly via chained `transition` calls with a 2-second duration each. The code uses D3 v5 selections to append circles, rectangles, and a path, and stores numeric layout variables for spacing and offsets.

May 19, 2022