[解決済み] D3.js: .append("g") D3.js codeの'g'とは何ですか？

質問

を始めたばかりです。 D3.js 本日より学習開始

を見ました。 ドーナツの例 で、こんなコードがありました。

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

を検索してみました。 ドキュメント というのがよくわからないのですが .append("g") が付加されています。

はたして D3 を具体的に教えてください。

ここでガイダンスを探している

どのように解決するのですか？

を追加しています。 'g' 要素 をSVGに追加します。 g 要素 は、SVGの図形をグループ化するために使用されます ということで、d3固有のものではありません。