問題タブ [protovis]

私は、州ごとの米国選挙のプライマリ結果を表示するページを配信する責任があります。各ページには、約 250 ピクセル x 250 ピクセルの州の画像を含むバナーが必要です。今私がする必要があるのは、それらの画像を提供/生成する方法を理解することです...

1. 私はProtovisのドキュメント/例を掘り下げましたが、おそらくState座標のアウトラインを持ち上げることができると思います-座標データを手動で変換して正当化し、適切なサイズにする必要があります(ick)

2. 賢い/野蛮なスペクトルの対極にあるのは、巨大なスプライトまたは一連のスプライトです。png 8 圧縮を使用しても、250x250px の重複しない 50 個のスプライトのグリッドのファイル サイズが懸念されます。悲しいことに、そのようなファイルは存在しないようです。そのため、手動で作成する必要があります。不愉快でもある。

誰がより良いアイデアを持っていますか?

回答: 正しい解決策は、d3 に切り替えることです。

今のところハッキングしたこと:

私はこのスクリプト protovis を持っています:

data1 は Javascript ファイルで宣言されています。

テストすると、3つのドットで画像が表示されます。しかし、たとえばJavascript関数のデータを変更してから、新しいデータでプロトビスを再描画する場合、どうすればよいかわかりません。私の場合、ユーザーがメニューをクリックすると、データベースから新しいデータを受け取り、データを更新します。しかし、データを変更した後、画像を再描画する必要があります。

新しいデータで画像を再描画するために、どうすればウェブページをリロードできるのだろうと思っていました。画像を描画する前に、POST でデータを渡す Web ページをリロードし、Javascript でデータを取得することを考えていました。

しかし、このソリューションが機能するかどうか、それが最善の方法であるかどうかはわかりません。

私はフリーマインドで編集している非常に単純な分類法を持っており、それをサンバーストの視覚化としてプロトビスで視覚化したいと考えています。分類の深さは不明です。

私は、xslスクリプト機能を介したFreemindのエクスポートで使用できるXLST変換を構築する試みを作成しました-サンバーストを生成するためにProtovisが必要とする正確なJSON形式でデータを出力します-javascriptでそれ以上の変換は必要ありません。

私が探している出力JSON形式の例はここにあります：http： //mbostock.github.com/protovis/ex/sunburst.html

事実上、freemind.mmファイル形式が入力です。

スタイラススタジオでアルファコード（以下に表示）を実行すると、json形式（フォーマットが正しくないが合法的なようです）が構築され、スタイラススタジオから生成された出力を手動で.jsファイルに直接保存するとprotovisokにフィードされます。何らかの理由で、Freemindはこのコードを使用してデータをエクスポートしていないようですが...

足りないものはありますか？助けていただければ幸いです。

どうもありがとう、アンドリュー

=========== UPDATE =============

コードを修正しました。問題は、私のxslの一部がfreemindで使用されるxsltエンジンでサポートされていないことでした。コードを修正し、リベラルなライセンスの下でgithubに移動して、ここから削除しました。

アダプターはここから入手できます： https ：//github.com/minkymorgan/Freemind2JSON#readme

• アンドリュー

私はこのhttp://mbostock.github.com/protovis/ex/cars.html車の平行座標のサンプルを見つけました:

それはうまくいきます。平行線に沿ってフィルターを適用すると、対応するデータ (水平線) が強調表示されます。しかし、私が知りたかったのは、個々の水平線 (データ) をどのように選択/識別できるかということです。通常、getElementById などの javascipt で行うことと同様に、firebug でデバッグしようとしましたが、それらの行を選択できませんでした。コードは以下に掲載されています: これはメインの html ページです:

データは cars.js にあり、次のようになります。

ビジュアライゼーションをレンダリングして、自分のWebサイトの背景グラフィックにしたい。このための最良の視覚化パッケージは何でしょうか？私は主に実装の単純さに関心があります。

これに似た外観にしたいのですが、グラデーションの代わりに写真のサムネイルを使用します。

私はその仕事をすることができる2つのパッケージ、ProtovisとD3を見つけました、そしてSVGからPNGへのコンバーターがあります。これをProtovisSVG出力で使用して、背景の画像をレンダリングできると思います。私が説明していることをすぐに実行できる視覚化パッケージはありますか？私は正しい/間違った軌道に乗っていますか？

私はいくつかのデータ視覚化にprotovisをpv.Scale.linear(...).range(...)使用しましたが、数値を色にマッピングするカラースケールを作成するために使用できるその機能が本当に気に入っています。RGBを出力するPython用の同様のモジュールはありますか？

私はphoneGapが初めてで、protovis（javaScriptベース）ライブラリhttp://mbostock.github.com/protovis/を使用していくつかの視覚化メソッドをレンダリングするために、SVGサポートを備えたAndroidにWebビューを実装しようとしています。

HTMLファイルをロードするための次のコードがあります。

}

現在、このhttp://mbostock.github.com/protovis/ex/antibiotics-burtin-full.htmlをレンダリングしようとしていますが、Android の webview では背景色しか取得できません。

これをレンダリングする機能を備えた webview を構築する特別なオプションはありますか?

前もって感謝します！

I need to display a large matrix within our web-based application. The matrix dimensions are approx. 1000*1000 and each cell is either filled or not.

Basically, it should look like this (much larger and without the colors): http://mbostock.github.com/protovis/ex/matrix.html

I need basic interaction, such as zooming and clicking on a cell. The matrix is likely to to be a sparse matrix.

I tried Protovis but rendering takes forever if the matrix is larger than 80*80.

What Javascript library might be suitable for this task?

Protovis の N-Body の例を新しいライブラリ D3 に複製したいと思います。D3 は Protovis の進化形であると考えられていますが、シミュレーションを近づけるのに非常に苦労しています。

ターゲット: http://mbostock.github.com/protovis/ex/nbody.html

これまでのところ、次の問題があります。

• D3 には衝突検出機能が組み込まれていません。
• 各ティックに独自の衝突検出を追加すると、非常にぎくしゃくします。
• N 体の例はゆっくりと滑らかに動きますが、これは D3 の私には当てはまりません。Force レイアウトで設定を複製しようとすると、一致しないようです。
• 正確に再現できないカラーランプ。ノードの速度をベースにしようとすると、鉱山はひどくジッターします。
• 合理的な方法でシミュレーションを実行し続けることができません。手動およびresume（）を介して設定しようとした冷却係数。

これが私の現在の試みです: https://gist.github.com/1917001

D3 と Raphael を一緒に使用して、D3 によって視覚化が生成され (D3 の API を使用して svg 出力を生成)、Raphael によって IE で正しく視覚化されることは可能ですか?

例/サンプルコードに感謝します。