KelvinYQC

@KelvinYQC·3 public vizzes

Fork of Fork of HTML Starter

This example creates a simple smiley face using React and SVG. It renders a yellow circle with two smaller black circles for eyes, positioned symmetrically around a central point. The code demonstrates the use of React’s `ReactDOM.render` to inject the SVG into the DOM, and it sets up the React and D3 libraries via UMD builds from unpkg. The SVG dimensions and element positions are defined as constants, showcasing basic declarative graphics with React.

Jul 4, 2022

Loading thumbnail…

Fork of Hello HTML

A single yellow circle with a thick black outline sits centered in an SVG canvas. The page renders static vector graphics without any interaction or animation. The code uses an inline SVG element with fixed width and height attributes, alongside raw circle positioning and fill properties. The example serves as a minimal HTML page demonstrating basic SVG drawing within a browser.

Jul 3, 2022

Loading thumbnail…

Hello

This visualization shows a plain SVG canvas with a single unfilled circle positioned at the top-left corner, rendered at 960 by 500 pixels. The circle has a radius of 200 but no fill or stroke, making it effectively invisible against the white background. The code uses only native HTML and SVG elements—no JavaScript, CSS styling, or external libraries—relying on the SVG `<circle>` tag within an inline `<svg>` element. The minimal structure demonstrates a bare-bones React starter template context, though no React components or data processing are actually employed.

Apr 24, 2022