D3與SVG - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2018 iT 邦幫忙鐵人賽

DAY 17

0

Data Technology

讓你資料美美的(d3.js+vue.js)系列第 17 篇

D3與SVG

2018鐵人賽

2018-01-05 22:55:11

1592 瀏覽

分享至

SVG

當開始要利用D3來製作圖表時，在大部分的時候需要利用SVG來呈現，所以需要了解什麼是SVG

什麼是SVG?

SVG很早就存在了，是W3C制定的開放標準，基於XML用來描述向量圖片的一種圖形格式，近來因為瀏覽器的支援越來越好，所以開始受到重視。

簡單了解SVG

要了解SVG可以利用向量繪圖軟體，例如illustrator，來利用圖形化介面了解
SVG也擁有圖層、群組的概念
不屬於html
可以使用css控制部分屬性，但其實跟css不一樣
無法直接使用javascript,jquery中的append,innerhtml控制,參考1 參考2
屬性分為Property跟Attribute
有結構化的特性

D3可以省去很多麻煩

D3與javascriptc還有jquery不一樣，D3可以直接操作SVG

D3跟SVG就像是麻吉一樣，D3借SVG之力繪圖，SVG借D3之力快速匯入資料，兩者結合就是資料視覺化的利器

系列文

讓你資料美美的(d3.js+vue.js) 共 30 篇

目錄

RSS系列文訂閱系列文

36 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22200 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