Tag: d3.js

Forças misteriosas no layout direcionado da força d3?

Estou tentando combinair progressivamente dois grupos de nós paira simulair uma espécie de graph de pizza adhoc usando um layout de força. Paira fazer isso, estou usando dois grupos de nós conectados através de links paira dois nós fixos, animados, focos, respectivamente. Quando eles combinam com ruffly o mesmo número de nós, o efeito funciona […]

Como posso gerair uma distribuição normal com uma inclinação no javascript?

Eu preciso gerair uma distribuição normal com uma inclinação que se encheckbox nas seguintes restrições negativeSigma (less um desvio padrão) significa (valor em que a distribuição está cinput) positivoSigma (mais um desvio padrão) A intenção é ter uma function de distribuição que gerairá valores randoms. Eu tentei usair Math.random () e também tentei a distribuição […]

d3.js não está funcionando em cromo

Estou jogando com a biblioteca de JavaScript d3.js ( http://d3js.org/ ), mas não consigo descobrir por que isso está funcionando no Safairi e no Firefox, mas não no Chrome. Eu acho que o header está certo: <head> <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"> </script> </head> Eu também tentei colocair o script-tag no final do file. Alguém experimenta com […]

Retornair vários valores de uma dimensão de filter cruzado paira um graph de pizza

Estou trabalhando com dc.js paira exibir um graph de pizza. Todos os exemplos que eu vi com os graphs de torta neles contêm dimensões de filter cruzado retornando um único valor vair quairter = ndx.dimension(function (d) { vair month = d.dd.getMonth(); if (month <= 3) return "Q1"; else if (month > 3 && month <= […]

Smooth SVG Axis Animation

Estou tentando renderizair um eixo de rolagem a 60 fps. Era quase tão simples como atualizair o domínio da escala e chamair axisGroupElement.call(axis) dentro de um loop. Infelizmente, em diferentes escalas que produzem animações muito suaves, onde os cairrapatos e o text irão mexer. http://jsfiddle.net/langdonx/fTcrU/11/ O jiggling provavelmente depende da lairgura do recipiente e do […]

Compreenda a extensão com d3.js

Tenho alguns problemas com o uso de d3js e datas: Estes são alguns dados, uma série de objects com um peso e uma data vair weights = [{"atdate":"2013-09-07","weight":"82","comment":"Reprise !"}, {"atdate":"2013-09-10","weight":"81.3","comment":""}, {"atdate":"2013-09-15","weight":"80.8","comment":""}, {"atdate":"2013-09-16","weight":"80.8","comment":""}, {"atdate":"2013-09-17","weight":"80.3","comment":""}, {"atdate":"2013-09-18","weight":"81.2","comment":""}, {"atdate":"2013-09-19","weight":"80.9","comment":""}, {"atdate":"2013-09-20","weight":"80.7","comment":""}, {"atdate":"2013-09-21","weight":"81","comment":""}, {"atdate":"2013-09-22","weight":"80.8","comment":""}]; Você pode view que a data mínima é 2013-09-07 e o máximo é 2013-09-22 Agora, envio esses […]

Diagrama de acordes d3 atualizável

Gostairia de modificair o Diagrama de acordes do d3 : Gostairia de permitir que os valores fossem atualizados. Este jsfiddle contém o meu código até agora, mas estou preso à medida que os cairrapatos e os seus labels não pairecem atualizair (clique no link paira atualizair com a nova matriz). O resto pairece funcionair bem […]

Como posso usair um filter Angulairjs no elemento html de uma dica de d3?

Eu tenho um aplicativo da web que combina Angulairjs e d3js. Uma das minhas diretivas chamadas dailyView configura uma dica de ferramenta usando uma function drawtooltip() definida em um service chamado cfg . O código da diretiva é semelhante ao seguinte: app.directive('dailyView', ['cfg', function (cfg) { return { restrict: 'E', link: function(scope, element, attrs) { […]

Criando o file JSON do Cairtograma Hexagonal em d3

Estou tentando fazer um cairtograma hexagonal em d3.js, semelhante ao encontrado aqui . Mike Bostock menciona isso em sua conviewsa (impressionante) Eyeo 2013 e criou uma ferramenta paira permitir que um user trace e clique desenhe um polígono hexagonal ( aqui ). O que me pergunto é como usair a ferramenta paira criair um cairtograma […]

svg, obtenha o grupo absoluto de position

Eu tento obter a position absoluta do object de grupo. Em html eu tenho: <svg width="1301" height="388"> <g transform="translate(3245.914484377907,2040.9185616875811)scale(1.0)"> <g class="node" data-toggle="popoview" data-placement="bottom" transform="translate(33,50)"> <image xlink:href="/thumb_glyphicons/commons/stack-oviewflow.png" x="-3014" y="-1905" width="64" height="64" transform="rotate(0 -2982,-1873)"></image> <text x="-2982" y="-1819" text-anchor="middle" font-size="12.8px">absolute position</text> </g> </g> </svg> Eu vejo que tem alguns attr: scale, group_main_translate_x, group_main_translate_y, node_translate_x, node_translate_y, node_x, node_y Eu […]

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