recreate this app using coingecko api

make the bubbles such that they float around colliding with each other and afffected by gravity. collisions should be bouncy

bubble are moving automatically. they should settle after some time. i should be able to drag indivudual bubbles. make base bubble size a bit bigger

fix collision logic, its not stable now, getting suddn movements

dragging not working.

change the bubble size to be dependent upon the change percent. still not able to drag indivudual bubbles. bubles should never overlap

on chaging filter to week, where percentage chage is large, bubles are rendered iraatically and large. change the base size to smaller, if percentage is high. on chaging filters, the whole frame is chaging. it should keep the current frame and add/remove changed. if any new one is popping up it should start from size 0 and go upto its designated size, like its popping in. if something is remove, it should pop out of the frame

sizes of each bubble is same and not dependent upon percent change. gravity is gone?

remove live. make base bubble size larger for hour and today, as they are looking very small.

make bubble sizes use log scale. as in base + log dependent value multiplier for percent change * constant

this will make sure % change diffrence is clear when seeing bubbles directly.

remove + 1-100 crypto stocks buttons. remove header actions as well. add remaining filters in header. make the searchbar full width, bottom border, no border radius

move search below header outside.

seach bar parent should not have any padding, it should be flush with the sides and top header. add internal padding to the input

remove search bottom border.

make the ui 100x better

its very laggy. and overlappings are still there change the collision logic entierly and make sureno overlapping is there.

all bubbles look similar in size. make the size difference look a bit prominently.

change filter tags into a dropdown. make change percentage number mono, change crypto name into a cool sans font. remove the image from top and make it such that its the bg of the bubble. make sure the red/green distinction is there and the logo is visible through this overlay. use black bg color for the body, seach and content section bg.

use default shadcn dropdown instead of custom one

the overlay is too opaque and the logo behinf is not properly visible

logo is toll blur. and not visible. make the logo object fit cover, and increase transpirancy of the green/red overlay.

make the year as default