![[D3]用 D3.js 畫出 SVG 基本圖形 - 直線 line](https://abgne.tw/wp-content/themes/abgne.tw_4.0/images/thumb.php?src=uploads/2013/05/d3-draw-svg-shape-line-2.png&w=150&h=120&zc=1)
直線的部份也是能在 D3 中透過插入 line 標籤達成效果。
D3 入門教學 »
[D3]用 D3.js 畫出 SVG 基本圖形 - 直線 line
分類彙整：D3
D3 入門教學 »
[D3]用 D3.js 畫出 SVG 基本圖形 - 橢圓形 ellipse
![[D3]用 D3.js 畫出 SVG 基本圖形 - 橢圓形 ellipse](https://abgne.tw/wp-content/themes/abgne.tw_4.0/images/thumb.php?src=uploads/2013/05/d3-draw-d3-shape-ellipse-2.png&w=150&h=120&zc=1)
接著再使用 D3 插入 ellipse 標籤來畫個橢圓形吧。
D3 入門教學 »
[D3]用 D3.js 畫出 SVG 基本圖形 - 圓形 circle
![[D3]用 D3.js 畫出 SVG 基本圖形 - 圓形 circle](https://abgne.tw/wp-content/themes/abgne.tw_4.0/images/thumb.php?src=uploads/2013/05/d3-draw-svg-shape-circle-2.png&w=150&h=120&zc=1)
使用 D3 畫個圓形也是一樣只要插入 circle 標籤就可以了。
D3 入門教學 »
[D3]用 D3.js 畫出 SVG 基本圖形 - 矩形 rect
![[D3]用 D3.js 畫出 SVG 基本圖形 - 矩形 rect](https://abgne.tw/wp-content/themes/abgne.tw_4.0/images/thumb.php?src=uploads/2013/05/d3-draw-svg-shape-rect-2.png&w=150&h=120&zc=1)
D3.js 是一個基於資料操作管理的 JavaScript Library。D3 使用標準的網頁技術，像是 SVG、HTML 及 CSS 來呈現各種資料，並加入各種事件驅動功能。