Heatmap Tools for Web Applications

Question

I have a client who has a web application for which I create a mapping of heatmaps for them.

I didn’t work with heat cards at all, and I was wondering if anyone knew about good tools for creating them.

Thanks.

Answer 1

Heatmaps are often used instead of a more conventional term: kernel density estimates . If you need to compute them on the fly, consider GRASS GIS - specifically v.kernel or v.neighbors . They will generate a continuous estimate (i.e., raster surface) of density at some target resolution (determined by the current region settings). GRASS GIS can be controlled using Python code, so it would be easy to write a Python shell around the base modules that could export the results to your web application.

For small datasets, Project R has several functions for reading / writing spatial data and calculating kernel density estimates.

Answer 2

I understand that this is an old, old post, but the next guy who stumbles on this page can try gheat for heatmaps in webapps. There are ports for Django and Google App Engine if you use these backends.

Answer 3

I assume this is data with three values ​​for each data point - we will call them x, y and z. This would really help if x and y were spatial coordinates, as this simplified the situation.

In any case, generate a bitmap x by y (scaled accordingly).

For each pair of x and y in the data, the z scale is between 0 and 1 (or 0 and any number of colors that you have on your map), and plot z as the color represented by this value. For example. a simple card can simply use the R-part of RGB, in which case you will have 256 gradations for your red.

Most likely, you need something more interesting, but you should be able to get this idea.

If your datapoints are scattered, you can either construct them as rectangles that occupy space, or smoothly interpolate between them.

NOTE. This is a web tool that does this here . I found it related to the Wikipedia article on heatmaps . There is also java.

Answer 4

If you want to create heatmaps on the client side (using JavaScript), I can recommend heatmap.js for you. It uses the HTML5 canvas element to create dynamic web maps, you can add new data at any time and update heatmaps.

Answer 5

Pyheat is another good python library for creating heatmaps. Gheat is already mentioned in JJ's answer

Answer 6

I have a compelling heatmap tool for PC and mobile web pages: http://miapex.com

Answer 7

Can I offer my own jQuery plugin?

jQuery Hottie simplifies the usual layout and adds a background color as follows:

<!-- Coloring elements is easy! --> <ul id="example1"> <li>1<li> <li>2<li> <li>3<li> <li>4<li> <li>5<li> </ul> $('ul#example1 li').hottie();