まずはCANVAS タグで描画するスペースのサイズを決める【1-1】。そのスペースにグラフを描画するための筆にあたるのがJavaScriptだ。getElementByIdメソッドを使いCANVASのidを取得、getContextメソッドで描画用のコンテキストを取得する。取得したコンテキストはctxと ...

canvasは、JavaScriptを用いてブラウザ上に線や図形を描画することができる。ここでは簡単なグラフを作成しながら基本的なメソッドの使い方を学んでみよう。 制作・文／藤沢立也（Suika Cube Inc.） まず、絵を描くのに紙と筆が必要なようにcanvasタグで紙の部分 ...

HTMLのcanvas要素上にグラフを描画してくれるスクリプト「Chart.js」の簡単な使い方を紹介。円グラフ・棒グラフ・折れ線グラフなど様々なグラフを、アニメーション効果付きでWebページ上に表示できます。画像ファイルとして作成するわけではないので ...

JavaとJavaScriptの双方に対応したAminoシーングラフライブラリの最新版となる「Amino 1.0」が公開された。AminoはBSDライセンスのもとで公開されているグラフィックライブラリ。JavaとJavaScriptの双方に対応しているのが特徴で、JavaではカスタマイズされたJComponentが ...

2023年3月の世界のWebブラウザのシェアは、statcounterによれば、Google Chromeが65％、Apple Safariが20%、Microsoft Edgeが5%、Mozilla Firefoxが3%となっています。これら主要なWebブラウザには約10年以上前から「Canvas API」と呼ばれる高度な描画機能が利用できます。 このCanvas ...

消費支出の「家計調査報告－2024年(令和6年)12月分及び2024年平均－」のPDFから数値をコピペしてChatGPTに問いかけます。 以下は消費支出の推移です。 集計期間は2023年12月から2024年12月です。 上の値が消費支出、下の値が対前月変化率(％)です。 -0.5 -2.1 1.4 1.2 ...