manual de mi pagina

8. dibujarPictograma

minimo

/* ==================================================================
dibujarPictograma(contenedorId, datos, icono, valorPorIcono, color)

Dibuja un pictograma usando íconos SVG.

ESPERA:
- contenedorId: id del div donde se dibuja el pictograma.
- datos: arreglo de objetos con forma:
{ label: "Texto", valor: número }
- icono: path SVG del ícono
- valorPorIcono: cuánto representa cada ícono completo
- color: color de los íconos

EJEMPLO MÍNIMO EN HTML:
<div
id="pictograma-1"
class="pictograma-auto"
data-datos='[
{"label":"A","valor":6},
{"label":"B","valor":9},
{"label":"C","valor":3}
]'
data-icono="M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7z"
data-valor-por-icono="2"
data-color="#ff6200">
</div>

COMPORTAMIENTO:
- Cada ícono completo representa valorPorIcono unidades.
- Si sobra una parte, se dibuja un ícono fraccionado.
- Si valorPorIcono no es válido, no dibuja.
================================================================== */