Web Development

Crypto Bubbles

Crypto Bubbles visualizes the current state of cryptopcurrency market using D3.js. More specifically, it visualizes the market cap and price volatility of the top 65 cryptocurrencies. The market cap data is fetched every time the page is refreshed, while the price of each cryptocurrency is fetched every 30 seconds through AJAX polling.


The landing page when user first loads the application.

Market cap sorted in order. Users are able to hover over and press on the force bubble for more detail.

Price change of cryptocurrencies over the last 30 seconds. Force bubbles on top are the ones that had a net gain, center are unchanging, and lower are the ones that had a net loss. Users are able to hover over and press on the force bubble for more detail.

The searching feature. Users are are able to search for the 65 cryptocurrencies on any of the three pages.