«d3.js» 태그된 질문

960 500 svg 그래픽을 작성하는 히스토그램 스크립트가 있다고 가정합니다. 그래픽 크기와 높이를 동적으로 조정할 때 어떻게 반응하게합니까? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an Irwin-Hall distribution. for (var i = 0; i < n; …

224 javascript  responsive-design  d3.js 

svg차트를 포함 하는 요소를 (D3.js 사용) 생성하는 JavaScript 코드 조각 이 있습니다. AJAX를 사용하여 웹 서비스에서 오는 새로운 데이터를 기반으로 차트를 업데이트하고 싶습니다. 문제는 업데이트 버튼을 클릭 할 때마다 새로운 버튼을 생성하므로 이전 버튼 svg을 제거하거나 내용을 업데이트하고 싶습니다. 다음은 JavaScript 함수의 스 니펫입니다 svg. var svg = d3.select("body") .append("svg") …

200 javascript  ajax  svg  d3.js 

누군가 D3.js에서 datum ()과 data ()의 차이점을 설명해 주시겠습니까? 둘 다 사용되는 것을보고 왜 다른 것을 선택해야하는지 잘 모르겠습니다.

199 javascript  d3.js 

d3.js로 산점도를 그리고 있습니다. 이 질문의 도움으로 : 화면, 현재 웹 페이지 및 브라우저 창의 크기를 가져옵니다 이 답변을 사용하고 있습니다 : var w = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], x = w.innerWidth || e.clientWidth || g.clientWidth, y = w.innerHeight|| e.clientHeight|| g.clientHeight; 따라서 다음과 같이 …

183 javascript  d3.js 

산포로 플로팅하는 데이터 세트가 있습니다. 원 중 하나 위로 마우스를 가져 가면 데이터 (예 : x, y 값 등)가 팝업되도록하고 싶습니다. 다음은 내가 사용해 본 것입니다. 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)}) .attr("fill", "red").attr("r", 15) .on("mouseover", function() { d3.select(this).enter().append("text") .text(function(d) {return d.x;}) .attr("x", function(d) {return …

162 tooltip  mouseover  d3.js 

현재 d3에서 그릴 geoJSON 객체가있는 경우 원하는 크기로 가져 와서 가운데에 맞추려면 번역해야합니다. 이것은 시행 착오의 매우 지루한 작업이며, 누군가가 이러한 가치를 얻는 더 좋은 방법을 알고 있는지 궁금합니다. 예를 들어이 코드가 있다면 var path, vis, xy; xy = d3.geo.mercator().scale(8500).translate([0, -1200]); path = d3.geo.path().projection(xy); vis = d3.select("#vis").append("svg:svg").attr("width", 960).attr("height", 600); d3.json("../../data/ireland2.geojson", …

140 d3.js  geojson  topojson 

나는에 새로운 D3.js, 오늘만 배우기 시작 나는하여 보았다 도넛 예를 들어 ,이 코드를 발견 var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")"); 문서를 검색 했지만 .append("g")추가 내용을 이해하지 못했습니다. 심지어 D3구체적입니까? 여기에서 지침을 찾고

129 javascript  d3.js 

사용자가 클릭하면 그 주위에 선택 마커를 그려야하기 때문에 g내 임의의 요소 의 너비와 높이를 정확히 알아야 SVG합니다. 내가 인터넷에서 본 것은 다음과 같습니다 d3.select("myG").style("width"). 문제는 요소가 항상 명시적인 너비 속성 집합을 가지지 않는다는 것입니다. 예를 들어 내부에 원을 만들면 너비 대신 g반경 ( r)이 설정됩니다. 에 window.getComputedStyle메서드를 사용하더라도 circle"auto"를 반환합니다. …

120 javascript  d3.js 

기본적으로 확대 / 축소 및 이동 가능한 그래프에서 수천 개의 포인트를 렌더링하는 프로젝트를 업데이트하는 데 사용할 올바른 기술을 선택하려고합니다. Protovis를 사용하는 현재 구현은 성능이 저조합니다. 여기에서 확인하세요 : http://www.planethunters.org/classify 완전히 축소하면 약 2000 개의 포인트가 있습니다. 하단의 핸들을 사용하여 약간 확대하고 드래그하여 이동해보세요. 컴퓨터가 정말 빠르지 않으면 매우 고르지 않고 …

114 html  canvas  svg  d3.js  kineticjs 

대화 형 그래프 시각화를 수행 할 수있는 Python 라이브러리를 추천 할 수 있습니까 ? 나는 특별히 d3.js 와 같은 것을 원 하지만 python이상적으로는 3D도 될 것입니다. 나는 보았다 : NetworkX-Matplotlib 플롯 만 수행 하며 2D로 보입니다. 나는 d3.js노드를 끌어 당기는 것과 같은 어떤 종류의 상호 작용도 보지 못했습니다 . 그래프 …

110 python  graph  d3.js  graph-tool 

svg의 x와 dx 속성 (또는 y와 dy)의 차이점은 무엇입니까? 축 이동 속성 (dx)과 위치 속성 (x)을 사용하는 적절한시기는 언제입니까? 예를 들어, 저는 이와 같은 일을하는 많은 d3 예제를 보았습니다. chart.append("text") .attr("x", 0) .attr("y", 0) .attr("dy", -3) .text("I am a label") 다음이 같은 일을하는 것처럼 보일 때 y와 dy를 둘 다 …

106 svg  d3.js 

닫은. 이 질문은 Stack Overflow 지침을 충족하지 않습니다 . 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? Stack Overflow의 주제에 맞게 질문을 업데이트하세요 . 휴일 육년 전 . 이 질문 개선 보고 D3.js관심이 있어서이 책을 샀어요 ! 내가 틀렸을 수도 있지만 실현되지 않는 것으로 나타났습니다. 누구든지 D3.js데이터 시각화 마스터 …

104 javascript  d3.js  data-visualization 

이 예를 참조하십시오. http://vallandingham.me/stepper_steps.html D3 및 jQuery 라이브러리는 둘 다 객체 체인 방식으로 DOM 조작을 수행한다는 점에서 매우 유사합니다. D3가 jQuery보다 쉽게 ​​만드는 기능과 그 반대의 기능을 알고 싶습니다. jQuery를 기반으로 사용하는 그래프 및 시각화 라이브러리가 많이 있습니다 (예 :하이 차트, 부유물, Wijmo). 그들이 어떻게 다른지에 대한 구체적인 예를 제공하십시오.

103 javascript  jquery  d3.js 

D3.js를 사용하여 FadeOut 메서드 (jQuery와 유사)를 만들어야합니다 . 내가해야 할 일은를 사용하여 불투명도를 0으로 설정하는 것 transition()입니다. d3.select("#myid").transition().style("opacity", "0"); 문제는 전환이 끝났음을 깨닫기 위해 콜백이 필요하다는 것입니다. 콜백을 어떻게 구현할 수 있습니까?

98 javascript  d3.js  transition 

d3의 축에 텍스트 레이블을 어떻게 추가합니까? 예를 들어 x 축과 y 축이있는 간단한 선 그래프가 있습니다. x 축에는 1부터 10까지의 눈금이 있습니다. 사람들이 x 축이 일을 계산한다는 것을 알 수 있도록 그 아래에 "일"이라는 단어를 표시하고 싶습니다. 마찬가지로, y 축에는 1-10의 숫자가 틱으로 표시되고 "샌드위치 먹음"이라는 단어가 옆으로 나타나기를 원합니다. …

94 javascript  d3.js  axis-labels