![W039[WAPP]％（ドーナツ）](https://teachu.educ.kumamoto-u.ac.jp/wp-content/uploads/2025/11/4c60cf76a9b087391cbefeee12862305.png)
ドラッグ操作で割合を調整表示できるドーナツ型の円グラフです。
![W039[WAPP]％（ドーナツ）](https://teachu.educ.kumamoto-u.ac.jp/wp-content/uploads/2025/11/4c60cf76a9b087391cbefeee12862305-1024x594.png)
★下部に指導案あり★
円グラフ上に触れると，触れたところで割合が決まります。
ドーナツの中央部の上半分を押すと割合が1%刻みで増加し，下半分を押すと割合が1%刻みで減少します。
右上のボタンはスクリーンショットボタンです。ワンタップでドーナツグラフをスクリーンショットできます。
※この教材はWebアプリです。ブラウザで動作します（一部，うまく動作しないブラウザもあります）。接続環境次第では，表示に時間がかかったり，表示できなかったりする場合があります。ご了承ください。
このデジタル教材を活用した授業の学習指導案
指導内容確認表とGeminiを参考に学習指導案(Googleスプレッドシート)を作成しました。教材の活用は使用者次第ですので，こちらの指導案はあくまで一例です。参考程度にご覧ください。下の画像を押すとGoogleスプレッドシートにジャンプします。
【Teach U】Webアプリ指導案
docs.google.com
関連する教材
W034[WAPP]何％？（円）
円グラフで割合を示すアプリです。 @import url(' .nan-percent-app { box-sizing: border-box; margin: 0 auto; padding: 24px 16px; background…
teachu.educ.kumamoto-u.ac.jp
2025.10.05
W033[WAPP]何％？（縦）
棒グラフで割合を示すアプリです。画面中央にある長方形の棒グラフを触ると，触ったところから下と上で色が分かれます。下側がオレンジ色になり，長方形の全体に対する割合の数字が表示されます。 @import url(' .nan-percent-a…
teachu.educ.kumamoto-u.ac.jp
2025.10.05
W032[WAPP]何%?
帯グラフで割合を示すアプリです。 @import url(' .nan-percent-app { box-sizing: border-box; margin: 0 auto; padding: 24px 16px; background…
teachu.educ.kumamoto-u.ac.jp
2025.10.04
I023[IMG]透ける等分の目印
画像教材です。等分するための目印です。デジタルだと透けます。半透明カードです。まとめてダウンロードしたい場合はこちらから↓デジタルだと透ける画像教材はこちらから
teachu.educ.kumamoto-u.ac.jp
2022.12.18
