d3: g

https://stackoverflow.com/questions/17057809/d3-js-what-is-g-in-appendg-d3-js-code

D3.js: what is 'g' in .append(“g”) D3.js code?

Ask Question

up vote104down votefavorite

22

I am new to D3.js, started learning today only

I looked the the donut example and found this code

var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height)
  .append("g")
    .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");

I searched for documentation, but did not understood what .append("g") is appending

Is it even D3 specific?

Looking for guidance here

javascript d3.js

shareimprove this question

asked Jun 12 '13 at 4:44

daydreamer

30k123333560

• 5
  Good answers coming in below. Possible worth checking out the following youtube video from D3Vienno on grouping in D3. youtube.com/watch?v=SYuFy1j8SGs Actually, if you're starting out, the whole series is worth watching :-). – d3noob Jun 12 '13 at 9:33

add a comment

2 Answers

activeoldestvotes

up vote96down voteaccepted

It appends a 'g' element to the SVG. g element is used to group SVG shapes together, so no it's not d3 specific.

shareimprove this answer

answered Jun 12 '13 at 6:09

Cihan Keser