Fork
2
Fav
1
View
3296
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 94 lines
  • HTML 3 lines
  • CSS 7 lines
d3.js の scatterplot matrix を参考に、写真を並べて表示するサンプルを作ってみました。

各画像をクリックすると、
・クリック画像 → 一定時間拡大。のち、元に戻る。
・その他    → 一定時間消去。のち、元に戻る。

ような動きを付けてみました。

このような動き付けてもメイン部分わずか73行なので、d3.js凄い!!と思いました。


画像は StockSnap.io から取得しました。


参考:
 d3.js scatterplot matrix
  http://mbostock.github.io/d3/talk/20111116/iris-splom.html

 StockSnap.io
  https://stocksnap.io/

  • d3 で画像表示・拡大縮小・平行移動 とか
  • d3 で画像表示・拡大縮小・平行移動 とか

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

kazuki_nagasawa

Author

Three.js や Processing.js など、描画系のライブラリで遊んでます。 色々描けるようになりたいにゃ~。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by