CSSだけで円グラフを表示するサンプル:phpspot開発日誌
Have a Slice This is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries CSSだけで円グラフを表示するサンプル。 次のような円グラフをCSSのみで実現するサンプルが公開されています。 HTMLコードは以下のようにシンプルに表現できます。 <div class="shadow"> <div id="example"> <div class="pie size35"></div> <p class="percent">37%</p> </div> </div> 次のような１個の円グラフを並べた横長画像のbackground-positionをずらして、必要な部分だけ表示することで実現しているようです。 サーバサイドでもクライアントサ
HeartRails Graph | キュートな円グラフ簡単作成サービス
ここで、グラフにしたい各項目の文章と比率を入力して、「作成！」 ボタンを押すと、グラフの作成が始まります （混雑状況によってしばらくかかる場合があります）。項目は少なくとも一つは入力するようにしてください。また、比率の合計は自動的に調整されますので、100% にしなくても構わないです。 作成が終わると、グラフとともに 「HTML コード」 が表示されます。ブログやホームページ等に貼り付ける際には、この欄のコードをコピーして埋め込むか、グラフの画像を保存して適宜ご使用ください。 さらに詳しく設定される場合は、「もっと細かく」 を選んでください。このモードでは各項目の塗りの色や上下に付けるタイトル、作成するグラフの画像サイズ、線や背景の色、フォントや影付けの指定ができます。 色の設定は、"#rrggbb" の形式で入力してください。"rr" は赤、"gg" は緑、"bb" は青の成分を表してい
窓の杜 - 【NEWS】ファジーな円グラフで感想や気分を表現する「べつやくメソッドクリエーター」
手書き風のデザインで文字入りの円グラフを手軽に作成できる“べつやくメソッド”支援ソフト「べつやくメソッドクリエーター」v1.0.0が、4日に公開された。Windows 2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。なお、動作には.NET Framework 2.0が必要。 “べつやくメソッド”とは、感想やインスピレーションなどを1つの円グラフで表現する一種のプレゼンテーション技法。複数の要素を印象の強い順に大きく表示することで、文章で説明するよりも端的に内容を伝えられるのが特徴だ。@niftyの企画コーナー“デイリーポータルZ”にて、べつやく れい氏が提唱し、これを紹介したImpress Watchのエイプリルフール企画記事において、同氏の名を冠して命名された。ビジネスのプレゼンテーションよりは、ブログにちょっとした感想を掲載する場合になどに適してい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HeartRails Graph | キュートな円グラフ簡単作成サービス
818nc.jp
