線で結ばれたクリック可能なノード（マウスイベントをキャプチャ）を200個作成したいだけです。各ノードには、ライブデータストリームの形式で関連付けられたデータがあり（簡単にするためにCSVを想定）、ノードをクリックすると、グラフにプロットされた値が表示されます。
たくさんグーグルした後でも、私はこのSVGがより適しているかCanvasのような単純なものと混同しました。さらに、どのライブラリがその目的に最適であるか。Canvasの場合と同様に、KineticJS（HTML5を使用）があり、SVGの場合はd3とすべてがあります。
専門家、提案してください。よろしくお願いします。
場合によります。各ノードに複雑なビジュアルが関連付けられている場合は、ノードを1回ラスタライズしてから、SVGを使用するのではなく、クローンを作成してキャンバスに描画すると、はるかに高速に動作します。たとえば、 Paper.jsを使用して実行できます（マウスイベントをある程度サポートしています）。ノードが単純な場合、たとえば単純な長方形などの場合は、SVGを使用できます。一部のブラウザは、他のブラウザよりもSVGで効率的です。たとえば、IE9は非常に効率的なSVGをサポートしているため、特定のブラウザーを対象とする場合は、最初にSVGの描画速度を確認してください。
ところで、Paper.jsは、オブジェクトやオブジェクトのグループなどを回転、ズーム、移動する場合に特に便利です。これは、かなり適切にサポートされています。
そのためにはSVGの方がはるかに優れています。Canvasにはマウスイベントがないため、ピッキングテクニックを使用する必要があります。