Topic: BitcoinCity - Drawing bitcoin transactions (Read 1867 times)

Sure but this is something like art, and you should promote this, hopefully it will be appreciated in the art community!

Thanks, but it's not my goal to make money out of it, although i have a bitcoin address on the info page and all donations are welcome.

It depends on your screen dimensions, so trying it on a wider screen or switching your browser to fullscreen mode might help.

Great idea, you should add 1 small ad on it, atleast get some money from it 

You could make some money with that.

I'ts fun project, unique and neat of course
i like trip mode because i can see txtrip stats, but i can't show a lot txtrip part like your screenshot, just show 2 only.


~iki

Small Update
------------------------------------------------
- Info added to the homepage
- Tx info added to "Full Size" view
- New marker/building for stealth addresses
- 6 new services identified
- New favicons

Check it out! http://bitcoincity.info

Mosaic Mode example:

Settings
- Ground: static green
- Street: static darkslategray
- Roof: I/O script type based
- Background: static default

Trip Mode example:

Settings
- Ground: dynamic from hash
- Street: dynamic from hash
- Roof: random
- Background: time based

Updated!

- Fixed some lower resolution problems, you now also have all viewing modes available on small screens.
- Fixed drawing issue on identified services when no address is specified on the output.

@btc_enigma
I think my code is a mess. I'm not hiding it, but i think i'm not that experienced in javascript to create a clean open source version. For now, if you want, you can just save the page and edit it. I can help you if you want to customize it.

You can also verify the transactions by clicking the drawing. This will create a little thumbnail where that and other options are available. You can also try and "zoom out" to simulate a resolution increase.


@Dilemma
Thank you


@bitcoininformation
100% correct  

This is pretty neat. Let me see if I get this correctly:
- Left side of the road is/are the origin address(es).
- Right side of the road is/are the outgoing address(es).
- The higher the buildings the more are sent from/to that address.
- Multiple buildings mean multiple addresses.

Correct?

hahaha Funny and usefull website
interesting idea..
thanks for you work....

Would be great if we can click on a transaction and see the details

Hey, really cool service ...  are you making this open source ?

It was just a fun way to get into with javascript. Not really a service, unless you save it and change it to monitor your wallet(s) or something like that.
After you get used to it, it's like the matrix, you don't see drawings anymore, just transactions.

Make sure you try "Trip Mode" and "Mosaic Mode" for the whole experience.
Thanks for the feedback. Send me your thoughts.

I don't really get it, but:

neat.

BitcoinCity.info

The idea was to graphically represent bitcoin transactions, and it ended up like this...
BitcoinCity uses Blockchain.info websocket API as source of data and Isomer as javascript graphics library.
It receives information on the latest bitcoin transactions, mostly still unconfirmed, and draws a little city based on the transaction info.
It tries to display as much information as possible about the transaction, with a touch of randomness to make each city as unique as possible.



City Elements
   
Ground
   - ground depth/elevation reflects transaction size in bytes

Building
   - each building shows either an input (north side of the street) or an output (south side of the street)
   - building colors have 2/3 parts based on the 7th and 8th byte of the input or output script, the 3rd part is forced to max, red channel for the inputs and green channel for the outputs
   
   - inputs and outputs with less than 1 btc form a round tent
   - 1 or more btc generates a building
   - the larger the value, the taller the building

   - inputs and outputs with multisig addresses are meant to look like castles, as they are more secure
   - if value >= 100 000 btc, you get a special building
   
Window
   - inputs and outputs need at least 1 btc to have windows
   - if value <= 10 btc, large windows will light up to represent the number of btc (ex: 2 lights up means the number of btc is >= 2, but < 3)
   - if value > 10 btc and < 100 000 btc, windows will light up to represent the input or output amount. Each column of windows represents the digit's place and each
     floor represents the digit. Bottom floor is 0, top floor is 9 (ex: transaction amount of 99 999 btc, all windows on top floor will be lit)
   
Roof
   - each roof is coloured green when unspent, red when spent, with variations according to the script type of the associated input or output
   - if a building should be taller than the limitations, it gets a roof twice the normal size
      
Flag
   - as blockchain.info displays tags on some of the addresses, these addresses will have a small white flag on their roof
   - transactions from some known services (Proofofexistence.com, Counterparty.io, Coinprism.info, OpenAssets, Blocksign.com, Coinspark.org) are also identified by
     a coloured flag, according to the service
            
Crosswalk
   - escrow transactions get a crosswalk on the street, something that "helps" the side crossing/transaction completion
      
Tree
   - when no fee is paid to the miners, it doesn't help the network, and so a brown tree appears as a reminder of the "environment"
      
Limitations
   - Only the first 24 inputs/outputs will be represented
   - Max building height is 4 btc


Special thanks to @bitcoinmom, @JVianaZ, @zonkism and @RussHarben for their endless patience, precious advice and good will helping me in this fun project.