Correct way to implement a heatmap in the browser?

I have a list of AQI data for multiple stations in my country. I want to create a heatmap for the entire country using that data. The heatmap would be a gradient from green(low AQI) to red(high AQI). Any ideas how to implement this?. I am using react.js and was thinking of using mapbox-gl but I can’t find anything for this in the documentation.

A rough idea of what I am trying to implement:

Go to Source
Author: Dani