Udeep Bahadur Shrestha

@udeepbahadur7·3 public vizzes

Fork of Smiley Face Part II

This example renders a full-screen SVG smiley face using React components for the face, eyes, and mouth. The face is drawn as a yellow circle with a black stroke, while the eyes are simple offset circles. The mouth is created with the d3.arc() API, producing a semicircular path by calculating inner and outer radii with specific start and end angles. All shapes are positioned relative to the center of the viewport using the d3.js v7 library and React DOM for rendering.

Sep 9, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

A partial smiley face is drawn with two black eye circles and a yellow outlined head, leaving the mouth unfinished. The SVG rendering uses React components to position each circle at fixed coordinates, while D3's `arc` function is imported but not yet utilized. The yellow face circle has a black stroke with a width of 10, and the eye positions are hardcoded rather than computed from offsets. The example demonstrates a straightforward static visualization built with React 17 and D3 v7.

Sep 9, 2021

Loading thumbnail…

Fork of Hello HTML

This example shows a simple static SVG scene of three circles arranged as a face, with a large yellow circle outlined in black and two smaller unfilled circles for eyes. The code uses inline SVG elements within an HTML file, setting a fixed canvas size of 960 by 500 pixels. It applies basic SVG styling through presentation attributes like `fill`, `stroke`, and `stroke-width`, with no JavaScript or external libraries involved. The rendering approach relies entirely on SVG markup, and the layout is manually positioned using explicit `cx` and `cy` coordinates.

Sep 9, 2021