BotBone: Reactive image with D3.js

假日中為我們的 BotBone 計畫設計一款互動式界面。我先以手機拍照，以 Inkscape 將照片內嵌到 SVG 檔中。再以 D3.js 加上互動元件。

初步成果如下圖：

這工作耗費我兩天的時間，接下來就要讀取 BotBone 的 I/O，並依據實體 I/O 的狀態，動態地改變圖片上的互動元件。

未來希望能將這類工作簡化。最好一小時就能完成。