Gyanashree Giri

@GGi347·3 public vizzes

Fork of HTML Starter

This example renders a simple face using React and SVG, displaying a yellow circle with two smaller black circles as eyes against a 960×500 canvas. The code imports React and ReactDOM, defines constants for dimensions and positions, and uses JSX to construct SVG circle elements with props like `r`, `cx`, `cy`, and `stroke-width`. It leverages ReactDOM.render to mount the component into the DOM, demonstrating a minimal React-based data visualization with hardcoded geometric values.

Sep 9, 2023

Loading thumbnail…

Fork of React Starter

This example displays the text “Hello React!” in large, centered type. It demonstrates a minimal React 18 application structure using the UMD builds of React and ReactDOM, loaded directly from unpkg. The `App` component returns a simple `div` with a CSS class, and the `createRoot` API from `react-dom` renders that component into the `#root` element on the page. No external data sources or complex rendering logic appear in this starter code.

Sep 9, 2023

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal HTML page that displays the text "Hello HTML!" centered on the screen. It uses a simple CSS rule to set the font size to 13em and align the text, while the JavaScript capability is noted but not utilized in this particular file. The rendering relies on standard HTML elements and the `style` tag for presentation. The code is a basic starter template intended for understanding how HTML, CSS, and JavaScript interact in a web browser.

Sep 9, 2023