Tengo una estructura de datos de árbol donde cada nodo que no es hoja (hijos) tiene este objeto:

 mime_types={ "application/octet-stream": 1, "application/x-executable": 49, "application/x-object": 13, "application/x-sharedlib": 47, "image/gif": 5, "image/png": 3, "inode/symlink": 4, "text/plain": 58 }

Cada hoja de mi árbol tiene un solo tipo y su color relativo (por ejemplo, una hoja de texto/simple será de color azul). Lo implementé haciendo:

 var ListMimes = ['text/plain', 'application/x-executable', 'application/x-sharedlib', 'application/x-object', 'image/gif', 'inode/symlink', 'image/png', 'application/octet-stream'] var myColor = d3.scaleOrdinal().domain(ListMimes).range(d3.schemeSet3);

Pero para cada nodo que no sea hoja, quiero colorearlo (estoy dibujando un rayo de sol) de una manera "proporcional" . Intento explicarlo mejor: en este ejemplo, tengo text/plain con valor 58, por lo que esto "pesará" mucho más que application/octet-stream en el resultado del color final. Entonces, si el texto/sin formato es azul y la aplicación/flujo de octetos es verde, el color final será azul con una cantidad muy pequeña de verde.

¿Cómo puedo hacerlo usando d3?