n7n305a

@n7n305a·2 public vizzes

Fork of Let's Make a Face Part II

This visualization displays a smiley face rendered as an SVG graphic, centered and scaled to fit the browser window. The face consists of a yellow circle with a black outline, two black eye circles, and a mouth drawn as an arc path. The code uses React for component composition and D3’s `arc` function to generate the mouth’s curved path. All elements are positioned using computed offsets and radii relative to the viewport dimensions, with the entire face grouped and translated to the center of the screen.

Apr 5, 2022

Loading thumbnail…

Fork of Hello HTML

This example displays a yellow circle with a black outline, centered on an SVG canvas, containing two smaller unfilled circles positioned to the left and right. The visualization uses raw SVG elements—specifically `<circle>` tags with explicit `cx`, `cy`, `r`, `fill`, and `stroke` attributes—embedded directly in an HTML page. The larger circle is positioned at the canvas center (480,250) with a radius of 245, while the smaller circles sit at (350,180) and (600,180) with radii of 50. No JavaScript libraries or data sources are involved; the rendering relies solely on static SVG markup within the HTML structure.

Apr 3, 2022