Heatmap #9

Closed
tmcw opened this Issue Jan 24, 2014 · 16 comments

Comments

Projects
None yet
6 participants
@tmcw
Contributor

tmcw commented Jan 24, 2014

Is there a well-supported heatmap plugin? Might be good.

@gundersen

This comment has been minimized.

Show comment Hide comment
@gundersen

gundersen Jan 26, 2014

Member

the the idea of a heatmap pluging, this would be a sick demo ;)

Member

gundersen commented Jan 26, 2014

the the idea of a heatmap pluging, this would be a sick demo ;)

@tmcw

This comment has been minimized.

Show comment Hide comment
@tmcw

tmcw Jan 27, 2014

Contributor

@mourner do you have any favorites here?

Contributor

tmcw commented Jan 27, 2014

@mourner do you have any favorites here?

@tmcw

This comment has been minimized.

Show comment Hide comment
@tmcw

tmcw Jan 27, 2014

Contributor

Cool, will see if he merges my pull req. If that happens, I'll update his site to newest leaflet and contribute some better docs, and then we should add it to the repo.

Contributor

tmcw commented Jan 27, 2014

Cool, will see if he merges my pull req. If that happens, I'll update his site to newest leaflet and contribute some better docs, and then we should add it to the repo.

@mourner

This comment has been minimized.

Show comment Hide comment
@mourner

mourner Jan 27, 2014

Member

@tmcw yeah the Patrick's one is the best, but I wouldn't say it's well supported. There's also a supposedly high-performance WebGL one.

Actually I had some plans to write my own fast heatmap plugin a while ago, thought didn't get to it yet. The idea would be to cluster the points firts and then draw the heatmap, minimizing Canvas operations. I have a proof of concept for this.

Member

mourner commented Jan 27, 2014

@tmcw yeah the Patrick's one is the best, but I wouldn't say it's well supported. There's also a supposedly high-performance WebGL one.

Actually I had some plans to write my own fast heatmap plugin a while ago, thought didn't get to it yet. The idea would be to cluster the points firts and then draw the heatmap, minimizing Canvas operations. I have a proof of concept for this.

@bsudekum

This comment has been minimized.

Show comment Hide comment
@bsudekum

bsudekum Jan 27, 2014

Actually I had some plans to write my own fast heatmap plugin a while ago, thought didn't get to it yet. The idea would be to cluster the points firts and then draw the heatmap, minimizing Canvas operations. I have a proof of concept for this.

👍 I've been slightly dissatisfied with the offering. Right now, each plugin has fairly heavy tradeoffs in either performance, browser support, or ease of use.

Actually I had some plans to write my own fast heatmap plugin a while ago, thought didn't get to it yet. The idea would be to cluster the points firts and then draw the heatmap, minimizing Canvas operations. I have a proof of concept for this.

👍 I've been slightly dissatisfied with the offering. Right now, each plugin has fairly heavy tradeoffs in either performance, browser support, or ease of use.

@tmcw

This comment has been minimized.

Show comment Hide comment
@tmcw

tmcw Jan 27, 2014

Contributor

Hm, okay - unless someone has bandwidth to make this, I'm leaning towards fixing the warts around heatmap.js so that we can get the basics out there.

Contributor

tmcw commented Jan 27, 2014

Hm, okay - unless someone has bandwidth to make this, I'm leaning towards fixing the warts around heatmap.js so that we can get the basics out there.

@mourner

This comment has been minimized.

Show comment Hide comment
@mourner

mourner Jan 27, 2014

Member

Right now, each plugin has fairly heavy tradeoffs in either performance, browser support, or ease of use.

@rsudekum if you could provide me with a test case for performance (e.g. a sample GeoJSON with tons of points that you would expect to work smoothly) that's not good enough in heatmap.js, I'd love to try to quickly make a proof of concept demo that's fast and smooth.

Member

mourner commented Jan 27, 2014

Right now, each plugin has fairly heavy tradeoffs in either performance, browser support, or ease of use.

