首頁 部落格 將各類圖表插入網頁的免費網站
Ryan
Nov 04, 2014
讓公司平均年齡上漲的宅男,經營過動漫社團、當過電玩雜誌特約作者。 興趣是電競與科技,關注新趨勢購物,尤其是冷門商品、或尚未上市的群眾募資商品。 網路行銷一做就是十幾年,認為這個業界需要更開放交流,才能成長與突破。

將各類圖表插入網頁的免費網站

圖表是很多企業用於簡報場合中,將數字圖形化便於溝通與交流,一直以來都十分受到商用人士的喜愛。如果能夠將圖表用於網站上,是否也可以帶來意想不到的效果呢?

這個答案或許不太容易回答,但可以告訴您現在有個免費的網頁工具,只要寫下簡單的語法,就能夠「自動」的產生出十分生動的圖表於,並可透過語法的方式,將圖表插入您的網頁內部,對網頁設計或網頁管理者來說,這項功能非常的簡單好用。

這個圖片的產生格式為近年非常熱門的SVG格式,不會佔用太多網路頻寬,卻能彈性的產生出各種視覺效果。

以下我們假設一個餐廳,想要於網站上分享最近最受到歡迎的餐點,以及餐點販售的人氣情況,透過這個簡易的免費網頁圖表工具即可生動呈現:

最受歡迎的餐點

這個圖片的網頁原始碼為:

<img src="//api.chartspree.com/pie.svg?義大利麵=30&套餐=45&火鍋=25" style="width: 500px; height: 374px;" />

餐點人氣變化

這個圖片的網頁原始碼為:

<img src="//api.chartspree.com/line.svg?義大利麵=5,4,11,10;套餐=11,8,10,11;火鍋=10,5,4,6" style="width: 500px; height: 374px;" /></p>

語法第一眼看似複雜,但其實比想像中的還要簡單好用呢!這個免費的網站的唯一限制,就是圖表畫面可以免費使用每月1萬次,超出次數則需聯絡該網站的負責人,但相信對於大部分的用戶來說,非常的夠用也實用了!

http://www.chartspree.com

文章標籤
SVG圖形 SVG應用 圖表
2018網頁設計趨勢
2018網頁設計趨勢
Ryan
Ryan
Dec 15, 2017
常見背景屬性(二)
常見背景屬性(二)
Karen
Karen
Nov 20, 2017
Google發表無限網頁長度的手機搜尋界面
Google發表無限網頁長度的手機搜尋界面
Ryan
Ryan
Apr 30, 2018