Bitcoin Forum
June 24, 2024, 07:01:56 PM *
News: Latest Bitcoin Core release: 27.0 [Torrent]
 
   Home   Help Search Login Register More  
Pages: [1]
  Print  
Author Topic: BitcoinCity - Drawing bitcoin transactions  (Read 1851 times)
micaman (OP)
Sr. Member
****
Offline Offline

Activity: 345
Merit: 500



View Profile WWW
January 10, 2015, 05:55:36 PM
Last edit: January 16, 2015, 02:07:33 AM by micaman
 #1



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.
qwk
Donator
Legendary
*
Offline Offline

Activity: 3542
Merit: 3413


Shitcoin Minimalist


View Profile
January 10, 2015, 05:58:29 PM
 #2

I don't really get it, but:

neat. Smiley

Yeah, well, I'm gonna go build my own blockchain. With blackjack and hookers! In fact forget the blockchain.
micaman (OP)
Sr. Member
****
Offline Offline

Activity: 345
Merit: 500



View Profile WWW
January 12, 2015, 12:32:10 AM
 #3

I don't really get it, but:

neat. Smiley
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. Smiley

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

Activity: 688
Merit: 567


View Profile
January 12, 2015, 08:22:05 AM
 #4

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

btc_enigma
Hero Member
*****
Offline Offline

Activity: 688
Merit: 567


View Profile
January 12, 2015, 08:23:31 AM
 #5

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

Dilemma
Full Member
***
Offline Offline

Activity: 168
Merit: 100


View Profile
January 12, 2015, 08:33:21 AM
 #6

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

Mitchell
Copper Member
Legendary
*
Offline Offline

Activity: 3962
Merit: 2207


Verified awesomeness ✔


View Profile WWW
January 12, 2015, 08:35:11 AM
 #7

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? Grin

.
Duelbits
            ▄████▄▄
          ▄█████████▄
        ▄█████████████▄
     ▄██████████████████▄
   ▄████▄▄▄█████████▄▄▄███▄
 ▄████▐▀▄▄▀▌████▐▀▄▄▀▌██

 ██████▀▀▀▀███████▀▀▀▀█████

▐████████████■▄▄▄■██████████▀
▐██████████████████████████▀
██████████████████████████▀
▀███████████████████████▀
  ▀███████████████████▀
    ▀███████████████▀
.
         ▄ ▄▄▀▀▀▀▄▄
         ▄▀▀▄      █
         █   ▀▄     █
       ▄█▄     ▀▄   █
      ▄▀ ▀▄      ▀█▀
    ▄▀     ▀█▄▄▄▀▀ ▀
  ▄▀  ▄▀  ▄▀

Live Games

   ▄▄▀▀▀▀▀▀▀▄▄
 ▄▀ ▄▄▀▀▀▀▀▄▄ ▀▄
▄▀ █ ▄  █  ▄ █ ▀▄
█ █   ▀   ▀   █ █  ▄▄▄
█ ▀▀▀▀▀▀▀▀▀▀▀▀▀ █ █   █
█▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀█  █▄█
█ ▀▀█  ▀▀█  ▀▀█ █  █▄█

Slots
.
        ▄▀▀▀▀▀▀▀▀▀▀▀▀▀▄
        █         ▄▄  █
▄▀▀▀▀▀▀▀▀▀▀▀▀▀▄       █
█  ▄▄         █       █
█             █       █
█   ▄▀▀▄▀▀▄   █       █
█   ▀▄   ▄▀   █       █

Blackjack
|█▀▀▀▀▀█▄▄▄
       ▀████▄▄
         ██████▄
▄▄▄▄▄▄▄▄█▀    ▀▀█
████████▄        █
█████████▄        █
██████████▄     ▄██
█████████▀▀▀█▄▄████
▀▀███▀▀       ████
   █          ███
   █          █▀
▄█████▄▄▄ ▄▄▀▀
███████▀▀▀
.
                 NEW!                  
SPORTS BETTING 
|||
[ Đ ][ Ł ]
AVAILABLE NOW

Advertisements are not endorsed by me.
micaman (OP)
Sr. Member
****
Offline Offline

Activity: 345
Merit: 500



View Profile WWW
January 12, 2015, 11:03:21 AM
Last edit: January 15, 2015, 01:32:28 AM by micaman
 #8

@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  Wink
micaman (OP)
Sr. Member
****
Offline Offline

Activity: 345
Merit: 500



View Profile WWW
January 13, 2015, 03:08:00 PM
 #9

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.
micaman (OP)
Sr. Member
****
Offline Offline

Activity: 345
Merit: 500



View Profile WWW
January 18, 2015, 10:10:00 PM
 #10

Trip Mode example:

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

micaman (OP)
Sr. Member
****
Offline Offline

Activity: 345
Merit: 500



View Profile WWW
January 20, 2015, 12:05:02 AM
 #11

Mosaic Mode example:

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

micaman (OP)
Sr. Member
****
Offline Offline

Activity: 345
Merit: 500



View Profile WWW
June 15, 2015, 01:04:56 AM
 #12

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
ikydesu
Hero Member
*****
Offline Offline

Activity: 686
Merit: 500

fb.com/Bitky.shop | Bitcoin Merch!Premium Quality!


View Profile WWW
June 15, 2015, 07:20:57 AM
 #13

I'ts fun project, unique and neat of course Grin
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
RealBitcoin
Hero Member
*****
Offline Offline

Activity: 854
Merit: 1009


JAYCE DESIGNS - http://bit.ly/1tmgIwK


View Profile
June 15, 2015, 07:56:04 AM
 #14

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

You could make some money with that.

micaman (OP)
Sr. Member
****
Offline Offline

Activity: 345
Merit: 500



View Profile WWW
June 15, 2015, 04:11:14 PM
 #15

I'ts fun project, unique and neat of course Grin
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
It depends on your screen dimensions, so trying it on a wider screen or switching your browser to fullscreen mode might help.
micaman (OP)
Sr. Member
****
Offline Offline

Activity: 345
Merit: 500



View Profile WWW
June 15, 2015, 04:14:08 PM
 #16

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

You could make some money with that.
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. Smiley
RealBitcoin
Hero Member
*****
Offline Offline

Activity: 854
Merit: 1009


JAYCE DESIGNS - http://bit.ly/1tmgIwK


View Profile
August 07, 2015, 10:14:16 AM
 #17

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

You could make some money with that.
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. Smiley

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

Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.19 | SMF © 2006-2009, Simple Machines Valid XHTML 1.0! Valid CSS!