sabine-selchow

@sabine-selchow·3 public vizzes

Fork of Hello HTML

This example shows a simplified smiley face constructed entirely with inline SVG shapes. It uses two black circles for eyes and one large yellow circle with a green stroke for the face, all placed on a blank page with no margins. The code relies on raw SVG elements as defined in the HTML file, with styling applied via a CSS rule that sets the body margin to zero. No external JavaScript libraries or data sources are used.

Oct 17, 2021

Loading thumbnail…

Fork of Smiley Face Part II

A yellow smiley face is rendered as a full-screen SVG, centered and scaled to the browser window. React defines the circle elements for the face, eyes, and mouth, with positions and radii calculated from the viewport dimensions. The code uses ReactDOM to mount the component into the DOM, and the SVG attributes are set dynamically based on window.innerWidth and window.innerHeight, demonstrating a responsive, component-driven approach to drawing.

Apr 2, 2021

Loading thumbnail…

Untitled

This example displays a simple React application that renders the text “Hello” as a heading. The visualization shows a static, minimal HTML page embedded with a YouTube video, while the React component uses `ReactDOM.render` to mount the heading to a DOM element. The code relies on the React library (version 16.9.0) via a UMD build, with no additional data sources or charting APIs.

Apr 2, 2021