Google Maps HeatMap Layer

Some time last week, Google has (finally) released a HeatMap Layer for Google Maps.

The Heatmap Layer provides client side rendering of heatmaps. A heatmap is a visualization used to depict intensity of data at geographical points. When the Heatmap Layer is enabled, a colored overlay will appear on top of the map. By default, areas of higher intensity will be colored red, and areas of lower intensity will appear green.

Supports custom color themes, and allows to have weighted points. Usage is really simple: just pass in an array of LatLngs and you’re done

/* Data points defined as an array of LatLng objects */
var heatmapData = [
  new google.maps.LatLng(37.782, -122.447),
  new google.maps.LatLng(37.782, -122.445),
  new google.maps.LatLng(37.782, -122.443),
  new google.maps.LatLng(37.782, -122.441),
  new google.maps.LatLng(37.782, -122.439),
  new google.maps.LatLng(37.782, -122.437),
  new google.maps.LatLng(37.782, -122.435),
  new google.maps.LatLng(37.785, -122.447),
  new google.maps.LatLng(37.785, -122.445),
  new google.maps.LatLng(37.785, -122.443),
  new google.maps.LatLng(37.785, -122.441),
  new google.maps.LatLng(37.785, -122.439),
  new google.maps.LatLng(37.785, -122.437),
  new google.maps.LatLng(37.785, -122.435)
];

var sanFrancisco = new google.maps.LatLng(37.774546, -122.433523);

map = new google.maps.Map(document.getElementById('map_canvas'), {
  center: sanFrancisco,
  zoom: 13,
  mapTypeId: google.maps.MapTypeId.SATELLITE
});

var heatmap = new google.maps.visualization.HeatmapLayer({
  data: heatmapData
});
heatmap.setMap(map);

HeatMap Layer API Docs →
Google Heatmap Layer Demo →

Collusion – See who’s tracking you online

Collusion is an experimental add-on for Firefox and allows you to see all the third parties that are tracking your movements across the Web. It will show, in real time, how that data creates a spider-web of interaction between companies and other trackers.

A neat demo/datavisualization is also available, in case you don’t want to install the add-on or if you’re running an other browser.

Collusion (demo + extension) →

Descent of ESA’s Huygens’ probe at Titan

This movie, built with data collected during ESA Huygens’ mission at Titan on 14 January 2005, shows the operation of the DISR camera during its descent up to touch-down. The almost 4-hour long operation of DISR is shown in less than five minutes – 40 times the actual speed up to landing and 100 times the actual speed thereafter

Wow! For a full explanation of the visualization, ESA has prepared a PDF with all info.

(via Michel)

Spectrogram – Canvas based Musical Spectrum Analysis

Sound frequencies are displayed as they are heard. Lower frequencies are mapped low (bottom) to high (top). Brightness is determined by amplitude.

Sweeping tones and rhythmic patterns create intricate structures. The circular form is in memorial of dead formats; the CD, MiniDisc and others. R.I.P.

Here’s a Leesa’s The Mansion run through Spectrogram:

Built by Lee Martin (Soundcloud developer), using <canvas> and the Soundcloud API.

spectrogr.am →
(add any soundcloud track URL to the URL to see that track visualized)

(via iso50)