原创 React+D3組件開發之treemap(樹圖)
背景 在React前端項目中使用D3JS定製可視化組件，treemap支持節點的新建、刪除、縮放、全屏等功能 技術實現 首先圖表線和點的數據 // dataSource初始數據 const hierarchyData
2020-06-22 23:45:28
7
原创 WEBGL中的矩陣變換以及opengl着色語言(glsl)中常見的內置函數、變量
背景：瞭解webgl中頂點通過矩陣變換產生位移、縮放、旋轉，以及瞭解opengl着色語言(glsl)中常見的內置函數和變量方便使用做出酷炫的可視化效果。 變換 在三維空間裏面我們用(x, y, z)表示一個頂點，其中我們會加入一個w分
2018-08-31 17:33:41
原创 框架數據觀測實現原理
首先了解一下瀏覽器的渲染原理《How Browsers Work》譯文（http://developer.51cto.com/art/201306/398315.htm），由於最近在探索框架性能，各框架的正確使用場景，對框架的數據綁定原理
2018-08-31 17:33:41
4
原创 簡化Saiku可視化面板（二）
在安裝完畢Saiku後，由於是社區版本，所以界面上存在很多升級爲商業版的文字。可通過如下方式更改來去除相應的內容：(分享交流羣548924174) 1、去除查詢頁面的升級爲商業版的提示 You are usingSaiku Commu
2018-08-31 17:33:41
8
原创 3D可視化開發（基於頂點着色器和片元着色器）
3D可視化開發（基於頂點着色器和片元着色器） 背景：最近在做大屏的3d地圖可視化開發，技術採用three.js+glsl這樣的是一種實現方式，其中使用glsl實現頂點着色器和片元着色器。 GLSL GLSL是OpenGL的着色語言，它
2018-08-31 17:33:41
5
原创 地圖開發--經緯度轉化
地圖開發–經緯度轉化 背景：基於geojson數據做地圖的開發，早起用d3.js畫圖（FineChart-Saiku、CBoard），後面echarts變得成熟，然後開始用了Echarts，滿足世界地圖、中國地圖、區域地圖、省地圖和市地圖
2018-08-31 17:33:41
原创 前端MVC變形記
轉自：http://efe.baidu.com/blog/mvc-deformation/ 背景： MVC是一種架構設計模式，它通過關注點分離鼓勵改進應用程序組織。在過去，MVC被大量用於構建桌面和服務器端應用程序，如今Web應用程序
2018-08-31 17:33:40
原创 時間的痕跡，我們的故事
假期，原計劃去湖邊吹風散步、曬太陽、寫文章、coding。清明時節雨紛紛，天氣不佳，而且沒有訂到合適的酒店，所以最後在家宅了幾天，睡覺發呆、聽音樂、追劇、寫文章，吃各種橢圓形狀的水果…….想到了去年的這個時候，在成都拿了**雲offer，
2018-08-31 17:33:40
原创 React --- Virtual DOM
1、 原生 DOM 操作 vs. 通過框架封裝操作。 這是一個性能 vs. 可維護性的取捨。框架的意義在於掩蓋底層的 DOM 操作，讓你用更聲明式的方式來描述你的目的，從而讓你的代碼更容易維護。沒有任何框架可以比純手動的優化 DOM 操作
2018-08-31 17:33:40
3
原创 Saiku屏蔽登陸，刪除歡迎頁面
在安裝完畢Saiku後，想集成查詢可視化這個頁面，可通過如下方式更改來去除多餘內容：(分享交流羣548924174) 一、去掉首頁介紹直接進入查詢可視化面板 1、在index.html中去掉： <script type="text/
2018-08-31 17:33:40
1
原创 Saiku-ui代碼結構分析
1、Saiku簡介(分享交流羣548924174) OLAP（On-Line Analytical Processing，聯機分析處理）是一個使分析師、管理者和執行者從原始數據中用來快速、一致、交互 訪問的一種軟件技術，從而真實的反映企
2018-08-31 17:32:09
3