maxlaumeister / bitlisten

Realtime Bitcoin transaction visualizer

BitListen - Bitcoin Transaction Visualizer

Current version hosted at BitListen.com. Project formerly known as "Listen to Bitcoin" (ListenToBitcoin.com has been sold.)

Realtime Bitcoin transaction visualizer written in HTML/Javascript. See and hear new transactions and blocks as they propagate through the Bitcoin Network.

Building

The project is built and ready-to-go. If you change any of the javascript, you will need to re-build the bitlisten.min.js file using Grunt. If you haven't used Grunt before, here is a short tutorial:

1. Install Node.js.

2. Install grunt-cli using sudo npm install -g grunt-cli.

3. Cd into the project directory and run npm install to install the proper Grunt version and dependencies for this project.

4. Run grunt to build BitListen. Alternatively, run grunt watch to build BitListen, host it at http://localhost:8000, and watch for and rebuild changes in the source files.

The compiled/minified script will be output to bitlisten.min.js.

APIs and Libraries

BitListen uses these libraries:

• Howler.js by James Simpson
• Reconnecting-Websocket by Joe Walnes

BitListen uses these APIs:

• Blockchain.info WebSocket API (For Transactions)
• Bitstamp.net WebSocket API (For Price Ticker)

License

If you distribute this project in part or in full, please attribute with a link to the GitHub page. This software is available under the MIT License, details in the included LICENSE.md file.

bitlisten's Issues

Add instrument selection by data source

A user could select different instruments based on the data source (for instance, instrument 1 for Mt.Gox trades, and instrument 2 for Blockchain transactions).

suggestion: visually indicate which transaction is making the sound

A transaction sphere should change color or something at the very moment it emits a sound.

Support for modifying settings via URL parameters

For example, "listentobitcoin.com/?mtgox=true&interface=false"

suggestion: digit grouping

For example 4385738573 => 4 385 738 573

suggestion: bubble size based on bitcoind days destroyed

Would it be easy to select to display bubble sizes based on bitcoin days destroyed instead?

Bubbles should continue moving even when tab is not in focus

As it is, when the site is not in view, and a bunch of transactions occur, they will all be grouped together in a solid line of bubbles when the tab is refocused, diminishing much of the visual splendor of the site.

(Observed in Chrome stable, on Linux.)

Screenshot:

suggestion: show bubbles coallescing to a block

Would be amazing if the bubbles that go into a block could be shown visually doing this!

Amazing to see blocks containing over 500,000BTC per block. Wouldn't have known this without this app!

Sound should not cut off previous sound if it is the same sound file being played again.

When a sound is played and it is the same sound file that was previously played, it clips the note when playing it.

Listen only to new blocks in the chain

Would it be possible to add check boxes such that only newly generated blocks are heard, not all transactions?

This is an amazing project, by the way -- great idea, great realisation, I love to have a tab open in the background :)

block value is always in BTC even if "Show units in USD" is ticked

Add sound to indicate market volume and directionality

Add an instrument to express market price rise and fall in increments, with a way to distinguish between rise and fall. (Idea: Major vs minor/discordant chords.)

Shellshock

shellshock test - http://shellshock.brandonpotter.com/ shows some vulnerabilities on my instance, e.g. (Root URL) (Header User-Agent exploit attempted with () { :;}; wget)... Error

Add an option to display transaction size in USD instead of BTC

Within each bubble, the transaction size is currently displayed in BTC. A UI toggle could make it so that these transaction sizes are displayed in USD. This would make it easier to see how large transactions are at a glance.

connect / disconnect sound?

Is it possible to add a connect / disconnect sound? :D

Add option to show total transaction volume since visiting the site

Add a counter that counts up with each transaction, so that you can tell how many bitcoins have been sent since you opened the web page.

Horizontal scrollbar always appears at the bottom

Easy fix:

* {
  box-sizing: border-box;
}

in your CSS.

(Cool work btw, I think there's tons of potential for blockchain visualisations).

suggestion: Listen in other tabs

Can you please add a function where you can listen outside the tabs? It would be nice to listen while working.

hi max

i was trying to set this up via websocket on the insight explorer.. it uses socket.io, served from
/socket.io/ ie: https://insight.bitpay.com/socket.io/?EIO=2&transport=websocket&sid=45phrp2GEjPdrlOgABKU

for some reason when i replace the wss://bitcoin.toshi.io with wss://insight.bitpay.com/socket.io/ it doesnt connect. im very familiar with nodejs, but not using websockets. im guessing my address syntax is off.

care to lend some advice?

ive tried
wss://insight.bitpay.com/socket.io/inv/
and
wss://insight.bitpay.com/socket.io/

but im not getting anywhere. ill tip for your time. thanks =]