SarmadC

@SarmadC·2 public vizzes

Fork of Smiley Face Part III

This example shows a smiley face drawn with a yellow circle, two eyes, and a curved mouth using React and D3. The face is centered in an SVG canvas, with the mouth generated by D3's `arc` function to create a half-circle path. The code uses `ReactDOM` to render the SVG elements, while D3’s `arc` computes the mouth shape based on defined radii and angles. Additional decorative lines are included via nested SVG. The implementation relies on D3 v5 for geometry and React for component structure, rendering all shapes directly in SVG.

Jun 7, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This example renders a static smiley face in SVG using React’s declarative JSX syntax. It shows three circles—a large yellow face with a black stroke, and two smaller black eyes positioned on either side of the center. The code manually sets each circle’s `cx`, `cy`, `r`, and stroke attributes, with pixel coordinates and styling defined directly in the `index.html` file. The React production build is loaded via a CDN script tag, though no custom React components are defined in the visible code.

Mar 25, 2021