1日のスケジュール円グラフ

予定を時刻で入れるだけで、24時間を時計の向きの円グラフにします。夏休みの生活時間表や、1日の時間の使い方の見直しに。PNG保存・印刷・記入用の空の円も。

できること

  • 予定の名前と開始・終了の時刻を入れるだけで、24時間を時計の向き(0時が上・時計回り)の円グラフに
  • 日をまたぐ予定(23:00〜6:30 の睡眠など)もそのまま入る。空き時間は斜線で、重なりは警告で分かる
  • 色は自動(色の見分けやすい順)。1つずつ変えることもできる。帯の中に名前と長さが入る
  • PNG・SVGで保存、画像のコピー、印刷。記入用の空の円(目盛りだけ)も印刷できる
  • 例(小学生の平日・夏休み・会社員・受験生)から始めて書き換えられる
  • URLで共有・端末に自動保存。サーバーには送らない

こんなときに

夏休みの生活時間表

宿題の「1日の生活をふりかえろう」。起きる・勉強・遊び・寝る時刻を入れて印刷。

生活リズムの見直し

睡眠が何時間とれているか、空き時間がどこにあるかが一目で分かる。

赤ちゃん・保育のスケジュール表

授乳・お昼寝・散歩の時間を円にして家族で共有。

資料・ブログの図

「エンジニアの1日」のような図を PNG で保存して記事に。

プライバシー

入力はブラウザの中だけで処理し、サーバーには送信しません。端末(localStorage)に自動保存します。URL共有の短縮を使うときだけ、共有URL(入力内容を含む)が短縮サービスに送られます。

よくある質問

円のどこが0時ですか?

いちばん上が 0時(24時)で、時計と同じ向きに回ります。右が 6時、下が 12時、左が 18時です。学校の生活時間表の多くと同じ向きです。

夜寝て朝起きる予定はどう入れますか?

開始 23:00・終了 6:30 のように、そのまま入れてください。終了が開始より前なら日をまたぐ予定として 7時間30分の帯になります。

予定が重なっているとどうなりますか?

あとに始まる予定が上に重なって描かれ、「まとめ」に重なっている時間帯を表示します。入れ忘れや打ち間違いに気づけます。

記入用の空の円とは?

予定の帯を描かず、1時間ごとの目盛りと 0・3・6・…・21 の数字だけの円を印刷します。手書きの宿題や、子どもが自分で色を塗るときに。

保存した画像はどこで使えますか?

PNG は Word・Google ドキュメント・ブログに貼れます。SVG は拡大しても粗くならないので、印刷物や Illustrator・Figma での編集に向いています。

入れた内容は保存されますか?

この端末のブラウザに自動保存され、次に開いたときに戻ります。別の端末や家族に見せるには「URLをコピーして共有」を使ってください(URL に内容が入ります)。

関連ツール

予定を入れる

例を入れる

予定を追加するか、下の例を入れると円に色がつきます。終了が開始より前なら日をまたぐ予定(23:00〜6:30 など)として扱います。

まとめ

入れた時間
-
空き時間
-
予定の数
-