紅色貴族關係圖.

fatdog

完全諗唔到點整 ...

btw，html5 source code 會比人睇晒，係咪冇得encrypt？

Staccatissimo

svg 嘅 path：

1. <path style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 15px; stroke-linecap: round; stroke-opacity: 1;" fill="none" stroke="#ffffff" d="M185.351,516.804C501.259,327.01599999999996,712.726,531.727,750.927,557.954" stroke-width="15" stroke-linecap="round" stroke-opacity="1"></path>

複製代碼

Staccatissimo

至於 mouse over 嘅 盒盒，其實係tooltip:

1. <path style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 3px; stroke-linecap: round; stroke-opacity: 0.2; cursor: default;" fill="none" stroke="#838830" d="M370.5,688.5C401.5,505.5,323.5,342.5,187.209,269.646" stroke-width="3" stroke-linecap="round" stroke-opacity="0.2" clan1="yang" clan2="song" person1="Wang Xiaochao" person2="Song Kehuang" tooltip="Song's son Kehuang headed Bright Future,&lt;br/&gt;a real-estate investment company that listed&lt;br/&gt;partners including Poly Group, which was&lt;br/&gt;run by Deng's son-in-law He Ping and Yang's&lt;br/&gt;son-in-law Wang Xiaochao."></path>

複製代碼

KoolFreeze

回復 2# fatdog

用d3.js好易整
https://github.com/mbostock/d3/wiki/Gallery

mactable

wow, 好正!