在x86 PC市場中，CPU兩強Intel與AMD的競爭一直是熱烈被討論的話題。從2014年蘇媽接手擔任AMD執行長、並於2017年正式推出全新Zen架構的Ryzen系列處理器以來，AMD不斷在市場份額中蠶食稱霸十數年的Intel。五、六年來的每一代產品、在技術上與市場聲量上幾乎都將對手徹底輾壓。而遊戲玩家、作為對新產品效能與CP值最為敏感的族群，徹底地體現了這個趨勢。
設計過程與任務對應
- Domain Situation：圖表的主要任務是比較Ryzen處理器推出以來、Intel和AMD在時間序列上的市場占有率變化。
- Data/ Task abstraction：依照月份分割數據，並將各月份與前後月做平均、以平滑化數據，有效減少短期波動干擾。
- Visual Encoding/ Interaction idiom：使用互動式的面積圖，讓讀者可以直觀感受兩間公司在每個時間點市占率的相對比例。
- Algorithm：使用D3.js套件完成網頁編寫的任務。
Marks（視覺標記）和Channels（通道）的選擇
- 我選用面積圖作為視覺標記，並且讓AMD的數值覆蓋於intel前方、而非疊加在上方，當滑鼠滑到各個月份時、也會在圖表中顯示兩者的倍數。這樣不僅能夠清晰地展示兩間公司銷量的變化，還能讓讀者更直觀地感受到AMD在市場上的增長潛力。
- 位置通道以X軸表時間、Y軸表百分比，提供定量比較基礎。
- 顏色通道則以藍色代表Intel、紅色代表AMD，與兩間公司的品牌識別色系相同。以有校區分類別、提升辨識度。
資料來源：Steam硬體調查、Wayback Machine