Aquí tenemos un canvas y un svg porque p5.js utiliza el primero mientras que D3.js utiliza el segundo.
¿Qué es p5.js y qué es D3.js? El apellido .js puede darles una pista. Se trata de JavaScript. Ambas son bibliotecas de JavaScript; mientras p5.js es una biblioteca que reinterpreta Processing para la Web, D3.js es una biblioteca desarrollada para producir visualizaciones de datos en Web.
Ahora revisaremos D3.js, lo que implica trabajar con HTML, CSS y SVG, además de JavaScript simplificado por la misma biblioteca.