Textbox and heatmap in one React component.
Check out the demo here.
TextHeat is a component for React that displays text, color-coded using numeric weights.
The default styling uses a color scale with shades of red, e.g.
The scheme can be changed to other colors, e.g.
The weights (colors) can be adjusted using an API. The box can also be editable. These features are demonstrated in the 'examples' app here.
To get started, install dependencies and build the component.
npm install
npm run build
Run the examples app.
npm run examples_start
This command should launch a browser with a local copy of the examples app.
Feedback is very welcome. Please raise an issue in the github repo.