gold.g@northeastern.edu

@gregold1025·2 public vizzes

Fork of Circles with D3

This visualization creates a striking striped pattern using 100 horizontal rectangles of varying heights, each rendered in SVG. The code uses a D3 mask with a circular cutout to reveal the colored bars through a black overlay, producing a lens-like effect. Built with D3 v7, it employs `select`, `range`, and `join` to bind data to rect elements, while the mask is constructed with custom SVG elements.

Dec 5, 2024

Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example demonstrates a minimalist "Hello World" for the VizHub V3 runtime, showing how a simple SVG scene can be generated and updated with hot reloading. The code uses D3’s `select` and `range` to create 100 rectangles, each 10 pixels tall and spaced 20 pixels apart, that collectively fill the viewport. Visualization parameters like the number of rectangles and their dimensions can be adjusted interactively by holding Alt and dragging numbers in the editor. The example includes a circular SVG mask applied to the rectangles, highlighting the runtime’s support for live feedback and interactive widget-driven state changes.

Dec 5, 2024