Hayan typhoon gradient colored track IIYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Gradient encoding
This variation of a line chart uses a gradient to change the line color based on its y-value. For a related technique along the x-axis, see variable-color line. Using Observable Plot’s concise API, you can get a quick approximation of that chart (below). For a more elaborate solution with a gradient encoding, see this notebook.
【D3.js】 Satellite Projection（衛星俯瞰図）てすと
D3.jsには上記のような地図を表示するためのProjection(投影法)関数が用意されているのですが……なかなか思うように使いこなせません。 投影法を指定する際の一番難しいポイントは正しい数値を指定しないと、すぐ地図が画面外へ消えてしまうところですね。 Satellite Projectionの各値(rotateやtiltなど）を変更すると、どのように地図の見え方が変わるのか確認するためにテストをつくってみました。 var path, map, xy; var map = d3.select("body").append("svg:svg").attr("width", 960).attr("height", 600); //地図用のステージ(SVGタグ)を作成 d3.json("japan.geojson", function(json) { map.selectAll("path"
D3.js の Data-Driven な DOM 操作がおもしろい
D3.js は「ビジュアライズ用のライブラリー」だと紹介されがちなんだけども、意外にも D3.js にはグラフを描画する機能がない。 D3.js のトップページには次のように書いてある。 D3.js はデータからドキュメントを生成するためのライブラリーです。D3 は HTML, SVG, CSS を使ってデータに命を吹き込みます。Web 標準を重要視しているので、独占的なフレームワークに縛られません。強力なビジュアライズ用のコンポーネントと data-driven な DOM 操作手順を組み合わすことで、モダン ブラウザーの能力を最大限に活用できます。 D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Colour gradient on a graph line
jQueryのあれ、D3.jsでどうやるの？(または、その逆) - Qiita
