danley0

@danley0·4 public vizzes

SmileyFacePart1

This example renders a yellow smiley face in an SVG canvas using React. It shows a large circular face with two smaller circles as eyes, drawn relative to the center of the 960×500 viewport. The code uses ReactDOM to mount a functional component that outputs SVG elements, setting face dimensions and eye positions via constants. The face has a yellow fill with a black stroke, and the eyes are placed symmetrically around the center using computed offsets.

May 14, 2021

Loading thumbnail…

Fork of HTML Starter

A static SVG drawing depicts a simple smiley face: a yellow circle outlined in black with two black eyes, but no mouth. The markup defines an inline SVG element with hard-coded coordinates and radii for the face and eyes. The visualization relies on raw SVG circle elements, avoiding external libraries or data sources, and demonstrates basic geometric composition within a web page.

Apr 16, 2021

Loading thumbnail…

Fork of HTML Starter

This example displays the phrase “Hello HTML” in large, centered text on a plain white page, with a small JavaScript message logged to the browser’s console. It demonstrates a minimal HTML page styled with CSS and enhanced with JavaScript, using inline `<style>` and `<script>` tags. The code renders static text via the browser’s default layout engine, with no external libraries or data sources involved.

Apr 16, 2021

Loading thumbnail…

smiley face part 1

This example shows a yellow smiley face with two eyes, rendered as static SVG circles in a 960 by 500 viewport. It demonstrates fundamental DOM manipulation with D3.js and React, though the visible code uses React 16.9 to define the SVG elements directly. A video tutorial explains how to add animated eyebrows that move, but the current implementation only displays the base face without interaction or data-driven updates.

Apr 14, 2021