DEV Community

netsi1964 πŸ™πŸ»
netsi1964 πŸ™πŸ»

Posted on

d3 curtain selector

A curtain slider

This is a prototype which aims to let a user select a range of a graph. It uses a "curtain" to select to and from values. D3 renders the graph and the d3 scaling functions is used to map from values to pixels and the invert method is used to get from pixel values to "real" data values.

The pen was created back in 2017, but it could still be relevant, if you need to be able to select a to and from value through a nice drag based UI. The pen should be compatible with touch devices. I would like to be able to let the input fields function in a 2 way binding way, but that remains to be implemented.

Top comments (0)