Bharath Vijay

@bharathvijayss·2 public vizzes

Fork of Fork of Bouncy Wave

This example shows a dynamic wave animation composed of circles connected by a line, where both the circles’ positions and radii oscillate sinusoidally over time. The visualization continuously updates at 60 frames per second using `setInterval`. The code builds the dataset with `d3.range` and `Math.sin`, then renders SVG elements via D3’s `selectAll` and `join` pattern. It uses `d3.line` to generate the connecting path and updates circle attributes such as `cx`, `cy`, and `r` on each tick.

Dec 10, 2022

Loading thumbnail…

Fork of Sol LeWitt Reproduction

This example reproduces a Sol LeWitt art piece using raw SVG and JavaScript, with no external libraries. It shows a grid of horizontal and vertical bars that intersect within two circular masks, creating a geometric composition of alternating stripes and gaps. The code generates 100 horizontal rectangles across the full width and 100 vertical rectangles down the full height, each masked to reveal only the areas inside the circles. The masks are constructed with SVG `mask` elements, combining black and white rects and circles to control visibility, and the result is a clean, minimal visualization of layered line patterns.

Dec 9, 2022