水平顯示 D3 網絡圖而不折疊
[英]Display D3 Network Graph Horizontally without folding
我正在創建一個將節點與路徑連接起來的網絡圖。 我的要求很簡單——網絡圖應該是垂直的或水平的而不折疊。 到目前為止，我創建了一個以水平格式顯示圖表的圖表。 但是，如果節點集非常有限（我嘗試了forceManyBody().strength()和forceLink(links).distance()的多 ...
如何使用 d3 force 來分隔 map 上的重疊點
[英]How can I use d3 force to space out overlapping points on a map
我有一個 map 有一些重疊點。 我正在使用四叉樹和 turf.js 來確定，當我單擊一個點時，30 英里半徑范圍內還有多少其他點。 我想做的（如果該半徑中有多個點）是使用 d3.forceSimulation 平均分布重疊點。 這是我想做的一個非常接近的例子，但使用 d3v3 和谷歌地圖： htt ...
使用 react+ts 和 d3 創建新的力圖
[英]creating new force graph with react+ts and d3
我正在嘗試使用 React + TS 和 D3 創建一個簡單的力圖。 主要問題用線連接我的節點這是我的代碼： 數據（在同一個文件中）： ...這是組件： 結果如下： ...
get() 方法不適用於 D3 v6 和強制布局
[英]get() method isn't working with D3 v6 and force layout
我是 D3.js 的新手，我正在嘗試用我的圖表制作相同的 animation，但我無法解決 D3 版本 6 的 get() 方法的問題。當我渲染代碼時，它會出現錯誤，如下所示： “nodeById.get 不是函數”，我不知道如何解決。 nodeById 是這樣的 arr --> nodeB ...
一些節點折疊的 D3 強制布局
[英]D3 force layout with some nodes collapsed
我是 d3 的完全初學者，數周以來一直被一個問題困擾。 基於示例：```https://jsfiddle.net/t4vzg650/6/```` 我開發了一個帶有 d3 的可折疊力布局。 我已成功添加鏈接和音頻（目前僅在本地工作）。 但默認情況下，我只希望擴展最佳實踐、工具和課程結構節點，並折疊其 ...
解釋 d3 定心力
[英]interpreting the d3 centering force
D3 的力模擬定心力使用以下代碼，其中： n等於節點數， x等於中心 x 值 y等於居中的 y 值 sx和sy為 0。 源代碼 首先，力這樣做： 接着： 這是一個怎樣的定心力？ 第一部分和第二部分分別是做什么的？ ...
D3.js 重啟仿真時節點跳轉添加或刪除節點
[英]D3.js nodes jump when restarting simulation to add or remove nodes
我正在使用帶有強制布局的 d3.js v6 來表示網絡圖。 我正在添加和刪除節點，但是當我重新啟動模擬時，所有節點都會跳轉到左上角 position，然后返回到原來的 position。 我有以下代碼片段，它准確地顯示了我的意思，我在網上看到了其他運行良好但無法找到我做錯了什么的示例，非常感謝任何幫 ...
解決小圖中的簡單 D3.js 交叉邊
[英]Solve simple D3.js crossing edges in small graphs
我正在開發一個 web 應用程序，它可以讓您在交互式圖表中加入點。 我正在使用 D3.js 和力導向模塊。 但我有一個非常特殊的問題：在小型網絡中越界。 我讀過這篇文章： D3.js 強制有向圖，通過使邊緣相互排斥來減少邊緣交叉，但它是關於更大的網絡。 我的網絡是這樣開始的： 然后，用戶將創建邊緣， ...
D3 新數據 at.data() 使 svg 重繪而不是更新節點 position
[英]D3 new data at .data() makes svg to redraw instead of updating nodes position
考慮到這個工作示例，數據更新使 svg 更新而無需重新繪制。 使其行為如解釋的相關原始代碼部分： 但是，如果節點和鏈接數據引用是新的，即使內容相同，每次更新都會重新繪制 svg。 相關的更改代碼部分使其行為如下所述： 在這里，在 function update() 內部，調用 update_loc ...
使用重力/碰撞檢測/效果將氣泡圖升級到 v4+
[英]Upgrading bubble chart to v4+ with gravity/collide detection/effects
我有一個轉換后的 d3v4 氣泡圖，但在 d3v3 中曾經有更多的功能，比如重力/電荷和碰撞檢測。 當圖表加載時 - 我想看到氣泡的一致/運動，例如觀看青蛙在池塘中產卵 - 它們通過重力彼此靠近 - 但具有驅避劑/電荷類型的屬性。 氣泡也需要盡量遠離邊緣。 這是我在 v3 中尋找的內容： < ...
設置節點之間的固定距離 d3-force
[英]Set fixed distance between nodes d3-force
我正在嘗試使用 d3.js 重現拉線燈開關的行為。 您可以在代碼片段中看到此處或下方運行的代碼（最好全屏查看）。 我的問題是如何將節點之間的距離設置為始終相同（就像在真正的繩索中一樣）？ 唯一應該伸展的鏈接是兩個綠色節點之間的鏈接我試圖為部隊增加更多力量，但看起來並不好。 //create so ...
D3 力布局 forceY 不映射到范圍
[英]D3 force layout forceY does not map to range
我正在嘗試使用forceY()屬性在 D3 力布局中垂直訂購我的節點，但我未能限制我的 y 軸的上限。 我的畫布的高度為 200 像素，我有 50 個類別要訂購並投影到高度為 1000 像素的平面上。 我最初希望看到頂部 200 像素，而其余節點可以在底部看不見。 如果需要，我讓用戶在那里平移。 ...
如何在 D3 中對綁定到不同數據（與 forcesimulatoin 一起使用）的元素進行分組，以便對它們進行排序
[英]How can i group elements that are bound to different data (to be used with forcesimulatoin) in D3 so that I can sort them
我嘗試創建一個散點圖，使用 forcesimulation 在我的數據點周圍放置標簽。 到目前為止，這工作正常（感謝 stackoverflow 和一些博客的良好幫助:)）。 這是到目前為止的樣子......到目前為止的散點圖但是，我現在被困在嘗試重新排序我的元素，以便每個數據點的圓圈、線條和文本元 ...
使用 plotyly 或 Network3D 將 ggraph 轉換為交互式 plot
[英]Convert ggraph to interative plot with plotyly or Network3D
我正在尋找將ggraph object 轉換為迭代力網絡的示例或教程。 首先，我嘗試使用plotly::ggplotly ZC1C425268E68385D1AB5074C17A9F 轉換為plotly object。 但似乎plotly不能很好地處理這種轉換並且錯過了邊緣。 但是我找到了netw ...
D3 具有非樹數據的可折疊力有向圖 - 鏈接 alignment
[英]D3 Collapsible force directed graph with non-tree data - link alignment
如果您在第一次加載圖表時看到現有代碼https://jsfiddle.net/sheilak/9wvmL8q8連接父節點和子節點的鏈接來自父節點的邊框，但一旦折疊和展開，您可以看到相同的鏈接來自父節點的中心。 我不想鏈接到父節點的中心。 代碼 ...
是否有用於繪制力導向圖的簡單（-ish）算法？
[英]Is there a simple(-ish) algorithm for drawing force-directed graphs?
我正在嘗試在 P5js 中編寫一個小圖形可視化工具，但我找不到可遵循的簡單（-ish）算法。 我已經找到了使用 D3 來完成它的方法，並且我已經找到了一些密集的教科書片段（像這樣），但我正在尋找介於兩者之間的東西。 有人可以解釋繪制圖形的最簡單算法（力導向或其他）或為我指出一個好的資源嗎？ 謝謝 ...
強制定向圖過濾器節點和鏈接
[英]force directed graph filter nodes and links
我目前正在 D3.js 中使用力導向圖進行數據可視化。我有一個用例，我必須根據閾值過濾節點和鏈接（通過過濾我的意思是不應該顯示在數據可視化中。）一個分數。 下面是一段數據json 所以我所做的是基於鏈接中的分數參數，我從鏈接數組中刪除了它的一個項目。 當我嘗試從節點數組中刪除節點時，我的圖表給出了多 ...
為什么強制布局中的節點在更新時從原點跳轉
[英]Why do nodes in force layout jump from origin on update
每次迭代更新數據時，為什么我的圓圈從 (0,0) 跳出？ 我想制作一個帶有圓圈的力布局，這些圓圈在數據更新時會改變半徑。 我不知道如何在循環內使用 d3 力。 我所能得到的只是在改變大小時從原點跳出的圓圈。 我想這個問題在於 d3 如何存儲和設置對象的坐標。 這是我的代碼： va ...
D3.js - 如何在縮放半徑時將強制定向布局保持在邊界內
[英]D3.js - How to keep force directed layout in bounds when radius has been scaled
目前，我有一個強制定向布局，如果數據太大，節點和鏈接會超出我的 svg 邊界。 我的滴答功能包括： 我確實看到參考文獻表明： 我的節點的半徑使用以下比例： 我如何能夠在刻度函數中引用每個節點的半徑？ 先感謝您 ...
D3 在力有向圖中添加節點，如何在 v5（vs. v3）中
[英]D3 adding nodes in force-directed graph, how to in v5 (vs. v3)
我發現了一個很好的 FD Graph 腳本，可以交互地添加和刪除節點，用 D3 v3 編寫。 （見http://bl.ocks.org/tgk/6068367 ）。 我試圖將它移植到 v5，但它不起作用。 我構建了以下腳本來比較兩個版本。 我發現的任何示例，只需切換鏈接數據（參見https://b ...