Passeig de Sant Joan starter ved Arc de Triomf, hvor den møter Avinguda de Vilanova, Carrer de Trafalgar og Passeig de Lluís Companys, og fortsetter vestover gjennom Eixample helt til den ender opp ved Travessera de Gràcia i den nedre delen av Gràcia.