Canvasで超可愛いグラフが作れる！「Chart.js」の紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 最近ちょくちょくグラフを用いた制作物に関わることがあり、案件によってはエンジニアさんにお願いしたりIllustratorのグラフツールで作ったりしていたのですが、なんやかんやで時間とられちゃうんですよね。で、もっとこうオシャレでスマートにさくっとハイテンションで作れるものはないかと探してみました。 そこで見つけたのがこれ。「Chart.js」。 めちゃくちゃ愛くるしい動きをしてくれます。デザインもフラットでいい！ ポートフォリオやプレゼンなんかにもきっと役立ちますよ。 Chart.jsとは？ 折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなど、6種類のグラフが簡単に描けてしまうJavascriptのライブラリです。 HTML5のCanvasを使って描画され、表示の際の気持ちいいアニメーションの動きが特徴的です。とても分かりやすいマークアップなので、
窓の杜 - 【NEWS】「べつやくメソッドクリエーター」が連日のバージョンアップで使い勝手向上
手書き風の円グラフを手軽に作成できる「べつやくメソッドクリエーター」の最新版v1.3.0が、10日に公開された。Windows 2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。なお、動作には.NET Framework 2.0が必要。 「べつやくメソッドクリエーター」は、手書き風の円グラフを作成して画像保存できるソフトで、4日にv1.0.0が初公開された。本ソフトの詳細や使用方法については、下記URLにあるv1.0.0公開時の記事を参照してほしい。 v1.3.0の主な変更点は、グラフ要素の内容や比率、デザインを変更した際にプレビューを自動更新できるようになったこと。これにより、グラフ作成の試行錯誤が容易になった。 なお本ソフトは、v1.00の公開以降ほぼ連日でバージョンアップし、使い勝手やグラフの表示品質が向上している。たとえば、フォントの描画にアンチ
聴く耳を持たない(片方しか) - [べつやくれい]べつやくメソッドジェネレーターを作りました
補足とか 一応欄外でも書きましたが、今月25日にべつやくれいさんの既刊「ココロミくん」 ココロミくん 作者: べつやくれい出版社/メーカー: アスペクト発売日: 2006/05/01メディア: 単行本購入: 8人 クリック: 118回この商品を含むブログ (95件) を見るの2巻目であるココロミくん2 作者: べつやくれい出版社/メーカー: アスペクト発売日: 2007/04/25メディア: 単行本（ソフトカバー）購入: 5人 クリック: 33回この商品を含むブログ (48件) を見るココロミくん２が発売されるそうです。上記ではアサマシエイトでAmazonを貼りつけましたが、前回と同様ニフティ経由で購入するとサインがついて来たりするかもしれません*1。 @niftyBOOKS:ココロミくん２【限定著者サイン本】 興味のある方はそちらからお求めになった方がいいでしょう。「ココロミくん」をまだ
![聴く耳を持たない(片方しか) - [べつやくれい]べつやくメソッドジェネレーターを作りました](https://cdn-ak-scissors.b.st-hatena.com/image/square/3f24d6e7bcb4742931f0c580b429fc5a464d11ea/height=288;version=1;width=512/http%3A%2F%2Ff.hatena.ne.jp%2Fimages%2Ffotolife%2Fr%2Frikuo%2F20070814%2F20070814181343.jpg)
べつやくメソッド――複雑な感情をシンプルに表現 ― ＠IT
ところで、個人的に気になるのは「べつやくメソッド」をはじめとする円グラフの流行だ。＠ITでも先週、「グラフを生成する無料のネットサービス」を掲載し人気を集めた。円グラフ作成のツールが相次いで登場している。 べつやくメソッドはニフティの「デイリーポータルZ」の記事「円グラフで表そう」から生まれた手法。ラーメンズが出演するMacのCMで「円グラフじゃ旅行の思い出は残せないでしょ」とのせりふがあり、それに触発されたべつやく れい氏が「円グラフで表せる思い出もあるのではないだろうか」と考案した。自分の気持ちや印象を円グラフで表している。べつやくメソッドの名前が定着したのは、Impress Watchのエイプリルフール記事「イソプレスうぉっち、全記事に『べつやくメソッド』を導入」だ。 べつやくメソッドは、自分の感情をイエスとノーの二極だけでなく、複数の要素で表すことができる。これが楽しい。すべての事
窓の杜 - 【NEWS】ファジーな円グラフで感想や気分を表現する「べつやくメソッドクリエーター」
手書き風のデザインで文字入りの円グラフを手軽に作成できる“べつやくメソッド”支援ソフト「べつやくメソッドクリエーター」v1.0.0が、4日に公開された。Windows 2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。なお、動作には.NET Framework 2.0が必要。 “べつやくメソッド”とは、感想やインスピレーションなどを1つの円グラフで表現する一種のプレゼンテーション技法。複数の要素を印象の強い順に大きく表示することで、文章で説明するよりも端的に内容を伝えられるのが特徴だ。@niftyの企画コーナー“デイリーポータルZ”にて、べつやく れい氏が提唱し、これを紹介したImpress Watchのエイプリルフール企画記事において、同氏の名を冠して命名された。ビジネスのプレゼンテーションよりは、ブログにちょっとした感想を掲載する場合になどに適してい
JavaScriptでグラフを描画出来るライブラリ『WebFX』:phpspot開発日誌
Chart Usage (WebFX) In web applications developed now days a lot of the logic that previously resided on the server side is now being implemented on the client side. This is especially true for information presentation, components such as trees and columnlist makes it possible for users to interact with the application, or web site if you wish, without contacting the server. However the ability to
いま熱い政党や候補者が一目瞭然？--テクノラティがブログデータを毎週公表
ブログ検索サービスやブログマーケティングリサーチを行うテクノラティジャパンは8月23日、衆議院選挙に関するブログを調査し、その結果をグラフ化して公表した。 同社では、衆議院の解散を受けて8月8日からブログ検索サイト「Technorati.jp」において「選挙特集コーナー」を開設し、選挙に関するブログやキーワードの動向を毎日レポートしている。 今回の調査は8月15日から23日の間、国内主要ブログサービスを利用する62万余りのブログを対象に実施した。「自民」「民主」などの政党名（グラフ1）や「亀井静香」など話題となっている人物名（グラフ2）をはじめ、「マニフェスト」などの選挙関連キーワードでブログ検索をし、ヒットしたブログの記事数をグラフ化した。 同社では、「一般的な世論調査では有権者の支持政党などを調査し、選挙結果の予測に役立てられるのに対し、ブログリサーチでは設定したキーワードに対する有権
はてなグラフ日記 - 数式機能の追加について
数式機能の追加について 本日、はてなグラフに数式でグラフを集計できる機能を作成しました。 グラフの設定画面より、数式に自分が作成した [グラフ名] と + - * / などの数式を入力することで、計算結果をグラフで表示させることができます。 たとえば、愛犬を抱えて量った体重から、自分の体重を引いた愛犬の体重のみのグラフを作成したい場合は、以下の数式を使って愛犬の体重のみのグラフを作成することができます。 [しなもん＋体重]-[体重] 他にもSIN、COS、TAN、LOGなど様々な関数を使用することが可能です。 はてなグラフで使用可能な数式など、より詳しくははてなグラフのヘルプをご覧ください。 グラフの縦軸の指定機能追加について これまで、グラフの縦軸は自動で設定されていましたが、本日、最大値および最小値をユーザー自身で設定できるようにいたしました。 グラフ設定画面のグラフの縦軸から値を入力
Zopeジャンキー日記 : 「はてなブックマーカーランキング」が意味しているもの - イノベーション志向のランキング・アルゴリズム
はてなブックマークの参加者（はてなブックマーカー）をランキングする、「はてなブックマーカーランキング」というページができている。 はてなブックマーカーランキング http://labs.ceek.jp/hbr/ ブックマーク数が20以上のものを「人気エントリー」と定義して、それの人気化に対する貢献度を計算している。 計算方法の説明は Ceekz Logs : はてなブックマーカーランキング http://private.ceek.jp/archives/001418.html にあり、かんたんにまとめると、以下の３種類がある（説明文は私の言葉で言い換えてある）。 トータルランキング： 人気エントリーに対する１～１０番目のブックマークを、１０～１ポイントと計算した合計ポイント数。 スタートランキング： 人気エントリーをいちばん最初にブックマーク（「１ゲット」）した数。 ブックマークランキング
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はてなグラフの日記 - グラフ名に最後に「ム」がつくタイトルの指定禁止について
favicon のカラーバリエーション追加について 本日、ヘッダの色に合わせて favicon の色が変わるようにしました。 favicon とは、お気に入りやブラウザのアドレスバーに表示される小さなアイコン（）のことで、今後はユーザーの選択したヘッダの色に合わせて各色が表示されるようになります。 idea:3881でご要望いただき、ありがとうございました。 トップページのFLASH切り替え機能について 本日、はてなフォトライフのトップページでFLASHのON/OFFを切り替えることができる機能を追加しました。 http://f.hatena.ne.jp/ トップページのFLASHはさまざまな写真をランダムに見ることができる機能ですが、一部の環境では処理が重いためにうまく動作しないといった現象が発生しておりました。 ご利用のネットワーク環境やハードウェア環境に合わせて、ON/OFFを指定し
はてなグラフの日記 - 登録できる数値の制限について
正しくページ移動できない不具合について 先日のフォルダ機能追加時より、ページ上部の「」といったページャーを使用してページ移動をする際に、正しく移動できずトップページに戻ってしまう不具合がございましたので修正いたしました。 idea:4482でご指摘いただきありがとうございました。 登録できる数値の制限について 極端に桁数の多い数値を入力すると、正しい値で記録されない不具合があったので修正いたしました。 またこれに伴い、登録できる数値の最大値と最小値を定めました。 最大値:999999999.99最小値:-99999999.99 idea:4473でご指摘いただき、ありがとうございました。 一部のユーザー様におけるグラフ作成の不具合について ユーザー名にハイフン（ - ）が含まれているユーザー様において、グラフ名や日付は追加できるが、その後の操作を行えない不具合がございましたので修正いたしま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
文章と割合から円グラフを生成できるブログパーツ「HeartRails Graph」
はてなアイデア
はてなグラフ
応用編
はてなグラフ - coxcombのheart
はてなグラフ サービス終了のお知らせ
はてなグラフ サービス終了のお知らせ