LeetCode City
Interactive 3D Procedural Voxel Skyline Visualizer for Algorithmic Portfolios
The Enterprise Problem & Core Constraints
Technical candidates solving hundreds of complex algorithmic challenges on LeetCode have no engaging visual medium to showcase their dedication and problem distribution to prospective engineering recruiters.
AxonFlow AI created LeetCode City: a procedural WebGL 3D skyline visualizer. By querying LeetCode public GraphQL endpoints, the engine transforms solved Easy, Medium, and Hard challenges into architectural skyscrapers with customizable neon color palettes.
Quantified Business ROI
Over 50,000 developers worldwide visualized their LeetCode milestones. Profile shares across LinkedIn and X generated over 1.2M impressions, significantly increasing recruiter outreach for active candidates.
Multi-Tier Production Architecture
GraphQL Telemetry Fetcher
Extracts public solve statistics, submission streaks, and difficulty distribution via an edge-cached proxy to prevent CORS blocks.
Procedural City Generator
Constructs realistic urban city grids with instanced buildings whose heights and floor lights represent verified problem solve milestones.
Interactive Orbit Camera
Smooth touch and mouse orbit controls with cinematic fly-through modes and dynamic shadows optimized for mobile GPUs.
Social Card Renderer
Captures high-resolution canvas snapshots formatted for Twitter cards, LinkedIn posts, and GitHub README embeds.
Enterprise Technical Specifications
Live Production Application Preview
Need a Custom System Built with This Architecture?
AxonFlow AI takes enterprise software from initial architectural scoping to live production deployment with guaranteed uptime SLAs and complete code ownership.