首頁 部落格 將各類圖表插入網頁的免費網站
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應用 圖表
超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
Free Resource
Free Resource
Apr 08, 2019
Google協作平台製作網站的優缺點分析
Google協作平台製作網站的優缺點分析
Free Resource
Free Resource
May 07, 2019
淺談無障礙網頁設計2.0
淺談無障礙網頁設計2.0
Ryan
Ryan
Jan 11, 2019