Breaking News: Grepper is joining You.com. Read the official announcement!

append new element for each value in array d3.js

Sore Snake answered on May 8, 2020 Popularity 3/10 Helpfulness 1/10

answer append new element for each value in array d3.js

append new element for each value in array d3.js

Comment

var data = [
    ["colours", "green", "blue"],
    ["shapes", "square", "triangle"],
    ["languages", "javascript", "c++"]
];

var svg = d3.select("body")
    .append("svg")
    .attr("width", 500)
    .attr("height", 200);

var groups = svg.selectAll("groups")
    .data(data)
    .enter()
    .append("g")
    .attr("transform", (d, i) => "translate(" + (50 + i * 100) + ",0)");

var texts = groups.selectAll("texts")
    .data(d => d)
    .enter()
    .append("text")
    .attr("y", (d, i) => 10 + i * 20)
    .text(d => d);

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: append d3.js each element javascript

Link to this answer
Share Copy Link