Varun Senguttuvan

@s-varun·4 public vizzes

Fork of D3 Git History Streamgraph

This streamgraph visualizes the commit history of every D3.js repository, with each layer representing a package and its thickness showing smoothed weekly commit counts. The layer order follows each repository’s first commit, revealing the shift from the monolithic `d3` repo to the 4.0 package explosion in late 2014. Using D3’s `stackOffsetWiggle` and `stackOrderAppearance`, it shapes layers into a flowing stream, colored via `d3.hcl` with random luminance. Rendered as SVG, it loads commit data from a JSON URL and applies `array-blur` for smoothing, with labels positioned by `d3-area-label`.

Sep 1, 2024

Loading thumbnail…

Fork of Sol LeWitt Reproduction

A generative SVG reproduction of a Sol LeWitt wall drawing renders a grid of alternating horizontal and vertical black lines. Masks—the SVG `mask` element—isolate the line patterns within two separate circular regions, creating a layered intersection effect. The drawing uses a procedural loop to create 100 line elements in each orientation with a 20-pixel offset. The result is a minimalist, geometric composition where the line-based structure is defined by the mask APIs rather than explicit drawing commands.

Aug 14, 2024

Loading thumbnail…

Fork of SVG Fundamentals

A black SVG canvas displays a large circular outline in yellow, with two short path segments forming stylized shapes near its top and a curved path segment below. The example demonstrates fundamental SVG shape and path elements, including circle, path with absolute and relative commands, and stroke styling. It uses the SVG API directly within an HTML page, with a hidden overflow and no external libraries. The rendering relies on the browser’s native SVG support, featuring a clean, minimal composition of geometric primitives.

May 6, 2024

Loading thumbnail…

Fork of HTML Stadrter

This example shows a minimal HTML page that serves as a starting point for building web projects, with an empty body where content can be added. It demonstrates the basic structure of an HTML document using standard HTML elements such as `<!DOCTYPE html>`, `<html>`, `<head>`, and `<body>`. The code relies solely on native browser APIs and does not include any external libraries or JavaScript logic. The page includes a static title, “Fork of HTML Stadrter,” and serves as a blank canvas for future CSS styling and JavaScript functionality.

Nov 14, 2022