Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 sliders

Public visualization

Viewing a saved revision (read-only)

f4a21d7d620a484aade89cfb8a1c1457

D3 sliders

0 stars1🌍 Public
KKaustav Sen
Last edited Jul 1, 2021
Created on Jul 1, 2021
Forked from HTML Starter

This example shows an interactive bar chart of a small dataset where dragging a vertical HTML range slider recolors bars below a threshold value from light blue to dark blue. The chart uses D3 version 7 scales (`scaleBand` and `scaleLinear`) to position and size SVG rectangles, and React is mentioned as the framework context. The slider’s `change` event triggers a D3 transition over 500 milliseconds to animate the fill color change, demonstrating linked interaction between an HTML input and D3-managed SVG elements.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.