Moondoz

@Moondoz·3 public vizzes

Fork of HTML Starter

This example displays a single centered greeting message, "Hello HTML!", styled with a large font size and a subtle text shadow on a blank white background. The page is built entirely with static HTML and CSS, using a CSS class selector to define the message’s visual properties. No JavaScript or external libraries are involved; the rendering relies purely on the browser’s default layout engine to position the text. The simplicity highlights how minimal markup and styling can produce a clean, standalone web page.

Apr 27, 2022

Loading thumbnail…

TestinByMySelf

This example demonstrates a simple React and D3 visualization that renders a single SVG circle within a fixed 500 by 400 coordinate space. The code imports the `arc` function from the D3 library, though the rendered output only shows an empty circle element without explicit positioning or styling. The visualization relies on the React 17 and ReactDOM 16 production builds alongside D3 v7, with the SVG defined directly in the HTML structure rather than generated dynamically by React or D3. The minimal setup focuses on establishing the basic integration between React and D3 for future chart development.

Mar 5, 2022

Loading thumbnail…

Smiley Face Part 1

A static SVG smiley face is drawn using React and D3, with a yellow circle for the head, two black eyes, and a D3-arc-generated mouth. The code defines constants for dimensions and positions, then renders the face centered in a 960×500 viewport. The mouth uses `d3.arc` to create a partial ring, while the head and eyes are plain SVG circles. The rendering relies on React's `ReactDOM.render` and D3 v7's arc API, with no interactivity or animation.

Mar 5, 2022