beyzaD

@beyzaD·2 public vizzes

Fork of Social Network ICE 8

A force-directed network visualization represents a linear pipeline of five nodes, from Brick Camera 1 through Brick Localization 2, connected by sequential links. The SVG rendering shows pink circles with black labels, purple links, and decorative blue rectangles. Built with d3.v4, the code uses the `d3.layout.force` API to simulate physical forces, applying gravity, distance, and charge parameters. Node dragging is enabled via the `force.drag` method, and data comes from the local data.json file.

Sep 13, 2023

Loading thumbnail…

Full Sol LeWitt Reproduction with D3

This example reproduces a Sol LeWitt art piece using modular D3 APIs. It displays intersecting horizontal and vertical striped bands that alternate between solid and patterned regions, with the pattern shapes (symbols) varying across the width. The visualization uses D3 selections, `scaleBand` for positioning, and SVG masks to create the alternating effects. It builds the composition by appending `<rect>` elements and D3 `symbol` paths inside two masks, with the entire piece rendered as SVG in the browser viewport.

Sep 5, 2023