fmparantean@yahoo.com (@fmparantean), VizHub

Fork of Multiple Views with Brushing

This example presents a choropleth-style world map of missing migrant incidents, using circle size to encode the number of dead and missing per location. A date histogram below the map allows users to brush a time range, which filters the map’s bubbles to show only incidents within that window. The visualization uses d3.geoPath for map projections, d3.scaleSqrt for sizing, d3.brushX for interactive selection, and d3.scaleTime for the histogram’s temporal axis. Data comes from the Missing Migrants Project CSV, with country boundaries from the World Atlas TopoJSON.

Dec 4, 2024

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static yellow smiley face drawn with three SVG circles: one large circle for the head and two smaller circles for the eyes, all centered on a 960-by-500 canvas. The head uses a yellow fill with a black stroke, while the eyes are plain black circles. The code relies solely on raw SVG elements—`<svg>`, `<circle>`, and their attributes—without any JavaScript libraries or D3.js functions. The rendering is built directly in the HTML file, with no data source or dynamic behavior; it simply displays the face as a fixed visual composition.

Dec 3, 2024

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a static yellow smiley face drawn with three SVG circles: one large circle for the head and two smaller circles for the eyes, all centered on a 960-by-500 canvas. The head uses a yellow fill with a black stroke, while the eyes are plain black circles. The code relies solely on raw SVG elements—`<svg>`, `<circle>`, and their attributes—without any JavaScript libraries or D3.js functions. The rendering is built directly in the HTML file, with no data source or dynamic behavior; it simply displays the face as a fixed visual composition.

Dec 3, 2024