Perguntas com a marcação «d3.js»

D3.js é uma biblioteca JavaScript para a criação de visualizações interativas ligadas a dados de documentos usando HTML, SVG e Canvas.

200
Como posso remover ou substituir o conteúdo SVG?

Eu tenho um pedaço de código JavaScript que cria (usando D3.js) um svgelemento que contém um gráfico. Quero atualizar o gráfico com base em novos dados provenientes de um serviço da Web usando AJAX, o problema é que cada vez que clico no botão de atualização, ele gera um novo svg, por isso quero...

183
Redimensione svg quando a janela for redimensionada em d3.js

Estou desenhando um gráfico de dispersão com d3.js. Com a ajuda desta pergunta: Obtenha o tamanho da tela, página da web atual e janela do navegador Estou usando esta resposta: var w = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], x = w.innerWidth ||...

162
Mostrar dados sobre o mouse sobre o círculo

Eu tenho um conjunto de dados que estou plotando em uma dispersão. Ao passar o mouse sobre um dos círculos, gostaria que ele aparecesse 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",...

140
Centralizar um mapa no d3 dado um objeto geoJSON

Atualmente no d3, se você tiver um objeto geoJSON que você irá desenhar, precisará escalá-lo e traduzi-lo para obter o tamanho desejado e convertê-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...

129
D3.js: o que é 'g' no código .append (“g”) D3.js.

Eu sou novo D3.js, comecei a aprender hoje apenas Eu olhei o exemplo do donut e encontrei esse código var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")"); Eu procurei por...

110
Python equivalente a D3.js

Alguém pode recomendar uma biblioteca Python que pode fazer visualização gráfica interativa ? Eu quero especificamente algo como d3.js, mas para pythone idealmente seria 3D também. Eu olhei para: NetworkX - ele só faz Matplotlibplotagens e parecem ser 2D. Não vi nenhum tipo de interatividade,...

106
Qual é a diferença entre os atributos x e dx de svg?

Qual é a diferença entre os atributos x e dx de svg (ou y e dy)? Quando seria o momento adequado para usar o atributo de deslocamento do eixo (dx) em vez do atributo de localização (x)? Por exemplo, tenho notado muitos exemplos de d3 fazendo algo assim chart.append("text") .attr("x", 0)...

103
Qual é a diferença entre D3 e jQuery?

Referindo-se a este exemplo: http://vallandingham.me/stepper_steps.html parece que as bibliotecas D3 e jQuery são muito semelhantes no sentido de que ambas fazem a manipulação do DOM em uma forma de encadeamento de objetos. Estou curioso para saber quais funções o D3 torna mais fácil do que o...

94
rotulagem do eixo d3

Como faço para adicionar rótulos de texto aos eixos em d3? Por exemplo, tenho um gráfico de linha simples com eixos xey. No meu eixo x, tenho marcações de 1 a 10. Quero que a palavra "dias" apareça abaixo dele para que as pessoas saibam que o eixo x está contando os dias. Da mesma forma, no eixo...