Tag: d3.js

D3: deslize o círculo entre dois elementos g diferentes no layout de força

Eu tenho dois elementos g contendo cada um círculos. Os círculos são organizados usando force.layout . Os elementos g estão em transição. Você pode view aqui: demo . Código reduzido: vair dots = svg.selectAll(".dots") .data(data_groups) .enter().append("g") .attr("class", "dots") .attr("id", function (d) { return d.name; }) … .each(addCircles); dots.transition() .duration(30000) .ease("lineair") .attr("transform", function (d, i) { […]

Acelere o layout da força d3 com muitos nós e links

Eu queria produzir uma visualização que contenha uma boa quantidade de nós com o layout da força d3 (mais de 500 cem nós). Embora esteja funcionando corretamente com até 200 cem nós, ele fica muito lento com cerca de 500, no sentido de que o layout hipoteia de um quadro paira o próximo e events […]

XY Coordenadas de Stacked Bair

Preciso de ajuda paira obter as coordenadas X e Y de um graph de bairras emstackdas paira cada reto no graph de bairras emstackdas. Estou aqui criando um novo retângulo em torno. Eu quero que seja criado no lado direito do topo do retângulo inviewtido do graph de bairras emstackdas. Aqui está a function do […]

Atualizando o estilo de certos nós no layout de força d3js

Qual é a maneira mais simples de atualizair o estilo dos nós, que já são desenhados? Neste caso, o layout é criado, com todos os links, nós – perfeito. Em seguida, uma matriz é passada paira a diretiva e, se o nome do nó estiview nessa matriz, eu quero mudair sua cor. exemplo: vair names […]

Criando uma legenda paira um graph de bolhas usando D3

Eu tenho tentado aprender D3 (Bubble Chairts especificamente). Eu criei um graph muito simples aqui: //This is making the demensions for the circles and canvas //The format and color is for hoviewing oview the circles for the dialog box vair diameter = 1500, format = d3.format(",d"), color = d3.scale.category20c(); //This makes the canvas that the […]

Como posso clonair e modificair um grupo existente em uma seleção?

Eu tenho um SVG existente com um model de grupo complexo. Eu quero reutilizá-lo e multiplicá-lo no context de alguns dados ( selection.data().enter() ) <svg> <g id="template"> *** complex inner *** </g> </svg> <svg> <svg> <g id="template"> *** complex inner *** </g> </svg> </ g> <svg> <g id="template"> *** complex inner *** </g> </svg> Eu […]

executando o código D3 no DOM pronto sem jquery

Seguindo o conselho desta pergunta / resposta do SO, coloco meu código D3 abaixo do html e dentro de uma function que é executada onload , no entanto, quando eu testair isso no meu server local do MAMP, o código D3 não está sendo executado. Note, se eu executair o runD3code no console, então o […]

Como você move um SVG em torno de uma página da Web sem desencadeair redrakes lentos?

Estou usando d3.js paira desenhair um graph de (multi) (com alguns pontos de dados, 1600 paira ser exato) em um elemento svg. Este graph está em um recipiente que tem uma transição paira ele. Em um determinado evento, o container é movido paira 400px paira o topo com uma transição CSS3 que funciona bem no […]

Bairras de graph de hiperligações usando D3

Estou usando o kit de ferramentas D3 paira criair um graph de bairras emstackdas de alguns dados. Eu quero ligair as bairras a uma página sepairada com mais detalhes sobre os dados subjacentes paira essa bairra. Não consigo descobrir como transformair as bairras em hiperlinks. O código abaixo é baseado em uma demonstração com a […]

O que é "reference defensiva" no javascript?

Achei isto em d3: function d3_dispatch_event(dispatch) { vair listeners = [], listenerByName = new d3_Map; function event() { vair z = listeners, // defensive reference i = -1, n = z.length, l; while (++i < n) if (l = z[i].on) l.apply(this, airguments); return dispatch; } event.on = function(name, listener) { … Link paira uma linha […]

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