Vishnu Sharma

@vish198910·3 public vizzes

Fork of Smiley Face Part III

This example shows a smiley face built with React and D3, rendered as SVG. The face consists of a yellow circle, two black eye circles, a mouth drawn as an arc path, and a nose that is also an arc rotated 180 degrees. The visualization uses D3’s `arc` generator to compute the mouth and nose paths, while React manages the SVG elements and JSX layout. Positioning relies on computed center coordinates and explicit offsets, with all dimensions defined as constants.

Aug 29, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This example uses React and d3.v7 to render a single yellow circle with a black stroke, positioned at the center of an SVG canvas. The circle’s radius is calculated from the canvas height minus half the stroke width, using hardcoded width and height constants. The code imports `arc` from d3 but does not use it, and the visualization is static—showing only the initial step toward a smiley face, with no eyes or mouth rendered.

Aug 29, 2021

Loading thumbnail…

Fork of Hello HTML

This example displays a simple yellow face with two black eyes, drawn as concentric circles on a plain white background. An SVG element with fixed width and height contains the shapes, using basic circle elements with fill and stroke attributes. The page is built with minimal HTML, relying on inline styles to remove margins and hide overflow. No JavaScript libraries or data sources are used; the visualization is purely static SVG markup.

Aug 29, 2021