GithubHelp home page GithubHelp logo

bohachu / cameo-motion-20210123-0739 Goto Github PK

View Code? Open in Web Editor NEW
0.0 3.0 0.0 855 KB

Python 0.56% Shell 7.78% JavaScript 30.68% TypeScript 0.21% Julia 0.26% HTML 47.75% Jupyter Notebook 8.01% SCSS 4.52% CSS 0.21%

cameo-motion-20210123-0739's Introduction


2021-01-08 12:28 Hanes, AC v1.0 release done fix www, myweb 權限, even after restore, add user/admin user done compile, release and permission setting


2021-01-01 10:56 新年快樂 caro 挖空 GDP 折線圖變數:標題,像是中華民國等等


2020-12-13 22:32 caro done 下載的檔名現在是 amcharts done 下載 icon 會擋到圖表 done 操場圖的「開始」截到了 done 全部 landing.html 前台顯示調整完畢


2020-12-13 18:40 bowen done 已經把六張圖都完成區域變數呼叫 refresh_chart


2020-12-13 17:33 caro done chartOne function 成功! todo 要把全域變數的 chart1 變成區域變數 todo 要把 chartOne function 可以共用化


2020-12-13 17:20 caro 測試衝突的發生


2020-12-13 17:16 bowen bowen push to github again to test


2020-12-13 17:13 caro 藉由重新啟動一個全新的狗三八,實驗檔案是否可以與 github 連結,以及多人共編不會消失檔案


2020-12-13 01:02 bowen

已經製作兩款 client server 互通的實驗 deno cors 已經成功 現在的實驗就是希望能夠讓 client send json(or csv) to server and server 可以接收命令之後做相對應的儲存 csv

. client server 若跑在同一個機器,勢必就能夠更新同一個機器上面的 .csv 檔案群了,但是如果 client server 沒有跑在同一台機器,問題就會是:client read 原始 csv 之後,儲存的 server 是在另一個遠端機器

. 有一種作法是:讓 csv server 獨立一台機器,這台機器上面跑 deno server 而且儲存了 data.csv meta.csv 所有可以修改的試算表相關資料,這樣讀取資料的時候就通通都從這台機器上面讀取

. 還有一種做法,是第一次顯示都採用 js client 來源主機的 csv, 但是如果發現遠端 csv data server 有修改過資料,往後就通通讀寫 csv data server 的資料為準了,這是兼得兩個好處的作法。可是會有個問題,是擔心使用者誤解以為 js client 機器上面的 csv 修改之後就會有作用。


2020-12-12-23:07 bowen

done 將相關路徑都從 /www 搬移到 / 目的是為了將來部署的時候可以與 nginx / 開始的路徑對齊


2020-12-12 19:15 bowen 學習 amcharts 的命名方式可以做這個 todo

https://www.amcharts.com/lib/4/themes/animated.js

todo . 將所有的 cameo-motion 元件放在這邊提供絕對位置引用(加密編譯後) https://motion.cameo.tw/cameo-motion/lib/1/cameo-map-tw/cameo-map-tw.js

info . 未來如果有 v2 新版本的話可以是 /cameo-motion/lib/2/cameo-map-tw/...

todo 如此一來在 codesandbox 相對路徑就必須是這樣 /www/cameo-motion/lib/1/cameo-map-tw/cameo-map-tw.js


2020-12-12 18:49 bowen edit readme.md

done 專案原始碼編輯的網址在此 https://codesandbox.io/s/cameo-motion-jg57u 為了要讓首頁預覽,以及動圖預覽都有地方可以輕易看到,所以增添了 /index.html 兩個新鏈結 預覽:IEK 動圖首頁 預覽:app-cameo-map-tw 臺灣地圖 優點如下: . 有一個索引讓所有人都知道如何進到每個元件進行操作看 demo 效果,不會漏掉元件 . 可以輕易在右側選單點選進入內頁去看各種專案成果的預覽 . 可以在鏈結按下滑鼠右鍵另開視窗預覽也很方便

done 新增 /app-cameo-map-tw.html 並且故意讓路徑與 /index.html 相同的路徑(這樣可以引用圖片或引用.csv 都是一樣的相對路徑,就不會發生雅晴地圖因為 大首頁 v.s. 小元件 .html 路徑錯誤而出不來的情況的窘境),這個檔案主要是編輯小元件的時候,要「分而治之」專注在小元件編輯就好,所以平常編輯台灣地圖元件的程式碼就不需要去預覽 /index.html 而去預覽 /app-cameo-map-tw.html 就好了。

