Napat

@NapatJamjan·2 public vizzes

Face2

A smiley face rendered with React and SVG, drawn as yellow circular background, two eyes, and an arc-shaped mouth. The visualization uses hardcoded geometry rather than external data, positioning elements relative to the window dimensions. React components (BackgroundCircle and Eyes) generate the SVG markup, while the mouth path is computed using the d3.arc API from d3.v4. The example demonstrates declarative component composition with D3’s arc generator for path generation.

Jun 2, 2021

Loading thumbnail…

Wow

This example displays a simple, static SVG scene: a large yellow circle with a black outline sits at the center of an aliceblue canvas, flanked by two smaller solid circles. The visualization is built using React to render the SVG elements, while D3 v4 is used solely to append an “Bruh” heading to the page body. The code defines fixed dimensions and positions for each shape, with no interaction or data-driven updates.

Jun 2, 2021