append new element for each value in array d3.js
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);
Also in JavaScript:
- convert datetime javascript mysql
- json placeholder api
- javascript redirect with extra url arguments
- js set cookie
- react dark mode npm
- get selected value on componentdidmount reactjs
- javascript format currency
- javascript range of integers
- how to append value to input field using jquery
- js fucntion return array
- next.js google script
- how to change checkbox state in jquery
- get element by class
- check if element is visible
- route parammap subscribe angular 9
- set and get array inside cookie in javascript
- javascript check if set contains
- setting up a sprite sheet in js
- go back doesnt load javascript safari
- nodejs read file to array
- find base url in javascript
- javascript how to do else if
- javascript switch range
- decrease touchableopacity in react native