namesh singh

@nameshsingh·3 public vizzes

Fork of Let's make a face with D3.js!

This example shows a yellow smiley face built from basic D3.js shapes, with animated eyebrows that move upward and then return to their original position. The face is constructed using SVG circles for the eyes, rectangles for the eyebrows, and a path generated with the `d3.arc` function for the mouth. The code uses D3 v5 selections, attribute manipulation, and chained `transition` calls with explicit durations to drive the eyebrow animation on a fixed 960×500 canvas.

Jun 20, 2022

Loading thumbnail…

Fork of Fork of Smiley Face Part II

A stylized smiling face is rendered in SVG, featuring large, detailed eyes with colored irises and layered highlights, alongside a wide, expressive mouth with multiple colored lips and interior shading. The composition is built in React, combining an `Eyes` component and a `Smile` component, each defined with `<path>` and `<ellipse>` elements. The main yellow face circle is drawn directly in the app's `index.js`, which uses ReactDOM to render the SVG onto the page. The face is assembled by applying transforms for positioning and scaling, with each part colored by CSS classes defined in `style.css`.

Jun 9, 2022

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a simple static SVG visualization featuring a yellow circle with a black stroke at the center of the viewport, alongside a smaller unfilled circle positioned slightly above and to the left. The SVG is rendered directly in HTML, taking up the full width and height of the browser window via CSS viewport units. The page uses no external libraries, relying solely on native SVG elements and inline styles defined in the HTML head. The visualization serves as a bare-bones starter template showcasing basic SVG and CSS usage within a minimal HTML structure.

May 20, 2022