.attr("cx",d=>d.valor*5)// também poderia ser d => d['valor'] * 5
.attr("cy",40)
.attr("r",7)
.attr("fill","steelblue")
.attr("fill-opacity",.7);
d3.select("#vis3")
.selectAll("text")
.data(dados2)
.join("text")
.attr("x",d=>d.valor*5+5)// +5 -> mais à direita
.attr("y",40+14)// + 14 -> mais pra baixo
.attr("font-size",12)
.attr("fill","steelblue")
.text(d=>d.letra);// o conteúdo de texto não é um atributo, é o valor do elemento.
}
d3=require("d3@6")
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.