Negative Values in Heatmap

[akre96]

Support for the heatmap to display colors based on magnitude (absolute value) of values would be appreciated. I forked this repository to add this type of support in the "ratio" variable if values have negative and positive values.

Probably need a more generalizable implementation than the one I hacked together since it only works if you want to center the ratio such that the minimum is 0.

[arunghosh]

@akre96 Thank you for the suggestion:) This is something that will add value.
Sorry for the delay in the response.

[ambrosestartup]

const cellStyle = (_x: number, _y: number, ratio: number) => {
    let value_float = 0;
    // Get value from the data array
    if (funding.length > 0) {
        const value = funding[_x][_y];
        value_float = parseFloat(value);
    }
    
    const color = value_float >= 0 ? `rgba(12, 160, 44, ${Math.abs(ratio)})` : `rgba(215, 64, 98, ${1-Math.abs(ratio)})`;
    
    return {
      background: color,
      fontSize: '.8rem',
      font: 'bold',
      color: `rgb(0, 0, 0, ${Math.abs(ratio) / 2 + 0.4})`
    };
  };