yjp588

@yjp588·3 public vizzes

Fork of test3

A yellow smiley face is drawn full-screen using SVG, with black outlined circular eyes and a mouth rendered as a thick arc. The visualization is written in React and uses D3's `arc` generator to define the mouth path, while other shapes are plain SVG `circle` and `path` elements. The drawing is centered dynamically using window dimensions, and the component is mounted to the root element via `ReactDOM.render`.

Sep 18, 2021

Loading thumbnail…

test2

A yellow smiley face is rendered as a full-screen SVG graphic, centered dynamically within the browser window. The face features two solid black eyes and a thick, U-shaped mouth created using the `arc` generator from D3 v7. The shape is built with React components, where SVG elements like circles and a path are generated and positioned using computed coordinates for responsive centering. The mouth path is constructed with `d3.arc` using specified inner and outer radii and angular ranges, while the face’s size adapts to the viewport height.

Sep 18, 2021

Loading thumbnail…

test

This example shows a single yellow circle with a black stroke, centered within an SVG canvas. The circle’s radius is calculated from the viewport height and stroke width to fit exactly inside the frame. Built with React and ReactDOM, it renders the shape declaratively via JSX and SVG elements, using fixed dimensions for a 960 by 500 pixel space.

Sep 18, 2021