Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

GIRIBnW_JM-3_VizHub logo Sol_Lewit

Public visualization

Viewing a saved revision (read-only)

6302b8f1ffab4a51adabc17925a16a46

GIRIBnW_JM-3_VizHub logo Sol_Lewit

1 star0🌍 Public
JJimMaltby
Last edited Oct 10, 2021
Created on Oct 10, 2021

The visualization generates a full-screen pattern of repeating VizHub logos arranged in both horizontal and vertical bands, with alternating white and black circular masks that create an interlocking two-tone effect. It uses D3 v6's `select`, `range`, and `path` modules to render SVG paths, scaling and rotating the logo via `transform` strings. The `mask` elements with `rect` and `circle` shapes define the visible regions. The composition adapts to the window dimensions, computing row and column counts dynamically to fill the viewport with the repeating logo geometry.

AI-generated description

To create VizHub logo repeating path that spans the width of screen AKA a band of repeating logo.