[sport]d3.js與SVG，同場加映「正接多邊形」、「對戰表製作」

參考網址：

一直以來，對戰表的產生總是無法順利完成。看到SVG檔的結構，突發奇想，為什麼要跟樹狀結構硬拼呢？
既然有人可以做出樹狀結構的SVG檔了，就直接拿它來用，只要把資料庫中的人名接上去，就可以完成對戰表了。
感謝ren1244寫出這麼好用的程式，並大方分享。

雙敗淘汰圖形產生器

台部落 用d3.js+svg繪製圓內接正多邊形

it鐵人賽 D3.js新手開發基本圖表

網頁直接編輯環境 https://jsfiddle.net/

文字跟隨曲線排列 [D3]用 D3.js 畫出 SVG 基本圖形 – 文字 text

文字直排 SVG 研究之路 (8) – text 文字

HTML dir Attribute 與 CSS writing-mode  writing-mode: tb 文字直排 

SVG 完整教學 31 天

Is it possible to import svg shapes in d3.js?

getBBox() https://www.zhangxinxu.com/github/demo-Snap.svg/demo/basic/Element.getBBox.php 返回元素的边界框描述

儲存檔案時，要把svg放在div中。

D3.js API 中文手册

svg平移、放大、縮小