Articles of d3.js

Como incluo novas linhas em labels nos charts D3?

Estou usando o D3 para gerar um gráfico de barras (adaptei o código deste exemplo ). Os labels que estou usando no eixo x têm algumas palavras cada um e, como isso faz com que todos os labels se sobreponham, preciso dividi-los em linhas. (Tudo bem se eu puder replace todos os espaços em cada […]

Hiperlinks em objects d3.js

Eu sou um novato completo em d3.js ou java em geral. Eu estou usando o exemplo de tree recuada de http://bl.ocks.org/1093025 . Levei duas horas para fazer isso funcionar no meu computador local, de modo que deveria dar uma idéia do meu nível de habilidade. Eu abri o arquivo flare.json e comecei a brincar com […]

Como posso trazer um círculo para a frente com d3?

Primeiro de tudo, estou usando d3.js para exibir círculos de tamanhos diferentes em matrizes. Ao passar o mouse, quero que o círculo fique mais grande, o que eu posso fazer, mas não tenho ideia de como trazê-lo para a frente. Atualmente, uma vez processada, ela fica oculta atrás de vários outros círculos. Como posso consertar […]

Gráfico de linha de multiseries com dicas de mouseover

Eu criei um gráfico de linhas multi-série usando este exemplo de código bl.ocks.org . Eu consegui recriar no JSFiddle . Agora, estou tentando adicionar uma dica de ferramenta de mouseover de valor x, que exibe uma dica de ferramenta em cada linha quando você passa a posição vertical. Algo parecido com isso , mas para […]

escopo variável em d3 javascript

Eu quero obter dados na variável global usando o seguinte código: var data; d3.json ( “file.json” , function(json) { data = json; console.log(data); //defined }); console.log(data); //undefined Mas o problema é que eu só tenho a variável de dados definida na function d3.json, mas fora ela é indefinida. como posso resolver esse problema? obrigado

Realce o nó selecionado, seus links e seus filhos em um gráfico direcionado à força D3

Eu estou trabalhando em um gráfico direcionado por força em D3. Quero destacar o nó mouseover’d, seus links e seus nós filhos definindo todos os outros nós e vinculando a uma opacidade mais baixa. Neste exemplo, http://jsfiddle.net/xReHA/ , sou capaz de eliminar todos os links e nós e, em seguida, desaparecer nos links conectados, mas, […]

Qual é a melhor maneira de tornar responsivo um layout de visualização do d3.js?

Suponha que eu tenha um script de histograma que construa um gráfico de 960 500 svg. Como eu faço isso tão responsivo resize as larguras gráficas e as alturas são dinâmicas? var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an Irwin-Hall distribution. […]

Mostrar dados no mouseover do círculo

Eu tenho um dataset que estou plotando em um dispersão. Quando eu passar o mouse sobre um dos círculos, eu gostaria que ele fosse exibido com dados (como valores x, y, talvez mais). Aqui está o que eu tentei usar: vis.selectAll(“circle”) .data(datafiltered).enter().append(“svg:circle”) .attr(“cx”, function(d) { return x(dx);}) .attr(“cy”, function(d) {return y(dy)}) .attr(“fill”, “red”).attr(“r”, 15) .on(“mouseover”, […]

Centralizar um mapa em d3 dado um object geoJSON

Atualmente, no d3, se você tem um object geoJSON que você vai desenhar, você precisa escalá-lo e traduzi-lo para obtê-lo no tamanho desejado e traduzi-lo para centralizá-lo. Esta é uma tarefa muito tediosa de tentativa e erro, e eu queria saber se alguém sabia uma maneira melhor de obter esses valores? Então, por exemplo, se […]