Kairat

@FalseZer0·3 public vizzes

Fork of Smiley Face Part III

This example shows a yellow smiley face rendered as an SVG, with two black eyes and a curved mouth drawn using the D3 arc generator. The face is built with React components that compute circle positions and the mouth path from fixed numeric constants. D3 v5 provides the `arc()` function for the mouth, while React 16.9 handles the SVG elements and rendering. The visualization is a simple static composition, with all shape dimensions and offsets defined in JavaScript and transformed into a centered group within the SVG canvas.

Dec 21, 2021

Loading thumbnail…

Fork of Smiley Face Part II

This example renders a full-screen smiley face using React and SVG. It draws a yellow circle with a black stroke, positioned at the center of the viewport, and adds two smaller black circles as eyes. The dimensions and positions are computed from the browser window’s width and height, using React’s JSX syntax to define the SVG elements and a translate transform to center the figure. The code uses React 16.9 and ReactDOM to mount the component into the root DOM element.

Dec 21, 2021

Loading thumbnail…

Fork of Hello HTML

A minimalist HTML page renders a single SVG circle with a radius of 100 pixels, centered in the viewport. The example demonstrates the basic structure of an SVG element embedded directly in an HTML document, using no external JavaScript libraries. The circle is defined through the `<circle>` tag with an `r` attribute, showcasing how SVG shapes can be created with simple markup. The page serves as a starting point for understanding SVG rendering in the browser.

Dec 21, 2021