現在、d3.js を使用して視覚化に取り組んでいます。こちらをご覧ください。(これは、読み込みを許可する必要があるドロップボックス リンクです。)
マップ上のドットにカーソルを合わせると、重なり合うすべての要素のサイズが大きくなる関数を作成しました。
次の使用例を試してください: 1. 米国をクリックして、国にズームインします。2. New York にドラッグ アンド パンし、ドットの上にマウス ポインタを置きます。
すべてがうまくいけば、複数の同心円が内部に埋め込まれた巨大な円が表示されるはずです。それらはすべて、その特定の座標で重なっている要素です。
私が直面している問題は、SVG 要素のサイズが大きくなると、同心円の上に他の都市の点が重なるということです。
私の質問は、円をどのように作成するかです。マウスを上に置いて、SVG キャンバスの上に来て、そのようなドットが表示されないようにします。