ayilya1

@ayilya1·3 public vizzes

smiley face woohoo

A smiling face rendered as a yellow SVG circle with black outline, two eyes, and an arc-shaped mouth. The React components BackgroundCircle, Eyes, and Mouth compose the face, centered via a group transform. D3’s `d3.arc()` generates the mouth path, while fixed numeric constants define layout. The static example uses React 16.9 and D3 v7, with no interactive data.

Feb 27, 2022

Loading thumbnail…

Fork of emoji-like face with mouth (D3)

This example renders a simple emoji-style face with two eyes and a curved mouth using SVG, built with React and D3. The face is centered via a translated group, with a yellow circle for the head and black stroke. Eye positions and radii are set as constants. The mouth is drawn using D3’s `arc` generator, which creates a path based on specified inner and outer radii plus start and end angles. All elements are computed from a fixed canvas size, demonstrating a clean, modular approach to constructing geometric shapes in a web visualization.

Feb 27, 2022

Loading thumbnail…

Fork of Persons of Concern StreamGraph by Origin

This streamgraph visualizes the total number of persons of concern (refugees, internally displaced persons, stateless persons, and related categories) grouped by country of origin, using data from UNHCR. The stacked areas wiggle across a time axis, with labels positioned via the d3-area-label library. The visualization also interpolates values between recorded years to create a continuous series. It renders to SVG using d3.v4, with stacked areas ordered and offset via d3.stack and a color scale from d3.schemeCategory10. Excluded are countries with low total counts.

Feb 26, 2022