Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Topologica.js Color Picker Example

Public visualization

Topologica.js Color Picker Example

0 stars1🌍 Public
CCurran Kelleher
Last edited Jun 24, 2019
Created on Jun 24, 2019
Forked from Moon Calendar 2024

Three range sliders control the red, green, and blue components of a color, which updates the page’s background in real time. Built with D3 v5 for DOM selection and event handling, it uses Topologica.js to define a reactive data flow graph where the color string and background style are computed from slider values. Each slider input triggers a state update, demonstrating how Topologica manages dependencies between data and visual output.

AI-generated description

Pick a color with 3 sliders.

This is a small introductory example demonstrating use of Topologica.js.

Inspired by Observable: Multi-Value Inputs.

Comments

Sign in to join the discussion.

MIT Licensed