Pele – Mermaid diagrams as themeable SVG

Pele es una librería de código abierto que renderiza diagramas Mermaid en SVG sin necesidad de un motor de layout externo ni de un framework de UI. Pesa solo 230 kB comprimidos y no lleva ninguna dependencia directa. La librería acepta la misma sintaxis que Mermaid.js, pero cambia el método de renderizado de colores. En lugar de usar un objeto de tema, los elementos del SVG referencian variables CSS directamente del navegador.

Esto permite cambiar de tema sin volver a renderizar el diagrama. El render() de Pele devuelve el SVG listo para insertarlo en el DOM en menos de 0,3 ms, en comparación con 6 a 82 ms de Mermaid.js. Pele vivió en un sitio web donde también sirve como editor interactivo para visualizar y probar los cambios en tiempo real.