D3.jsで作るフォーム1: チェックボックス付き折りたたみツリー - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
be0a3eaf84273e2d42e7
var circle = svg.selectAll("circle") // 1 .data(data) // 2 .style("fill", "blue"); // 3 circle.exit().remove(); // 4 circle.enter().append("circle") // 5 .style("fill", "green") // 6 .merge(circle) // 7 .style("stroke", "black"); // 8 上記コードを順を追って説明すると、 svgの全てのcircle要素を選択 circleに対応するデータを更新する データと対応しているcircleを青で塗りつぶす 対応するデータが無くなったcircleを削除 新しく加わったデータのcircle要素を作成して選択 新しく作成したcircleを緑で塗りつぶす 新しく作成したcirc
SciPy+matplotlibで3D散布図を作成(Python) - Qiita
PythonでSciPy(NumPy)とmatplotlibを使って3D散布図を作成する方法です。 サンプルデータはiris.csvを使用(http://aima.cs.berkeley.edu/data/iris.csv) scipy.genformtxtメソッドで、csvファイルのデータを直接scipy.array形式で取り込むことができます。 scipy.array形式のデータは普通の配列として扱うことができ、さらにd[d[:,0] >= 7]のように簡単に条件に合うレコードを抽出することができます。複数の条件式を使用する場合はビット演算子で連結します。 グラフ描画の際にはscatter3Dメソッドが使えますが、データ数が多いと極端に重くなります。plotメソッドのほうが良いです。 (5/9追記)plotメソッドではデータの読み込み順にプロットが上書きされていくので、プロットが重なっ
D3.jsアプリケーション設計におけるデータとDOM操作の分離 - Qiita
const frame = d3.select('body').append('svg') .attr("width", 400) .attr("height", 200); const seq = [1, 2, 3, 4, 5]; frame.selectAll('circle') .data(seq) .enter() .append('circle') .attr('r', d => d * 5) .attr('cx', d => d * 50) .attr('cy', 50); 例えば、データ(上記コードのseq)をユーザが入力して変更できるようにする場合、変更がある度に一度描画したcircleを消して再度データをバインドし、circleを再描画するという操作を付け足す必要がある。 あるいはデータポイントのマーカーをcircleからrectに変更するセレクトボックスを設置する場合、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Python, SciPy, matplotlibのインストール(Windows) - Qiita
WindowsでPython3, numpy, pandas, matplotlibなどインストール - Qiita
