※有料会員になるとこの動画をご利用いただけます
詳しい説明を読む
#08:データビジュアライゼーション D3.js
データを表現するデータビジュアライゼーションのライブラリ「D3.js」を紹介します。
<script src="https://d3js.org/d3.v5.min.js"></script>
<script>
d3.selectAll("div")
.data([10, 50, 80])
.enter().append("div")
.text( function(d){ return d; } )
.style('background', 'yellow')
.attr('class','bar')
.transition()
.duration(1000)
.style("width", function(d) { return d*2+'px'; });
</script>
d3.js
https://d3js.org/
paizaラーニング HTML/CSS入門編
https://paiza.jp/works/html/primer
paizaラーニング JavaScript入門編
https://paiza.jp/works/js/primer
ログインすると採点できます
コードの実行