MansiVyas1821

@MansiVyas1821·2 public vizzes

Hello HTML

A single yellow circle with a thick black outline and two black inner circles forms a simple smiley-face-like shape, rendered as static SVG. The example demonstrates React 18's ability to generate SVG elements directly in JSX, using `ReactDom.render` to mount the component into the DOM. It pairs this React-driven SVG with an identical static SVG markup placed in the HTML body, showing the same visual result via two different rendering paths—one declarative React component and one raw HTML element.

Jan 27, 2023

Loading thumbnail…

Fork of D3-1: Making a face by Mansi

This example uses D3.js to draw a simple cartoon face on an SVG canvas. It shows a yellow circle as the head, with two blue eyes, rectangular eyebrows, and a mouth created using D3's `arc` function. The code uses D3 selections and attribute methods like `attr` to set positions and sizes, and an SVG `path` element for the mouth. The face is centered within a 960x500 SVG container.

Jan 27, 2023