Tengo un problema similar a este post. Desafortunadamente, la solución allí no me ha funcionado. ¿Cómo puedo usar d3.hexbin dentro de un componente de reacción? Lo he incluido en las dependencias y lo he instalado.
"dependencies": { "d3": "^7.3.0", "d3-hexbin": "^0.2.2"}
Importé d3 originalmente así:
import * as d3 from 'd3';Además de hexbin, puedo usar la mayoría de los módulos y hasta ahora pude hacer gráficos de dispersión y de barras. Soy bastante nuevo en esto, y lo siento si me estoy perdiendo algo obvio, házmelo saber. ¡Gracias!
Si está utilizando Typescript, primero asegúrese de haber instalado @types/d3-hexbin en sus devDependencies.
Has probado:
import * as d3 from 'd3-hexbin' const hexbin = d3.hexbinSi ya tiene una instancia d3, puede cambiar el nombre de la importación como:
import * as d3Hexbin from 'd3-hexbin' const {hexbin} = d3HexbinDespués de importar la biblioteca, aquí se explica cómo desestructurar y renombrar en una sola línea:
const {hexbin: d3HB} = d3HexbinAquí hay una caja de arena que funciona