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

Suponha que eu tenho um script de histograma que cria um gráfico de 960 500 svg. Como faço para que isso seja responsivo, o redimensionamento das larguras e alturas do gráfico é dinâmico? <script> var n = 10000, // number of trials m = 10, // number of random variables …

224 javascript  responsive-design  d3.js 

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 …

200 javascript  ajax  svg  d3.js 

Alguém pode explicar a diferença entre datum () e data () no D3.js. Vejo os dois sendo usados ​​e não sei por que você deve escolher um sobre o outro?

199 javascript  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 || e.clientWidth || g.clientWidth, …

183 javascript  d3.js 

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", function(d) { return x(d.x);}) .attr("cy", function(d) {return y(d.y)}) …

162 tooltip  mouseover  d3.js 

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 valores? …

140 d3.js  geojson  topojson 

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 documentação , mas não entendi …

129 javascript  d3.js 

Preciso saber exatamente a largura e a altura de um gelemento arbitrário no meu, SVGporque preciso desenhar um marcador de seleção ao redor dele depois que o usuário clicar nele. O que eu vi na internet é algo como: d3.select("myG").style("width"). O problema é que o elemento nem sempre terá um …

120 javascript  d3.js 

Estou tentando escolher a tecnologia certa para usar na atualização de um projeto que basicamente renderiza milhares de pontos em um gráfico com zoom e panorâmica. A implementação atual, usando Protovis, tem baixo desempenho. Confira aqui: http://www.planethunters.org/classify Existem cerca de 2.000 pontos quando totalmente reduzido. Tente usar as alças na …

114 html  canvas  svg  d3.js  kineticjs 

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, como aquela que d3.jsdá, como …

110 python  graph  d3.js  graph-tool 

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", …

106 svg  d3.js 

Fechadas. Esta pergunta não atende às diretrizes do Stack Overflow . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que esteja no tópico do Stack Overflow. Fechado há 6 anos . Melhore esta questão Eu vi D3.jse fiquei interessado então comprei este livro ! Posso …

104 javascript  d3.js  data-visualization 

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 jQuery e vice-versa. Existem …

103 javascript  jquery  d3.js 

Eu preciso fazer um método FadeOut (semelhante ao jQuery) usando D3.js . O que preciso fazer é definir a opacidade para 0 usando transition(). d3.select("#myid").transition().style("opacity", "0"); O problema é que preciso de um retorno de chamada para saber quando a transição for concluída. Como posso implementar um retorno de chamada?

98 javascript  d3.js  transition 

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á …

94 javascript  d3.js  axis-labels