~~NOTOC~~
===== 1-4 Layout:RSS與Chart API====
展示本站使用到的[[https://www.dokuwiki.org/plugins|Dokuwiki Plugins]]((Dokuwiki主程式為了維護其完整性，透過外掛Plugins與[[https://www.dokuwiki.org/template|模板Templates]]兩大類作為拓展功能用的Extensions，使用上依功能需要與喜愛的外觀來選擇，但須注意版本的相容性及延伸性。))
<nspages playground -h1 -textPages="索引 index" -nCol=2>
[<10>]

==== RSS feed ====
  * [[https://www.dokuwiki.org/plugin:rss|plugin:rss]]
    * Issue: 避免dokuwiki內建機制造成cache空間過大，應該在使用RSS feeds plugin的頁面使用NOCACHE標籤。2022.9.8 Kenski
    * [[:rss_feed|RSS Feeds for Include]]
<code>{{rss>https://www.cwa.gov.tw/rss/forecast/36_13.xml}}</code>
中央氣象局RSS feed
{{rss>https://www.cwa.gov.tw/rss/forecast/36_13.xml}}
==== Google Chart Plug-in====
[[https://www.dokuwiki.org/plugin:gchart|plugin:gchart]]
  * plugin運用Google Image Chart API，但此API荒廢幾年後終於在2024年停止運行。
    * plugin作者改用Open Source的[[https://quickchart.io/|QuickChart.io]]，因此有些圖表的顯示與之前有不同。
  * pie3d ((3D pie graph))  pie2d ((2D pie graph)) line ((line graph)) sparkline ((“sparkline” graph)) hbar ((horizontal bar graph)) vbar ((vertical bar graph)) qr ((two-dimensional barcode))
<gchart 350x120 vbar #0000ff #ffffff right>
Apples       = 3
Peaches      = 23
Strawberries = 25
Peanuts      = 7
</gchart>
<gchart qr 120x120>
L
https://www.tainan.com.tw/
</gchart>
<WRAP clear/>

==== Mermaid Plugin====
[[https://www.dokuwiki.org/plugin:mermaid|plugin:mermaid]]
  * 類似Google Chart都是屬於應用API的plugin
  * 可以畫的圖形類別，有甘特圖、ER圖、Mind思緒圖...以及基本的flowchart流程圖
  * 用Javascript來產生圖案，圖案中的文字可選取，而不是點陣圖輸出

====test 1====
<mermaid>
  raw
  graph TB
day1 --> day2
  subgraph day1
  direction LR
  P1((中興林場)) --> P2(((大坑農場))) --> P3((虎頭埤))
  end

  subgraph day2
  direction RL
  P4((烏骨雞)) --> P5((茄冬雞)) 
  end
  
</mermaid>
====test 2====
<mermaid>
quadrantChart
    title Spot的好吃好玩度
    x-axis Low Reach --> High Reach
    y-axis Low Engagement --> High Engagement
    quadrant-1 We should expand
    quadrant-2 Need to promote
    quadrant-3 Re-evaluate
    quadrant-4 May be improved
    Campaign A: [0.3, 0.6]
    Campaign B: [0.45, 0.23]
    Campaign C: [0.57, 0.69]
    Campaign D: [0.78, 0.34]
    Campaign E: [0.40, 0.34]
    Campaign F: [0.35, 0.78]
    </mermaid>
====test 3====
 <mermaid>
    mindmap
  root((學甲區))
    北門區
    鹽水區
    下營區
    麻豆區
    佳里區
    將軍區
  </mermaid>

<WRAP clear/>
[<10>]