GIRIBnW_JM-3_VizHub logo Horizontal Bands ForLooped
✓ Published1🌍 Public
JJimMaltby
Last edited Oct 10, 2021
Created on Oct 10, 2021
Forked from GIRIBnW_JM-3_VizHub logo Horizontal Bands
This visualization displays a grid of miniature VizHub logos tiled as horizontal bands across the full screen. Built with D3.js (v6.6.1), the code defines a single logo path and uses `select().append('svg')` to create an SVG canvas sized to the browser window. It calculates the number of repetitions needed and uses a nested for-loop to push position coordinates into an array, which is then bound to the `d3.join('path')` method. Each path is scaled to 5% of its original size and translated via a custom transform function, creating a repeating pattern that spans both axes.
AI-generated descriptionTo create VizHub logo repeating path that spans the width of screen AKA a band of repeating logo.
MIT Licensed