Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

GIRIBnW_JM-3_VizHub logo Horizontal Bands ForLooped

Public visualization

GIRIBnW_JM-3_VizHub logo Horizontal Bands ForLooped

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

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 description

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

Comments

Sign in to join the discussion.

MIT Licensed