Martin Holm Pedersen

@MartinHolmPedersen·2 public vizzes

Let's make a face!

This example shows a face constructed from a collection of SVG circles that respond to mouse movement. The visualization uses D3.js version 7 to manage the positioning and styling of these circles, which scale and shift based on cursor proximity to create interactive facial expressions. The code imports D3 via a CDN link in the HTML file and relies on CSS for basic styling. The face emerges purely from geometric arrangement rather than image data, demonstrating how simple SVG primitives can form a recognizable character through interactive dynamics.

Feb 6, 2022

Loading thumbnail…

Fork of Hello VizHub

This example showcases a minimal single-page visualization that displays a centered text message using D3.js. The code demonstrates VIzHub’s modular workflow by importing the `select` function from D3 and a local ES6 module for the text content. It loads D3 v5 from UNPKG and uses `select('#message').text()` to insert the imported string into the DOM, with styling from an external CSS file. No data transformation or complex rendering is involved; the focus is on establishing a basic project structure.

Feb 6, 2022