mansnym

@mansnym·2 public vizzes

Fork of Hello HTML

A grid of fifteen SVG smiley faces is rendered using React, each with a yellow circular background, two eyes, and a mouth. The faces are generated by mapping over an array created with `d3.range`, and the eye radius is randomized for each face. The components—`BackgroundCircle`, `Eyes`, `Mouth`, and `FaceContainer`—are composed in React, while the mouth shape is drawn using the `d3.arc` API. The code uses `ReactDOM.render` to mount the application and D3 v7 for the arc generator and range function.

Jan 27, 2023

Loading thumbnail…

Fork of D3 Starter

This example demonstrates the simplest possible D3 version 6 setup by rendering the text “Hello D3 version 6” directly into the body of an HTML page. The code uses the `select` function from the D3 library to target the body element and the `.text()` method to insert the message. No external data is loaded; the visualization is a static text display, with the page styled using a large font size. The project includes an introductory video link and serves as a basic starting point for D3 development.

Jan 22, 2021