Loading...
「Circliful」は、の円グラフをアニメーションつきで表示できる jQuery プラグインです。カスタムデータ属性に値を渡すだけでグラフを簡単に描画でき、豊富なオプションでデザインをカスタマイズできます。ランディングページで製品のシェアを訴える際などにいいでしょう。 ライセンスはMITです。ライセンスに従って著作権表示は削除せずに利用しましょう。 step1 jQueryプラグインの読み込み jQuery本体をjQueryの公式サイトから、CirclifulをGitHubからダウンロードします。ページ右下の「Download ZIP」ボタンからダウンロードできます。 利用するWebページの body の閉じタグ直前で、jQuery本体と「Circliful のminifyファイル」、「jquery.circliful.min.js」を読み込みます。 //(中略) <script src
日本は環太平洋火山帯と呼ばれる地震多発地域に属しており、地震が多発する国で、2013年に入ってから震度5以上の地震が9度起きていたり、近畿地方では最大震度6弱の地震が発生していたりします。そんな地震の多い日本に住んでいるからこそ使っておきたいのが、指定した場所の地震危険度を教えてくれる「地震ハザードカルテ」です。 地震ハザードカルテ http://www.j-shis.bosai.go.jp/labs/karte/ まずは地震ハザードカルテで調べたい場所の住所を入力します。今回は大阪府大阪市の地震危険度を調べてみる、ということで住所を入力したら「診断する」をクリック。 すると表示されるこれが、指定の場所の地震危険度情報を詳細に記した地震ハザードカルテです。 カルテ上部には地震ハザード情報を診断した土地の情報が表示されています、なお調査されるのは指定したポイントの約250メートル四方。 左上
カテゴリー カレンダー (1) タイムライン (5) ダイアモンド (1) チートシート (1) トーナメント (2) ピクトグラム (44) フロー (4) ベン図 (4) マップ (3) ムービー (1) メトロマップ (3) メニュー (2) ランキング (6) ルーツ (1) 位置 (2) 円グラフ (3) 分量 (1) 割合 (2) 早見表 (5) 案内 (1) 棒グラフ (7) 比較 (2) 相関図 (1) 系譜 (2) 色分け (7) 蜂の巣 (1) 表 (1) 説明 (17) 階層 (1) Facebookページ
あの有名サイトはどれだけのPVがあるのだろうか…検索からの流入はどれほどなのだろう…と気になった経験はないだろうか。これまでサイト管理者でないと知り得なかった情報を丸分かりにすることができるSimilarWeb(シミラーウェブ)というサービスが注目を集めている。 SimilarWeb http://www.similarweb.com/ サイト管理人が普段Googleアナリティクスなどから得ている情報が、他人からでも得られるようになったらかなり便利だ。データを基に、自分のサイトと目標にしているサイトを比較して、何が足りないのか調べることができる。 そこでnetgeek編集部ではSimilarWebを実際に使ってみて、使い勝手と正確性を検証することにした。 SimilarWebの使い方 使い方は実に簡単でURLを入力するだけ。ぱっと見、英語のサイトで難しそうだけど、操作は誰でもできるので躊躇
グラフ作成ツールが人気ですよね。べつやくメソッドも地位を確立しつつあります。 さてそうした流れを受けてご紹介したいのがEJSChart。Javascriptだけで実現できるグラフ作成ツールです。 残念なことにまだ公開前なので全容は不明ですが、やたら高機能らしいです。 ズームやスクロールが可能であるばかりか、マウスイベントを拾ったり、ヒントの表示などもサポートしている模様。ぐっとインタラクティブな表現が可能になりそうですね。 また、グラフの種類も豊富、かつ、XMLによるデータ連携もできるようです。 サイトから推測するに有料かと思われますが、早く試してみたいところですね。
ブログやサイトにグラフを貼り付けたいときに便利なツールのご紹介。 ChartGizmoではブラウザ上でさくさくグラフを作成し、ブログ貼り付け用のコードを取得することができる。 グラフを作成してくれるシンプルなAPIはいくつか提供されているが、グラフは見た目が重要なだけにじっくりいろいろ設定したいものである。 そう考えると「ブラウザで作成、貼り付け用コードを生成」という流れは正しいのではないだろうか。 データのインポートなども可能なのでグラフを多用したい人にはおすすめのサービスである。
Wonder Graph Generator Value Label Value Label Value Label Value Label Value Label なんらかのバイアス 時空のゆがみ
銀行口座や証券口座、クレジットカードなど複数持っている方も多いはず。どこの口座にいくら位あるかや今月どんなものにいくらカードで使ったかを全て把握できていない方も多いのではないでしょうか。 そんな方におすすめなのが「マネーフォワード」というインターネットサービスです。 金融機関を登録しておくだけで、資産の推移を管理してくれたり毎月の支出を何にいくら位使ったか自動で分類してくれたり面倒くさがり屋の方にぜひともおすすめしたいサービスです。しかも登録料・手数料は一切かからず無料なのでまずは試しに登録してみるといいでしょう。 便利機能その1 自動で金融資産読み込み 登録した口座の金融資産を自動で分類し、読み込んでくれます。証券口座だったら株式や投資信託の銘柄ごとにいくら金融資産をもっていて評価損益がいくらかを自動で読み込みます。 公共料金支払い口座を分けている場合などに口座残高がそろそろ無くなっ
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
今回ご紹介する「vizoo」は専門的で難解と思われがちな経済統計や企業決算などのデータを、誰でも簡単に可視化・分析できるまったく新しいグラフ作成・共有サイトです。 従来、Webに公開されている経済データを調べたり資料作成するには、それらを手作業で収集・加工する必要がありました。でも、「vizoo」はデータベースに情報があらかじめ登録してあって、検索バーで検索するだけで自動的に情報が得ることができるんです。 例えば、仕事で市場の資料作成などが必要になった時、毎日新聞を熟読したり、ネットの上場企業のデータを収集したり、結構みなさん地道な作業をする必要があると思います。でも明日までに資料を作らなくちゃいけない人やすぐに市場を把握したいなんて時には、経済統計、企業データの収集の非効率さ、難解さって、大きな障害ですよね。 「vizoo」は簡単です。Yahoo!ファイナンス以上の豊富なデータから、検索
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
東京電力は3月22日(火)、サービスエリア内の電力使用状況がグラフで把握できるコンテンツ「電力の使用状況グラフ」を自社サイトに設置しました。当日の1時間ごとの電力使用実績やピーク時の供給力の数値を表示します。 ▽ でんき予報|東京電力パワーグリッド株式会社|東京電力ホールディングス株式会社 「電力の使用状況グラフ」では、当日の1時間ごとの電力使用実績、前日の実績などがグラフで表示されます。当日の実績を示す棒グラフは、計画停電(輪番停電)を実施していない時間と実施している時間が色分けされています。時間ごとの実績がグラフに反映されるには15分から30分ほど時間がかかるとのことです。グラフの下部には、当日のピーク時の電力供給力の数値も記載されています。 東京電力は、計画停電の対象となる利用者には停電予定時刻に備えるよう呼びかけるとともに、他の地域の利用者にも節電への協力を求めています。Yahoo
JITはJavaScriptを使ったデータビジュアル化ライブラリです。 JavaScriptを使ってWeb上でデータを多彩にビジュアル化するライブラリがJavaScript InfoVis Toolkit(JIT)です。その多彩な表現をご覧ください。 積み上げのエリアグラフです。表示の際にはアニメーションが実行されます。 実際のコードです。 棒の積み上げグラフです。 横向き、2Dのグラフです。 関連グラフです。マウスで動かせます。 マウスオーバーで説明が表示されます。 こんなグラフもあります。 星形。格好いいです。 カスタマイズにも多様に対応しています。 容量の表示などによく利用されるツリーマップです。 こちらもパターンが色々用意されています。 グラフを組み合わせたパターンです。 こんな表現も可能です。 派生していくアニメーションが格好いいです。 円グラフです。アニメーションやマウス操作に
HighchartsはSVG/VMLを使って描画するJavaScript製のグラフライブラリです。 Webサービスにおいてグラフを使うとデータのインパクトが違います。だからこそ使い勝手の良いグラフライブラリを積極的に使っていくべきです。HighchartsはSVGを基本として多様なWebブラウザに対応したグラフライブラリになります。 折れ線グラフです。 Ajaxによるデータロード対応です。 グラデーションをかけることもできます。 滑らかな曲線です。 アイコンを貼付ける例です。 プロットのみで。半透明なドットを使っています。 エリアグラフです。 マイナスの値にも対応しています。 積み上げグラフです。 棒グラフです。 左右比較型の棒グラフです。 複数のデータを並べられます。 棒グラフもマイナス値を出せます。 こんな感じの棒グラフも。 さらにドリルダウン対応です。 HTMLのテーブルからデータを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く