Cambia los datos de este case study, revisa la vista previa y copia el código. Pégalo en un elemento Embed dentro del Rich Text del item de la CMS. El donut se calcula solo a partir de los valores de cada categoría.
Desmárcalo si ya cargas esas fuentes en Project Settings → Custom Code → Head Code.
Escribe el nombre y el logo se pone solo: Salesforce, Claude, HubSpot, Apollo, MuleSoft, Snowflake, Airbyte. Si el nombre queda vacío, esa línea no aparece. Si quitas todas, la sección desaparece del embed. Otra tecnología muestra su inicial en el recuadro (puedes ampliar la lista en el código, en TECH_LIBRARY).
Unidad: usa % o × para que quede pegada; palabras como hrs o mo se separan solas. Si quitas todas las métricas, la sección desaparece del embed.
Los valores son proporciones: el donut reparte el círculo automáticamente (pueden ser conteos reales, no hace falta que sumen 100). Si quitas todas las categorías, la sección desaparece del embed.
Cada número es la altura de una barra. La última barra se resalta en azul marino. Usa el interruptor de arriba para incluir o quitar toda la sección.
La primera fila se pinta en naranja (la fuente más fuerte); las demás en azul. Si quitas todas las fuentes, la sección desaparece del embed.
Copia todo y pégalo en un Embed dentro del Rich Text del item. Es HTML estático (sin JavaScript): se ve bien en el Designer y no choca con las clases de Webflow.