Heatmap color playground

Heatmap color playground is a React application that helps you experiment heatmap color.
Please try it out here!

Features

• History (Capture functionality)
  Users can compare different colors and ranges within the app and make decisions easily.
• Show numbers on heatmap
  Users can show numbers on heatmap so that they can understand what number is mapped to which color.

Tool1

Generates a gradient by selecting a color from the pallet or specifying a hex value.

• Users can specify a range(3 - 10) in case they want to use a specific range of colors.
• The color picker helps users specify a hex value.

Tool2

Generates a gradient by specifying RGBs as gradient points.

• Users can decide on the number of gradient points they want to use.
• Users can use the color picker to provide RGBs.

Specification

Create React App

Libraries:

• Ant Design
• html2canvas
• react-colorful
• W3Color JavaScript Library
  

Reference:

• Code - heatmaps and color gradients