Recientemente he estado tratando de recrear el gráfico apilado de Mike Bostock, en la forma en que se presenta en un cuaderno Observable aquí:

https://observablehq.com/@mbostock/most-popular-operating-systems-2003-2020

El código realmente funciona en el cuaderno cuando conecto los datos, pero parece fallar cuando lo ejecuto en el entorno local. No soy un experto en convertir el código del portátil Observable a HTML/JS, pero por lo general puedo lograrlo después de algunas pruebas y errores. Esto parece estar eludiéndome en este momento. Cuando estoy ejecutando este código:

 function _series(d3,data){return( d3.stack() .keys(d3.group(data, d => d.Article).keys()) .value(([, values], name) => values.get(name) || 0) (d3.rollup(data, ([d]) => d.stock, d => +d.date, d => d.Article)) )}

la función devuelve una matriz de matrices con solo entradas individuales, mientras que en el cuaderno original en realidad devuelve una matriz de matrices con valores para fechas individuales para elementos individuales.

Entonces, mi problema es que en realidad no entiendo lo que sucede en este código. ¿Por qué hay un d3.rollup separado entre paréntesis después de llamar al valor? ¿Valor realmente se llama con dos conjuntos de argumentos en dos corchetes diferentes? Mi JavaScript es bastante malo, y no es algo con lo que esté muy familiarizado.

¿Puede el hecho de que funcione en un cuaderno pero no fuera de él estar relacionado de alguna manera con lo que sucede en Observable detrás de escena? ¿Cómo puedo modificar el código para que pueda ejecutarse fuera de Observable?

Muchas gracias,

Rafa