expressを使って温度グラフを作成したい。グラフの表示を日毎や月毎に変更でき、次の月、前の月、などボタンを押して表示を変更したい。

Question

ざっくりとした質問で大変申し訳ありません。
参考にできるサイトやアドバイスをいただければ幸いです。

やりたいこと

express、chart.jsを使って温度グラフを表示するwebアプリを作ろうとしています。
目標はiPhoneのヘルスケアアプリのようなものです。

1. 最初アクセスすると、最新の日にちの温度グラフが表示されます。
2. 「←」の矢印を押すと、前の日のグラフが表示されます。
3. 「→」の矢印を押すと、次の日のグラフが表示されます。
4. 表示方法を「日」「月」「年」ごとなども選んで、表示を変更したいです。

現状

いまのところ、localhost:3000/selectにアクセスして、
最新の日にちの温度グラフを表示するところができていますが、
前の日や次の日への変更、年月日の表示方法の変更など、
どのような動きをさせて、どのように値を渡せばいいのか検討がつきません。

localhost:3000/select
で最新グラフが表示されるようになっているのですが、
localhost:3000/select?page=20211113
localhost:3000/select?page=20211114
localhost:3000/select?page=202109
のように値を渡しながらページを変更していければいいのかなと考えています。

値の渡し方、ページの表示の仕方などで、
参考にできるサイトやアドバイス、ヒントなどあれば教えていただきたいです。
よろしくお願いします。

---

app.js(/selectの部分を抜粋)
最新の日付を取得し、その日付の温度グラフを表示できます

app.get('/select', async (req, res) => {
  try{
    const c = await connection;
    //データ内の最新の日付を持ってくる
    const [now] = await c.query(
      'SELECT DATE_FORMAT(date, \'%Y%m%d\') AS latestDate FROM data where date=(select max(date) from data);',
    );
    const latestDate = now[0].latestDate;
    //最新日付を持つデータを全て持ってくる
    const [items] = await c.query(
      'SELECT date, temperature FROM data and DATE_FORMAT(date, \'%Y%m%d\') = \"' + latestDate + '\"ORDER BY date ASC;',
    );

    //最新のデータを取得して表示する
    const [latests] = await c.query(
      'SELECT * FROM data where date=(select max(date) from data);',
    );
    res.render('index.ejs', {items, latests});
    }catch (e) {
      console.log("SQLクエリの発行に失敗");
      console.error(e);
      res.send('サーバーでの動作が失敗。');
    }finally {
    }

});

index.ejs(<script>を抜粋）

function testButton(){
  console.log("ボタンをおした");
  console.log(window.location.search);
  const params = new URLSearchParams(window.location.search);
  const currentPage = Number(params.get('page'));
  const nextPage = currentPage + 1;
  window.location.href = "/select?page=" + nextPage;

↑これで、ボタンを押すと、page=1の値がインクリメントされていくのがわかりました。