此篇練習使用 CANVAS 來做橫條圖。主要的隨機資料和準備 Canvas 畫布在折線圖那篇有解釋過，所以這邊就直接進入橫條圖動畫的部分。

本篇主要是針對 SVG 和 CANVAS 兩種繪圖方式作比較，並整理各自的優勢。

前幾篇介紹完 SVG 的基本繪圖方式後，我們要來練習使用 CANVAS 來做一樣的折線圖，並在下一篇比較兩者的優缺點。

這次要來練習用 D3 搭配 Vue 做 SVG 甜甜圈圖囉～如果要做中間不要洞的圓餅圖，把內圈半徑改成 0 即可。

這次要來練習用 D3 搭配 Vue 做多組動態的 SVG 直條圖囉～
繼續閱讀

今天要來練習用 D3 搭配 Vue 做簡易的 SVG 橫條圖囉～

D3 是一個 js library ，讓開發者在向量繪圖時，能快速算出圖表物件在繪圖區域的路徑座標、座標軸、動態顏色等許多好用的 function。

這次要教大家如何使用 VScode debug .Net Core 的專案喔～
繼續閱讀

.Net Core 可以不用開啟慢吞吞的 IDE，即可快速建立專案。本篇全程使用 VScode，手把手教你如何用 .NET Core 2.0 MVC + vue-cli 起始一個 SPA 專案。當然， HMR (Hot Module Replacement) 神器也會一併附上啦。
繼續閱讀