joooms74

@joooms74·3 public vizzes

Fork of Missing Migrants Date Histogram

This chart visualizes the monthly cumulative count of dead and missing migrants, using the Missing Migrants Dataset. The x-axis represents time, while the y-axis displays the total dead and missing, aggregated per month. Each bar’s height corresponds to the monthly sum. The visualization relies on React for rendering SVG elements, D3 v5 for data processing and scales (utilizing `d3.bin` for histogram binning and `d3.sum` for aggregation), and custom axis components for layout.

Nov 7, 2021

Loading thumbnail…

Fork of D3 Map Nederland

This interactive map of the Netherlands displays provincial boundaries from a TopoJSON dataset, with municipalities colored in light grey. Clicking a municipality zooms in smoothly and highlights it in red, while clicking the background resets the view. The visualization uses `d3.geoPath` for geographic rendering, `topojson.feature` for data conversion, and `d3.zoom` to handle pan and zoom interactions, all rendered as SVG with animated transitions.

Oct 18, 2021

Loading thumbnail…

Fork of Hello HTML

This example shows a simple yellow circle with a black outline representing a smiley face, accompanied by two empty black-outlined circles as eyes. The page uses only raw HTML and inline SVG, with no external libraries, defining the circles directly within an SVG element sized at 960 by 500 pixels. The SVG shapes are styled through CSS to remove margins and hide overflow, and the circles are positioned using explicit `cx` and `cy` coordinates with fixed `r` radius values.

Sep 19, 2021