Forked from: FumioNonaka's D3.js: SVG Bar Chart with Loading Data View Diff (26)

Fork
1
Fav
0
View
686
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 43 lines
  • HTML 2 lines
  • CSS 8 lines

「D3.js入門 03: 立て棒グラフに軸の記載を加える」

01「横棒グラフを縦に変える
横を縦に変えるには、計算する座標のxをyに改める。それだけではない。まず、y座標の原点は上角だ。そのため、棒の上端を計算して、そこから起点までの棒を描く。つぎに、縦棒はグラフ領域の幅を決めておかないと見づらい。そこで、棒の幅はデータ数で割り算して求める。


  • D3.js: Vertical SVG Bar Chart with Loading Data
  • D3.js: Vertical SVG Bar Chart with Loading Data

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked

sort by