Flecha superpuesta de CSS

Estoy tratando de lograr algo muy, muy similar a la imagen de abajo con CSS3 solamente.

La única diferencia es que el último div tendría una punta puntiaguda.

En mi búsqueda de algo similar para adaptar, he encontradoeste js violín que se acerca mucho a lo que quiero hacer, pero presenta dos problemas: primero, se hace con lienzo y, segundo, me obliga a "dibujar" flechas dos veces para cada flecha, una para el div y otra para el div. Espacio antes de la siguiente flecha. Tiene que haber una forma más limpia de hacer esto: ¿alguien puede orientarme aquí?

Lo que necesito saber es cómo construir lo que se muestra en la imagen de arriba, una serie de flechas div superpuestas, solo con CSS3.

Respuestas a la pregunta(2)

Su respuesta a la pregunta