circle-pack

    1熱度

    1回答

    我無法使這個看似簡單的代碼工作。我有一個包含5行數據的csv文件,並試圖創建一個氣泡圖表!真的很感激,如果有人可以幫助! <body> <script type="text/javascript"> var diameter = 960, format = d3.format(",d"), color = d3.scale.category20c(); var bubble

    0熱度

    1回答

    標籤在外部沒有重疊的圓圈外部位置我對d3很新,我正在使用d3.layout.pack創建圖表。 我想將每個圓圈的文字標籤放在圓圈外,但不會與其他標籤或其他圓圈重疊。 像這樣: bubble chart using d3.layout.pack 任何想法? 非常感謝 PD:this is我已經試過: var nodes = d3.layout.pack() .value(function(

    1熱度

    1回答

    如何創建一個氣泡圖在http://bl.ocks.org/mbostock/raw/4063269/創建氣泡圖: ...但使用NVD3? 的NVD3網站只具有參考散點圖http://nvd3.org/ghpages/scatter.html

    1熱度

    1回答

    我對D3有點新,但仍然有一些理解它的問題。 我使用本教程Zoomable Circle Packing: 不過,我不知道如何加載多個數據集。例如,我需要類似於(you can see on jsfiddle)的東西,但是當按下按鈕時,會加載一個不同的.JSON文件(兩個文件中的名稱相同,但值不同)。 解決方案可能是mbostock的「Thinking with Joins」,但我真的不知道如何使用

    2熱度

    1回答

    我有興趣調整圓形包佈局上的圓的半徑。爲此,我需要知道原始半徑是如何計算的。 通過閱讀d3.js source code for pack layout,似乎每個節點的默認半徑函數只是value的Math.sqrt。但事實並非如此,因爲我修改了D3.js original circle pack example並添加了.radius(function(d){return Math.sqrt(d);}

    5熱度

    1回答

    我有一個數據集,當按升序排列時,圓圈最終會「疊加」,但在使用空值或降序排序時顯示爲正確分佈。 完整的例子是在這裏:http://jsfiddle.net/SXLHx/3/。 任何人有一個建議? sortItems = function(a,b) { var str,result; switch(sortOrder%3){ case 0:

    1熱度

    1回答

    我在一個頁面上組合了兩個d3可視化,需要CSS的幫助。在這一點上,它們互相重疊,我感到非常沮喪。這兩個可視化是這些:http://bl.ocks.org/mbostock/3883245: 和http://bl.ocks.org/mbostock/4063269: 我在這一點上只是兩者相結合的index.html文件。任何指向我應該如何樣式,以便它們不重疊的指針將非常感謝!

    1熱度

    1回答

    我創建了一個網頁,最多可以有4個圖表,具體取決於具體的標準。一切都很美妙。現在客戶希望氣泡大小比率在4個圖表中保持一致(即,每個圖表中的值爲2000表示爲相同大小的氣泡)。 是否可以配置bubble.nodes()發電機來執行此操作任務? 我知道我可以提供半徑()計算器,但我沒有數學背景來計算給定數據集的最佳半徑。 我正在使用包佈局。睡了一晚後,我想我想出了一個可行的解決方案。在爲每個圖表生成佈局

    2熱度

    1回答

    所以我正在研究D3.js中的氣泡圖:http://bl.ocks.org/mbostock/4063269。寬度和高度由直徑決定。所以我問:如何使這個SVG泡泡雲,以及任何其他SVG響應儘可能少的重新編碼? <script> var diameter = 628, format = d3.format(",d"), color = d3.scale.ordinal()

    1熱度

    1回答

    我使用d3.js製作了賓夕法尼亞不同能源公司擁有的天然氣井的氣泡圖。 我已經構建了一個嵌套對象,首先按公司排序,然後按井排序。一個片段: { "name": "Companies", "children":[ { "name": "Shell", "children": [ { "name": "100",