Creating a color picker
We will implement a color picker using the slider from the previous section. A color picker is a UI control that allows the user to select a color. Usually, the color picker is shown as a small, colored rectangle, and when the user clicks on it, a window is opened with controls to change the color. To follow the code snippets, open the
chapter04/02-color-picker.html file. Refer to the following screenshot:
We will implement the color picker using the reusable chart pattern. This will allow us to modularize the components in two parts, the color ...