RonanCurbe10

@RonanCurbe10·3 public vizzes

Fork of HTML Starter

This example presents a simple SVG face rendered with React and ReactDOM. The code defines a yellow circle with a black stroke to form the head, and two smaller circles for eyes, using fixed dimensions and coordinates within an SVG canvas. React elements are created using JSX and mounted to the DOM via `ReactDOM.render`, while the page loads React from unpkg CDN links. The visualization demonstrates basic SVG circle primitives and React component structure without interactive behavior or external data.

Mar 2, 2021

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal setup for rendering a React application on a web page. It shows how to load the React and ReactDOM libraries via CDN links and mount a component into the DOM. The code uses React’s `React.createElement` and `ReactDOM.render` to insert content, with the page including a `<script>` tag for the bundled JavaScript file. The HTML and CSS layers are kept bare, with a full-viewport body and hidden overflow. This serves as a foundational template for integrating React into a static HTML environment.

Mar 2, 2021

Loading thumbnail…

Fork of HTML Starter

This example renders a smiley face using React and D3. It shows a yellow circle with two black eyes, drawn as SVG shapes within a fixed 960x500 viewport. The face is constructed with React components that output SVG circle elements, while a D3 arc generator defines the mouth path, though the mouth is not currently rendered. The code imports React, ReactDOM, and D3, and uses JSX to declaratively describe the SVG output.

Mar 1, 2021