mooroom

@mooroom·2 public vizzes

Fork of HTML Starter

A single centered circle is rendered inside an SVG element on an HTML page, displaying the text "Fork of HTML Starter" via a large CSS font class. The example uses plain HTML, CSS, and JavaScript, with the circle drawn by an SVG `<circle>` element. No external libraries are imported, and the markup demonstrates a minimal structure for embedding vector graphics directly in the browser.

Dec 14, 2021

Loading thumbnail…

Fork of Persons of Concern StreamGraph by Origin

This streamgraph visualizes the total number of persons of concern—including refugees, asylum-seekers, and internally displaced persons—grouped by country of origin, from 1951 to 2015. The chart uses a wiggle offset to show changes in each country’s contribution over time, with labels positioned by the `d3-area-label` library. Data comes from UNHCR Population Statistics, filtered to exclude countries with low total counts. The SVG rendering uses D3 v4 APIs including `d3.stack`, `d3.stackOffsetWiggle`, and interactive hover effects that highlight individual paths.

Dec 12, 2021