DrawingBitcoin.com: A Visual Representation of Bitcoin Blocks

[Pmalek]

I don't own nor am I associated with this service. I came across it and found it interesting. That's the only reason I am sharing it here.

DrawingBitcoin is a Bitcoin block visualizer that fetches new blockchain data in real time. It's powered by the mempool.space api, but the developer plans to self-host it in the future.

In the middle of the website, you will see a ring pattern. That's the most recent mined Bitcoin block. Each block is represented as a ring that you can hover with your mouse over to display the BTC values that compose that block.

For example, here is block height #929865:


You can see the current block information in the top-right corner of the website. It displays the block height, number of transactions in the block, the timestamp, and the hash.

You can also compare two blocks, in which case the ring gets divided into two: one half for each ring. If you want to do that, enter a block height under the "Compare blocks" section.

In the image below, you can see how block #929865 looks in comparison to block #266133, for example:


The website supports standard and black mode.
Click the arrow on the right to enter full-screen mode to get a bigger block visualizer.

Website: https://drawingbitcoin.com/
X: https://x.com/architect_btc

[Upgrade00]

Looks like they arranged the transactions in increasing order from inside to out with with largest transactions in the block all the way on the outside of the circle, it's also possible that it adds up as it goes out of the circle.
Would have been a good touch if someone could click on any individual tx, but I understand the aim was to visualize the entire block and compare them.

[noorman0]

I thought the slider was for zooming the circle, but it turns out it's for displaying other blocks even though I've already manually entered a block. I think it would be great if the slider worked as I expected, and if mouse hover could also display more information like a sender and receiver summary or the network fees spent. But I understand there aren't any active developers here, so hopefully they'll read this suggestion.

[Pmalek]

Would have been a good touch if someone could click on any individual tx, but I understand the aim was to visualize the entire block and compare them.

I had the same thought the first time I inspected the website. A little pop up with transaction information on the right of the block visualizer would have been a neat addition. Who knows, perhaps it will be added in a future update.

I thought the slider was for zooming the circle, but it turns out it's for displaying other blocks even though I've already manually entered a block.

It seems like the only way to increase the size of the circle is to click on the little arrow on the right. Zooming with the mouse wheel also doesn't change the visualizer's size. It only changes the block information displayed on the right.

[Upgrade00]

I thought the slider was for zooming the circle, but it turns out it's for displaying other blocks even though I've already manually entered a block.

I half imagined a futuristic display where you can highlight a circle and it rises above the rest with all major details about it shown.

I had the same thought the first time I inspected the website. A little pop up with transaction information on the right of the block visualizer would have been a neat addition. Who knows, perhaps it will be added in a future update.

I saw in the about page that it was created to aid drawing of Bitcoin blocks as physical artworks, I guess hence the name of thee website. If that's the case, it was never meant to replace a typical block explorer, anyone looking for that information can find it.

[PX-Z]

Does the first access is always takes time to load? Waiting at least a minute or even so, and i'm using a phone but i guess it's much appreciated if accessed in desktop mode. As well as changing the block height takes times.

Well, it does good, but i guess using different color instead of only white is much better?

[Pmalek]

Does the first access is always takes time to load? Waiting at least a minute or even so, and i'm using a phone but i guess it's much appreciated if accessed in desktop mode. As well as changing the block height takes times.

The first time you load the website or when the service fetches data of a new mined block, it takes time to load all the transactions and display them in the visualizer. But it doesn't take that long on my end and when using a desktop. I would say that it requires 15-20 seconds. Maybe it's different on a phone. I have never tried it. Perhaps it also depends on the speed of your internet connection.

Well, it does good, but i guess using different color instead of only white is much better?

The default color of the rings is white, with the rest of the website in dark grey. I think it looks worse if you disable dark mode. You then get the rings in black on a white background. My eyes are crying to make it stop when I do that.