Our World in Data
Research and data to make progress against the world’s largest problems. What do we need to know to make the world a better place? To make progress against the pressing problems the world faces, we need to be informed by the best research and data. Our World in Data makes this knowledge accessible and understandable, to empower those working to build a better world. Read about our mission Subscrib
64 Best Free CSS Graph Bar & Pie Chart Example - freshDesignweb
If you're looking for a way to make your data visualizations pop, then you need to check out HTML CSS graph bar and pie charts. These charts are easy to create a pie chart and add a touch of flair to your website or presentation. Free CSS Graph Bar Pie ChartHTML Graphs with Horizontal Bar ChartThis was the attempt of my hack day to try to make a meaningful graphical representation using only HTML
簡単導入 カラフルなドーナツグラフ [jsdo.it] | 9ineBB
この前は円グラフを紹介しましたが 今回は、ドーナツ型の円グラフです 前回のグラフと比べてどちらのほうが好きかというとこっちのほうが好きかな？ 実際の動作 使い方 一番簡単な使い方としては、HTML、JS、CSSをまるごとそのまま再利用 実際に表示したいところで、iframeを使うと楽です http://jsdo.it/hirotweets/ybdA 上のURLからjsdo.itに行き、下の方に有るDownloadからファイル一式をダウンロードする事が出来ます グラフの項目・数値・色は任意で付けれます 数も好きに増やしたり減らしたり出来ます javascriptのこの箇所を編集してください $(function(){ $("#doughnutChart").drawDoughnutChart([ { title: "Tokyo", value : 100, color: "#07CDF2"
![簡単導入 カラフルなドーナツグラフ [jsdo.it] | 9ineBB](https://cdn-ak-scissors.b.st-hatena.com/image/square/42ace45ff7240d7b27028badafebed586ad7fe9f/height=288;version=1;width=512/https%3A%2F%2F9-bb.com%2Fwp-content%2Fuploads%2F2013%2F12%2F2e2059d0f3b6ac2407a8aab8467b09db.png)
あのサイトとはひと味違う！こだわりマウスオーバー20連発 (1/2)
サイトを彩る多彩なアニメーション フラットデザインをベースに、随所に気持ちいいアニメーションを取り入れている「Omnisense」。コンテンツごとに用意されているさまざまなアニメーションは、どれも洗練された動きで、サイトの魅力をぐっと高めている。 ページトップにあるシンプルなボタンにマウスオーバーすると、上から矢印のアイコンがスライドして下りてくる。注目したいのは、マウスがボタンから離れたとき（マウスアウト時）の動きだ。 よくある:hoverで実装したマウスオーバーのアニメーションは、マウスオーバー時とアウト時の動きを別々に設定できないため、必ず逆の動きになる。マウスオーバー時に上からスライドしてきたら、マウスアウト時には上へ戻る、といった具合だ。 ところが、Omisenseのボタンは、マウスアウト時にそのまま下にスライドを続ける。細かな違いだが、最近ではこういったマウスオーバーのアニメー
[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
Canvasで超可愛いグラフが作れる！「Chart.js」の紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのハルエです。 最近ちょくちょくグラフを用いた制作物に関わることがあり、案件によってはエンジニアさんにお願いしたりIllustratorのグラフツールで作ったりしていたのですが、なんやかんやで時間とられちゃうんですよね。で、もっとこうオシャレでスマートにさくっとハイテンションで作れるものはないかと探してみました。 そこで見つけたのがこれ。「Chart.js」。 めちゃくちゃ愛くるしい動きをしてくれます。デザインもフラットでいい！ ポートフォリオやプレゼンなんかにもきっと役立ちますよ。 Chart.jsとは？ 折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなど、6種類のグラフが簡単に描けてしまうJavascriptのライブラリです。 HTML5のCanvasを使って描画され、表示の際の気持ちいいアニメーションの動きが特徴的です。とても分かりやすいマークアップなので、
【比較】Core i7とRTXシリーズを組み合わせたモデルで安いのはどれ？「」（￥147510）11H,Core i7 13700F,メモリ16G,SSD256G,GTX1650 SUPER,DVD – パソコン総合比較研究日記
【2024年5月14日更新】 2ヶ月ぶり75度目の更新です。 今回も前回と同様の全2メーカーとなっております。 今回も最も安かったのはNECとなりました。 ただし、前回と同構成で6600円値上げしています。 一方、SEVENはメモリが半減し、電源容量も100Wダウンして55000円の超大幅値下げとなりました！ まぁ、それでも14世代CPU＆大容量SSD搭載とは言え、NECとの価格差は45080円もありますが・・。 ちなみにNECのSSDを1TBにしたところ、179960円となりました。 ご参考までに。 ランキング参加中です。クリック応援願います！ にほんブログ村 【2024年3月27日更新】 2ヶ月ぶり74度目の更新です。 今回も前回と同様の全2メーカーとなっております。 SEVENはスペックアップ以上に大幅に値上げされてしまいました。 一方NECは前回と同構成・同価格で、購入しやすい価格
Market share for mobile, browsers, operating systems and search engines | NetMarketShare
IMPORTANT NOTICE: After 14 years of service and being used as a primary source in tens of thousands of articles and publications, we are retiring NetMarketShare in its current form. October, 2020 is the last month of data. All billing for existing accounts has been stopped. All outstanding balances are being refunded. Why? An upcoming change in browsers (https://github.com/WICG/ua-client-hints) wi
Flightradar24.com
Flightradar24 is the best live flight tracker that shows air traffic in real time. Best coverage and cool features!
リアルタイムで航空機がどこを飛んでいるのか地図上で分かるフライトレーダー
空の上では航空機があちらへこちらへと飛び回っていますが、よほど詳しくないとどこからどこへいくのか、どんな機体なのかはさっぱりわかりません。これを、リアルタイムで把握できるのが「Flightradar24」です。 Flightradar24.com - Live Flight Tracker! http://www.flightradar24.com/ アクセスすると、このようにGoogleマップを用いて飛行機が地図上のどこを飛んでいるのかを図示してくれます。 たとえば羽田空港にいた飛行機アイコンをクリックしてみると、名前は「SKY015」。 これはスカイマークエアラインズの機体で、羽田空港発の福岡空港行きの便。運航機材はボーイング737-800型機で、スカイマークは2009年に所有する航空機をこの機種で統一しています。 同型の機体。 by wings777 離陸してしばらくした機であればこ
Ship Finder - The Live Marine Traffic Tracking App
Welcome to Ship Finder, a marine traffic web app designed to track live vessel activity from across the world’s seas and oceans developed by Pinkfroot. Showing you up to the minute ship tracking data broadcast straight from vessels equipped with AIS transmitters to our receivers showing you information like: ✔Ship name ✔Vessel type ✔MMSI number ✔IMO number ✔Destination port ✔Estimated Time of Arri
ライブ船舶マップ-AIS-船舶動静ならびに船舶位置
MarineTraffic Live Ships Map. Discover information and vessel positions for vessels around the world. Search the MarineTraffic ships database of more than 550000 active and decommissioned vessels. Search for popular ships globally. Find locations of ports and ships using the near Real Time ships map. View vessel details and ship photos.
世界の艦船の位置は「Google Maps」で見れば分かる（条件付）
世界の艦船の位置は「Google Maps」で見れば分かる（条件付）：勝手に連載！「海で使うIT」（1/2 ページ） 個人のPCでも「世界の艦船」の位置を確認できる Google Earthではないが、Google Mapsを利用したWebサービスを使えば、世界中で運行している船舶の位置や動静を、自宅の机や布団の中にいながらにして知ることができる。有名なところでは「Marine Traffic」や「Ship Finder」などが提供している船舶動静表示サービスがあるが、このサービスでは「AIS」（Automatic Identification System）と呼ぶシステムで利用するデータをオンラインWebマップに“ほぼ”リアルタイムで表示する。 AISについては、この一連の連載でもこちらやこちらやこちらで紹介しているが、その仕組みを簡単に説明すると、船舶がGPSで得た移動情報や自分で入力
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Donut Chart Plugins | jQuery Script
How can I build a double doughnut chart that spins when triggered
10 Libraries to create circular charts | Learning jQuery
Hardware Info - hardware reviews en vergelijken
AMD A8-6500 performance
mbostock’s gists
http://blog.livedoor.jp/splus_r/archives/51511965.html