@rsudekum if you could provide me with a test case for performance (e.g. a sample GeoJSON with tons of points that you would expect to work smoothly) that's not good enough in heatmap.js, I'd love to try to quickly make a proof of concept demo that's fast and smooth.

@mourner

This comment has been minimized.

Show comment Hide comment
@mourner

mourner Jan 28, 2014

Member

OK, after delving deeper into heatmap.js, I decided that its code is crap, so I cleaned up my past experiment on heatmaps and published on GH: https://github.com/mourner/simpleheat

It's super-simple and tiny (80 sloc vs 502 of heatmap.js) and has pretty much identical results while being about 6x faster.

I'll create a simple Leaflet layer from it (with proper zoom animations etc.) and publish as Leaflet.heatmap on Leaflet org.

Member

mourner commented Jan 28, 2014

OK, after delving deeper into heatmap.js, I decided that its code is crap, so I cleaned up my past experiment on heatmaps and published on GH: https://github.com/mourner/simpleheat

It's super-simple and tiny (80 sloc vs 502 of heatmap.js) and has pretty much identical results while being about 6x faster.

I'll create a simple Leaflet layer from it (with proper zoom animations etc.) and publish as Leaflet.heatmap on Leaflet org.

@mourner

This comment has been minimized.

Show comment Hide comment
@mourner

mourner Jan 28, 2014

Member

Note that this is barebones heatmap code (without clustering for performance etc.). But it's much easier to experiment with a tiny and clean implementation now.

Member

mourner commented Jan 28, 2014

Note that this is barebones heatmap code (without clustering for performance etc.). But it's much easier to experiment with a tiny and clean implementation now.

@mourner

This comment has been minimized.

Show comment Hide comment
@mourner

mourner Jan 31, 2014

Member

OK, here's the first version of my Leaflet heatmap plugin https://github.com/Leaflet/Leaflet.heat
demo with 10k points: http://leaflet.github.io/Leaflet.heat/demo/

Feedback welcome! After it looks good, we should package it as a mapbox.js plugin and then I'll blog about it.

Member

mourner commented Jan 31, 2014

OK, here's the first version of my Leaflet heatmap plugin https://github.com/Leaflet/Leaflet.heat
demo with 10k points: http://leaflet.github.io/Leaflet.heat/demo/

Feedback welcome! After it looks good, we should package it as a mapbox.js plugin and then I'll blog about it.

@DennisOSRM

This comment has been minimized.

Show comment Hide comment
@DennisOSRM

DennisOSRM Jan 31, 2014

@mourner I have a real point data set that gives the walkability in San Francisico. Would you be interested in using that for you blog post?

@mourner I have a real point data set that gives the walkability in San Francisico. Would you be interested in using that for you blog post?

@mourner

This comment has been minimized.

Show comment Hide comment
@mourner

mourner Jan 31, 2014

Member

@DennisOSRM I'd love to (if it looks good), please share.

Member

mourner commented Jan 31, 2014

@DennisOSRM I'd love to (if it looks good), please share.

@mourner

This comment has been minimized.

Show comment Hide comment
@mourner

mourner Jan 31, 2014

Member

Published as a mapbox.js plugin, deployed to CDN, added to plugins list and added an example: https://www.mapbox.com/mapbox.js/example/v1.0.0/leaflet-heat/ — so this is done. Post to follow.

Member

mourner commented Jan 31, 2014

Published as a mapbox.js plugin, deployed to CDN, added to plugins list and added an example: https://www.mapbox.com/mapbox.js/example/v1.0.0/leaflet-heat/ — so this is done. Post to follow.

@mourner mourner closed this Jan 31, 2014

@DennisOSRM

This comment has been minimized.

Show comment Hide comment
@DennisOSRM

DennisOSRM Jan 31, 2014

@mourner will send you the links later today

@mourner will send you the links later today

@gundersen

This comment has been minimized.

Show comment Hide comment
@gundersen

gundersen Jan 31, 2014

Member

love the demo of the heat map @mourner

Member

gundersen commented Jan 31, 2014

love the demo of the heat map @mourner

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment