cmkl/spring-2025/hcd-101/labs/lab-2/creating-a-bar-and-move-it-.../app.js

26 lines
582 B
JavaScript

const canvas = d3.select(".canva");
let data_array = [4, 15, 34];
// Add SVG element
// const svg = canvas.append("svg")
// .attr('width', '600')
// .attr('height', '800');
const svg = canvas.select("svg");
const rect = svg.selectAll("rect");
rect.attr("width", 24)
.data(data_array)
.attr("fill", "orange")
.attr("height", function(d) { // d is from data_array
return d*2;
})
.attr("x", function (d, i) { // i = index of the rect[] svgs
console.log(d);
return i * 25;
})
console.log(rect);