idx = ((new Date()).getTime()/1000)|0; var data = [ { label: 'Layer 1', values: [ {time: idx, y: 3}/*,{time: idx+1, y: 2}*/] }, { label: 'Layer 2', values: [ {time: idx, y: 1}/*{time: idx+1, y: 3}*/] }, { label: 'Layer 3', values: [ {time: idx, y: 10}/*{time: idx+1, y: 3}*/] } ]; var areaChartInstance = $('#area').epoch({ type: 'time.line', data: data, axes: ['left', 'right', 'bottom'] }); var idx
Leafletは、モバイルフレンドリーでインタラクティブな地図をWeb上に表示するJavaScriptライブラリです。最近、海外での存在感が高まっているような気がします。 今回は、D3で作成したsvg要素をLeaflet上にオーバーレイしてみました。 (まだ、ソースのコメントに書いたこと以上の知識がないので、サンプルコードのみで詳しい解説はありません) サンプル D3.jsとともにLeaflet.jsとleaflet.cssを読み込んでください。 <!-- leafletのcssを読み込む --> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6H
SVGフィルタの基礎 SVGのようなベクトルグラフィックスは図形を組み合わせて全体を構成していくため、どうしても輪郭のはっきりした画像になります。グラフや略図のようなものであれば問題ありませんが、凝ったイラストを描くにはどうしても限界があるでしょう。 こうした欠点を補うのが「SVGフィルタ」です。その名前のとおり、Photoshopなどのグラフィックツールによくあるぼかしや色変換などのフィルタをSVGの描画結果に適用する機能です。 SVGフィルタの使い方は、前回取り上げたグラデーションとよく似ています。filterタグを使ってあらかじめフィルタリングの内容を定義しておき、適用先の図形のfilter属性でそれを参照します。以下は単純なぼかし（ガウシアンブラー）フィルタを適用する例です。 このように、SVGフィルタではfilterタグ内に各フィルタに対応するタグを記述することで、適用する効果を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
