Definitely check out the Geomerative library if you haven't already.

Also, see this work by Jono Brandel: http://inprocessing.cybersonica.org/v1-1-output/

Woow thanks this library is amazing ! 

This project will be a challenge if you are just starting with Processing.

No need for you to prove this point with posting of quasi-random code snippets.

Let's start with the basic parts of this potential sketch.

1. // this is not real code, just pseudocode to show the main steps
2. 
   
3. import libraryOne.*; // first import the libraries (which are INSTALLED correctly beforehand)
   
4. import libraryTwo.*;
5. 
   
6. int a,b,c; // define the global variables
7. 
   
8. void setup() {
9.   size(500,500)
10.   loadLetters(); // load the font or svg shapes in setup
    
11.   setupGeomerative(); // do the necessary stuff to set up geomerative
    
12.   setupAudio(); // do the necessary stuff to set up the audio (reactiveness)
    
13. }
14. 
    
15. void draw() {
16.   audioReactiveEffects(); // calculate or change point locations based on audio
    
17.   drawShapes(); // draw all points and lines
    
18. }

If all goes well, you will end up with audio-reactive typography. However making it look and behave in a way you showed in the image will probably be the real challenge. The good news is, that it is very much possible and that Processing allows to rapidly prototype different visual options. So the best thing is to get something working on screen right away and keep building towards your end-result.