夏休みの予定などを円グラフ風に表示する図があります。
この図を「24時間サークル」と呼ぶことにします。
これを簡単に作るツールを作りました。
24時間サークルメーカー
tool.stabucky.com
次のような図になります。
PNGファイルで出力されます。右クリックから「名前を付けて画像を保存」を選択すると保存できます。
追記(2018年10月1日)
「30分間隔で」というコメントをいただきましたので対応しました。
24時間サークルメーカー(30分単位)
追記(2018年11月12日)
「12時間で」というコメントをいただきましたので対応しました。
12時間サークルメーカー
追記(2019年6月1日)
「空欄を指定したい」というコメントをいただきましたので対応しました。「空欄」と入力すると無視されます。
また「色を指定したい」というコメントをいただきましたので対応しました。インターフェースが複雑になってしまうのでシンプルにCSVで指定する方法としました。別のページとなりますが24時間と12時間は同じページで処理できます。
24時間サークルメーカー(色選択可)
コメント
簡単にスケジュールが表示されるため，小学生にもすぐに使えるので大変優れたソフトだと思います。私のクラスでも子どもたちに使わせてみたいと思っています。ただ６年生ですので，３０分間隔だととてもうれしいのですが，簡単に変更することはできるのでしょうか。もしくはこの仕組みを教えていただくことは可能でしょうか。
＞久根間先生
ありがとうございます。
30分単位でも入力できるようにしてみました。試していただけると幸いです。
シンプルでとても使いやすく重宝させていただいています。
要望があります。１）さらに15分単位に分けていただけますか？ ２）睡眠時間を、仮に何時間であれ、せいぜい4, 5時間分の面積で表示してほしい。
２）について：睡眠の部分が不必要に面積を取りすぎる。睡眠専用の入力欄を設けることで可能かと思います。
＞Takaisoさん
ありがとうございます。
15分単位にするには
https://tool.stabucky.com/maker/twentyfour/?min=15
を開いてみてください。
「睡眠」を小さく表示するのは難しいです。申し訳ありません。
円グラフで予定を表示できるwebサービスを探しており、こちらがちょうどよい手軽さで気になりました。１日の業務時間配分をメンバーに考えさせる意識付けのツールとして使えないかと思っています。
24hだと長すぎる＆アナログ時計のような感覚でとらえたいので、業務開始時刻を指定してそこからの12hを表示するような機能をご検討いただけないでしょうか？
いきなり要求からですみません。
＞はじめましてさん
12時間の件は他の方から似たような要望をいただいていましたので、検討させてください。お約束はできませんが。
＞Takaisoさん、はじめましてさん
開始時刻と終了時刻を指定するパターンにチャレンジしてみましたが、意外と難しく、挫折しました。申し訳ありません。
stabucky様
承知致しました。お忙しいところチャレンジいただきありがとうございました。
＞Takaisoさん、はじめましてさん
12時間表示で開始時刻と終了時刻を指定するパターンに再度、チャレンジして、作ってみました。
試していただけると幸いです。
stabucky様
ありがとうございます！職場の新人、業務時間配分ができていない人に使わせてみたいと思います。
[…] １日のサイクルを円グラフに作成してみよう➽ […]
[…] ※24時間サークルメーカーを使用 […]
[…] 24時間サークルメーカー […]
これすごくいいです！
ミュウさん
ありがとうございます！
24時間サークル作りたいのですが、「サークルを作成する」を押しても「✖」が現れるだけで作れません(泣)
なぜでしょうか？
ご利用ありがとうございます。バツが表示されるとのことですが原因が分かりませんでした。パソコンまたはスマホで試していただけませんか。よろしくお願いします。
任意に色が選べたら嬉しいです（例えば、60分コース、90分コースの二種類だけがある。同じことを繰り返すので、同じ60分コースで色が違ってるとかえってわかりづらくなってしまうため→その一方で今の仕様だとランダムで色が振り分けられるため、60分、90分コースで同じ色になってしまうと混乱してしまうため。60分コース（ピンク）、90分コース（ブルー）のように任意で色を決められたらパッと見ただけで分かるので）
スケジュールに空欄が作れたら嬉しいです（今はやむをえず目立たない*マークとか入れてますが、そこを空欄にできたらスッキリする）
UIイメージ
時間ごとの入力欄のよこ（または右端に）にタブで選択できるように「色→ランダム（今の設定）、青、水、ピンク、黄」などで色を任意で選択できたらいいかな…というイメージです
文字を入れない「空欄」も入力欄に空欄にできる選択ができたら嬉しいです、具合的なUIは思いつきませんでした。
※あくまで勝手な要望です、素晴らしいメーカーをありがとうございました
＞しろうさん
前半は難しいです。インターフェースを変えるのはつらいです。
後半はできそうです。「空欄」などとセットすれば空文字になるように。
[…] 1日の予定を円グラフ風に表示するのは、「24時間サークルメーカー」というウェブサイトを活用させていただきました。 […]
[…] 僕の平日のタイムスケジュール1日の予定を円グラフ風に表示する「24時間サークルメーカー」 にて作成 […]
[…] （ネットで見つけた、24時間サークルメーカーを使って作ってみました。結構便利＾＾）仕事は10:00-18:00、通勤時間は約15分(最高である)なので、出社前の朝の時間で1.5h、帰宅後子供を寝かしつけた後の夜の時間で1.5h、これに仕事中の昼休憩の0.5hを足せば3.5h確保できますね・・・(白目。 […]
失礼します。
円グラフ、こんなのをさがしてました。すてきなグラフ作成サイトを
ありがとうございます。
パソコン初心者です。大変恐縮ですが教えてください。
色を変える所なのですが…
色は赤ならば「FF0000」黄緑ならば「9ACD32」のようにします
とありますが、どうして、赤がその番号になるのか、が分かりません。
おそれいりますが、色と番号は、どこを見ると分かるのでしょうか。
＞ハスキー１０３１さん
ご利用ありがとうございます。
色見本のページを作ってみました。
https://stabucky.com/wp/archives/12844
もし分かりにくければGoogleなどで「色見本」を検索してみてください。
大変便利なサイトで、活用させていただいています。ありがとうございます。
ひとつ質問なのですが、入力欄内で改行することはできますか？
入力する文字が長いと隣の文字と重なってしまい、それを解消できるとうれしいです。
＞はじめましてさん
ご利用ありがとうございます。
念のためコードを確認しましたが改行には対応していません。
申し訳ありません。
[…] 理想のタイムスケジュールYou Look Too Coolhttps://stabucky.com/wp/archives/8537 […]
非常に素晴らしいサービスをありがとうございます。。
もしできればなのですが、ページを更新しても、入力した予定が残るようにできるようにしてはいただけないでしょうか。
前日の夜予定を入れて、次の日にパソコンを起動したときに、それが残っているといいなと思うのと、、、あとは、日々同じ予定が続くこともあるので、前日のままでいいときもあります。
よろしければ、ご検討いただけたらうれしいです。。
Charlotteさん
ありがとうございます。
少し考えます。
Charlotteさん
cookieを使う方法で考えてみましたができませんでした。
力不足で申し訳ありません。
[…] 1日の予定を円グラフに！ 引用：ゆるくつくる stabuckyのブログ […]
5分単位は難しいでしょうか？
黒崎様
次のページを使います。
https://tool.stabucky.com/maker/twentyfour/index_color.htm
データを次のように与えてください。
6,起床,FFAAFF
6.08,朝食,99FFFF
8,散歩,FFAAAA
時刻は6時ちょうどであれば「6」、6時5分であれば「6.08」とします。5分は0.08時間に相当するからです。
[…] […]
はじめまして。
教育情報メディアの記事にて、こちら24時間サークルメーカーで作成した画像を掲載することは可能でしょうか？
とても見やすいため、ご検討いただけると幸いです。
よろしくお願いいたします。
hanaさん
ありがとうございます。
ぜひお使いください。
記事掲載のご許可をいただきありがとうございます。
こちらはphp言語で制作されたのでしょうか？今php言語を学習中で参考にしたいなと思っていおり、もしphp言語で制作されたのであればコードを見せていただきたいです。
bananaさん
PHPで作りました。
出来の良いコードではないのでお見せすることはできません。
大変重宝させていただいています。
ホームページに使用してよろしいでしょうか。
著作権や料金の発生はなく完全フリーでしょうか。
bisさん
ありがとうございます。
問題ありません。
ぜひお使いください。
ありがとうございます。
大切に使わせていただきます。
[…] では皆さんもやってみよう！ 使うサイトはこちら：24時間サークルメーカー […]
子どもの夏休みのスケジュール作成に使わせていただきました。Excelで作成するサイトもあったのですが、ほぼ素人の者にとって難関であきらめていたら、こちらを見つけました。入力するだけで作成できて、助かりました。
文字に関しては、大きさとか重ならないよう位置をずらすとかは修正は不可能なんでしょうか？
よろしくお願いいたします。
＞momotomiさん
ご利用ありがとうございます。
文字の大きさ、位置を変える機能は付いていません。
申し訳ありません。
非常に便利なツールを公開していただきありがとうございます。
Excelオンラインおよび、スプレッドシートでは、
円グラフスケジュールを作成できなかったため、
利用させていただいております。
作成したスケジュールをブログに掲載させていただきたいのですが、
よろしいでしょうか？
41~43と重複しているお願いになりますが、ご検討いただけますと幸いです。
よろしくお願いいたします。
＞StrixHiroさん
ご利用ありがとうございます。
ブログ掲載については問題ありません。
よろしくおねがいします。
ありがとうございます。
リンクやアドレスも併せて掲載させて頂きますね。
よろしくお願いいたします。
とても便利で感動しました！
作成したグラフをインスタやfacebook（委員会活動目的）などに使わせてただくことは可能でしょうか？
＞SHさん
ご利用ありがとうございます。
インスタでも何でも問題ありません。
よろしくお願いします。
ありがとうございます＾＾
早速使わせていただきます！
素晴らしいです！学校の講義で１日の生活スタイルを示す必要があるのですが、使用してもよろしいでしょうか？
nurseさん
ありがとうございます。
どうぞお使いください。
欲しいと思ってました！
こちらのツールをオンラインイベントで使用したいのですが、使わせていただくことは可能でしょうか？（金銭は発生しない会員向けのイベントです）
maison さん
ありがとうございます。
是非お使いください。
とても便利で使わせてもらっています。
予定テキストに半角で”&”を入れると表示がおかしくなる不具合があるようです。
bakuさん
ご利用ありがとうございます。
&の件は対応したいと思います。
2023年3月31日追記
修正しました。
撮影予定の動画企画に利用させていただきます！
役立つツールの提供ありがとうございます！
BlackBoxさん
ありがとうございます。
お役に立てたのであればうれしいです。
[…] 作成ツール：「24時間サークルメーカー」https://stabucky.com/wp/archives/8537 […]
5分単位でお願いできますか？
＞刄さん
5分単位だと文字の表示が難しいです。
次のページを使って5分を小数で入力する方法が考えられます。6時5分であれば6.08とします。
https://tool.stabucky.com/maker/twentyfour/index_color.htm
15分単位で作成できるようにして欲しいです。
＞tisnceさん
次のページを使います。
https://tool.stabucky.com/maker/twentyfour/index_color.htm
データを次のように与えてください。
6,起床,FFAAFF
6.25,朝食,99FFFF
8,散歩,FFAAAA
時刻は6時ちょうどであれば「6」、6時15分であれば「6.25」とします。15分は0.25時間に相当するからです。
ありがとうございます ˃ ˂
早速利用させていただきます！
＞tisnceさん
よろしくお願いします。
こちらの円グラフ、ちょうど欲しいものでした！
個人のブログではございますが利用・紹介させていただきます。
＞niboseaさん
ありがとうございます。
よろしくお願いいたします。
こちらで作成したグラフを学校のガイドブックに使用することは可能でしょうか。
＞なななさん
問題ありません。是非お使いください。