備忘録 blog

Docker/Machine Learning/Linux

javascript

D3 で Sankey Plot を書く

tl;dr JavaScript のライブラリである D3 を使って、 Sankey プロットを描画する方法について、ウェブ上のリンクを収集した。 Sankey diagram d3 のデモサイト www.d3-graph-gallery.com Sankey diagram with d3v4 bl.ocks.org d3 で Sankey diagram を描画…

Konva をハックしたズームレイヤー実装に向けて

Konva は JavaScript 製ライブラリであり、 HTML5 Canvas上に矩形や円、画像などさまざまなオブジェクトを配置し、さらにアニメーションやズームレイヤーなどが整備されているので、ドラッグ・ドロップでオブジェクトを移動させられるなど、インタラクティブ…

DeepZoom フォーマット (DZI) の解説

Google Maps のような、もともとは1枚絵であるが、拡大すればするほど高精細な画像が表示される、あるいは拡大するたびに、情報の密度が異なる画像が表示されるようなアーキテクチャを Web 上で実装したいと思う。 こうしたアーキテクチャを実装するにあた…

three.jsでテキストの向きをカメラに追従させる

Three.js で三次元の可視化を実装するときに、カメラ移動を実装して、様々な角度からその三次元データを見られるようにしたいと考えることがある。このときに必要なマウスドラッグやマウスホイールによるカメラ移動は、OrbitControls.js を使うと苦も無く実…

React-Nativeで便利なUIライブラリ

tl;dr React-NativeでiOSやAndroidのネイティブアプリを作る際、自分が使った中で便利だったUIに関するライブラリをいくつか紹介する。 探し方や導入方法など github.com ここにReact-nativeに関連する様々な情報がまとまっており、その中にライブラリも多数…

cross-originでiframeが埋め込めないとき

What I want to do あるサービスをwww上で展開しているのだが、元のドメインのURLをそのまま晒すのがちょっと嫌なのでそれを隠すためにurl-forwardingをしたい。 tkドメインを試す www.dot.tk *.tkとかいうドメインはタダで手に入る。(但し有効期限がある)…

Firefoxを布教する

Firefox ・ Javascript Firefoxでは、Shift + F4を押すことで、スクラッチパッドと呼ばれる画面を開くことができます。そこでjavascriptのコードを手軽に実行することができます。 javascriptとは、主にブラウザ上で実行されるプログラミング言語で、動的な…