ronnGh

@ronnGh·2 public vizzes

Document

This example displays a static, SVG-based “document” visualization: a yellow circle with a black border and two smaller black circles positioned as eyes. The markup is defined directly in the HTML, while the page also loads React 17 and D3 v7. The code imports React and ReactDOM in `index.js`, though their primary output is a console log, and SVG shapes render without JavaScript-driven updates.

Aug 24, 2021

Loading thumbnail…

Smily Face Part1

This example renders a simple smiley face using React and SVG. A large yellow circle with a black stroke forms the head, while two smaller black circles positioned at the upper left and right serve as eyes. The code uses React 16.13.1 with ReactDOM to manage the DOM, though the SVG markup is written directly in the HTML file rather than as JSX. The face is static, with no mouth or interactive behavior, and outputs at 960 by 500 pixels.

Jun 5, 2020