心拍数を円ゲージUIでリアルタイム表示させるためには。

現在心拍数を一定時間計測・記録した後に、
画像のような円ゲージのUIでその記録を再生できるプログラムを作ろうとしております。

私は自分でどのように画像のような円ゲージを作成するのか、測定した心拍数のデータでゲージをどうやって動かすのかなど全く分からずに詰まっております。

完成までの道筋、ヒントをどなたか示していただけないでしょうか。
また、道筋が見えるようなサイトや書籍を教えていただけないでしょうか。

※心拍数自体はarduinoで計測をしようと思っています。
心拍数計測の参考サイトリンク

thkana

2020/11/23 12:43

"円ゲージ"でなければ出来るのですか? 例えば棒グラフとか。

SKL

2020/11/23 12:53

お返事ありがとうございます。残念ながら、これからなのでやったことはないです。知識として知っているのは・processingを利用する。(ただしUIが弄りにくい) ・pythonのmatplotlibというライブラリくらいになります。

行動規範の内容に同意します

回答1件

ベストアンサー

質問に明示されている

どのように画像のような円ゲージを作成するのか、測定した心拍数のデータでゲージをどうやって動かすのか

についてだけサンプルを。Processingでもよさそうなので。

Processing
1void setup(){
2size(500,500);
3}
4
5void drawGraph(float beat, float max){
6  translate(width/2,height/2);
7
8  fill(255);
9  textAlign(CENTER,CENTER);
10  textSize(64);
11  text(beat,0,0);
12
13  strokeWeight(25);
14  strokeCap(SQUARE);
15  noFill();
16  stroke(128);
17  circle(0,0,width*0.6);
18  stroke(0,192,255);
19  arc(0,0,width*0.6,width*0.6,-HALF_PI,TWO_PI/max*beat-HALF_PI);
20}
21
22void draw(){
23  background(0);
24  float beat=60+(millis()%5000)/1000.;
25  
26  drawGraph(beat,100);
27}