意思決定の理由の可視化が可能なグラフ構造の学習アルゴリズムの紹介 - ZOZO TECH BLOG
ZOZO研究所の清水です。弊社の社会人ドクター制度を活用しながら、「社内外に蓄積されているデータからビジネスへの活用が可能な知見を獲得するための技術」の研究開発に取り組んでいます。 弊社の社会人ドクター制度に関しては、以下の記事をご覧ください。 technote.zozo.com 私が現在取り組んでいるテーマの1つに、「機械学習が導き出した意思決定の理由の可視化」があります。この分野は「Explainable Artificial Intelligence（XAI）」と呼ばれ、近年注目を集めています。 図．XAIに関連する文献数の推移（引用：https://arxiv.org/abs/1910.10045） その中でも今回はユーザに対するアイテムの推薦問題に焦点を当て、「なぜこのユーザに対して、このアイテムが推薦されたのか？」という推薦理由の可視化が可能なモデルを紹介します。 本記事の概要
【M5paper】天気情報ボードを作る（画面遷移なし）【UIFlow】｜けんけん
CoreInkで作った、天気予報グラフのようなものを M5paperで作ろうと思います。 今回も本体を90度回転して使用します 下にグラフ、上に現在の天気など その他のスペースにいろいろ機能追加する予定。 今回は画面遷移なしで一つの情報のみをまず作ります デザイン Ｘ軸のラベルを置くの大変だった。 当初、draw.ioで書いてイメージしてから始めようとしてたけど、配置しながら微調整してたので、あまり意味がなかった。 グラフは１時間ごと２日分のグラフを作成表示。 3時間ごと５日分のグラフをタッチ操作で切り替えるようにする予定。 右上のウィンドウはM5paperの環境センサから取得した室温を表示。 週間予報を入れる予定。 日時の取得とバッテリー残量の取得◆日時は高度なブロックのNTPでネットから現在時刻を取得します ◆バッテリー残量はハードウェアのBatteryから取得できます ◆ブロックを繋
可視化や統計でデータに『恣意的なストーリーを語らせる』16の闇の魔術【bad charts】 - Qiita
闇の魔術に対する防衛術 Advent Calendar 2020の三日目 はじめに データの可視化は非常に難しい。 まずデータの抽出が難しい ・データソースごとの整合性が取れているか ・取得したデータとソースデータに欠損が生じていないか ・SQL文を実行したサマリの結果が部分的に抜け落ちていないか。 その確認は時間的にも精神的にも苦痛。 しかし、苦労して抽出したデータも使い方で全くの無駄になる その例として「可視化や統計」部分に着目してお話をしようと考えた。 データの背景を知らない人には、データ可視化が歩み寄る手段になるし、伝えたい事をインパクトを伴って伝えられるなど非常にメリットである。 ※ただし 「可視化」の使い方によっては誤った理解をさせることも可能。 伝えたい事だけを正しいように見せる方法もあり、 可視化に詳しくない人に誤解を与えて自分の主張を通すこともできるかもしれない。 これは
Tableau Tips: 時系列に沿ったデータを累積値で表示する | DevelopersIO
時系列に沿ったデータを表示する事はTableauでならとても簡単に表示させる事が出来ますが、『ある期間に於ける数値を足し込んでいった値(累計値・累積値)を表示させたい』というケースも一手間加えるだけであっさり出来てしまいます。 当エントリでは累積値としてのグラフ表示(『バーンダウンチャート』の対義語...さしずめバーンアップチャートでしょうか？)について、サンプルデータを交えてご紹介したいと思います。 Burn-up versus Burn-down Chart 目次 サンプルデータの作成 グラフの累計値表示 まとめ サンプルデータの作成 割りかし身近なもので、数値の積み上げが意味を持ちそうなものとして、『野球の安打数』のデータを使ってみることにしました。日本プロ野球(NPB)及びメジャーリーグ(MLB)のデータは以下から上位ランキング者をピックアップしました。 歴代最高記録 安打 【通算
Flume
Model.Extract.Run.Build better apps with Flume. A React-powered node editor and runtime engine Extract business logic into JSON graphsBuild apps that are resilient to changing requirements by modeling your business logic as a JSON graph. Flume provides a sleek UI for creating and editing these graphs. This is a live Flume node editor. Go ahead, take it for a spin! Build apps that are resilient to
NodeXLを使ったお手軽ネットワーク分析メモ - でたぁっ 感動と失敗の備忘録
NodeXL は Excel で行うことができるオープンソースのネットワーク分析テンプレート。Excel ワークシートにエッジリストを入力したりコピペすることで簡単にネットワーク図を描くことができる。また、ノードの形状には画像を選択することができ、画像ベースのネットワーク図を描くことも出来る。画像はファイルの場所を指定するだけでよい。URL を指定すれば WEB 上の画像も表示出来る。具体的な図はこんな感じ。※NodeXL Graph Gallery も参考になる。 このネットワーク図は7月に開催された第32回R勉強会@東京で発表したAmazonで販売されている酒類のレコメンド関係のネットワーク図に使用したデータを使い描いたものである。（その際の資料を紹介した記事はこちら） 商品画像は Ruby+Mechanize でクロールして jpg ファイルをダウンロードしたものを使用した。（WEB
【2017年度版】いざというときに活躍するJavaScriptチャートライブラリ15選
高度情報化社会やビッグデータ時代と呼ばれている現代において、データビジュアライゼーション(データの視覚化)は注目されている分野の一つです。 アプリだけでなくWebサイトにおいても、ダッシュボード画面などで、大量のデータの中から意味のある情報を、分かりやすいUIを使って表示する機会が増えています。 ホームページにこのようなデータを表示するときに役立つのが、JavaScriptベースのチャート・グラフライブラリです。 操作性が優れていたり、さまざまな種類のチャートやグラフを表示したり、レスポンシブ対応していたりと、さまざまな機能を持つチャートライブラリが存在します。 今回は、2017年に試してみたい、いざという時に活躍するJavaScriptライブラリを集めました。 ほどんどのライブラリが商用利用も可能で、汎用性があります。 次のプロジェクトで採用できそうなライブラリをぜひ探してみてください。
アルゴリズムとプログラミングをビジュアルで一挙に理解できる「VisuAlgo」
アルゴリズムを理解するのにビジュアル化することは非常に有効で、プログラムをビジュアル化することで理解が進むのもまた同じ。そこで、アルゴリズム・プログラミングの理解が進むようにと、アルゴリズムを記述したプログラムコードを一挙にビジュアル化することで、アルゴリズム＆プログラミングを同時に学習できる一挙両得なサービス「VisuAlgo」が公開されています。 VisuAlgo - visualising data structures and algorithms through animation https://visualgo.net/en 上記のVisuAlgoサイトで試しにソートアルゴリズムの基本プログラム「バブルソート」をビジュアル化してみます。「Sorting」の「bubble」をクリック。 検索窓の下に「bubble」と表示されたのを確認したら「Sorting」の画像をクリック。
最強のシャープペンシル決めようずｗｗｗｗｗｗｗｗ : ゴールデンタイムズ
2 ：以下、名無しにかわりましてVIPがお送りします ：2013/10/19(土) 22:00:41.47 ID:Zp/czCla0 グラフ1000 35 ：以下、名無しにかわりましてVIPがお送りします ：2013/10/19(土) 22:09:38.73 ID:QofP/GI30 >>2 まぁこれですわな 153 ：以下、名無しにかわりましてVIPがお送りします ：2013/10/19(土) 23:00:30.05 ID:w/CMoHk60 >>2 シャーペンの決定版 45 ：以下、名無しにかわりましてVIPがお送りします ：2013/10/19(土) 22:11:11.12 ID:1EUd6ISG0 >>2 やるじゃん 123 ：以下、名無しにかわりましてVIPがお送りします ：2013/10/19(土) 22:42:20.84 ID:j6WOmwNf0 >>2 出てた 10年くらい
インフォグラフィック& オンラインチャートを作成 | infogr.am
Schedule a demoExplore team solutions and boost business efficiency.
Eegraph - 美しいグラフが簡単に作成できる！グラフ作成サービス
Step1.タイトルを入力 グラフのタイトルを入力します。管理しやすいようにタグの入力も可能です。作成したグラフは、タイトル、タグからグラフを検索することができます。 Step2.データを入力 グラフデータを入力します。グラフデータはCSV、TSV形式に対応しています。CSV、TSVファイルをアップロードもしくは、エクセルなどのスプレッドシートからデータをコピー＆ペーストでグラフデータを入力できます。 Step3.グラフのテーマと種類を選択 グラフのテーマと種類を選択します。グラフのテーマは、「white」「grid」「dark-blue」「dark-green」「dark-unica」の5テーマ、グラフの種類は、「棒グラフ」4種類、「線グラフ」2種類、「面グラフ」4種類、「円グラフ」3種類、グラフの色は4パターンから選べます。
グラフ描くならMorris.jsがお手軽で良いかも - (ﾟ∀ﾟ)o彡 sasata299's blog
2012年11月16日13:55 JavaScript Ruby グラフ描くならMorris.jsがお手軽で良いかも こんにちわ。寒くなってきましたがみなさまお元気ですか？ さて、先日ちょっとしたグラフを描画したかったんですよ。それでなにか使いやすいライブラリ無いかなーと思っていたら railscast (revisedなので有料です) で Morris.js ってjQueryプラグインが紹介されてて良さげだったので使ってみました。google analytics みたいなツールチップも出してくれます。 使い方はとっても簡単です。 まず、jQuery (>=1.7) と Raphael (>=2.0) が必要です。あとは Morris.js があれば動作します。 これらを app/assets/javascripts/application.js に設定してください。この記事執筆時点での
チャート・グラフが作れるオンラインツール22 – creamu
97859900/ iStockphoto/ Thinkstock チャートやグラフを手軽に作りたい。 そんなときにおすすめなのが、『22 Useful Online Chart & Graph Generators』。チャート・グラフが作れるオンラインツール集です。 便利そうなのが揃っているのでご紹介しますね。 Rich Chart Live Flashでチャートが作れるツール Online Chart Generator 素晴らしいジェネレータ。かっこいい3Dのグラフを簡単に生成できる Chartle.net シンプルに使えるオンラインチャートジェネレータ JS Charts 棒グラフや円グラフなど、様々なタイプのチャートが作れるJavaScript Google Chart Tools Webサイト上でライブチャートが作れるGoogle Chart Tools Google Char
色々と使えそうなグラフや図が描けるビジュアリゼーションライブラリ集:phpspot開発日誌
色々と使えそうなデータのビジュアリゼーションライブラリ集が２２個まとまったエントリのご紹介です。 FlashからPHPで描画するものや、APIを叩いて表示するものなど、既知の物も含まれていると思いますが、多数のグラフ作成用の仕組みが紹介されています。 Fly Charts マウス位置によって情報がポップアップされたり、タブでデータを区切ったり出来るFlash製のＵＩをしたユニークなグラフ描画ライブラリです。 単純に描画されるグラフ自体もデザイン性があっていい感じですね。 Fusion Charts こちらもFlash型のグラフ描画コンポーネントです。デモページを見ればその多機能さが分かります。 Axiis Flexで作られたデータビジュアリゼーション用フレームワーク。 Stlye Chart 色々な種類のユニークなデータビジュアリゼーションが実現できるライブラリ。 Jfree Chart
ブログ埋め込み可能なグラフ作成･共有サイト「iCharts」 - WEBマーケティング ブログ
グラフをブログに埋め込むにはGoogleドキュメントやZohoへエクセルデータをアップしてグラフ作成したり、サイト上でPHPやAjaxを使って生成したりすると思いますが、「iCharts」はそれだけでなく、そのサービスサイト自体がグラフデータの共有サイトになっています。 08年10月 6日 このブログをRSSリーダーで購読 ⇒ほかの情報をリサーチ（ブログランキング） ブログやサイトへ埋め込み可能なグラフ共有サイト iCharts残念なことに日本語を受け付けてくれませんが、グラフを共有し合えるというコンセプトはおもしろいですよね。 早速今年3月のプロパティランキングをアップしてみました。 ただ単に見るだけでなく、スライダで指定範囲をズームインしたり印刷オプションがあったりと、なかなか便利なものになっています。 北京オリンピックメダル獲得数（国別・男女別） 共有されているグラフには、↑のように
無償利用可能なFlashのグラフ描画コンポーネント「FusionCharts Free」 - GIGAZINE
商用以外では無料使用できるFlashのグラフ描画コンポーネントで、ASP.NET、ASP、PHP、JSP、ColdFusion、Ruby on Rails、通常のHTMLページ、PowerPointによるプレゼンテーションなどで利用することが可能です。パイチャートや棒グラフ、折れ線グラフなどなど、作成できるグラフの種類も多彩。 実際の具体的な例などは以下から。 FusionCharts Free - Animated Flash Charts & Graphs for ASP, ASP.NET, PHP applications http://www.fusioncharts.com/free/ グラフの例は以下からいろいろと見ることができます。 Chart Gallery Online Demos ダウンロードは以下のフォームに必要事項を記入すれば可能です。 Download なお、製品
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『繋がり』を見る： Cytoscapeと周辺ツールを使ったグラフデータ可視化入門
Yohoushi という分散 GrowthForecast グラフツールを作りました : sonots:blog
Chart.js
http://www.designwalker.com/2010/07/chart-tool.html
