Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

test

Public visualization

Viewing a saved revision (read-only)

a9de5e59a0ad4c008bd5bbc852cfa191

test

0 stars0🌍 Public
Mmartincbhak@gmail.com
Last edited Jan 26, 2024
Created on Jan 26, 2024

A grid of thin horizontal and vertical bars covers the full screen, creating intersecting lines that are visible only through a central circular mask, leaving the corners dark. The bars are drawn as SVG rectangles using D3’s `selectAll().join()` pattern with `range()`-generated data. Two masks define the view: one white circle reveals the inner bars, while a second mask with an inverted circle hides the outer bars’ center. The example uses D3 v7 and SVG rendering with no external data source.

AI-generated description

A blank slate starting point showing the "Hello World" for the VizHub V3 Runtime Environment, which supports continuous hot reloading with interactive widgets.

  • There is no index.html - that's what triggers the V3 Runtime
  • The entry point is the main function exported from index.js
  • The main function takes an argument container, a DIV

Full course playlist: YouTube: Constructing Visualization 2024.