作業 05

程式碼放置位置

Simple baseline 程式碼，請放在 https://github.com/ 你的帳號 /vis2023f/hw05 /src/simple。

---

Medium baseline 程式碼，請放在 https://github.com/ 你的帳號 /vis2023f/hw05 /src/medium。

---

Strong baseline 程式碼，請放在 https://github.com/ 你的帳號 /vis2023f/hw05 /src/strong。

前往你的Demo 網頁

https://jordan178169.github.io/vis2023f/hw05/src/simple/

---

https://jordan178169.github.io/vis2023f/hw05/src/medium/

---

https://jordan178169.github.io/vis2023f/hw05/src/strong/

心得

這次作業要繪製的圖與先前不太一樣，是一種叫做 Force-directed graph（力導向圖） 。 Force-directed graph （力導向圖）通過模擬擬節點之間的吸引和斥力， 被廣泛應用在展示社交網路、系統架構等地方。此次作業Simple baseline、Medium baseline主要在實作此力導向圖，並對節點增加圖片、拖拉、展開、縮放等功能， Strong baseline 的部分，則是將蘋果成績圖環繞在節點的四周。

成績確認表

總分	完成後打勾	配分	等級	分項描述
		1	Simple baseline	(1)實作Force-directed tree呈現分組情況
		1		(2)使節點可以被拖拉移動
		1		(3)將個人圖片放入節點圓圈中
		1	Medium baseline	(1)滑鼠移動過去顯示該成員相關資訊
		2		(2)滑鼠移動過去放大節點及圖片
		2		(3)點擊節點可以展開或縮放
		2	Strong baseline	利用蘋果成績圖環繞個人照片(小組)

Simple_baseline 連結

(1)實作Force-directed tree呈現分組情況	(2)使節點可以被拖拉移動	(3)將個人圖片放入節點圓圈中

Medium_baseline 連結

(1)滑鼠移動過去顯示該成員相關資訊	(2)滑鼠移動過去放大節點及圖片	(3)點擊節點可以展開或縮放

Strong_baseline 連結

利用蘋果成績圖環繞個人照片(小組)