【重要】サービス終了のお知らせ

Fork
4
Fav
3
View
8075
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 255 lines
  • HTML 1 lines
  • CSS 56 lines
この間作ったこれ↓をベースに、今度は円グラフ作ってみました。
http://jsdo.it/hirotweets/ybdA (SVGでアニメーションするチャート,ツールチップ付き)

グラフの各箇所にマウスオーバーした時、全体をopacityで薄くするのではなく、
今度は扇形のエッジの円弧部分だけを変化させています。
また、クリックするとフォーカスしている箇所が分かりやすくなるようにしてみました。
  • SVGでアニメーションするインタラクティブな円グラフ
  • jQuery v1.10.2
  • SVGでアニメーションするインタラクティブな円グラフ

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

hirotweets

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by