Info


This site is dedicated to music and visualization and as such it allows you to do the following:

  • Explore top artists of Last.fm users in a visual manner.
  • Share you charts.
  • Learn about artists.
  • Offline browsing – once loaded, the artist’s info is stored in the browser cache which can be explored via Artists & People Cache page. All you need is to point your browser to www.lastchart.com – it doesn’t matter if you are online or offline.

Charts


Here is the list of available charts.

Bubble

Circles represent artists and surrounding hulls their group.

Force

Circles represent artists and surrounding hulls their group. Similar artists are linked.

Map

Rectangles represent artists and surrounding boxes their group.

Pack

Circles represent artists and surrounding hulls their group. Similar artists are linked.

Sun

Rectangles represent artists. Rectangle width represents amount.

List

Rectangles represent artists. Rectangle height represents amount.

Cloud

Words represent artists and font size how much they are listened to.

Stream

Areas represent artists and their weekly listening amount history.

Requirements


HTML5 Powered with CSS3 / Styling, Graphics, 3D & Effects, and Offline & Storage

This site utilizes modern browser HTML5 technologies — the faster browser you got the better. See the list below for details.
By clicking an item in the list you can get even more details.
The only crucial components are SVG and Canvas for charting and Web Storage and Offline web applications for offline browsing. The rest is optional, but recommended for the optimal experience.

Acknowledgements


This site is based on Last.fm great service and brilliant D3 visualization library. Other used libraries, tools and services are listed below.

  Version License Link
Ant1.8.2Apacheant.apache.org
Backbone0.9.2MITdocumentcloud.github.com/backbone
Backbone.Paginator0.15MITgithub.com/addyosmani/backbone.paginator
Bootstrap2.0.2Apachetwitter.github.com/bootstrap
Closure Compiler1346Apachecode.google.com/p/closure-compiler
D32.8.1©mbostock.github.com/d3
Detect mobile browser2012-02-28PDdetectmobilebrowser.com
GlyphiconsFreeCCglyphicons.com
Google Web FontsTOSwww.google.com/webfonts
HTML5 Boilerplate3.0PDhtml5boilerplate.com
HtmlCompressor1.5.2Apachecode.google.com/p/htmlcompressor
JavaScript Last.fm API2010-12-07©github.com/fxb/javascript-last.fm-api
jQuery1.7.2MIT / GPLjquery.com
JSON22011-10-19PDgithub.com/douglascrockford/JSON-js
Last.fm API2.0TOSwww.last.fm/api
MD52.1BSDpajhome.org.uk/crypt/md5
Modernizr2.5.3MIT / BSDgithub.com/Modernizr/Modernizr
Mustache0.5.0-devMITgithub.com/janl/mustache.js
Naked Domain RedirectFreewwwizer.com/naked-domain-redirect
Normalize.css2012-03-11PDgithub.com/necolas/normalize.css
Respond1.1.0MIT / GPLgithub.com/scottjehl/Respond
S3cmd1.1.0-beta3GPLs3tools.org/s3cmd
Sizzle1.5.1MITgithub.com/jquery/sizzle
Underscore1.3.1MITgithub.com/documentcloud/underscore
Validity1.2.4Apachegithub.com/renyard/validity
When can I use...TOUcaniuse.com
YSlow3.1.0BSDgithub.com/marcelduran/yslow
YUI Compressor2.4.7BSDdeveloper.yahoo.com/yui/compressor

Screenshots


  • Cloud chart
    Cloud chart
  • Treemap chart
    Treemap chart
  • Pack chart
    Pack chart
  • Bubble chart
    Bubble chart
  • Force chart
    Force chart
  • Stream chart
    Stream chart
  • List chart
    List chart
  • Sun chart
    Sun chart