Hola! Necesito ayuda con este paso. Ya agregue el margin: 2px; en Style y .bar. En la línea que pide que cambie el código la modifique y quedo de esta forma: .style("height", (d) => (d*10 + "2px")) aun así me arroja error. No sé qué puede estar pasando.
Tu código hasta el momento
<style>
.bar {
width: 25px;
height: 100px;
/* Agrega tu código debajo de esta línea */
margin: 2px;
/* Agrega tu código encima de esta línea */
display: inline-block;
background-color: blue;
}
</style>
<body>
<script>
const dataset = [12, 31, 22, 17, 25, 18, 29, 14, 9];
d3.select("body").selectAll("div")
.data(dataset)
.enter()
.append("div")
.attr("class", "bar")
.style("height", (d) => (d*10 + "px")) // Cambia esta línea
</script>
</body>
Información de tu navegador:
El agente de usuario es: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Mobile Safari/537.36
Información del Desafío:
Visualización de datos con D3 - Cambia la presentación de un gráfico de barras