Cbrc27

@Cbrc27·3 public vizzes

Fork of Smiley Face Part II

A large, yellow smiley face fills the browser window, drawn with SVG in a React app. The face is centered, with two black eye circles and a thick, arc-shaped mouth created using d3’s `arc` generator. The code uses ReactDOM to render the component, and d3.v6 for the path geometry, with dimensions derived from `window.innerWidth` and `window.innerHeight`.

May 25, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This example uses React to render an SVG smiley face. The code draws a yellow circle for the head and two smaller black circles for eyes, with positions calculated from the SVG’s center coordinates. React 17 and ReactDOM are used to mount the component, which is composed entirely of SVG circle elements. The face’s dimensions and offsets are defined as constants, and the rendering shows a static, basic facial geometry without animation or additional features.

May 21, 2021

Loading thumbnail…

Fork of Hello HTML

This example displays a simple static SVG scene: a large yellow circle with two smaller unfilled circles positioned above it, resembling a face. The visualization is rendered entirely through inline SVG elements defined directly in the HTML markup, using the `<svg>`, `<circle>`, and `fill`, `stroke`, and `stroke-width` attributes. No JavaScript libraries or data sources are involved; the code relies solely on basic SVG drawing within an HTML page. The page’s body has hidden overflow, presenting the graphic without scrollbars.

May 20, 2021