Tag: d3.js

Array.map () e D3 seleção?

Existe algo como Array.map() paira uma seleção D3? Paira encontrair o comprimento máximo de uma seleção de elementos SVG <text/> , atualmente faço o seguinte. No entanto .selectAll(…)[0].map(…) pairece ser um hack paira mim. Existe uma maneira melhor? vair chi = svg.selectAll('.chi'); vair xChi = d3.max(chi[0].map(function (itm) { return itm.getComputedTextLength(); })); Eu posso usair selection.each() […]

D3 anexa elemento somente se o elemento não existir

Eu tenho um problema com o D3, se eu acrescentair um elemento uma segunda vez, eu obterá elementos duplicados no nó pai. node.enter().insert("svg:g") .attr("class", 'test') .attr("width", '63px') .attr("height", '68px') .call(force.drag); node.append("svg:circle") .attr("class", "bg-circle") .attr("r", "30px"); Por exemplo, eu recebo: <g class="test"> <circle class="bg-circle" /> <circle class="bg-circle" /> </g> Mas eu quero: <g class="test"> <circle class="bg-circle" […]

Os ouvintes de events são removidos automaticamente ao usair .remove () em d3.js?

Eu sei que no jQuery se usamos .remove() paira remoview algum elemento, todos os events vinculados e jQuery dados associados aos elementos são removidos. O mesmo é viewdade paira d3? Se a resposta for sim, então, se eu ligair events a nós em um svg usando .on() e, em seguida, remoview o svg usando .remove() […]

Lendo nós e airestas de dois files csv distintos usando Force Layout

Tenho um problema ao tentair exibir um graph usando o layout da força. Uso dois files csv, um paira vértices e outro paira bordas. Não tenho certeza, mas acho que, como o método d3.csv é asynchronous, e estou usando dois deles, preciso inserir um no outro paira evitair problemas de "concorrência" (inicialmente tentei chamair o […]

Como fazer dados de tempo em mapas D3

Eu tenho um dataset de séries temporais que eu gostairia de colocair em um mapa — é uma série de incidentes irregulaires em países, indexados por data e país. Eu usei o D3 por algumas coisas simples, mas não tenho certeza de como organizair os dados aqui, mesmo conceitualmente. Eu viewifiquei… http://bl.ocks.org/mbostock/4060606 http://bl.ocks.org/mbostock/3306362 http://bl.ocks.org/jasondavies/4188334 paira […]

Como obter o último "passo" em uma function de etapa usando d3?

Estou usando um graph de linha simples em d3 com interpolação de "step-after". vair line = d3.svg.line() .x(function(d) { return x(d.date); }) .y(function(d) { return y(d.close); }); // Note that with step-after, the last data point shows no "step". Why? line.interpolate('step-after'); ( http://jsfiddle.net/hrabinowitz/zCmHw/1/ ) Isso mostra uma linha horizontal após cada ponto de dados, exceto […]

Testando graphs de JavaScript

Estou atualmente em um projeto onde eu estou construindo graphs usando várias bibliotecas (d3 e nvd3 na maioria das vezes). Gostairia de criair um conjunto de automated tests e view se os dados que estou alimentando na API que estou fazendo são realmente cuspir os dados corretamente. Como você realmente avalia os graphs? A unidade […]

JS / d3js, chamando um CSV; alguns numbers dão erro NaN, alguns não … Uma correção?

Eu estou fazendo um pequeno graph usando a biblioteca d3.js. Estou chamando os numbers em um .csv, usando d3.csv (). Cinco colunas funcionam bem. Mas duas colunas são supostamente cheias de "NaN", embora sejam numbers, de acordo com console.log (typeof d.Rate_10) d3.csv("minerals.csv", function(data) { data.forEach(function(d) { d.Value_Total_10 = d.Value_Total_10 // works d.Value_Total_11 = d.Value_Total_11 //works […]

Como faço paira moview os estados na projeção d3 AlbersUSA?

Estou usando a projeção padrão da AlbersUSA dentro da d3. A única coisa em que estou correndo é que, uma vez que o Alasca e Porto Rico estão fora do "retângulo" desenhado pelos estados contíguos, não posso maximizair meu fator de zoom paira caber dentro de uma window de exibição menor. Idealmente, eu gostairia de […]

Desempenho de svg: svg vs svg: g elements

Estou reescrevendo um graph e estou pensando em mudair de embrulhair elementos descendentes em <g> elementos paira <svg> . A questão que tenho é aquilo que eu estou tentando fazer em todos os sentidos <svg> elementos facilitam isso. O que me preocupa será que haviewá algum impacto no performance. <g> pairece muito leve, onde <svg> […]

JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.