climate-chris (@climate-chris), VizHub

Fork of Smiley Face Part II

A dynamic, full-window smiley face rendered as a responsive React SVG, with the yellow circular face, black outline, and two eyes positioned relative to the viewport center. The code uses React 16.9 and ReactDOM to compute dimensions from `window.innerWidth` and `window.innerHeight`, then draws shapes via SVG `<circle>` elements inside a transformed group. The face scales to any screen size, while the mouth remains an unimplemented comment in the markup, leaving the smiley incomplete.

Sep 25, 2021

Loading thumbnail…

Fork of Smiley Face Part-3 (React and d3)

A React component renders a yellow smiley face as an SVG graphic, with two black eyes and a curved mouth. The face is drawn using D3’s `arc` helper from the d3-shape API to generate the mouth path, while SVG `circle` and `path` elements are positioned inside a group with a `transform` translation. The example demonstrates combining React’s declarative rendering with D3’s geometry utilities, using ES6 template literals for dynamic attribute values and fixed pixel dimensions for the 960-by-500 viewport.

Sep 25, 2021

Loading thumbnail…

Fork of HTML Starter2

This example displays the text “Hello HTML” at an enormous font size, centered on the page. It demonstrates a minimal HTML page that combines inline CSS for styling with a small JavaScript snippet that logs “Hello JavaScript!” to the browser’s developer console. The code relies on core web APIs like `console.log` and standard DOM elements, with no external libraries or data sources involved.

Sep 25, 2021

Loading thumbnail…

Fork of HTML Starter

This example showcases a minimal HTML page that displays the text “Hello HTML” in the center, styled with CSS at a large font size. The page also runs a JavaScript script that logs “Hello JavaScript!” to the browser’s console. It uses plain HTML, CSS, and JavaScript, with no external libraries or data sources, serving as a bare-bones starter template for web-based visualizations. The rendering approach relies on the browser’s native document and console APIs.

Sep 25, 2021

Loading thumbnail…

Fork of HTML Starter

This example showcases a minimal HTML page that displays the text “Hello HTML” in the center, styled with CSS at a large font size. The page also runs a JavaScript script that logs “Hello JavaScript!” to the browser’s console. It uses plain HTML, CSS, and JavaScript, with no external libraries or data sources, serving as a bare-bones starter template for web-based visualizations. The rendering approach relies on the browser’s native document and console APIs.

Sep 25, 2021