このリンクから取得したこのコード:

https://github.com/trifacta/vega/blob/master/examples/interact/index.html

何が何だか分からなかった

私はベガにグラフをプロットするためにそれを使用しています。

ウィキペディアでベガ グラフ/マップを有効にする実験を行っており、さまざまな国がさまざまな色で強調表示されたマップを描画する方法を探しています。したがって、 http: //graphtest.wmflabs.org/wiki/Graph :Map のマップについては、別のテーブルが必要です。たとえば、US=red、FR=green、HE=blue などで、特定の国を色で強調表示します。 . グラフの定義では数値の国 ID を使用しているため、実際には "10":"red" などのテーブルを使用します。私が理解できないように見えるのは、国データと vega json の強調表示を混在させる方法です。

• そのサイトを自由に編集してください http://graphtest.wmflabs.org
• 地図データはhttp://graphtest.wmflabs.org/wiki/Data:Json:World-110mにあります
• グラフテストではフィルターが有効になっていますが、セキュリティ上の懸念からウィキペディアでは無効になっています。

仕事で行っているモデリングの結果を確認するための、非常にクールな光沢のあるアプリがあります。私が使用しているデバイスの 1 つは、wellPanel にある ggvis 折れ線グラフです。オンラインで表示するためにアプリを展開したいのですが、通常のサイズの画面 (ラップトップ) でアプリを見ると、ggvis プロットが wellPanel の境界線を超えていることがわかります。私は巨大な画面を持っていて、小さな画面で見ていたら、ggvis チャートのサイズをインタラクティブに変更できることを知っているので、大したことではありませんが、人々にそうするように言いたくありません。ggvis チャートのサイズを変更すると、wellPanel が応答するため、これら 2 つのオブジェクトのサイズの間に何らかのリンクがあるはずです。

ユーザーの画面サイズに関係なく、レンダリングされた ggvis チャートのデフォルト サイズをコンテナのデフォルト サイズに設定する方法はありますか? 私は ggvis が SVG でレンダリングされることを知っているので、それを調査することは有益かもしれません。SVG や Vega を直接操作したことはありません。以下にコード例を示します。これは、shinyapps でホストされているアプリへのリンクです。何かご意見は？

注：私は明らかに人々が一緒に働くためにコードを投稿しました。この光沢のあるアプリを機能させる方法について質問しているのではないことを明確にしたいだけだと思います-それは、スタイルを設定する方法です。もちろん、他の提案も歓迎します。乾杯。

ui.r

server.r

Global.r

ゴール

Figure を PNG ファイルとしてエクスポートしggvisます (.Rmd ドキュメントに含めるため)。

問題

私は Node.js について本質的に何も知りませんが、Node.js は素晴らしいので、もっと知る必要があるということ以外は知りません。

私は限ります：

設定

プラットホーム

• OS X マーベリックス (10.9.5)
• RStudio (0.98.945)
• (0.3.0.9001) と依存関係のdevtools::install_github("hadley/ggvis")インストールに使用ggvis
• クローンhttps://github.com/trifacta/vega先/usr/local/src/vega
• シンボリックリンク./bin/vg2png -> /usr/local/src/vega/bin/vg2png

sessionInfo()

Vincent で影付きの世界地図を描画しようとしています (ここのマップ データ バインディング セクションの郡の例に似ています)。私のコードはエラーをスローしませんが、無地のカラー マップを生成します (つまり、すべての国が青色です)。

各国を説明する主題データがあります (国は iso3 コードとして識別されます)。私のデータのおもちゃのバージョンは次のとおりです。

vincent マップ リポジトリから世界の国の地図から ID コードを取り除き、データ内の情報を世界地図の json からの ID コード (iso3 コード) に一致させるデータフレームを作成します。

map_data は見栄えがよく、177 のエントリ (世界の国のポリゴン (国) の数に等しい) があり、x には NaN がなく、あるべき場所に一致しますが、ID コードの 4 つが -99 に等しい (これらは次のような場所です)正式な iso3 コードがないコソボ)。最後に、Vincent を使用してデータをプロットします。

繰り返しますが、このコードはエラーなしで実行されますが、マップには x の値に基づく主題の陰影がありません。

Vega で 2 番目の y 軸を持つエリア プロットを作成しようとしています。エディタでここに示されている面グラフの例から構築しています。データに「col」フィールドを追加し、ファセット変換を使用して、「col」をキーとしてデータをグループに編成しています。各グループにセカンダリ軸とスケールを追加しましたが、マークを宣言するときに、データの列を適切なスケールにマップする方法がわかりません。つまり、「enter」プロパティに「y」と「y2」を指定する方法がわかりません。現在のマークが col=A の場合はスケール「A」を使用し、現在のマークが col の場合はスケール「B」を使用します。 =B. 私が取り組んでいるベガオブジェクトは次のとおりです。

export_png()R ggvis パッケージの関数を使用するにvg2pngは、node.js モジュールからプログラムをインストールする必要がありますvega。(ソース: R ドキュメンテーション)

Windowsにノードとnpmがインストールされており、実行しましnpm install vegaた.

これは、実行時に得た出力ですnpm install vega。

正しくインストールされているかどうかはわかりません。今、私が実行すると：

次のエラーが表示されます。

ファイル plot.png への書き込み

vega_file(vis, file = file, type = "png") のエラー:

変換プログラム vg2png が見つかりません。

このエラーを解決する、Windows に vega をインストールする必要がある特定の方法はありますか?

私のデータには、日付、カテゴリ、値の 3 つの列が含まれています。カテゴリは、「r」=>「通常」、「n」=>「禁止」など、拡張したい短い文字列コードであり、適切な凡例文字列を表示します。マッピングを行う方法はあり{"r":"regular", "n": "prohibited"}ますか? リストにないものはそのまま表示されますか?

また、似たようなグラフが多いので、色を統一してほしいです。すべてのグラフにすべてのカテゴリがあるわけではないため、カテゴリを並べ替えても役に立ちません。マッピングを設定するにはどうすればよいですか?{"r":"blue", "n": "#332211"}代わりに「通常」などのマッピングされたカテゴリ名を使用できます。マップされていない値はすべて、Categories20 などの他のソースから取得する必要があります。