Yorkinjon Abdukhalilov

@Yorkinjon10·3 public vizzes

Fork of Smiley Face Part III

This example shows a simple smiley face rendered as a yellow circle with two black eyes and an arc-shaped mouth, centered on a 960×500 SVG canvas. It demonstrates how to combine React components with D3’s `arc` generator to create reusable geometric shapes, using React to manage the SVG elements and D3 only for the mouth path’s angular calculations. The drawing is static, with all positions and dimensions defined as constants such as `eyeOffsetX` and `mouthRadius`, and uses React’s `render` method to mount the SVG into the DOM.

Jan 19, 2023

Loading thumbnail…

Fork of Smiley Face Part II

This example shows a large yellow smiley face rendered responsively to fill the browser window. The face is centered dynamically using window dimensions, with black stroke outlines and positioned eyes. The React component uses JSX to create SVG circles, computing coordinates and radii from the viewport size, while the smile is implied through the face structure. React and ReactDOM handle mounting the visualization to the page.

Jan 19, 2023

Loading thumbnail…

Fork of Hello HTML

This example is a minimal HTML page that contains an embedded YouTube video. It demonstrates the basic structure of an HTML document, including the `<!DOCTYPE html>` declaration, `<html>`, `<head>`, and `<body>` tags, with a title set in the `<title>` element. The page itself renders no visual content beyond the iframe that loads the video from YouTube. The code uses standard HTML and the iframe embedding API to display the external video content.

Jan 8, 2023