LASTFM LISTENING HISTORY

ID: MD-0002-1.0.0

Interactive visualization

Activating filters will impact the visualisation in realtime.

Calls to the elasticsearch backend provide realtime analytics very fast and visuals are updated instantly.

DATA

Dataset comes from last.fm api. It is my listening history over 8 years. Each event is a track i listen to at a specific day and time, for an artist, album and track title.

VISUALIZATION ENCODING

Top histogram is the count repartition of tracks listened over time.

In the middle there is 6 calendars per years. Each square cell is colored with the number of listens this day. The more i listen music, the more the cell is filled darked.

At the bottom you have facets. This is the top track / album / artist i listen to by frequency.

VISUALIZATION INTERACTION

Facets are interactives. When clicked it filters the whole visualisation dataset. Histogram and calendars are updated in real time.

TECHNOLOGIES

html, css, javascript, d3js, elasticsearch.

STORY

Calendar visualization by years of my listening history. A global histogram shows evolution by time for all years. Calendar cells density is related to listening count for this day.

This visualisation is interactive, you can filter by track/artist. It will update calendar and histogram in real time.

I really like the calendar view. We do not see it often but its really connected to our inner vision of our time schedule.

Last.fm listening history: a bar chart timeline and year-by-year calendar heatmaps of tracks played from 2006 to 2013

MY WORK

Last.fm listening history: a bar chart timeline and year-by-year calendar heatmaps of tracks played from 2006 to 2013
LASTFM LISTENING HISTORY
Bordeaux weather: a dot-matrix heatmap where the size of each dot encodes the measured value
BORDEAUX METEO
Beehive weight over time: a 3D bar chart with one column per day and one bar per hour
BEEHIVE WEIGHT
Light sensor readings at home: a dot matrix where the size of each dot encodes the measured brightness
LIGHT SENSOR
Realtime beehive monitoring: line charts of temperature and weight for the OpenBeeLab project
REALTIME BEEHIVE
CAPC museum open data: acquisitions per year since 1950, with rankings by artwork type and by artist
CAPC OPEN DATA