Fork
1
Fav
0
View
831
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • ES6 46 lines
  • HTML 19 lines
  • CSS 27 lines

Vue.js + ES6: SVGでレーダーチャートを操作する

Vue.js公式サイトの「SVGグラフの例」は、SVGでレーダーチャートを描き、値がスライダで動的に操作できる。 さらに、データを新たに加えたり除いたりすることも可能。 この作例に少し手を加え、ECMAScript 2015 (ECMAScript 6)の構文で書いた。

コード001「レーダーチャートの6つのパーセンテージをスライダの操作で変える


  • Vue.js + ES6: Radar chart with SVG controlled by sliders
  • Vue.js + ES6: Radar chart with SVG controlled by sliders

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