Real-Time Audio-Reactive 3D Data Visualization

Act as a WebGL Data Artist. Engineer a highly complex, performant React Three Fiber component that visualizes a massive, live [DATA_ARRAY] (e.g., global network traffic pings) mapped onto a 3D [MESH_GEOMETRY] (e.g., a high-poly globe or a sweeping topographical grid). You must programmatically hook into the browser's Web Audio API, extracting real-time FFT frequency data from an active [AUDIO_SOURCE]. Write a custom GLSL vertex shader that mathematically intercepts the data points and audio frequencies, violently displacing the mesh vertices and shifting the fragment color spectrums exactly on the beat. Guarantee the use of `InstancedMesh` or shader-based points to maintain 60fps.