wakenhole

@wakenhole·3 public vizzes

Fork of Smiley Face Part III

This example renders a stylized smiley face as an SVG graphic using React and D3. The face is composed of a red circular head with a dark outline, two black eyes, and a mouth drawn as an arc. The code constructs the mouth path with the `d3.arc()` API, while React manages the SVG elements and their positioning. D3 v5 and React 16.9 are loaded via CDN, with all coordinates computed relative to the center of the 960×500 viewport.

Dec 26, 2022

Loading thumbnail…

Fork of Smiley Face Part II

This example renders a static smiley face using SVG shapes defined directly in the HTML, with a yellow circle for the head and two smaller circles for the eyes. The page loads React 16.9.0 and ReactDOM from a CDN, and the accompanying `index.js` uses the `ReactDOM.render` method to display a simple "Hello JSX" heading in the root element, though the SVG markup is placed outside that React component. The visualization demonstrates basic SVG drawing within a React-based page structure, with no dynamic data or interaction.

Dec 19, 2022

Loading thumbnail…

Fork of Smiley Face Part II

This example renders a classic smiley face as a static SVG graphic using React. The code defines a yellow circle for the face, two smaller black circles for the eyes, and relies on React’s virtual DOM to generate the SVG elements. It imports React and ReactDOM from CDN links and mounts the component to a root div, though the visible markup is commented out, leaving only a blank canvas in the browser. The rendering approach uses declarative JSX-style SVG elements, with no interactive or animated behavior implemented.

Dec 19, 2022