![[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 來呈現各種資料,並加入各種事件驅動功能。
Skycons 利用 HTML5 的 Canvas 的方式來產生常見的 10 種天氣圖示,甚至還能讓天氣動起來呢!接下來,只要搭配像是 Forecast API,就能在網頁中加上天氣效果囉!
之前筆者有分享過一篇如何自製 YouTube 影片播放清單的文章,其中可以自動取得 YouTube 影片的預覽圖,並在點擊縮圖時自動轉換成播放模式。