2020-12-12 17:49 bowen

done baby 發現地圖無法同步的問題,已經解決,原因是 taiwan.json 在元件路徑以及在首頁路徑有差異,所以造成路徑讀取問題,目前已經找到原因,並且也讓臺灣地圖可以出現了,雅晴如果 coding 憂心的話,可以看這個路徑 https://jg57u.csb.app/www/index.html 就可以放心了,地圖都能出來了 :)

done 因為舊的共同編輯專案 cameo_motion github 同步的功能爛掉了,與 codesandbox 無法同步編輯,所以在 codesandbox 重新打開 cameo-motion 用減號當成分隔號的命名,讓 baby jo caro bowen 共同編輯前端程式碼,共同編輯專案的路徑改在這邊 https://codesandbox.io/s/cameo-motion-jg57u 夥伴如果一時之間有困惑沒關係,我們週一可以進行當面同步

done 在根目錄 / caro 整理了一個 cameo component-list 的檔案,更換名字為 index.html 讓這個檔案日後可以輕易鏈結到內頁的元件,這樣可以進行元件預覽任務

done bowen 將 deno_ssl , cors_server , genie 都隱藏到 /bak 路徑,原因是這些檔案遞交的時候都不會用到,所以我們先隱藏起來

done 最新共同編輯的前端開發 https://codesandbox.io/s/cameo-motion-jg57u 已經分享給 bohachu ChialoLee HsialChienWei1993 EuniceBaby

3* todo 可以學習 amcharts 區分幾個不同的發佈路徑 done /www/cameo-map-tw/xxx.js 是沒有加密的 .js 動圖元件,卡米爾開發者可以共同扣頂 done /user 每個夥伴自己自由編輯實驗的路徑,不會影響到其他人 done /www/index.html 遞交 iek 首頁根目錄的網頁 done /www/app-cameo-map-tw 是客製化動圖,這下面應該只有 /www/app-cameo-map-tw/data.csv /www/app-cameo-map-tw/meta.csv 有用到 done /www/app-cameo-run 也是客製化動圖,只要是 app 開頭的應該都是客製化動圖,分析師可以把 data.csv meta.csv img 等等放在此客製化,然後 /www/index.html 遞交首頁可以看到以及預覽全部的成果 todo /dist/cameo-map-tw/xxx.js 加密後 .js 元件原始碼,經過加密的 .js 檔案群

1* todo 開發的時候應該可以引用 /src 非加密元件,等到開發完畢之後,應該要有一個全自動 script 可以把 /www 編譯為 /dist 全自動更改為加密元件,這個流程尚未開發,所以現在變成需要手動進行


2020-12-06 13:25 bowen cameo-run-bowen.js 已經寫了三個共用 common function 未來可以提供所有動圖


2020-12-06 12:38 bowen 跑跑圖已經可以讀取 meta csv, todo: 要可以共用迴圈讀取的程式碼, data csv , meta csv 都要有共用程式碼


2020-12-06 10:45 caro caro 修改檔案位置,預測雙軸圖放到 bowen 底下,避免混淆


2020-12-06 09:44 bowen 進行預測 bar 的顯示實線虛線介接


2020-12-01 10:05 caro 成功將 carousel 元件包 cameo-run


2020-11-29 11:46 Bowen 已經有 cameo-common, 而且跑跑圖已經是 load 數字 data.csv todo 缺 meta.csv 處理 todo 缺 icon img 處理


2020-11-29 10:10 Bowen 如果在狗三八不好複製 cameo-run to src 那可以直接在 local machine 做,再 push


2020-11-29 09:55 Bowen 衝突了,這是狗三八修改


2020-11-28 11:45 Bowen 把命名,底線全部調整為減號,原因是可能檔名一下減號一下底線會搞錯

已經把最新的 load_js_async 調整到 github 目錄

cameo-line-column 已經找到子目錄讀取檔案錯誤的原因,原因是 /../ 需要蓋掉原本的 src/index.html 才能讀取到 data/xxx.csv


2020-11-28 10:48 Bowen 已經可以在狗三八與 github 連結互動,測試網址要在右邊打入: https://fxsi5.csb.app/user/baby/am-divergent-stacked-bars/index.html


