Try Yours
bold features are implemented, em features are a work in progress,
italic features are planned, but not yet in development.
-
yearly heatmap: that shows the most and least active days, over a yearly period. Measured by the number of scrobbles. It defaults to the period of [1 year ago, today].
-
yearly time series:that shows the number of scrobbles per week, over a yearly period. For every week, it shows the song, artist, and album most listened to. It defaults to the period of [1 year ago, today]. -
yearly artist time series: that shows the number of scrobbles from a single artist per week, over a yearly period. For every week, it shows the most listened to song. Allow to switch the measurement method between scrobbles and listening time.
-
overall decades histogram: that shows the number of
[scrobbles, unique tracks]for songs originally released by decade. -
language distribution (pie?): that shows the languages proportion for the
[scrobbles, unique tracks]in the library. -
explicit vs. non-explicit: that shows the percentage of
[scrobbles, unique tracks]with explicit content.
- The
nmost listened to[songs, artists, albums]for every[day, week, month, year], over[week, month, year, overal, custom].
This project is being built using React.
To display page sections as a fullscreen element, we use fullPage.js
For the visualizations, we use d3.js.
To use the tool, you just need to visit https://lastfmstats.herokuapp.com/
To contribute with the development you'll need a working copy of the repo in your working machine.
-
You'll need to have
npmoryarninstalled. -
Fork the repository.
-
Clone and open the directory
$ git clone git@github.com:{user}/lastfm.git $ # https://github.com/{user}/lastfm.git $ cd lastfm -
Available scripts
npm start/yarn start- Runs the app in the development mode. Open http://localhost:3000 to view it in the browser.
npm test/yarn test- Launches the test runner in the interactive watch mode.
npm run build/yarn run build- Builds the app for production to the build folder.