問題タブ [stream-graph]

このような特定のポイントでツールチップを使用するInteractive Streamgraphを作成しようとしています 。一部のデータ ポイントにはテキストが含まれており、そこに円を描き、円の上にカーソルを置いたときにデータを表示しています。

対応する場所にテキストがあるすべてのレイヤーの各要素に円を表示するにはどうすればよいですか? コードの大部分は最初のグラフと同じですが、以下のコードはわずかに変更されています。

また、最初のグラフのページの下部にある data.csv ファイルには、「メタ」と呼ばれる追加の列があります。ほとんどのエントリにはメタに「---」が含まれていますが、実際のテキストが含まれているエントリもあります。それらは私が表示したいものであり、情報のためにホバーできるようにします.

これは、参照としてこれまでに試みたものです（正しくも完全でもありません:x）これをvarグラフ関数の中に入れます：

どんな助けでも大歓迎です。

Java でのリアルタイム グラフ データ ビジュアライゼーションの例を探していますが、これしか見つけられず、動的なリアルタイム ビジュアライザーではありません。

これは出力です：

私が必要とするのは次のようなものです:

誰もそれを行う方法を知っていますか?

いくつかのアクティビティ トラッカー データを使用して、この美しい例に似た D3 ストリーム グラフを生成しようとしています。

この例を参照しました - http://jsfiddle.net/NTJPB/1/light

私の JSFiddle - http://jsfiddle.net/Nyquist212/00war1o6/は、json 形式に何か問題があると言っています (例でモデル化しようとしているにもかかわらず)。

私のコードのコアは次のようになります -

データをマッサージするために必要な優先/望ましいjson形式は何ですか? これも私の問題ですか？

ありがとう

私は難民のためにドイツで亡命を求める最初とその後の試みのデータを持っているので、このような2つのグラフがあります

最初の1つ

二つ目

あるものから別のものへの移行は問題ではないと思いますが、私が望むのは、それらの両方を1つのグラフにも表示することです。したがって、各国の両方のデータセットの組み合わせです。しかし、国と最初と次 ("erst/folge") を組み合わせると、互いに区別できますか? 各国は 2 で割った層を持っている必要があります。1 つはこの国の最初の試みで、もう 1 つは 2 番目の試みです。これらのサブレイヤーを区別する 1 つのアイデアは、私が今試しているカスタム coloscale かもしれません。両方のデータを 1 つのグラフに表示するにはどうすればよいですか? 両方のデータセットを結合して違いを確認することはできますか?

これが私のhtmlです：

そして、私のデータは私のレポにあります

EDIT1：たとえばcsv1には含まれています

そしてcsv2には含まれています

値 ("Summe") は、各国 (アフガニスタン) の 1 か月あたりの値を合計する必要がありますが、独自のスタックの値も反映する必要があります (現在、texture.jsとカスタムの使用方法を理解しようとしています)。このグラフではすべての国が独自の色を持っている必要があるため、テクスチャを使用して色を区別するように スケールしますが、すでに述べたように、サブレイヤーで異なる必要があり ます。これと同様に、 サブレイヤー (データ構造/アルゴリズム、またはこれを達成するために必要なもの) をアーカイブする方法についていくつかのヒントを教えてください。続行してテクスチャの実装を試みることができますか?

前もって感謝します

Cyrils への回答としての最終編集: