Git Product home page Git Product logo

scatter.fm's Introduction

Scatter.FM

Source code for https://scatterfm.markhansen.co.nz/, a scatterplot visualization of Last.FM scrobbles. Date on x-axis, time on y-axis.

Development

Start compiling TypeScript to JavaScript:

$ tsc --watch

Run a web server:

$ cd public/
$ python3 -m http.server

Deploy

Happens automatically on merge

scatter.fm's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

scatter.fm's Issues

Can't fetch any of 2020 scrobbles

Bugreport from a user:

Hi, thought I'd take another look at your tool to see how lockdown affected things, it seems its not able to fetch any of 2020 aside from the most recent stuff (it's stuck on endlessly loading the past 2 pages too).

Also less of an immediate bug, probably rated to me having over 1k pages of scrobbles, but it still breaks if I attempt to zoom in.

1603207093157blob

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

This repository currently has no open or pending branches.

Detected dependencies

github-actions
.github/workflows/firebase-hosting-merge.yml
  • actions/checkout v4
  • FirebaseExtended/action-hosting-deploy v0
.github/workflows/test.yml
  • actions/checkout v4
  • actions/setup-node v4
npm
package.json
  • @types/backbone ^1.4.17
  • @types/jquery ^3.5.25
  • @types/mustache ^4.2.4

  • Check this box to trigger a request for Renovate to run again on this repository

Can't request AudioScroller API over HTTP from HTTPS site

Error in chrome, to reproduce hit this URL:

https://scatterfm.markhansen.co.nz/graph.html#/user/Mark_Hansen

I recently migrated the website to HTTPS, and I guess I didn't test it. We can't go back to HTTP, because Chrome is marking HTTP sites as 'Not Secure'.

Mixed Content: The page at 'https://scatterfm.markhansen.co.nz/graph.html#/user/Mark_Hansen' was loaded over HTTPS, but requested an insecure script 'http://ws.audioscrobbler.com/2.0/?callback=jQuery18209415678670979595_1532944671086&method=user.getrecenttracks&user=Mark_Hansen&api_key=274b18a7aa58eea083ce78c0135953fd&format=json&limit=200&page=1&_=1532944672112'. This request has been blocked; the content must be served over HTTPS.
send @ jquery.min.js:2
ajax @ jquery.min.js:2
run @ Request.js:3
_.delay @ RequestQueue.js:27
(anonymous) @ underscore-min.js:5
setTimeout (async)
T.delay @ underscore-min.js:5
doAnotherRequest @ RequestQueue.js:25
add @ RequestQueue.js:17
fetch_scrobbles @ FetchModel.js:21
(anonymous) @ AppController.js:30
trigger @ backbone.js:163
change @ backbone.js:473
set @ backbone.js:314
router.on.user @ AppRouter.js:10
trigger @ backbone.js:163
(anonymous) @ backbone.js:901
(anonymous) @ backbone.js:1081
T.some.T.any @ underscore-min.js:5
loadUrl @ backbone.js:1079
start @ backbone.js:1046
(anonymous) @ AppRouter.js:19

Zooming via double-click

Some charts may zoom in "weirdly". An option to fit the chart to the box only where dots are would be neat.

Ex.

my listening data is entirely between late 2011 and today.

To see everything and removing all whitespace, I'd have to zoom in when x-axis is between January 2010 and today.

After zooming, I see January 2011 - July 2015. When I move the chart, the maximum I can see would be approx. 3.5 years.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.