Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

GIRIBnW_JM-3_VizHub logo Horizontal Band

Public visualization

Viewing a saved revision (read-only)

272746d31bfd46f0994fd4c22cf36c7d

GIRIBnW_JM-3_VizHub logo Horizontal Band

0 stars1🌍 Public
JJimMaltby
Last edited Oct 10, 2021
Created on Oct 10, 2021

A horizontal band of repeated VizHub logos spans the full screen width, with each logo rendered in black as a single SVG path. The code uses D3's `select`, `range`, and `path` functions to generate the repeating pattern, calculating the number of iterations based on the viewport width and a fixed logo scale of 0.05. The `join('path')` method binds the range data to SVG path elements, applying a scale and translate transform to position each logo. The original logo path data is stored as a constant string and reused for every repetition.

AI-generated description

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