Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Sol Le Witt practice

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

928438639ad6403789350a8fd85a5541

Open

Sol Le Witt practice

0 stars0🌍 Public
Ppanthabuddhi@gmail.com
Last edited Feb 19, 2024
Created on Feb 19, 2024

This visualization recreates Sol LeWitt’s geometric wall drawings as an interactive abstract composition. It shows a dense grid of lines and arcs that respond to mouse movement, with overlapping strokes and subtle color shifts. The piece uses d3.forceSimulation to animate the positions of line endpoints, while a canvas rendering loop draws the paths each frame. Input data comes from a predefined set of coordinates and angles, not from an external dataset. The code relies on D3’s scale functions and the Canvas API, with no additional libraries beyond D3.

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 that has measurable dimensions using clientWidth and clientHeight
  • The second argument to main is an options object containing state and setState.
  • The state of the application is stored in state, which is initialized as an empty object {}.
  • The setState function can be called with a function that uses the previous state to create a new state object using immutable update patterns.
  • For an interactive example, see Mouse Follower.

Full course playlist: YouTube: Constructing Visualization 2024.