iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 17
0
Data Technology

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

D3與SVG

2018鐵人賽
1519 瀏覽

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-長條圖
下一篇
D3的比例尺
系列文
讓你資料美美的(d3.js+vue.js) 共 30 篇
  1. 26
    D3 force
  2. 27
    D3 tree
  3. 28
    d3+vue 愛逮丸啦
  4. 29
    d3+vue 愛逮丸啦2
  5. 30
    d3+vue 愛逮丸啦3
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