立場新聞 Stand News

茶木、錦麗都係太興? 飲食財團版圖的可視化示範

2019/1/30 — 19:07

飲食集團太興申請上市,大家方發覺平日光顧的茶木、錦麗,原來都是太興的品牌,在香港共有122間分店。遂興起以D3這個可視化程式語言來做一個全港食肆財團版圖,並列出一些已知的飲食集團旗下組合,美心依然獨佔鰲頭,但中資日資近年透過收購,也擁有不少知名品牌,你又認識多少?

要看下圖的網頁版,可點擊這連結

今次以D3來示範可視化,是因為可以做較動態的處理,而非單單是一張靜態的平面圖,互動元素較重,例如在上面的圖中,可以透過點擊文字、圖案或圓圈,局部放大某個財團的版圖,甚至個別連鎖餐廳。

廣告

至於圖型大小,則反映的是香港分店的數目,當然都是由公開資料取得,只能力求準確。

由於互動圖用了1280*800的大小,故此一些分店很小的食肆,要放到最大才會看到名稱或商標,否則便會互相交疊,難以看清楚,這問題在美心集團特別明顯,因其存在大量分店很少的品牌。

廣告

本文的程式是按照Mike Bostock的藍本修改,加入圖像的元素,以及加入一些顯示方式的控制。同時,資料檔案的結構亦有所改變,加入”icon”一欄,以儲存商標。對編程有興趣的朋友,可到這裡取得原始碼加以改良。

 

發表意見