Title
InstaWrapped
Gallery
What it does
High-performance analytics & visualization for Instagram archives.
A stateless analysis engine that transforms raw Instagram data exports into interactive visual reports. It handles massive JSON datasets through streaming uploads and serves complex interaction metrics without ever persisting user data.
Core Features
- ✦O(N log N) message analysis pipeline
- ✦D3.js force-directed network visualizations
- ✦Streaming multipart upload architecture
- ✦Automatic UTF-8 text corruption recovery
How we built it
The core challenge was Instagram's data export format — specifically recovering corrupted UTF-8 encoding before any analysis could happen. From there, the focus shifted to visualizing social networks, which led to implementing a memoized D3.js force-graph that remains responsive even with thousands of nodes.
System Flow & Architecture
Built as a stateless system to ensure privacy; data is processed in-memory and streamed to the client. The analysis engine uses hash-map aggregations and sliding-window algorithms to compute reply-time distributions and interaction graphs. Frontend performance is optimized via dynamic module loading and pre-aggregated D3.js layouts.
Tech Stack