Crypto Portfolio Chart Integration

I want a clean, interactive portfolio chart that shows my cryptocurrency holdings directly on my website. The component must be fully responsive and tested on iOS, as most of my audience will view it from iPhones or an eventual native wrapper. Smooth pinch-zoom, tap-to-view data points, and dark/light theme switching are essential.

Live price updates should come from a standard crypto market API (CoinGecko, CoinMarketCap, etc.), but keep the logic abstract enough so I can swap feeds later without rewriting the front end. I already have endpoints that return my wallet balances in JSON, so the chart just needs to consume that feed, merge it with live prices, and display:

• A time-series line chart of portfolio value
• A current allocation pie or doughnut chart
• Percentage change badges for 24 h, 7 d, and 30 d

Deliverables
1. Front-end chart module (React, Vue, or vanilla JS with Chart.js / D3 / Highcharts—your call, just note it clearly)
2. Embed snippet and step-by-step integration guide for my existing site
3. A brief README covering how to point the module at a different API later
4. Quick screen recording proving the chart works smoothly in Safari on an iPhone

Acceptance criteria
– Loads under 2 s on a typical 4G connection
– Updates data at my chosen interval without full-page refresh
– No visual glitches when rotating an iPhone or switching themes

Feel free to suggest minor UX tweaks, but please keep the core layout exactly as specified so I can drop it into the current site with minimal fuss.

I don’t know what half of this is. I own crypto on Coinbase & on a Tangem wallet I just want a chart with what I paid for it what the price is today & what is profit&loss. Of course need it to update. And I need to be able to change amount I own if I buy or sell.