いい感じのグラフをTypeScriptなNuxt.jsとvue-chartjs(chart.js)で書いてみた - Qiita

2019/09/22 66 users Qiita TypeScript 備忘録 Chart.js

Nuxt.jsで開発しているWebサービスで、 棒グラフとか線グラフを使いたいなと思い、いろいろ調べた備忘録。 vue-chartjsを使うと、いい感じのグラフが簡単にできた(´ω｀) こんな感じで使ってます!! 登録されている本の総額と総冊数の推移を棒グラフと線グラフで表示!! 色も文字も変えられて、いい感じに(´ω｀) vue-chartj... 続きを読む

一瞬で伝わるグラフとは？：新刊ピックアップ｜技術評論社

2017/10/19 13 users グラフ 新刊ピックアップ 補足 一瞬 技術評論社

グラフとは図であり， 姿や形が重要であり， いわば一度見たら忘れられない 「絵」 のようなものです。数字や文字による補足がなくても， その 「絵」 の方から見ている私たちに語りかけてくれます。 世の中には， いろんなグラフがあふれています。売上の伸びを表す棒グラフ， 人口の減少を示す折れ線グラフ， 世界における日本のシェアを表す円グラフ…ちゃんと学んだ記憶はないのに， 誰もが何となくグラフを理解で... 続きを読む

誰が見ても一瞬で伝わるレポート資料の作り方折れ線グラフの使い方をマスターする編｜ferret [フェレット]

2015/06/18 91 users Ferret フェレット 一瞬 作り方 使い方

何を伝えたいときに折れ線グラフを使うのか？ 折れ線グラフは、項目の「推移（変化）」を表すために用います。 折れ線の角度から変化を感覚的に把握できることが、折れ線グラフの特徴だと言えます。左から右に見て折れ線が急上昇・急降下であるほど、大きな変化があったことがわかります。 ちなみに「推移」は殆どが時間を経たことによるものが多く、折れ線グラフの大半は時間軸で表現されます。 折れ線グラフを用いるのは、特... 続きを読む

手軽にグラフを作成し、PDFやPNG、SVG等でダウンロード出来る・「Really Easy Charts」 - かちびと.net

2015/06/18 15 users SVG コンマ PNG フォーマット グラフ

Really Easy Charts Really Easy Chartsはお手軽簡単にグラフを作成し、PDFやPNG、SVGなどのフォーマットでダウンロード出来るソフトウェアです。グラフのタイプ（線グラフ、棒グラフ、円グラフ）を選択して対象の数値を入力し、タイトル等を入力するだけ。数値は120,50,85,21というようにコンマで区切るようにします。対象のラベルも同様にfoo,bar,hoge,... 続きを読む

縦軸に目盛のないグラフ（インターネットもデータ分析も好きなぼくが、入社一年未満でWeb解析コンサルタントを辞めた理由） - 廿TT

2015/01/03 361 users 目盛 縦軸 廿TT グラフ 棒グラフ

2015-01-03 縦軸に目盛のないグラフ（インターネットもデータ分析も好きなぼくが、入社一年未満でWeb解析コンサルタントを辞めた理由） グラフ ポリシー 主張 縦軸に目盛のない棒グラフや折れ線グラフを描くのはやめよう。 棒グラフ 以前の職場でよく見かけた棒グラフがこのようなものでした。これは万能棒グラフです。2007-10-22 2007-10-22 - 定義すれば存在する 目盛のベースライ... 続きを読む

美しくアニメーションさせられる線・棒グラフ描画JSライブラリ「xCharts」:phpspot開発日誌

2013/01/22 29 users SVG 描画 ライブラリ phpspot開発日誌 グラフ

xCharts 美しくアニメーションさせられる線・棒グラフ描画JSライブラリ「xCharts」。 単にグラフを描画するライブラリは沢山ありますが、グラフをアニメーションさせてデータを入れ替えるライブラリはあまりなさそう 線グラフのデータを変えてアニメーションさせて比較することも出来れば、線→棒グラフへのアニメーションも可能 HTML，CSS、SVGを使っていて非対応ブラウザでは描画ができない点に注... 続きを読む

Google Chart API – LaTeX を使って数式画像を動的に生成するツールを作ってみた | TM Life