2020-11-28 10:44 Bowen 下面網址已經有檔案可以看到內容(透過 genie) http://iek.cameo.tw:18866/cameo_motion/user/baby/am-divergent-stacked-bars/js/am-divergent-stacked-bars.js

下面網址已經可以測試網頁有圖表 http://iek.cameo.tw:18866/cameo_motion/user/baby/am-divergent-stacked-bars/index.html


2020-11-28 10:17 Bowen 測試網址已經改為 http://iek.cameo.tw:18866/cameo_motion/user/baby/am-divergent-stacked-bars/index.html 事先 push 備份,因為要 browser 讓出不來的 baby/am-divergent-stacked-bars 要能出來


== 2020-11-20 00:21 Bowen Chiu == import 的地方已經整理完畢

== 2020-11-19 23:59 Bowen Chiu == 已經讓 src 底下可以跑 genie 以及 cameo-line-column 也可以測試,但程式碼在 import 的地方需要再整理

== 2020-11-19 22:55 Bowen Chiu == 已經整理好相關目錄,準備要提供給所有夥伴使用,每個人都在自己的名字底下開發,不要影響到別人,要提升到上層共用的話必須經過主研發 RD 同意 目前 2020-11-19 22:56 主研發 RD 協調夥伴為:bowen

== 2020-11-06 21:48 Bowen Chiu == genie 已經可以 http get 驅動 julia 做事情

== 2020-10-25 00:08 Bowen Chiu == 如果可以實驗的話,希望能夠把 voila 加入「數據動圖」製程當中

== 2020-10-25 22:44 Bowen Chiu == 希望可以透過 js url 直接讀取 tornado csv 檔案而不需要透過其他的方法 genie server 之類的 2020-10-26 00:07:55 應該沒有成功,反而還造成 voila preview 失效了,需要 pip3 uninstall jupyterlab 重新安裝 沒有成功的程式碼在下面

jupyterlab server extension example

#cd ~ #pip3 install --user cookiecutter

jlpm add @jupyterlab/services

jlpm add @jupyterlab/coreutils

sudo chmod 777 /usr/local/lib/python3.7/dist-packages/

cd ~/cameo_motion_extension/

pip3 install -e .

jupyter serverextension enable --py cameo_motion_extension

# Install server extension in editable mode

cd ~/cameo_motion_extension/

pip3 install -e .

# Register server extension

jupyter serverextension enable --py cameo_motion_extension

# Install dependencies

jlpm

# Build Typescript source

jlpm build

# Install your development version of the extension with JupyterLab

jupyter labextension install .

# Rebuild Typescript source after making changes

jlpm build

# Rebuild JupyterLab after making any changes

jupyter lab build

== 2020-10-25 22:32 Bowen Chiu == voila jupyterlab 已經整合成功

voila jupyterlab

sudo apt-get -y install npm pip3 install voila jupyter labextension install @jupyter-voila/jupyterlab-preview sudo chmod 777 /usr/ jupyter serverextension enable voila --sys-prefix

再來就是把 julia 1.5.2 安裝到 jupyterlab 裡面 done 已經成功安裝

== 2020-10-25 21:28 Bowen Chiu == 實驗 voila 與 jupyterlab 整合的方法 jupyter labextension install @jupyter-voila/jupyterlab-preview 編譯 jupyterlab-preview 機器的記憶體必須從 2GB 擴充到 4GB 否則會當機 http://35.185.170.85:8080/voila

== 2020-10-25 Bowen Chiu == CAMEO Motion 這個專案是「智慧動圖」 AI Charts 的 github,包含了所有工研院數據動圖案,所起始的 amcharts plotly aplexcharts,Motion 有時間軸的意味(代表時間序列),Motion 也有行動的意味(代表高效益行動),Motion 也有互動圖表的意味,所以 Cameo Motion 這個產品就是卡米爾智慧動圖產品的代表專案。

2020-10-25 18:40 folder iek: 這個 folder 是為了工研院智慧動圖,滾動實驗所創建,裡面的東西尚未產品化,但是可以不停迭代,也可以上到 github

2020-10-25 19:15 done 已經把目前 dev caro 機器上的大部分成果上 github ok todo 尚未安裝 jupyterlab 的試算表編輯器 todo 尚未進行 jupyterlab extension server 的研發,要繼續研發這個東西

cameo-motion-20210123-0739's People

Contributors

bohachu avatar chialolee avatar

Watchers

James Cloos avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.