Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

button

Public visualization

Viewing a saved revision (read-only)

4bafd0621a2e4d2e9f2a77e4d2a56cec

button

0 stars1🌍 Public
Zzoniyac
Last edited May 14, 2020
Created on May 13, 2020
Forked from HTML Starter

Four buttons cycle a rectangle’s fill through four SVG textures generated by the textures library: circles, lines, crosses, and a custom banana-shaped path. The example demonstrates how to apply texture definitions to an SVG node via `svg.call(t1)`, then update the rectangle’s fill on button click with `changeColor(t.url())`. A slider, wired through `d3.select("#mySlider").on("change", ...)`, adjusts the line texture’s size, though the slider element itself is not defined in the visible markup. All rendering uses D3 v4 and SVG.

AI-generated description

A bare minimum HTML page.

See also React Starter.