Interactive Color Gradient Picker Using 'htmlwidgets' and the Modified JS Script 'jquery-gradient-picker'

Widget for an interactive selection and modification of a color gradient. 'gradientPickerD3' allows addition, removement and replacement of color ticks. List of numeric values will automatically translate in their corresponding tick position within the numeric range. App returns a data.frame containing tick values, colors and the positions in percent (0.0 to 1.0) for each color tick in the gradient. The original JS 'jquery-gradient-picker' was implemented by Matt Crinklaw-Vogt (nick: tantaman) <>. Widget and JS modifications were done by CD. Peikert.


Reference manual

It appears you don't have a PDF plugin for this browser. You can click here to download the reference manual.

install.packages("gradientPickerD3") by Christian D. Peikert, 4 years ago

Report a bug at

Browse source code at

Authors: Christian D. Peikert [aut, cre]

Documentation:   PDF Manual  

GPL-3 license

Imports htmlwidgets, jsonlite, shiny

See at CRAN