Articles of d3.js

Adicionando novos nós ao layout direcionado a força

Primeira pergunta no Stack Overflow, então fique comigo! Eu sou novo no d3.js, mas tenho sido consistentemente espantado com o que os outros são capazes de realizar com ele … e quase tão impressionado com o pouco progresso que consegui fazer com ele mesmo! Claramente eu não estou gravando algo, então eu espero que as […]

Importar arquivo json local usando d3.json não funciona

Eu tento importar um arquivo. d3.json() local usando d3.json() . O arquivo filename.json é armazenado na mesma pasta do meu arquivo html. No entanto, o parâmetro (json) é nulo. d3.json(“filename.json”, function(json) { root = json; root.x0 = h / 2; root.y0 = 0;}); . . . } Meu código é basicamente o mesmo que neste […]

Como desenhar um caminho suavemente do ponto inicial ao final em D3.js

Eu tenho o seguinte código que traça um caminho de linha com base na function seno: var data = d3.range(40).map(function(i) { return {x: i / 39, y: (Math.sin(i / 3) + 2) / 4}; }); var margin = {top: 10, right: 10, bottom: 20, left: 40}, width = 960 – margin.left – margin.right, height = […]

Por que o d3.js v3 quebra meu gráfico de força ao implementar o zoom quando o v2 não funciona?

Eu tenho um layout de força que eu criei usando d3.js Eu gostaria de ter tanto a funcionalidade normal de um layout de força arrastável quanto a capacidade de zoom. Eu basicamente copiei / colei o código de zoom deste código ( http://jsfiddle.net/nrabinowitz/QMKm3/ ). Esta é a mesma maneira de zoom que Mike Bostock usa […]

Carregando dados do D3.js a partir de uma string JSON simples

A maioria dos exemplos na galeria carrega dados de arquivos TSV. Como posso converter o seguinte para usar uma variável json local em vez de dados TSV? d3.tsv(“data.tsv”, function(error, data) { var myEntitiesJson = getEntitiesJson(); // <—— use this instead of "data" data.forEach(function(d) { d.frequency = +d.frequency; }); x.domain(data.map(function(d) { return d.letter; })); y.domain([0, d3.max(data, […]

D3 force layout direcionado com checkbox delimitadora

Eu sou novo no D3 e tenho problemas para definir os limites do layout direcionado pela força. Eu consegui juntar (a partir de exemplos) o que eu gostaria, mas preciso que o gráfico seja contido. Na function tick, uma transformação / conversão exibirá meu gráfico corretamente, mas quando eu uso cx e cy com Math.max […]

D3js: Colocação automática de labels para evitar sobreposições? (força de repulsão)

Como aplicar repulsão de força nos labels do mapa para que eles encontrem seus lugares certos automaticamente? Bostock “Vamos fazer um mapa” Vamos fazer um mapa de Mike Bostock (imagem abaixo). Por padrão, os labels são colocados nas coordenadas do ponto e polígonos / multipolígonos do path.centroid(d) + um simples alinhamento à esquerda ou à […]

Criando uma tabela vinculada a um arquivo csv

Eu estou tentando criar uma tabela vinculada a um arquivo *.csv usando d3, mas tudo que eu recebo é uma página da Web em branco. Mesmo com o exemplo Crimea, recebo uma página em branco. Eu ficaria grato por ser direcionado ou mostrado um exemplo prático ou uma sugestão do que estou fazendo errado.

nvd3 piechart.js – Como editar a dica de ferramenta?

Estou usando o componente piechart.js do nvd3 para gerar um piechart no meu site. O arquivo .js fornecido inclui vários vars, da seguinte maneira: var margin = {top: 30, right: 20, bottom: 20, left: 20} , width = null , height = null , showLegend = true , color = nv.utils.defaultColor() , tooltips = true […]

Como converter / salvar o gráfico d3.js em pdf / jpeg

Eu estou trabalhando em uma function do lado do cliente / javascript para salvar ou converter um gráfico existente D3-SVG em um arquivo. Eu procurei muito e encontrei algumas recomendações, usando principalmente canvas.toDataURL() . Eu não tenho na minha página, e em vez disso usando: d3.select(“body”).append(“svg”)…. Eu também tentei acrescentar o SVG ao mas nada […]