1日の予定を円グラフ風に表示する「24時間サークルメーカー」

Pocket

夏休みの予定などを円グラフ風に表示する図があります。
この図を「24時間サークル」と呼ぶことにします。
これを簡単に作るツールを作りました。

24時間サークルメーカー

次のような図になります。

SVGファイルで出力できます。
これはPNGファイルに変換できます。

PNGファイルで出力されます。右クリックから「名前を付けて画像を保存」を選択すると保存できます。

追記(2018年10月1日)
「30分間隔で」というコメントをいただきましたので対応しました。
24時間サークルメーカー(30分単位)

追記(2018年11月12日)
「12時間で」というコメントをいただきましたので対応しました。
12時間サークルメーカー

追記(2019年6月1日)
「空欄を指定したい」というコメントをいただきましたので対応しました。「空欄」と入力すると無視されます。
また「色を指定したい」というコメントをいただきましたので対応しました。インターフェースが複雑になってしまうのでシンプルにCSVで指定する方法としました。別のページとなりますが24時間と12時間は同じページで処理できます。
24時間サークルメーカー(色選択可)

関連記事

[ 2016年9月3日 | カテゴリー: Tool | タグ: , , ]

« | »

コメント

  1. 阿見町立舟島小学校 久根間 洋 より:

    簡単にスケジュールが表示されるため,小学生にもすぐに使えるので大変優れたソフトだと思います。私のクラスでも子どもたちに使わせてみたいと思っています。ただ6年生ですので,30分間隔だととてもうれしいのですが,簡単に変更することはできるのでしょうか。もしくはこの仕組みを教えていただくことは可能でしょうか。

  2. stabucky より:

    >久根間先生
    ありがとうございます。
    30分単位でも入力できるようにしてみました。試していただけると幸いです。

  3. Takaiso より:

    シンプルでとても使いやすく重宝させていただいています。
    要望があります。1)さらに15分単位に分けていただけますか? 2)睡眠時間を、仮に何時間であれ、せいぜい4, 5時間分の面積で表示してほしい。
    2)について:睡眠の部分が不必要に面積を取りすぎる。睡眠専用の入力欄を設けることで可能かと思います。

  4. stabucky より:

    >Takaisoさん
    ありがとうございます。
    15分単位にするには
    https://tool.stabucky.com/maker/twentyfour/?min=15
    を開いてみてください。
    「睡眠」を小さく表示するのは難しいです。申し訳ありません。

  5. はじめまして より:

    円グラフで予定を表示できるwebサービスを探しており、こちらがちょうどよい手軽さで気になりました。1日の業務時間配分をメンバーに考えさせる意識付けのツールとして使えないかと思っています。
    24hだと長すぎる&アナログ時計のような感覚でとらえたいので、業務開始時刻を指定してそこからの12hを表示するような機能をご検討いただけないでしょうか?
    いきなり要求からですみません。

  6. stabucky より:

    >はじめましてさん
    12時間の件は他の方から似たような要望をいただいていましたので、検討させてください。お約束はできませんが。

  7. stabucky より:

    >Takaisoさん、はじめましてさん
    開始時刻と終了時刻を指定するパターンにチャレンジしてみましたが、意外と難しく、挫折しました。申し訳ありません。

  8. 11/2のはじめまして より:

    stabucky様
    承知致しました。お忙しいところチャレンジいただきありがとうございました。

  9. stabucky より:

    >Takaisoさん、はじめましてさん
    12時間表示で開始時刻と終了時刻を指定するパターンに再度、チャレンジして、作ってみました。
    試していただけると幸いです。

  10. 11/2のはじめまして より:

    stabucky様
    ありがとうございます!職場の新人、業務時間配分ができていない人に使わせてみたいと思います。

  11. ミュウ より:

    これすごくいいです!

  12. stabucky より:

    ミュウさん
    ありがとうございます!

  13. kana より:

    24時間サークル作りたいのですが、「サークルを作成する」を押しても「✖」が現れるだけで作れません(泣)
    なぜでしょうか?

  14. stabucky より:

    ご利用ありがとうございます。バツが表示されるとのことですが原因が分かりませんでした。パソコンまたはスマホで試していただけませんか。よろしくお願いします。

  15. しろう より:

    任意に色が選べたら嬉しいです(例えば、60分コース、90分コースの二種類だけがある。同じことを繰り返すので、同じ60分コースで色が違ってるとかえってわかりづらくなってしまうため→その一方で今の仕様だとランダムで色が振り分けられるため、60分、90分コースで同じ色になってしまうと混乱してしまうため。60分コース(ピンク)、90分コース(ブルー)のように任意で色を決められたらパッと見ただけで分かるので)

    スケジュールに空欄が作れたら嬉しいです(今はやむをえず目立たない*マークとか入れてますが、そこを空欄にできたらスッキリする)

  16. しろう より:

    UIイメージ

    時間ごとの入力欄のよこ(または右端に)にタブで選択できるように「色→ランダム(今の設定)、青、水、ピンク、黄」などで色を任意で選択できたらいいかな…というイメージです

    文字を入れない「空欄」も入力欄に空欄にできる選択ができたら嬉しいです、具合的なUIは思いつきませんでした。

    ※あくまで勝手な要望です、素晴らしいメーカーをありがとうございました

  17. stabucky より:

    >しろうさん
    前半は難しいです。インターフェースを変えるのはつらいです。
    後半はできそうです。「空欄」などとセットすれば空文字になるように。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

送信してください。


タグ

カテゴリー

最近の投稿

最近のコメント

固定ページ

アーカイブ

stabucky

写真

メタ情報