nandirey

@nandirey·2 public vizzes

Fork of Smiley Face Part III

This example displays a smiley face drawn with SVG shapes, centered on a yellow circle with black outlines for the eyes and mouth. The visualization uses the D3 `arc` function to generate the mouth path, while React components render the SVG elements with fixed dimensions. The code sets up a `<svg>` container and positions its elements using a translation group, with circle properties like radius and stroke width defined as constants. This demonstrates a simple integration of D3 shape generators within a React-based rendering approach.

Oct 13, 2021

Loading thumbnail…

Fork of Smiley Face Part I and II

This interactive visualization, created with React, renders a classic smiley face using SVG. The code defines circles for the face, eyes, and a mouth, with the facial features positioned relative to the center of the browser window. It calculates the face's radius based on the window height and uses the React DOM library to render the SVG elements dynamically, adapting the smiley face to fit the full screen. The yellow face is outlined with a black stroke, while the eyes are filled with the default black color.

Oct 13, 2021