並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 278件

新着順 人気順

円グラフの検索結果1 - 40 件 / 278件

  • 不思議な円グラフを描くウェブサービス作ったよ - aike’s blog

    最近ツイッター界隈で不思議な円グラフを見かけました。 こんなやつです。 ちょっと調べてみると昨年の報道番組からキャプチャした映像のようです。 このグラフを見て、その手があったか!という新鮮な驚きを感じました。これまでの円グラフの常識にとらわれず、円の中心からあえてずらした位置から分割することで飛躍的に表現の幅を向上させています。無味乾燥で機械的なグラフにくらべて製作者の強い思いがぐっと伝わってきます。なんとイノベーティブでなんとワンダーなグラフなのでしょう。 でも、このグラフ、実際に描こうと思うとけっこう面倒です。Excelのグラフ機能をみても中心点の位置をずらす方法はなさそうです。 そんなわけでゆがんだ円グラフを描くウェブサービスを作りました。 ワンダー・グラフ・ジェネレイター 項目の追加変更はもちろん、中心をずらしたり、楕円形にして項目を強調したりできます。円グラフの秘められた表現力を

      不思議な円グラフを描くウェブサービス作ったよ - aike’s blog
    • 円グラフのデザイン集 | おしゃれで伝わるグラフの作り方|かわちゃん

      円グラフについて「書くときの注意点」「円グラフの種類」「どういったデータが円グラフに向いているか」「実際の円グラフのデザイン」などを画像を使ってわかりやすくまとめました✨ note公式Twitterでも紹介された人気記事なので、よかったら見てね😊 さくっと書きたい人は「円グラフの種類」から読むことをおすすめします。いろいろな円グラフのデザインがあるので、気に入ったグラフを真似して使ってね。 しっかり考えて書きたい人は、「円グラフを書くときの注意点」を読めば、見やすい円グラフの作り方がわかるとおもいます。 円グラフを書くときの注意点・本当に円グラフでいいの? 円グラフはわかりにくくなりやすいグラフです。 要素が3つ以上ある場合は、棒グラフを使ってみるのもおすすめです🙆 「円グラフは使うな」という方もいますが、私は使い方さえ間違えなければ円グラフも素晴らしい表現方法だと思うので、簡単にわか

        円グラフのデザイン集 | おしゃれで伝わるグラフの作り方|かわちゃん
      • HeartRails Graph | キュートな円グラフ簡単作成サービス

        「HeartRails Graph」 は、下みたいなグラフを簡単に作成するサービスです。各項目の文章と比率を入力すると、いわゆる 「べつやくメソッド」 的なグラフが適当に生成されます。レビュー記事やアンケート結果等にいかがでしょうか? 作成したグラフはそのままブログやホームページに貼り付けられる他、Web API による生成も可能です。もちろん、いずれも無料でご利用いただけます。詳しい使い方についてはヘルプをご覧ください。また、元ネタはこちらやこちらをご参照ください。(なお、大規模なアンケートシステム等への組み込みに関しては、本システムのご購入をご検討ください。)

          HeartRails Graph | キュートな円グラフ簡単作成サービス
        • Flashできれいなパイチャートや円グラフを無料で作る「amCharts」

          この「amCharts」というのを使えば、無料でFlashのパイチャートや円グラフが作成可能です。Flashの専門知識は不要で、グラフにしたいデータなどを設定ファイルに書いていくだけで完成します。グラフの種類や見せ方もいろいろと指定でき、かなり応用が利きそうな予感。 詳細は以下から。 amCharts: customizable flash Pie & Doughnut chart ダウンロードは下記のページから可能です。 DOWNLOAD PIE & DOUGHNUT 実際の例は以下のページから見ることが可能です。まずは標準的な円グラフ。 http://www.amcharts.com/pie/examples/1/ この例ではグラフの説明がそれぞれのグラフの中に書いてあります。 http://www.amcharts.com/pie/examples/2/ こんな感じで2つのグラフにし

            Flashできれいなパイチャートや円グラフを無料で作る「amCharts」
          • 「幸福度の50%は遺伝、10%は環境で決まる」では残り40%は…心理学の研究が明かす驚きの"幸福度の円グラフ" 裕福さ、器量、健康、結婚は実はあまり関係ない

            幸せな生活をずっと続けるにはどうすればよいのか。米国カリフォルニア大学リバーサイド校の心理学教授であるソニア・リュボミアスキーさんは「幸福になるための最大の鍵は『私たちの日々の意図的な行動』にある。『非常に幸福な人々』と『不幸な人々』を比較し、実験を行なったところ、『最も幸福な人々の考え方や行動パターン』がわかった」という――。 ※本稿は、ソニア・リュボミアスキー『新装版 幸せがずっと続く12の行動習慣』(日本実業出版社)の一部を再編集したものです。 「ポジティブ心理学」の研究者と話し合ってわかったこと 2001年1月、私はメキシコにある「アクマル」という、カンクンから車で2時間ほどの静かで美しいリゾート地へ旅しました。そこは暖かなそよ風が吹く場所で、「パラパ」と呼ばれるヤシ葺き屋根の小屋に6人ほどが集まりました。「ポジティブ心理学」という、当時はまだかたちになり始めたばかりの分野の研究者

              「幸福度の50%は遺伝、10%は環境で決まる」では残り40%は…心理学の研究が明かす驚きの"幸福度の円グラフ" 裕福さ、器量、健康、結婚は実はあまり関係ない
            • 3D円グラフを使うのはやめよう | Okumura's Blog

              落伍弟子さんの目の錯覚を誘うグラフの受け売りで申し訳ないが,都立高校教科書採択結果のPDFの図がすべて3D円グラフになっており,目の錯覚で誤解が生じやすい。例えば右図で日文は啓林の2倍あるのに中心角は啓林のほうが大きく,面積比でもほぼ互角に見える。情報リテラシーではっきり「3D円グラフは使うな」と教えてほしい。 Rのヘルプの「pie」の項目にも次のようにあるように,そもそも円グラフが良くない。 Pie charts are a very bad way of displaying information. The eye is good at judging linear measures and bad at judging relative areas. A bar chart or dot chart is a preferable way of displaying this ty

              • @nifty:デイリーポータルZ:円グラフで表そう

                このサイトについて 土曜ワイド工場 つぎへ > Ad by DailyPortalZ ▲トップに戻る バックナンバーいちらんへ オモテ ウラ 個人情報保護ポリシー © DailyPortalZ Inc. All Rights Reserved.

                • これだけ動いてる。過去30年で音楽の聴き方がどう変化したか、1つの円グラフで軌跡を振り返ってみると... | All Digital Music

                  1983年から2014年まで、30年以上に渡って音楽が聴かれているフォーマットの変化を表した円グラフ。音楽も時代とともに聴き方が変化している様子が各年ごとに分かりやすく可視化されています。 データはRIAA(アメリカレコード協会)が発表しているアメリカの音楽視聴データです。 1983年の音楽は、カセットテープとアナログレコードが大部分を占め、CDは1%もありませんでした。 1991年には、初めてCDが50%を超えます(55.4%)。そしてアナログレコードはLP、シングルを合計しても1%強にまで落ち込みます。 1996年にはCDの売上がシングル、アルバム合計で初めて80%を超えます。 2000年にはCD売上が90%を超えます。 2004年になって初めて音楽ダウンロードが表れます。ですが、この年ではまだアルバム・ダウンロードは0.4%、シングルダウンロードは1.1%とわずかな割合しかありません

                    これだけ動いてる。過去30年で音楽の聴き方がどう変化したか、1つの円グラフで軌跡を振り返ってみると... | All Digital Music
                  • 超かんたん3D円グラフ作成!

                    当サイト「超かんたん3D円グラフ作成!」は、オンライン上で超かんたんに3D円グラフを作成できる無料のツールサイトです。 グラフ資料作成や「べつやくメソッド」導入の際にも役に立ちます。 使い方は超かんたん! 1. 下のフォームの「項目」のところに、円グラフの項目として表示させたい項目を半角カンマ区切りで入力 例:質問1,質問2,質問3,質問4,質問5 2. 下のフォームの「数値」のところに、項目ごとの数値(または割合)を半角カンマ区切りの半角数字で入力 例:40,30,20,8,2 3. 「3D円グラフ作成!」ボタンクリックで、オリジナルの3D円グラフ画像が完成! できあがった3D円グラフ画像ファイルは保存することができます。 (Windows IEの場合は、画像を右クリックして「名前を付けて画像を保存」を選択) できあがった3D円グラフ画像ファイルは、保存&印刷&配布等が可能です。全て無料

                    • 【インターネットサギウォール】 プレゼン界の大革命!この円グラフがすごい! - n-styles.com

                      他の人に何かを訴えかけるときに、単なる数字や文章の羅列をぶつけても多くの人は振り向いてくれない。何かを伝えるためには創意工夫が必要になる。写真や図を用いてビジュアル化し、ひと目で内容が伝わるようにする。それがプレゼンテーションだ。 とくに統計データを人に伝えるためにはグラフを用いるのが効果的である。 それを踏まえて、まずはこのページをご覧頂きたい。 インターネット詐欺リポート(2014年2月度)|BBソフトサービス株式会社 ソフトバンクグループのBBソフトサービス株式会社(本社:東京都港区、社長:溝口 泰雄、以下「BBソフトサービス」)は、2014年2月度のインターネット詐欺リポートを発表します。このリポートは、日本のインターネット利用者が直面するネット詐欺の脅威とネット詐欺に対する注意喚起を目的として、BBソフトサービスの「Internet SagiWall™(インターネットサギウォール

                      • Flashできれいな円グラフを作る「amCharts」で折れ線グラフや面グラフが可能に

                        Flashの専門知識は不要で、グラフにしたいデータなどを設定ファイルに書いていくだけで完成し、グラフの種類や見せ方もいろいろと指定できる「Flashできれいなパイチャートや円グラフを無料で作る「amCharts」」ですが、非常に利用者数が多かったらしく、ついに折れ線グラフや面グラフを作成可能なバージョンの「amCharts」が登場しました。サイト上からその例を実際に見ることができるのですが、今回もかなり実用性が高そう。見栄えのするグラフを作りたい人には最適かと。 詳細は以下の通り。 amCharts: customizable flash Line & Area chart http://www.amcharts.com/line/ ダウンロードは以下から可能。 DOWNLOAD LINE & AREA CHART 例その1:2種類の線グラフ。データ引用元サイトなどへのリンクをはることも可

                          Flashできれいな円グラフを作る「amCharts」で折れ線グラフや面グラフが可能に
                        • [JS]ちょっとかっこいい円グラフをウェブページに簡単に設置できるスクリプト -EASY PIE CHART

                          シンプルなHTMLで、さまざまなデザインの円グラフが簡単に作成できるjQueryのプラグインを紹介します。 EASY PIE CHART [ad#ad-2] EASY PIE CHARTの使い方 実装は、3ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 外部ファイルはhead内に記述してください。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="/path/to/jquery.easy-pie-chart.js"></script> <link rel="styl

                          • 窓の杜 - 【NEWS】ファジーな円グラフで感想や気分を表現する「べつやくメソッドクリエーター」

                            手書き風のデザインで文字入りの円グラフを手軽に作成できる“べつやくメソッド”支援ソフト「べつやくメソッドクリエーター」v1.0.0が、4日に公開された。Windows 2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。なお、動作には.NET Framework 2.0が必要。 “べつやくメソッド”とは、感想やインスピレーションなどを1つの円グラフで表現する一種のプレゼンテーション技法。複数の要素を印象の強い順に大きく表示することで、文章で説明するよりも端的に内容を伝えられるのが特徴だ。@niftyの企画コーナー“デイリーポータルZ”にて、べつやく れい氏が提唱し、これを紹介したImpress Watchのエイプリルフール企画記事において、同氏の名を冠して命名された。ビジネスのプレゼンテーションよりは、ブログにちょっとした感想を掲載する場合になどに適してい

                            • 「ローマ帝国の歴代皇帝の死因を円グラフにしてみたら…こんな事実が見えてきた」海外の反応 : らばQ

                              「ローマ帝国の歴代皇帝の死因を円グラフにしてみたら…こんな事実が見えてきた」海外の反応 ローマ皇帝は権力と栄光の象徴として、多くの人から羨望されてきた存在です。 ところが初代皇帝アウグストゥスが死去した西暦14年から、西暦395年(その後、東西に分裂)までの歴代皇帝の死因を円グラフにしたところ、ある事実が見えてきたそうです。 どんな結果となったのか、グラフをご覧ください。 なんと7割以上が、ろくな死に方をしていません。 強大なローマ帝国の頂点である皇帝ですが、栄光は得られても非業の死を遂げる確率の高い地位であることがわかります。 (※395年に死去したテオドシウス1世は第55代ローマ皇帝で、グラフの70人と数字が食い違うのは、共同皇帝や僭称した皇帝がいるため) この死因グラフに対する、海外掲示板のコメントをご紹介します。 ●ちなみにそのうちの1人、ディオクレティアヌスは引退したということを

                                「ローマ帝国の歴代皇帝の死因を円グラフにしてみたら…こんな事実が見えてきた」海外の反応 : らばQ
                              • 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> 次のような1個の円グラフを並べた横長画像のbackground-positionをずらして、必要な部分だけ表示することで実現しているようです。 サーバサイドでもクライアントサ

                                • べつやくメソッド用円グラフ作成サービスリンク集

                                  円グラフ流行の流れで時系列に沿ってまとめた「べつやくメソッド」関連の記事ですが、あの日以降も新Webサービスや記事掲載が増え続けています。 正直、ここまで増えるとは思っていなかったことと、自分でもどれだけ円グラフ作成サービスがあるのか把握しきれなくなってきたので、べつやくメソッド用円グラフ作成サービスのリンク集を作っておきます。 無料で利用できる円グラフ作成Webサービス 無料で利用できる円グラフ作成Webサービスをスクリーンショット付きで掲載しておきます。 サイト名だけだとどんなサイトか忘れてしまったりするので、スクリーンショットがあると確認しやすくて便利ですね。 みんなのグラフ(verβ) 超かんたん3D円グラフ作成!

                                    べつやくメソッド用円グラフ作成サービスリンク集
                                  • 統計学者や数学が得意な人ほど「円グラフの使用は避ける」その理由とは? - ナゾロジー

                                    世の中には様々なデータや統計があふれており、それらを視覚的に示す「グラフ」を見かけることも増えました。 仕事や学校でグラフを作成する人も少なくないでしょう。 そして、よく見かけるグラフの1つに「円グラフ」があります。 しかし、円グラフに対して否定的な意見を持っている人は少なくないようです。 オーストラリアのクイーンズランド工科大学(QUT)統計学部に所属するエイドリアン・バーネット氏は、「数学が苦手な人は数字を避けるが、数学が得意な人の多くは円グラフを避ける」と述べています。 世間で円グラフが多用されているにも関わらず、統計学者や専門家、数学が得意な人のほとんどは円グラフを使わないというのです。 それはどうしてなのでしょうか? バーネット氏の主張から円グラフのメリットとデメリットを考えてみましょう。

                                      統計学者や数学が得意な人ほど「円グラフの使用は避ける」その理由とは? - ナゾロジー
                                    • 円グラフ流行の流れ

                                      2007年1月25日 ラーメンズが出演するMacのCMでの一言 「円グラフじゃ旅行の思い出は残せないでしょ」 と語ったことから、後に円グラフが流行するきっかけとなる。 YouTube - 円グラフ_Pie Chart (Ad of domestic-oriented Japan) マック :「どうもマックです」 パソコン:「こんにちはパソコンです」 マック :「最近、旅行の思い出をブログにしてるんだ。マックのiLifeっていうソフトを使ってサクっとね。楽しいよ」 パソコン:「私だって色々楽しんでますよ。タイムシートや表計算。今一番はまってるのは円グラフです」 マック :「え、でも円グラフじゃ旅行の思い出は残せないでしょ」 パソコン:「いやいや、このパリ旅行のグラフをご覧ください」 パソコン:「バリバリ観光。カフェでまったり。どう?」 マック :「…うん、臨場感あるよね」 (片桐仁氏がパソコ

                                        円グラフ流行の流れ
                                      • 色の組み合わせ方を身につけよう: 棒グラフや円グラフなど、データをビジュアル化した際に効果的な配色

                                        センスの良いカラーパレットを手に入れるのは簡単ですが、データを見せるための正しいカラーパレットを見つけることは非常に困難です。データの情報を正しく、効果的に伝える必要がある時に適したカラーパレットを紹介します。 Finding the Right Color Palettes for Data Visualizations 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 既存のカラーパレットの注意点 データに最適なカラーの3つのポイント 分かりやすいデータのためのカラーパレット 既存のカラーパレットの注意点 まずは、既存のカラーパレットを調査してみました。 ほとんどのカラーパレットは、複雑なグラフやデータをビジュアル化するためにはデザインされていないことに気がつきました。既存のカラーパレットが適さない理由は、3つです。 1. アクセシ

                                          色の組み合わせ方を身につけよう: 棒グラフや円グラフなど、データをビジュアル化した際に効果的な配色
                                        • 【Excel】グラフは見た目が勝負!エクセルの3-D円グラフを説得力のあるグラフにする2つのコツ【いまさら聞けないExcelの使い方講座】

                                            【Excel】グラフは見た目が勝負!エクセルの3-D円グラフを説得力のあるグラフにする2つのコツ【いまさら聞けないExcelの使い方講座】
                                          • Flashの内容を画像に変換する方法円グラフ等

                                            円グラフコミュニティサイト みんなのグラフ(verβ)作者の松本圭司さんからトラックバックがありました。 Keiziweb. ver β - 「みんなのグラフ」開発裏話。 「3D円グラフを作る上で苦労したこと、捨てたものなど」と同じような悩みを抱えていたそうで、とても興味深い内容が書かれています。 「円」という最も芸術的に美しい形の一つを、きれいに表現できないことは、技術者にとっても悩みの種です。 松本さんは、Flashを用いることにより、円グラフの美しさを追求しています。 欠点として、Flashでしか表示できないので、画像ファイルに比べると汎用性が低くなる点があります。 「だったら、Flashの内容を画像に変換すれば良いのでは?」 と思ったので、Flashの内容を画像に変換する方法を調べてみました。 1.BitmapDataをサーバーに送信し、1ピクセルずつ処理 ActionScript

                                              Flashの内容を画像に変換する方法円グラフ等
                                            • CSSで円グラフや集中線が描けるconic-gradient入門 - ICS MEDIA

                                              CSSのグラデーションconic-gradient()関数は、conic(円錐)の名のとおり、円錐状にグラデーションを描画するものです。conic-gradient()関数を使用すると、円錐状のグラデーションはもちろん、集中線や市松模様といった表現が手軽に実装できます。 ▼ conic-gradient()関数で実装したグラデーション例 ▼ conic-gradient()関数で実装した演出例 サンプルを別ウインドウで開く 本記事ではconic-gradient()関数の基本的な使い方を解説しつつ、応用的な表現やクロスブラウザ対応の方法を紹介します。 conic-gradient()関数の基礎 linear-gradient()関数・radial-gradient()関数との比較 CSSでグラデーションを実現する手段は次の3種類があります。 linear-gradient()関数: 直線状

                                                CSSで円グラフや集中線が描けるconic-gradient入門 - ICS MEDIA
                                              • あなたのオンラインでの活動状況を円グラフにしてくれる『Geek Chart』 | 100SHIKI

                                                なかなか興味深いツールのご紹介。 Geek Chartではあなたのオンラインでの活動状況を円グラフにすることができる。 使い方は簡単で、TwitterやらFlickrやらのユーザー名をぽんぽんと入れていくだけだ。すると過去30日間で、どのサービスをどれぐらい使ったかを集計、グラフにしてくれるのだ。 「やっぱりTwitterばかりだな」「わりとFlickrにあげているなぁ」ということがわかるので自分の日々の生活を振り返るには良いだろう。 もちろんそうして出来たグラフはブログに貼り付けたりすることもできる。おひまなときに試してみるのはいかがだろうか。

                                                  あなたのオンラインでの活動状況を円グラフにしてくれる『Geek Chart』 | 100SHIKI
                                                • 【Excel】円とドーナツグラフを2つ重ねて複雑な円グラフを作る方法 - わえなび ワード&エクセル問題集 waenavi

                                                  Excelで、円グラフやドーナツグラフ、二重円グラフを作る方法についてはすでに別の記事で説明していますが(円グラフとドーナツグラフの書式設定と二重の円グラフの基本)、さらに、複雑な円グラフを描きたいのであれば、「2つ重ねる」という考え方で解決することがあります。 そこで、今回は、円グラフやドーナツグラフを2つ重ねることでどのようなグラフが描けるのかをまとめて紹介します。 ※これは作成例です 「グラフ」完全マスターシリーズ(この記事は第30回です) 二重の波線(省略の波線)の正しい描き方 半円グラフの作り方とパーセンテージの表示 積み上げ棒グラフで異なる種類のデータ系列を横に並べて積み上げる 円とドーナツグラフを2つ重ねて複雑な円グラフを作る方法 元の表を残したままグラフを作成するために一時的な表を作る ガントチャートの作り方と日付を入れる方法 人口ピラミッドグラフ(バタフライチャート)の作

                                                    【Excel】円とドーナツグラフを2つ重ねて複雑な円グラフを作る方法 - わえなび ワード&エクセル問題集 waenavi
                                                  • Keynoteで最悪な3D円グラフを作る - Qiita

                                                    はじめに みなさんは3D円グラフ、好きですか?私は好きじゃないです。 最悪な3D円グラフを作ることに成功したので、共有します。 やりかた この視認性に優れた2D円グラフを、最悪な3D円グラフにしてみましょう。 2D円グラフを3D円グラフに変更する Keynoteの右側にあるフォーマットからグラフのタイプを変更します。 3D 円グラフ を選択します。 好きな3D円グラフのスタイルを選びましょう。 3D円グラフにすることはできました。これだけではちょっと物足りなさを感じます。 3D円グラフに奥行きをつける そういうときは、これ。 3Dシーンを開きます。 グラフの奥行というオプションがあります。なんだか面白そうです。 思い切って、スライダーを右に動かします。 邪悪な感じになりました。 3D円グラフをとにかく回す スライド中の3D円グラフをクリックすると、中央にボタンがあります。 押すと色がかわる

                                                      Keynoteで最悪な3D円グラフを作る - Qiita
                                                    • アニメーションつき円グラフを簡単実装!Circliful

                                                      「Circliful」は、の円グラフをアニメーションつきで表示できる jQuery プラグインです。カスタムデータ属性に値を渡すだけでグラフを簡単に描画でき、豊富なオプションでデザインをカスタマイズできます。ランディングページで製品のシェアを訴える際などにいいでしょう。 ライセンスはMITです。ライセンスに従って著作権表示は削除せずに利用しましょう。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、CirclifulをGitHubからダウンロードします。ページ右下の「Download ZIP」ボタンからダウンロードできます。 利用するWebページの body の閉じタグ直前で、jQuery本体と「Circliful のminifyファイル」、「jquery.circliful.min.js」を読み込みます。 //(中略) <script src

                                                        アニメーションつき円グラフを簡単実装!Circliful
                                                      • 円グラフで見るゲーム業界シェアの変遷

                                                        激動のゲーム業界。そのシェア争いの推移を円グラフで追っかけてみました。ちなみに国内のみを対象にしてますので注意。期間は96年以前のデータが無いためそれ以降になっています。訂正:2006年のGBAは11.3%ではなく3.7%で、指し示す位置がWiiと逆になってました。深夜に作ったんで許してください。<ソースはこちらです> http://www.kyoto.zaq.ne.jp/dkbkq103/yso/ http://homepage3.nifty.com/TAKU64/index.htm世界版アップしました:sm2006063

                                                          円グラフで見るゲーム業界シェアの変遷
                                                        • 円グラフ - JavaScript ライブラリー - HTML5.JP

                                                          JavaScriptから円グラフをcanvas要素に描画します。パラメータを指定することで、項目、色、凡例表示などお好みの円グラフを柔軟に描画できます。 ダウンロード Release Date Size (byte) Download 使い方 graph_circle_x_x_x.zipを解凍し、html5jpフォルダをウェブサーバにそのままアップロードしてください。グラフを表示させたいHTMLには次のタグを記述してください。 <div><canvas width="400" height="300" id="sample"></canvas></div> 上記タグは次の点に注意してください。 canvas要素は、必ずdiv要素で囲んでください。 canvas要素には、必ずwidth属性とheight属性を記述し、幅と高さを指定してください。 canvas要素には、必ずid属性を記述してく

                                                          • Illustrator|きれいな3Dの円グラフの作り方チュートリアル - Dynamite Design Blog|海外Webデザインネタ日本語訳&作成チュートリアル

                                                            Illustrator(イラストレーター)CS3で、きれいな3Dの円グラフを作るチュートリアルです。 Webデザインだけでなく、DTP&グラフィックデザインにおいてもグラフ作成は必要不可欠なファクターです。 今回は平面の円グラフにひと手間かけて、3Dの円グラフを作ってみました。

                                                            • Twitterで見たアンケートの円グラフに疑問

                                                              全国の市区長の8割が9月入学に反対しています。また町村長も同様に8割が9月入学に反対し、来年度からの9月入学には10割が反対しています。#九月入学本当に今ですか #九月入学反対 pic.twitter.com/qHCtRiosdd — 🇯🇵神戸市会議員 岡田ゆうじ (@okada_tarumi) May 26, 2020 見た瞬間の印象としては、反対をしている人が多くいるように見えます。しかし、文字で書き出すと以下のようになります。 >賛成:18% >反対・慎重:80% >回答保留:2% 「反対・慎重:80%」 こちらの表記。なぜ慎重と反対の意見を同じものとして扱っているのでしょうか。職業上、多くの数値データ・グラフを使ってきただけに、こういった表示はモヤモヤするものがあります。 また、辞書で「慎重」を調べると「注意深く、落ち着いて、軽々しく行わない」という意味が出てきます。 これはは

                                                              • 円グラフや棒グラフをエクセルじゃない方法で簡単に作成する方法まとめ | 日刊ウェブログ式

                                                                グラフ作成と言えばエクセルが思い浮かびますが、エクセルを持ってない、または開くのが面倒ということもあるかもしれません。というわけで、それ以外で簡単に作成する方法をまとめました。 オンラインツールで作る キュートな円グラフ簡単作成サービス おなじみの円グラフ作成ツール。ブラウザ上でものすごく簡単に作成可能。 超かんたん3D円グラフ作成! こちらは3D円グラフを作成するジェネレータ グラフ簡単作成くん 線グラフ、円グラフ、3D円グラフ、棒グラフなど様々なグラフを作成できる グラフ作成ソフト 円グラフ、3D円グラフ、2重円グラフ、折れ線グラフ、縦棒グラフ、横棒グラフとかなり広範囲にブラウザ上で作成可能。レーダーチャートや散布図も使用できるので本格的です。 円グラフの自動作成FLASHツール FLASHで表示する円グラフ CSSで作る CSS For Bar Graphs 後から修正が容易に可能な

                                                                • 【Excel】このグラフ、エクセルで作ったの?エクセルの棒グラフや円グラフのデザインのマンネリ化打破テクニック【いまさら聞けないExcelの使い方講座】

                                                                    【Excel】このグラフ、エクセルで作ったの?エクセルの棒グラフや円グラフのデザインのマンネリ化打破テクニック【いまさら聞けないExcelの使い方講座】
                                                                  • フジテレビの偏向円グラフがつくれる便利ツールWonder Graph Generator

                                                                    フジテレビが若者の不祥事を叩くためにつくったトンデモ円グラフを簡単につくることができるツール「Wonder Graph Generator」が超便利なので紹介しよう。 関連記事:フジテレビの偏向報道が酷すぎて驚愕!なぜか10代と20代をまとめて、さらに円の中心までずらしたうえで「若い世代の不祥事が目立つ」 まずはこちらのグラフをご覧頂きたい。若者の不祥事が多いとバッシングするためにつくられたフリップには信じられない円グラフが映し出されているのだ。 なんだこれは…。円の中心がズレており、さらに不自然に立体的にされているため、10~20代の面積が大きくなっている。そもそも、30代、40代、50代とは違い、なぜ10~20代だけひとくくりにしているのか、非常に不可解だ。 さて、この都合のいい円グラフをつくれるツールが「Wonder Graph Generator」だ。 右側にコメントを書き込んであ

                                                                      フジテレビの偏向円グラフがつくれる便利ツールWonder Graph Generator
                                                                    • 自分のスキルを円グラフにしてブログパーツにしてくれる『Skillr』 | 100SHIKI.COM

                                                                      まだプライベートベータ版ではあるが、コンセプトが興味深いのでご紹介。 自分がどういったスキルを持っているか、他の人に知らせるのは悪いことではない。 そこに嘘がなければ思わぬチャンスが舞い込んでくるかもしれないからだ。 そこでSkillrを活用してみてはいかがだろう。 このサイトでは自分がどんなスキルを持っているかをブログパーツにしてくれるのだ。しかもご丁寧に円グラフにしてくれるので、それぞれのスキルの重み付けもできる。 これを自分のブログに貼り付けれていたら仕事が・・・ということもあるかもしれない。 自分に「ツキ」を呼び込むにはどうしたらいいか。こうしたツールはもっと広まって欲しいですな。

                                                                        自分のスキルを円グラフにしてブログパーツにしてくれる『Skillr』 | 100SHIKI.COM
                                                                      • 束縛と頭の円グラフ【恋愛神ヨッピーの恋愛相談】 | 恋愛jp

                                                                        お久しぶりです。恋愛神です。 「全ての恋愛の悩みを風俗に例える」という斬新なスタイルでお届けして来た当コラムですが、回を重ねるごとに自分の知能指数がどんどん下がっていくような気がする上に、事あるごとに仕事関係の人や知人に「これから風俗ですか?」とか「五反田ですか?」みたいな事を言われまくるようになったので激怒しています。 こないだなんて打ち合わせ行ったら「これ、おみやげです」って言って風俗雑誌渡されましたからね。なにそれ。貰ったけど。 いやホント、「普段はどこの風俗行くんですか?」とかしょっちゅう聞かれるんですけども、最近は全然行ってないんですよね実は。 マジでもう、本当にそういうお店に行く回数が減りました。 だって、電話一本で来てくれる便利なシステムがあるのにわざわざ行く意味がわからないです。 閑話休題。 まあそんなこんなで「もう書かネェ!」なんて思っていたのですが、先日イベントでお会い

                                                                          束縛と頭の円グラフ【恋愛神ヨッピーの恋愛相談】 | 恋愛jp
                                                                        • ニコニコ動画(RC2)‐円グラフで見るゲーム業界シェアの変遷 ―世界版―

                                                                          ゲーム業界のシェア争いの推移を円グラフで追っかけてみる動画の続編です。今回は世界版です。シェアの定義は各年に出荷されたハードの台数の割合としました。ソースについてですが、統一データが見当たらないため手当たり次第に数字を集めてまとめたので、コレだ!と示すことができません。またそのため数値に若干のズレがあると思いますので話半分に見てもらえればと思います。国内版:sm1980094

                                                                            ニコニコ動画(RC2)‐円グラフで見るゲーム業界シェアの変遷 ―世界版―
                                                                          • [JS]円グラフにピッツァのようなかわいいアニメーションを与えるスクリプト -Pizza Pie Charts

                                                                            円グラフをピッツァやドーナツに見立て、ホール状のものから1ピースを抜き出すようなアニメーションがかわいいエフェクトを備えたjQueryのプラグインを紹介します。 円グラフは、確かにホールのピッツァに似てますねw Pizza Pie Charts Pizza Pie Charts -GitHub Pizza Pie Chartsのデモ Pizza Pie Chartsの使い方 Pizza Pie Chartsのデモ デモはChrome, Safari, Firefox, Operaなどのモダンブラウザ、IEは9+でご覧ください。 ダウンロードファイルのデモ Pizza Pie Chartsの使い方 Step 1: 外部ファイル jquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="stylesheets/pizza.css" media="

                                                                            • 「学生生活ってつまりこうだよね」円グラフで説明する12例 : らばQ

                                                                              「学生生活ってつまりこうだよね」円グラフで説明する12例 学生生活は終わってしまえば、もっと勉強しておけばよかったとか、もっと楽しんでおけば良かったと悔やむものですが、学生のうちは勉強に遊びに友達付き合いにと、時間がいくらあっても足りないジレンマもあります。 そんな学生たちの生活を、シンプルなグラフで示した12例をご紹介します。 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 思うようにいかないのが学生生活だったりしますが、それはそれで楽しい思い出となるものかもしれませんね。 prism (1) (まんがタイムKRコミックス つぼみシリーズ)東山 翔 売り上げランキング: 2 位 Amazon.co.jp で詳細を見る 関連記事これが若さか!学生たちの無茶やりすぎな写真20枚「男なら授業中にこんな妄想したよな?」あるあると同意されていた1枚のイラスト夢いっぱい

                                                                                「学生生活ってつまりこうだよね」円グラフで説明する12例 : らばQ
                                                                              • 情報番組で相次ぐ誤報、“ありえない円グラフ”まで飛び出したテレビ局のお粗末事情(週刊女性PRIME) - Yahoo!ニュース

                                                                                民放各局の初歩的な放送ミスが、このところ相次いでいる。 「きちんとしたチェック体制ができていたら、まず起きない間違いです。それが起きてしまった原因は、現場のスタッフ数が新型コロナウイルス感染予防のために少なくなっている点、それをチェックするプロデューサーが疲弊している点にあります」 【写真】『ひるおび!』で放送された、笑えない円グラフ とスポーツ紙放送担当記者は指摘する。さらに、 「これらの事態で、テレビ局広報が結構ピリピリしているんです」 と明かす。その理由は後述するにして、ここ数日に限ってもテレビ番組内での誤報が相次いだ。 フジテレビ系バラエティー『バイキング』では、5月17日に原宿・竹下通りで撮影したにぎわっている様子として、今年3月に撮影した映像を使用するというミスをし、司会の坂上忍(52)が追い込まれた。 テレビ朝日系情報番組『羽鳥慎一モーニングショー』でも鉄道車両に集まる鉄道フ

                                                                                  情報番組で相次ぐ誤報、“ありえない円グラフ”まで飛び出したテレビ局のお粗末事情(週刊女性PRIME) - Yahoo!ニュース
                                                                                • 誠 Biz.ID:3分LifeHacking:円グラフ型スケジューラーで「1日24時間」の使い方を改善する

                                                                                  「おざなり予定表」のメイン画面。9時出勤、19時退社という、サラリーマン的タイムスケジュールを記入してみた。1日24時間における自由時間の少なさが一目瞭然だ アナログであれデジタルであれ、日々のタスクをスケジューラーで管理するというのは、ビジネスマンにとって一般的な行為といっていいだろう。出勤してから退社するまでの間、自分なりのタスク管理方法を使って、細かくスケジューリングを行うことで、漏れなく確実に業務をこなせる。 もっとも、タスクの開始時間だけを書き込むタイプのスケジューラーであれば、後ろの予定が詰まっていない場合、ついついダラダラと業務を進めてしまいがちだ。本来あるはずの退社後のプライベートな時間に思い切り食い込んでしまっているにも関わらず、それを実感することなく、結果的に来る日も来る日も余暇がない状況を招いていることも多いのではないだろうか。 このような場合に、1日24時間という限

                                                                                    誠 Biz.ID:3分LifeHacking:円グラフ型スケジューラーで「1日24時間」の使い方を改善する