原创 d3地圖浮框

d3地圖浮框。中國地圖鼠標滑動到每一個省的時候,都能顯示出一個省的浮框。浮框的內容可以設置,位置跟隨鼠標移動。 function getFloatTag(node) { var $floatTagContain

原创 viewport initial-scale,zoom 兼容性探索

有幾種方式可以做頁面的整體縮放爲原來的一半 div 樣式 transform : scale(0.5), 弊端: position: sticky 無法在transform過的元素里正常顯示。 initial-scale 0.

原创 老IE兼容tips

js判斷ie版本 isIE() { var ua = window.navigator.userAgent; // Test values; Uncomment to check resul

原创 arts003

Algorithm:      Review: Data speak decoder: 如果你想讓自己的數據更可信,需要注意一下我們常用詞語的含義。每個詞語其實都有它特定的含義,不能爲了逼格而濫用,否則會讓數據變得不可信。 https:

原创 JDK的可視化分享 (第11期) 20190321

一、可視化 1、唐宋文學編年地圖, 唐宋詩人文學家的地圖編年史,可以看到某個詩人在何時何地創作了什麼作品。 https://sou-yun.com/PoetLifeMap.html     2. Six maps that show t

原创 js 灰度圖轉成白色透明圖

網上需要一些星光的圖片,但是下載下來是這個黑白圖。需要轉化成透明背景的白色星光圖。 codepen在線示例 原圖: 效果圖: <!DOCTYPE html> <html> <head> <style> b

原创 html2canvas 引入跨域圖片時報錯, base64 報錯。

Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.    https://github.com/nikla

原创 《Three.js 開發指南》源碼示例說明以及在線demo(原書第二版)附第三版的代碼下載

《Three.js 開發指南》基於原書第二版 源碼來自華章出版社官網隨書源碼,修改替換了其中不能跑的示例,保證每個demo都可以運行。 源碼以及示例說明下載: git下載地址 huazhang目錄下是第二版的修改源碼。 huazh

原创 純css實現文字跑馬燈Marquee, 兼容各種長度的文字

<marquee>是老的html中自動實現文字從左向右滾動播放的標籤。新的瀏覽器中不一定支持了。 但是可以通過css3實現, 兼容各種長度的文字,自適應容器寬度。 codepen 在線示例 <div class="cssmarquee

原创 H5 信息圖自動製作網站彙總

    五大微信運營免費H5製作工具,你值得擁有! 微信運營過程中總避免不了要去製作H5,但是對於 那些不會PS的運營小白來說這就成了一大難題,那麼今天福利來了,貴陽網絡營銷送你五大微信運營免費H5製作工具,話不多說,直接開始! 推薦工具

原创 d3 開發小技巧彙總

d3示例搜索引擎 找相關的示例代碼到這裏搜就行了。 旋轉後找不到元素? 那是因爲旋轉的原點是0,0。 需要旋轉rotate(90), 縮放scale(-1) 的地方,都先把元素的位置設爲0, 然後再通過設置transform的值去

原创 d3 地圖長寬比調整

D3 geo project 的各種投影方法沒有參數來設置長寬比,需要修改源碼。但是可以通過後期的微調來實現。 比如這個投影方式: var projection = d3.geoEquirectangular() .cent

原创 d3繪製動態遷徙線

/*生成遷徙線*/ renderLine(startA,endA,index){ let that=this; let oG=this.oG;

原创 ARTS打卡001

一、Algorithm: Leetcode 二、Review: 不同時間線的對比分析 主要結論是線形和週期性時間線的對比。 線性的時間線簡單直觀,查找信息方便,容易爲讀者接受,但是也比較乏味。 週期性時間線相對複雜,查找信息不方

原创 Arts打卡002

Algorithm: Leetcode     Review:  地圖配色最佳cheat sheet。https://gistbok.ucgis.org/bok-topics/2019-quarter-02/statistical-ma