這個問題是我之前帖子的后續問題。在Chris的幫助下,在 Observable Notebook 上成功創建了基于地理位置的世界氣泡圖。
我想讓我的筆記本用戶友好。例如,我已經有一些根據引數選擇繪制為氣泡的資料集。現在我想要實作的是,如果有人想在我的 Observable Notebook 上使用他們自己的資料集,我希望他們的資料根據??國家/地區的地理位置繪制為氣泡(與我的資料相同)。(制作他們的路徑可以上傳自己的資料)而且由于已經根據引數名稱手動修改了下拉選單內容,是否可以在有人添加一組新資料時使下拉選單內容自動更改?
我怎么能做這樣的事情?有什么建議么?先感謝您。
我的筆記本的鏈接:氣泡圖
uj5u.com熱心網友回復:
這是一些未解決問題的部分解決方案:我創建了第二張地圖,用戶可以在其中使用自己的一組資料來繪制氣泡。雖然,它只有在上傳的 .CSV 資料的國家代碼與我筆記本中使用的 .JSON 檔案中的 ISO_A2(國家代碼)相同時才有效。有些問題我無法解決。主要是 1。一些國家出現在地圖的左上角,這實際上是不正確的(第二張地圖實際上應該像第一張地圖一樣繪制國家,因為兩張地圖的經度和緯度相同) 2. 相同的縮放功能適用于第一張地圖但不是第二張地圖(這讓我有點困惑) 3. 是否可以從上傳的檔案中自動生成輸入按鈕,或者每次都手動完成。如果我能得到一些幫助和建議,那就太好了。我在我的筆記本中包含了一個虛擬資料(在資料窗格 - 檔案附件中),可用于測驗第二張地圖。鏈接在這里 :氣泡圖
單選按鈕代碼:
viewof userparameter = Inputs.select(new Map([ ["Area (Sq. Km)", "areasqkm"],["Population", "population"], ["Airports", "airports"],["Gold in tonnes","Goldtonnes"],["GDP in dollar","gdpdollar"] ]), { value: "Area (Sq. Km)", label: "User Parameter to show:" })
縮放屬性:
viewof userparameter = Inputs.select(new Map([ ["Area (Sq. Km)", "areasqkm"],["Population", "population"], ["Airports", "airports"],["Gold in tonnes","Goldtonnes"],["GDP in dollar","gdpdollar"] ]), { value: "Area (Sq. Km)", label: "User Parameter to show:" })
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/506785.html
標籤:javascript d3.js 可观察的 气泡图
上一篇:使用節點和邊陣列創建d3層次結構
