How could I display a heatmap on an image with PHP?

I have an image (graph) inside a <div> on which accumulated clicks are displayed, s开发者_开发知识库o it looks like a mess of dots all over the place.

I'd like to make this "nicer" to look at, and thought heatmaps would be the best option.

How could I implement such a solution?

I'm not particularly adept with PHP or javascript, so any pointers would help.

In terms of accumulating clicks, you could simply register a click handler in JS that would work out where on the image the click event occurred. You could then use AJAX (or an alternative method of your choice) to return these clicks to your webserver, and presumably store them somehow.

With regards to creating heatmaps, you have two potential routes.

1. You could generate a heatmap image server-side in PHP, using a library such as GD or ImageMagick, and lay this image over your graph.

   This has the upside of not worrying about browser compatibility with the various JS solutions, but it will mean increased server load.

2. You could also generate the heatmap client-side in JS - there are a whole host of possible ways of doing this.

   This has the nice upside of leaving the hard work to the browser, keeping your server running smoothly. However, you may face issues with browser compatibility.

In order to fully answer this question, it would be helpful to know a little more about what you have already, what constraints you're placed under, and whether you have any preference as to techniques used!

• First with the jQuery library, you can choose the position when the user mouse click gives you can see an example URL
• Second you must submit this information to constantly mind your server, small packets that indicate: IP or user, date of event, position the mouse, an object that was clicked, page.
• Third, you can create a arlgoritmo for example add up all the clicks of a list-based and you intence color and size of the circles (if you use these)
• Fourth can make an image with PHP GD library, or you can think of creating overlays CSS properties such as brightness or shades according to the data warehouse