smalldutta

@smalldutta·3 public vizzes

Fork of Smiley Face Part II

This example renders a full-screen yellow smiley face using React and SVG. The face is centered on the window, with its radius determined by the viewport height, and includes black stroke outlines, two circular eyes, and a curved mouth. The code defines reusable constants for dimensions and positions, then constructs the SVG elements through React's JSX, using the `ReactDOM.render` API to mount the component into the DOM. It relies on the React 16.9 production build loaded via CDN.

Mar 18, 2021

Loading thumbnail…

Untitled

A half-finished smiley face emerges from a sparse network of nodes and links, rendered as a static snapshot of a force-directed layout in progress. The visualization uses d3.forceSimulation to position circles and connecting lines, with the title and README hinting that the final arrangement should form a recognizable smiley pattern. Only the upper-left portion of the face is visible, suggesting the simulation was stopped before reaching equilibrium. The example demonstrates a minimal SVG-based force layout without interaction or animation, relying solely on the initial simulation tick to place elements.

Mar 18, 2021

Loading thumbnail…

Fork of React Starter

A fork of the React Starter displays a single, centered "Hello React!" message in a large font. The visualization uses React and ReactDOM to render a static text element into the page's root division. The `App` constant returns a div with a CSS class that controls the message's size and alignment, while the `ReactDOM.render` API attaches the component to the DOM. The page loads React and ReactDOM from a CDN and executes the rendering through a compiled bundle.

Mar 18, 2021