Learning to code

  • Started
  • Last post
  • 22 Responses
  • monNom0

    ^ as they've done it, using google maps, You'd need to get data from someplace like Alexa (if they have a data API, you could connect to that for the data). With data, you need to create a custom tile-server to plot the circles into a format that google-maps can deal with. There are open-source map-projects out there that would do the trick with a little finesse (http://www.openstreetmap.org/).

    The above is maybe overly complicated. You could do all of this in HTML5 Canvas using a bit of javascript and a simple AJAX interface to a database that returns results based on a quardant. A little pre-processing of your data to plot all data points to an X/Y coordinate space, and to position circles for no overlap (start large, and move smaller in passes so you can fit smaller cicrles into gaps). With properly formatted data, the javascript/canvas stuff is dead-simple. essentially just draw circles at such and such point, with such and such radius.

    Server-side stuff can be simple PHP/MySQL. Preprocessing could get memory intensive depending on scope of data. Splitting into 'tiles' may help to keep things efficient.

  • identity0

    awesome! thank you!