Viewing a saved revision (read-only)
e1d79b0ad3db4973ae800ed9c76adde3
Thesis Viz
This data-art piece generates a dynamic visual composition using an HTML5 Canvas and the D3.js library. It creates 100 horizontal and 100 vertical lines that intersect across the viewport, with each line masked by a set of D3 shape symbols. The horizontal background lines are partially hidden by a mask containing the symbols in white, while the foreground vertical lines use an inverted mask, so the symbols appear alternately cut out and filled. The result is a grid of stripes that reveal the seven distinct D3 glyphs (including circles, squares, and triangles) at the center, demonstrating the library's shape-rendering capabilities through the `d3.symbol` API in an abstract, generative design.
AI-generated description"Get it Right in Black and White", Episode 4
using D3 shapes / symbols