標籤: 資訊圖表 頁1

使用 Looker Studio 串接 Facebook Ads 檢視成效
教學

使用 Looker Studio 串接 Facebook Ads 檢視成效

Looker Studio 除了自身跟 google 產品連結外,也提供了許多串接其他平台服務的方法,如果有要檢視 Facebook Ads 成效的話,可以這麼參考本篇做法。

Looker Studio Report Gallery- Looker Studio 提供的報表範本庫
網路資源

Looker Studio Report Gallery- Looker Studio 提供的報表範本庫

之前曾經提過可以使用 Looker Studio 的內建範本庫來建立報表,不過 Looker Studio 提供的其實遠大於此,要更完整的範本庫可以到 Looker Studio Report Gallery 去瀏覽,不知道要用哪個也能先套用後再決定要不要使用,內建的就很多很完整且方便的範本庫了。

[Looker Studio] 使用篩選器過濾資料以專注於目標數據
教學

[Looker Studio] 使用篩選器過濾資料以專注於目標數據

Looker Studio 篩選器提供了非常多樣的篩選功能,透過篩選器可以調整顯示給報表檢視者的數據,藉由過濾減少內容檢視者就可以專注於目標的數據。

使用 Looker Studio 內建函式運算欄位,以 CONCAT() 合併欄位內容為例
教學

使用 Looker Studio 內建函式運算欄位,以 CONCAT() 合併欄位內容為例

說明使用 Looker Studio 內建函式運算欄位的方法,以 CONCAT() 合併欄位內容為例。

透過 Looker Studio 建立圖表,以長條圖為例
教學

透過 Looker Studio 建立圖表,以長條圖為例

說明透過 Looker Studio 建立圖表的方法,以長條圖為例。

Looker Studio- 使用內建範本庫,簡單檢視數據
教學

Looker Studio- 使用內建範本庫,簡單檢視數據

說明在 Looker Studio 使用內建範本庫連結數據並檢視的方法。

Visual Paradigm Online- 收錄許多好用的線上工具的網站
網路資源

Visual Paradigm Online- 收錄許多好用的線上工具的網站

Visual Paradigm Online 是一個收錄許多好用的線上工具的網站。

Treejs- 簡單好用的只要透過 JSON 就能產生樹狀圖的 javascript 套件
網路資源

Treejs- 簡單好用的只要透過 JSON 就能產生樹狀圖的 javascript 套件

Treejs 是一個簡單好用的只要透過 JSON 就能產生樹狀圖的 javascript 套件,並簡單說明使用方法。

JSON Crack- 好用的 JSON 資料格式視覺化產生器,支援一鍵輸出圖片
網路資源

JSON Crack- 好用的 JSON 資料格式視覺化產生器,支援一鍵輸出圖片

JSON Crack 是好用的 JSON 資料格式視覺化產生器,並支援一鍵輸出圖片。

d3-mitch-tree- 用 D3.js 製作的互動樹枝狀圖套件
網路資源

d3-mitch-tree- 用 D3.js 製作的互動樹枝狀圖套件

d3-mitch-tree 是用來做樹狀結構的套件,只要遵照其設定的格式就能簡單做出圖表來。

Lucid.app- 方便製作 Mind map, FlowChart, ER 圖等資訊的線上工具,還可以直接把設計好的 ER 圖匯出成資料庫檔案
網路資源

Lucid.app- 方便製作 Mind map, FlowChart, ER 圖等資訊的線上工具,還可以直接把設計好的 ER 圖匯出成資料庫檔案

Lucid.app 是一個方便製作許多資訊圖表的線上工具,可以製作的包含 Mind map, FlowChart, ER 圖, persona, UML class...等,還可以直接把設計好的 ER 圖匯出成資料庫檔案後直接匯入資料庫,真的非常方便,有需要的可以嘗試看看。

純 CSS 的樹狀圖- Treeflex
網路資源

純 CSS 的樹狀圖- Treeflex

這是一個由純 CSS 製作的樹狀圖範例,可以讀入其 CSS 再照著設計的結構,就能簡單生出樹狀圖了。

[chart.js] 設定 aspectRatio 調整圖表的比例
教學

[chart.js] 設定 aspectRatio 調整圖表的比例

如果想要在 chart.js 調整圖表的比例,可以在 config 的地方設定 aspectRatio 的值就好了。

GoJS- 強大的互動資訊圖表產生器
網路資源

GoJS- 強大的互動資訊圖表產生器

GoJS 是一個以 javascript 為基礎的互動資訊圖表產生器,舉凡 Flow Chart、結構圖、樹狀圖...等都有支援。

Apache ECharts- 基於 javascript 的開源資訊圖表函式庫
網路資源

Apache ECharts- 基於 javascript 的開源資訊圖表函式庫

Apache ECharts 是一個基於 javascript 的開源資訊圖表函式庫,相較於 d3.js 等其他一些函式庫,有著更輕易上手的優勢。

[chart.js] 讓圖表高度隨容器變化
教學

[chart.js] 讓圖表高度隨容器變化

使用 chart.js 雖然可以設定 canvas 的高度,但預設圖表高度會有一個比例,如果想要讓這個高度隨容器比例調整的話,可以把 canvas 外面設一個容器,並把 canvas 的高度設為 100%。

C3.js- 以 D3.js 為基礎的圖表函式庫
網路資源

C3.js- 以 D3.js 為基礎的圖表函式庫

D3.js 是一個很強大的圖表繪製函式庫,不過要學習的話需要花點時間,而 C3.js 就是以 D3.js 為基礎的函式庫,讓使用者可以透過簡單的語法就能產出互動好用的圖表。

D3.js- 強大的資料視覺化套件
網路資源

D3.js- 強大的資料視覺化套件

D3.js 是一個強大的資訊視覺化套件,可以利用它來產生像是長條圖、折線圖或是透過 geoJson 產生跟地圖互動的圖表。