*

フィッシュアイプラグインを使ってみる

公開日: : 最終更新日:2016/03/25 D3.js ,

今回は、マウスカーソルを重ねたときに、マウスカーソルを中心にして拡大するフィッシュアイプラグインを利用します。
フィッシュアイプラグインはこちら

まずは上記のプラグインをダウンロードします。今回は、jsフォルダ内にfisheye.jsというファイル名で用意し、HTMLファイル内でD3.jsファイルを読み込んだ後に、このプラグインも読み込みます。これで準備OKです。
サンプルコードの実行結果はこちら

スポンサードリンク

関連記事

D3.js

プレーンテキストを読み込む

プレーンテキストとは古くからある形式です。 プレーンテキストは、データフォーマットなどが 何もな

記事を読む

D3.js

日本の地図データ(国土数値情報)を使い、地図を表示する

世界地図を表示したので、今回は日本国内の地図を表示します。サンプルコードにコメントを付しましたので、

記事を読む

D3.js

グラフをソートして表示する

以前、縦棒グラフを表示するサンプルコードを書きましたが、時と場合によりただ棒グラフを表示するだけでは

記事を読む

D3.js

複数の折れ線グラフを表示する

複数の折れ線グラフを表示します。今回は3つのデータを用意して、3つの折れ線グラフを表示します。目盛り

記事を読む

D3.js

多機能アニメーション付棒グラフを作ってみる

たいそうな記事のタイトルですが、過去7記事で書いたことを まとめた棒グラフを作成します。 サ

記事を読む

D3.js

D3.jsを複数の棒グラフを表示する

前回の記事では、四角形と一本の棒グラフを表示させました。 しかし、データが複数がある場合は、データ

記事を読む

D3.js

円グラフを作る

日頃のグラフの中でよく見かけるのが円グラフです。スマートフォンの販売シェアとかを表す時に使われます。

記事を読む

D3.js

折れ線グラフを曲線、直線、階段状に表示する

D3.jsでは折れ線グラフを直線で表示するのではなく、曲線、階段状に表示することもできます。D3.j

記事を読む

D3.js

図形の位置やサイズを指定する

前回は、svg要素、rect要素を生成しました。 ですが、SVGでは要素を生成しただけでは、何も表

記事を読む

D3.js

フォースレイアウト

D3.jsでは、フォースレイアウトを作成する機能も用意されています。フォースレイアウトは予めノードと

記事を読む

スポンサードリンク

Message

メールアドレスが公開されることはありません。

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">



スポンサードリンク

jQueryMobile
トグルスイッチを設定する

トグルスイッチ(toggle switch)とは、〇型のつまみを左右に

jQueryMobile
項目選択の複数ウィジェットをグループ化する

年月日など、複数のリストから同時に選択したいとき、ウィジェットのグルー

jQueryMobile
<select>により項目選択

ボタンによる選択では、1つの項目だけ選択するか、複数を同時に選択するか

jQueryMobile
値を選択するボタンを表示する

値を選択するボタンは以下の2つがあります。 ・複数の値から1つだ

jQueryMobile
ボタンを設定する

前回の記事では<a data-role="button">

→もっと見る

  • スポンサーリンク

PAGE TOP ↑