2013/01/19 27 users LaTeX パラメータ WIKI ベン図 棒グラフ

Google Chart API は Google 大先生のサービスのひとつで, URL にパラメータを指定することでグラフ画像を生成してくれます. 現在は, 折れ線グラフや棒グラフ, ベン図, QRコードなどに対応していてこれらの画像を簡単に生成することができます. その中でも今回取り上げるのは LaTeX です. LaTeX にも対応していることはあまり知られていないようで, wikiでも漏れ... 続きを読む

誠 Biz.ID：説明書を書く悩み解決相談室：折れ線グラフと棒グラフ、使い分けていますか？ (1/2)

2012/06/27 25 users 棒グラフ 解決相談室 説明書

「説明書を書く悩み解決相談室」バックナンバー 「RICEの法則」を目標と目的を区別して説明する 行動を起こす前の「理由」を説明していますか？ 書く力もスポーツと一緒――ビジネスにおける「パワー」と「テクニック」の関係 コミュニケーションのコツ8カ条をフレームワーク化して考えると？ チームのリーダー論を語る講演でドラマ「西部警察」の話題が有効な理由 アイデアクラフト・開米瑞浩の「説明書を書く悩み解決... 続きを読む

見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」:phpspot開発日誌

2012/03/01 137 users Morris.js グラフ そこら辺 phpspot開発日誌

Morris.js 見た目がクールなグラフ描画用jQueryプラグイン「Morris.js」。 マウス位置に応じて情報を変えるなど、GoogleAnalytics風のインタラクティブなグラフが描画できます。 実際には次のようなグラフが描画できます。IE6+でも動くということで、そこら辺の心配も無しです サンプルコードも載っていたりするので簡単に使えそうです グラフの種類は線グラフのみですが、多機能... 続きを読む

空きメモリを監視して少なくなったら自動的に解放『FreeRAM Booster』 | Macの手書き説明書

2012/02/03 42 users FreeRAM Booster 空きメモリ Mac 解放 数値

カテゴリ: ユーティリティ 現在の価格: 無料（サイズ: 0.4 MB） 販売元: TweakNow - Priyo Hutomo リリース日: 2012/01/31 空きメモリを監視してメニューバーに数値を表示したり、線グラフとして表示することができるアプリです。Lionはメモリを馬鹿喰いするので、こういったアプリを一つはインストールしておいたほうがいいかも知れませんね。空きメモリが少なくなって... 続きを読む

Google AnalyticsでiPhone・Androidユーザーの訪問割合を即調べる方法。 | スマートフォンサイト制作のネタ帳

2011/09/29 40 users ネタ帳 Google Analytics アナリティクス

Google Analyticsを使って超簡単にあなたのサイトにiPhone・Androidユーザーがどの程度の割合で訪問しているかを調べる方法をご紹介します。 凄く簡単なので、早速操作に入ります。 アナリティクスでiPhone・Androidユーザーの訪問割合を調べるまでの手順 １・サイト分析　→　ユーザーの環境　→　ブラウザとOS　という手順で進んでください。 ２・線グラフの下に小さく「表示中... 続きを読む

ITmedia Biz.ID：動的に変化するグラフをブログに貼り付ける

2007/06/07 145 users グラフ ITmedia Biz.ID Excelグラフ 更新

ニュース 3分LifeHacking： 動的に変化するグラフをブログに貼り付ける かっこいいグラフをブログやWebサイトに貼り付けるときは、Excelグラフの画面キャプチャではなく、オンラインのグラフ作成アプリケーションを使ってみよう。 2007年06月07日 22時26分 更新 ブログにグラフを貼り付けるユーザーが増えている。ブログ以外でも、Webページに棒グラフや線グラフ、円グラフなどを使って... 続きを読む

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

2007/03/14 222 users GIGAZINE amCharts Flash グラフ 種類

Flashの専門知識は不要で、グラフにしたいデータなどを設定ファイルに書いていくだけで完成し、グラフの種類や見せ方もいろいろと指定できる「Flashできれいなパイチャートや円グラフを無料で作る「amCharts」」ですが、非常に利用者数が多かったらしく、ついに折れ線グラフや面グラフを作成可能なバージョンの「amCharts」が登場しました。サイト上からその例を実際に見ることができるのですが、今回も... 続きを読む