D3.jsバージョン4.基本的な円の描画

Question

D3の学習を始めました。現在はバージョン4です。残念ながら、ほとんどのチュートリアルやオンラインの例はバージョン3です。

私は円を作成しようとしています。しかし、attrメソッドを動作させるように見えることはできません。私はただひとつの円を描くように単純化された手品を作りました。

D3 v3では：https://jsfiddle.net/pratheepraj/595rrqc2/

D3のV4：https://jsfiddle.net/pratheepraj/Ldokhq2e/2/

あなたは正確なコードがV3で動作しますが、ないV4で見ることができるように。 v4では、要素を調べると円が作成されますが、属性は設定されません。あなたはv4のために何を変更すべきかを指摘できますか？

D3 v4ので

Answer 1

2つのオプションがあります。

1. 単一の属性を持つ利用.attr（ここでは実施例を参照してください。https://jsfiddle.net/yxprgokp/1/）を
オブジェクト、および実行する余分なプラグインなどの属性を持つ

2. 使用.attrsそれは、（https://github.com/d3/d3-selection-multi）：

   このモジュールは、節約のためにデフォルトD3のバンドルに含まれていません：そのようselection.attrなどの単一値の方法がお勧めされていますこれらの便利な方法で提供される短い構文にはほとんどメリットがないため、ほとんどのユーザーにとっては便利です。 GitHubの上

オリジナル問題：フィドル円の両方でhttps://github.com/d3/d3/issues/2793