Charted

Node.js 圖表處理 (4)

基本介紹

教學目標

透過 charted 開源碼專案實作自動產生圖表網站服務,呈現廣告投放成效基本資訊。

使用教學

下載專案

1
$ git clone https://github.com/mikesall/charted.git

安裝專案

1
$ npm install

修改專案

1
$ vi index.js

index.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
var request = require('request')
var express = require('express')
var app = express()

app.get('/get', function (req, res) {
if (!req.query.url) {
res.status(400).send('Bad Request: no url provided')
return
}
request(decodeURIComponent(req.query.url), function (err, resp, body) {
if (err) {
res.status(400).send('Bad Request: ' + err)
return
}
if (resp.statusCode != 200) {
res.status(400).send('Bad Request: response status code was not 200')
return
}
res.status(200).send(body)
})
});
app.use(express.static('pub'));
var port = process.env.PORT || 8080;
app.listen(port);

1
$ mv index.js server.js

執行專案

1
$ node server.js

開啟瀏覽器,在網址列輸入 http://127.0.0.1:8080 進行測試。

產生圖表

在 Charted 網站服務中輸入下述兩個網址,分別為 CSV 檔案和 Google Docs Spreadsheet 檔案進行測試。

  1. CSV 檔案:
    https://s3.amazonaws.com/chartsampledata/ad_sample_data.csv
  2. Google Docs Spreadsheet 檔案:
    https://docs.google.com/spreadsheets/d/1Sf4EHnt8zN2c3M1p7hphbDSOqlj82HsdllNs4dbZkGE/#gid=1218077163

更多詳細的操作細節,請參考 「Using Charted」 文章。

相關資源

雲端服務 Data Visualization (1)

教學目標

了解各家雲端服務所提供將 CSV 和 Google Drive Spreadsheet 資料進行圖表視覺化的呈現應用。

重點概念

雲端服務 Google Sites Charted Capsidea
服務種類
免費服務
支援格式
直接支援 CSV
直接支援 Google Drive Spreadsheet
分享管理
公開分享
私有保護 N/A
權限控管 N/A N/A
主要特色
使用需求 網站平台 開源碼 互動圖表

相關資源