huruyosi https://blog.hatena.ne.jp/huruyosi/ huruyosi’s blog https://huruyosi.hatenablog.com/ d3.js データにキーを持たせる方法 d3.js の General Update Pattern, I を読む - huruyosi’s blog でのデータ更新は配列の要素に基づいた方法であったので、サンプルを見ていても「更新」されたとするデータがみためとはずれている感覚がありました。 General Update Pattern, II ではデータにキーを持たせることで見た目とのズレがなくなりました。 二つのソースを比べるとデータの与え方を変え、それによって.enter()で行う要素の追加と文字の描画方法も変えています。 データの与え方 var text = svg.selectAll("text… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fhuruyosi.hatenablog.com%2Fentry%2FGeneral_Update_Pattern%252CII%25E3%2582%2592%25E8%25AA%25AD%25E3%2582%2580" title="d3.js の General Update Pattern, II を読む - huruyosi’s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/h/huruyosi/20160131/20160131113806.png Hatena Blog https://hatena.blog 2016-01-31 11:38:10 rich https://huruyosi.hatenablog.com/entry/General_Update_Pattern%2CII%E3%82%92%E8%AA%AD%E3%82%80 1.0 100%