原创 # arc生成器與chord生成器在chord佈局中的使用詳解

首先我們先來解釋下arc生成器與chord生成器,其實所謂的生成器其實都是路徑生成器的一種,在svg中有個標籤元素,<path d=”“> </path>,我們發現有個d屬性需要我們填寫,我們當然可以自己填寫,比如M0,0L1,1

原创 可視化交互行爲

交互式入門:鼠標,鍵盤,觸屏 事件;d3.event 行爲:退拽,縮放 1.鼠標點擊事件 要領: //鼠標常用事件: click,mouseover,mouseout,mousemove,mousedown,mouseup,dbc

原创 地理路徑生成器d3.deo.path()

這篇文章是《數據可視化實戰》中的作者例子,我只不過是想重溫下地理路徑生成器的使用思路。 地理路徑的格式有兩種,geojson,topojson,topojson是d3作者mike自創的一種格式,並沒有成爲一種標準,這個例子是書中

原创 在map上標記point

先說下最近學習的一些經驗, 1越來越覺得我們在學習每個東西的時候應該打破砂鍋問到底,爲什麼要這樣做?這樣做有什麼用?在網頁上呈現的是什麼?將每句代碼的作用都搞清楚,這樣才能在組合的時候我們能用的很放心。 2.還要一個就是數據格

原创 python爬取貼吧圖片練習

import urllib.request import bs4 import re import os url="https://tieba.baidu.com/p/1988291937?fr=ala0&pstaala=1&

原创 python一些特有語法

[i for i in range(10)] [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] with open("c:list.txt","r",encoding="utf-8") as fr: fr=f

原创 基於force佈局的map

基於佈局的使用對數據的結構形式要求比較高,所以我們在學習的時候要注意每個佈局所需要的結構,在進行與其他模塊整合的時候就要注意數據的提取轉換,比如說這這篇,1.構造node數據,初始數據是每個省的周邊geo,我們通過path.cen

原创 d3生成器--line,area,diagonal

1.線生成器—直線 line生成器生成的是直線,兩點確定一條直線,所以line需要指定x,y的座標,在文檔中成爲訪問器,也叫訪問函數,同時還可以指定插值模式,就是兩點之間採用什麼樣的策略確定插值點,有step,basis,line

原创 基於diagonal生成器的cluster佈局

1.diagonal生成器 diagonal生成器是路徑生成器的一種,需要的數據形式是 var data = [ {A:{x:100,y:100}, B:{x

原创 文章標題

在學一張圖的時候要弄清作者的寫作思路,哪幾個元素是成套出現的,誰在前誰在後,將思路軌跡理清楚,就像這篇文章 1.projection—>path(projection)—->svg添加path並綁定數據,生成地圖 2.mark

原创 stack佈局

stack佈局的用法還是跟其他一樣,我們要知道用stack(dataset)生成的數據形式是什麼,然後用生成的數據去生成我們需要的svg圖形, var dataset = [ { name: "PC" ,

原创 histogram佈局用法

1histogram佈局 histogram佈局,頻率分佈直方圖,字面意思很明瞭,表明了一個範圍內分佈的頻率,其中每個柱型表明了這個範圍內個數。 //隨機生成正態分佈數據 var random=d3.random.normal(1

原创 煎蛋網爬蟲小練習

1 #!/usr/bin/python 2 #coding:utf-8 3 import urllib.request 4 import os 5 import time 6 import random 7 8 d

原创 patition佈局

1.partition佈局 首先就是先定義一個partition佈局還有佈局的相關訪問函數 var partition=d3.layout.partition() .sort(nul

原创 前端請求跨域理解

前端跨域請求發生條件:協議,主機,端口,當有一個條件滿足時就會發生跨域問題。 情況1:當我們將網頁以本地文件的形式打開的時候,地址欄 files:f:/…… 原因:默認是以文件協議打開的,當然不允許調用本地文件,即使也是