OSSのデータ可視化ツール「Metabase」が超使いやすい - Qiita
Metabase、まじでイケてる。 1日で、Re:Dashから乗り換えました。 Metabaseとは OSSのデータ可視化ツール。Re:Dashとかと同じ類。 AWSとかに乗せて、誰もが見れるダッシュボードを作ったりする時に使うと、俺かっけーってなります。 スクリーンショット 実際に社内で運用している様子をモザイク付きでお見せします。 毎日みているダッシュボード。これの4倍くらいの数値見てる。 ダッシュボードの編集。マウスで簡単に位置や大きさの変更ができる。 クエリビルダー的なやつがあり、グルーピングとか超絶便利。SQL書けない人でも、単一テーブルとかだったら余裕かと。 グラフ化も簡単。 SQLでのクエリ編集画面。ちゃんと補完してくれる。 Metabaseの良い所 見た目が格好いい。 インストールが簡単。 openjdk-8-jdk入れて、jarファイル置くだけ。 豊富なデータソースに対応
HTMLのtableにクラスを加えるだけで、グラフやチャートを簡単に実装できるCSSのフレームワーク -Charts.css
棒グラフや折れ線グラフ、どうやって実装していますか？ Charts.cssなら簡単です。データをtableタグで実装し、CSSのクラスをtableに加えるだけで横棒グラフ、棒線グラフ、折れ線グラフ、エリアグラフなどを簡単に実装できるCSSのフレームワークを紹介します。 HTMLは普通の表組みなのでアクセシブル、グラフやチャートはレスポンシブにも完全対応した優れものです。 Charts.css Charts.css -GitHub Charts.cssの特徴 Charts.cssのデモ Charts.cssの使い方 Charts.cssの特徴 Charts.cssはtableで実装した表組みにシンプルなCSSのクラスを加えるだけで、さまざまなグラフやチャートを実装できるフレームワークです。カスタマイズも簡単で、ユーティリティのクラスも豊富に用意されています。 HTMLとCSSだけで実装 セマ
Pixela | あなたの頑張りや継続を記録し、育てたい。そのすべてを、APIで。
あなたの頑張りや継続を記録し、育てたい。 そのすべてを、APIで。 Pixela はAPIサービスです。このサービスを使えば、あなたの日々の様々な活動量を GitHub のような鮮やかなグラフで表現することができます。 そのすべての操作を、APIで。もちろん、無料です。 スポンサーについて Pixela はほとんどの機能を無料で利用できますが、 有料の支援登録をしてくれた人だけが使える機能もあります。 そして、それよりもう少し多い金額を支援してくれているのが、ロゴ/アイコンスポンサーの方々です。 Pixela は世界の人々の頑張りや継続を応援しています。 あなたやあなたの会社もそれを応援していることを、ロゴやアイコンの掲載でアピールしませんか？ もっと詳しく ロゴスポンサー - 企業
“微分積分は何の役に立つのか”が分からない人向け文章問題作ってみた 「タカシ君のこたつが温まるのにかかる時間は？」
皆さんは、微分積分というものを覚えておいででしょうか。 記憶力のある人なら「xを微分せよ」「定積分を求めよ」みたいな問題文やグラフの傾きを求めたことなどを覚えているかもしれません。しかし、それ以上に「何の役に立つのかさっぱり分からなかった」という記憶がある人の方が多いかもしれません。 そこで今回は「こんな風に役立つんだぜ」という文章問題を考えてみました。微分積分はいらない子じゃないんやで。 ライター：キグロ 5分間で数学を語るイベント「日曜数学会」や数学好きが集まる部室みたいなもの「数学デー」の主催者。数学の記事を書いたり、カクヨムで小説を書いたりしている。 問題 タカシ君はこたつでぬくぬくするのが大好き。好き過ぎて「温まりきっていないこたつ」には我慢なりません。「冬の朝、電源を入れてからしばらく待ったつもりだったけど、こたつに入ってみたらまだ寒かった」という悲劇はもう勘弁。そんな目にあう
Google Chart Tools の使い方 | プログラマーズ雑記帳
いろんなグラフがかける Google Chart Tools の使い方について書いてみました。 Google Chart Tools の使い方 (今回) 表とデータの扱い 棒グラフ (積み上げ棒グラフ) 散布図 折れ線グラフ、面積グラフ 円グラフ、計器図 組織図 グラフの合成 動的なグラフの変更 グラフと表の連携 フィルタリング(Dashboard と Control) データロールによる特異点の表示と注釈付きタイムライン スプレッドシート(表計算)で作成したグラフの公開 今回は Google Chart Tools の紹介と基本的な使い方の説明です。 Google Chart Tools とは グラフの種類 ライセンス 使い方 オプション Google Chart Tools とは Google Chart Tools は SVG を使ったグラフを表示するツールで、 JavaScript
この記事の元の本編は削除しました。｜樫田光 | Hikaru Kashida｜note
これは何かGoogleの Material Design Guideline - Data Visualization がとても良くまとまっていたので、自分なりに和訳・編集してまとめたものです。 ※ 注意事項 こちらはあくまで、もとのドキュメントを参考に筆者が和訳・編集したものになります。原文の完全な和訳ではなく、抜粋の範囲や、英=>和の際の意訳を筆者が恣意的に行っています。 筆者の意訳・編集による曲解や元のドキュメントでのオリジナルの文意が気になる方は原文を読むことを強くおすすめします。 和訳の公開の可否についてはGoogle社に直接問い合わせています。1 / 原理原則（Principles） データの可視化は、複雑で内容の多い情報をグラフィカルな形式で表現するコミュニケーション手段である。 可視化の結果、データを比較しストーリーを伝えることが容易になり、データの利用者の意思決定の助け
マイナビ、自称・元マイナビの人の高スキルなプロフィールと低スキルなグラフの落差で企業イメージ少し悪化 : 市況かぶ全力２階建
空売りレポート屋に攻め立てられるレーザーテック、ペライチの否定文では耐えきれず2ページの否定文を追加投入して応戦
フリーで商用利用可能なグラフ描画ライブラリ
こんにちは、しぐれがきです。 自作のWebアプリ作成にあたり、グラフ描画ライブラリを導入しようと考えています。 一応、自作といっても公開も視野に入れたいので、事前に商用利用可能かを調査しました。 せっかく調査したので、本記事で備忘録としてまとめたいと思います。 目次 グラフ描画ライブラリへの要件 ■商用利用 ・商用利用可能なこと ■デザイン ・デザインが見やすいこと ■グラフの種類 ・複数のグラフに対応していること -棒グラフ -折れ線グラフ -円グラフ -ドットグラフ(分散グラフ) -曲線グラフ 調査結果 グラフ描画ライブラリ一覧 特定キーワードでググってグラフライブラリをリストアップしました。 調査方法は調査方法を参照
MongoDB、データベース内のデータをマウス操作で簡単にグラフ化できる「MongoDB Charts」発表。MongoDB World 2017
MongoDB、データベース内のデータをマウス操作で簡単にグラフ化できる「MongoDB Charts」発表。MongoDB World 2017 MongoDB社は、6月20日、21日にシカゴで同社の年次イベント「MongoDB World 2017」を開催。基調講演でMongoDB内のデータを簡単にグラフ化できるツール「MongoDB Charts」を発表しました。 MongoDB Chartsは、MongoDBに統合されたツール。「とてもシンプルに、ドキュメントセントリックで美しいチャートを作るためのツールだ。MongoDBに保存されているどんな統計的データも視覚化できる」（同社CTO兼共同創業者 Eliot Horowitz氏。
習慣トラッカーを作ろう！〜良い習慣を増やして、悪い習慣を減らす〜 - 僭越ながら【1テーマの本を30冊読んで勉強するブログ】
明日で５月最後の日。６月に入るまでにやりたいことがありました。それは６月の習慣トラッカーを作ること！ 習慣トラッカーとは、習慣にしたいことを書き出し、それが毎日できているかチェックする表。これによって、その習慣が身についているかどうかが一目瞭然になります。 習慣トラッカーの作り方 まず１ヶ月間の習慣にしたいことを決めます。そして、ノート１ページに１ヶ月分のチェック表を作ります。 わたしの６月の習慣トラッカーはこんな感じになりました。 6月にわたしが身につけたい習慣は... 朝活する（バレットジャーナル記入、ブログ執筆、読書…etc） 朝勉する（朝に１時間以上、英語の勉強をする） どこか１箇所１５分間集中して掃除する メールとラインを未読ゼロにする メールとラインにすぐ返信する 1分でもいいから、日中に隙間時間を見つけて英単語を勉強する お惣菜買わない コンビニを使わない（何かと割高になるか
【エクセル】表を劇的に見やすくするレイアウトワザ4選！数字を並べるだけじゃセンスがない | GetNavi web ゲットナビ
数字がたんたんと並ぶエクセル表ってとっつきにくいですよね。見やすくするには「テーブル機能」が便利です。例えば、表に縞模様をつけて見やすくしたり、データバーを使ってセルに横棒グラフを表示できたりします。今回は、見やすい資料作りに必須な表のレイアウトワザを紹介します。 エクセルの表を見やすくするレイアウトワザ①表に縞模様を付ける表に縞模様を付けるには、テーブル機能を使います。レイアウトを残したままテーブル機能を解除するには、「範囲に変換」を使います。 ↑表を選択します ↑「ホーム」タブ → 「テーブルとして書式設定」ボタンをクリックし、メニューからスタイルを選択します 「テーブルとして書式設定」画面が表示されます。 ↑内容を確認し、「OK」ボタンをクリックします テーブルのスタイルが設定されます。 ↑テーブル機能が設定され、フィルターボタンが表示されます フィルターボタンなどのテーブル機能を解
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…
SixRevisionsでオンラインでグラフを描画する場合に活躍しそうなJavaScriptライブラリの特集がありましたので、紹介します。個人サイトではあまり役に立たないかもしれませんが、観ているだけで楽しくなります。元記事に敬意を表し、なるべく趣旨が異ならずかつ変な日本語にならないよう心がけたつもりですが、訳に間違えがありましたら容赦願います。 2010年1月17日 by Jacob Gube 退屈な数値データを美麗かつインタラクティブに解り易く可視化するためのJavaScriptライブラリは数多くあります。通常はHTMLテーブルで表現するデータを、JavaScriptを使って可視化し美しく見せる事ができればあなたのデータはアクセシビリティーの優れたものとなるでしょう。私は2008年にデータのグラフ化＆チャート化のためのJavaScriptを書き上げましたが、今回再び単なるデータに生命を
Chart Maker - BEAM
Beam is a free chart maker that makes data visualization stupid easy. Make a chart in seconds.
[jQuery/Javascript]商用利用が可能な、グラフを描画するjQueryプラグイン6選 | Wood-Roots:blog
グラフを表示させないといけないという案件が出てきたので、グラフを描画するjQueryプラグインについて調べてみました。 グラフ描画用のjQueryプラグインはたくさん見つかりましたが、グラフの描画は難易度の高い処理のためか商用利用は有償というライセンスが多いようでした。 しかし商用利用可能なオープンソースライセンス（BSD、MITライセンスなど）のプラグインでも、充分に高機能なものもありましたので、私個人がいいと思ったプラグインを6つ紹介します。 ・商用利用可能なライセンス ・1つのプラグインでいくつかの種類のグラフが表示できる という2点を満たすものを選んでいます。
![[jQuery/Javascript]商用利用が可能な、グラフを描画するjQueryプラグイン6選 | Wood-Roots:blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/279eacffa624172225547568918113fa86b44999/height=288;version=1;width=512/https%3A%2F%2Fwood-roots.com%2Fwp-content%2Fuploads%2F2016%2F03%2FChart.js-HTML5-Charts-for-your-website.-600x342.jpg)
ccchart
Github https://github.com/toshirot/ccchart Documents 2016/11/01 Document Automatic extraction version ccchart Reference--Under construction 2013/06/06 v1.06.3 Document Doc v1.06.3 Blog [THE LAST DAY] #ccchart Recommended browser Google Chrome is the fastest for the ccchart. Bugs Bug at bar type in v1.12.03 - v1.12.05 v1.12.03 - v1.12.05 There is a bug that bar starting point position of the falls.
JavaScriptで爆速グラフ・チャートが作成できる「CanvasJS」を使ってみた！ : うえぶはっく
ちょっとしたデータをサクッと「グラフ」や「チャート」にして、Webページに素早く公開したい人に最適なJavaScriptライブラリ「CanvasJS」のご紹介です！ 類似のライブラリはいくつかありますが、「CanvasJS」はわずか数行のコードですぐにグラフが作成でき、なおかつ豊富なパラメータをいじることで驚くほど細かいカスタマイズも実現できるのが特徴的です。 今回は、基本的な使い方を中心にご紹介しようと思います！ 必要なファイルを準備しよう！ 「CanvasJS」の本体ファイルは、サイトのトップページからダウンロードできますが、CDN経由からも利用できるようになっています。 https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js これを、HTMLファイルに読み込みます！ // index.html <!d
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Examples
Chart.jsを使って、棒グラフ、折れ線グラフ、レーダーチャート、円グラフを表示しよう！（サンプル・解説付き）
きれいなグラフを呆れるほど簡単につくれるウェブツール