d3.js サンプル(タイムバー)

_shimizu

License: MIT License

Fork
0
Fav
1
View
2565
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 93 lines
  • HTML 2 lines
  • CSS 0 lines
d3.js
http://d3js.org/

※SVGを使用しているため、IEはver9以上でないと動きません。

d3.timerの使い方が解らなかったので、setIntervalにした。
https://github.com/mbostock/d3/wiki/Transitions#wiki-d3_timer
実行の間隔を指定できないのかな?

多分、もっとスムーズにアニメーションさせることが出来ると思うのだけれど……まだ、よくわかってない orz
  • d3.js サンプル(タイムバー)
  • d3.js サンプル(タイムバー)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

_shimizu

Author

群馬県高崎市在住のエンジニア 。サーバ管理したり、自動組版のスクリプト組んだり、サイト作ったりして生きてます。データビジュアライゼーションとオープンデータにハマってます。Webデザイン & JS勉強中。   I luv javascript!

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

sssvcsssvc:

css3javascriptjquerylibrary&test発想が面白かった