fsenchyna@gmail.com

@fsenchyna·2 public vizzes

Fork of Fork of Jeevani Network

This network graph uses D3.js force simulation to visualize friendships between people, with nodes and links rendered as an SVG. The graph positions each person as a circular node labeled with their name, and connects friends with directed, arrow-headed lines. Nodes are draggable and highlight on hover. The visualization loads data from a JSON file and applies forces for link distance, charge, collision, and centering, with all nodes colored pink and text in navy.

Mar 20, 2024

Loading thumbnail…

HTML Starter

This example demonstrates a Sol LeWitt-inspired geometric composition rendered entirely in SVG. It shows a circular mask revealing a series of horizontal stripes across the full viewport. The code creates the mask using a white rectangle and a black circle, then draws 100 rectangles, each 20 pixels apart, applying the mask via the `url(#circle-mask)` reference. The implementation uses vanilla JavaScript DOM manipulation with `createElementNS` and `setAttribute`, avoiding any external libraries. The visualization is static, with the masked stripes forming the central visual effect against a clean, margin-free background.

Mar 19, 2024