«d3.js» 태그된 질문

D3.js는 HTML, SVG 및 Canvas를 사용하여 문서의 대화 형 데이터 바인딩 시각화를 만들기위한 JavaScript 라이브러리입니다.

6
SVG 그래픽에 툴팁을 추가하는 방법은 무엇입니까?
일련의 svg 사각형 (D3.js 사용)이 있고 마우스 오버시 메시지를 표시하고 싶습니다. 메시지는 배경 역할을하는 상자로 둘러싸여 있어야합니다. 둘 다 서로와 직사각형 (상단 및 중앙)에 완벽하게 정렬되어야합니다. 이를 수행하는 가장 좋은 방법은 무엇입니까? "x", "y", "width"및 "height"속성을 사용하여 svg 텍스트를 추가 한 다음 svg rect를 추가해 보았습니다. 문제는 텍스트의 참조 점이 …
1
Force-directed 레이아웃에 새 노드 추가
Stack Overflow에 대한 첫 번째 질문입니다. 나는 d3.js를 처음 접했지만 다른 사람들이 그것으로 무엇을 할 수 있는지에 지속적으로 놀라움을 금치 못했습니다. 분명히 나는 ​​무언가를 괴롭히는 것이 아니므로 여기에있는 친절한 영혼이 나에게 빛을 보여줄 수 있기를 바랍니다. 내 의도는 단순히 다음을 수행하는 재사용 가능한 자바 스크립트 함수를 만드는 것입니다. 지정된 DOM …
3
GeoJSON과 TopoJSON의 차이점
GeoJSON과 TopoJSON의 차이점은 무엇이며 언제 다른 하나를 사용합니까? GitHub의에 TopoJSON의 설명 TopoJSON 파일이 80 % 더 작은 의미한다. 그렇다면 왜 항상 TopoJSON을 사용하지 않습니까?
89 d3.js  gis  geojson  topojson 
4
d3.js와 chart.js 비교 (차트에만 해당) [닫힌]
닫힘 . 이 질문은 더 집중되어야 합니다. 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? 이 게시물 을 편집 하여 한 가지 문제에만 집중하도록 질문을 업데이트하십시오 . 휴일 4 일 전 . 이 질문 개선 내 프로젝트에서 chart.js를 여러 번 사용했지만 d3.js를 사용한 적이 없습니다. 많은 사람들이 d3.js가 차트를위한 …
5
노드에서 모든 자식 요소를 제거한 다음 다른 색상과 크기로 다시 적용하려면 어떻게해야합니까?
그래서 노드, 링크 및 기타 요소를 설정하기위한 다음 강제 레이아웃 그래프 코드가 있습니다. var setLinks = function () { link = visualRoot.selectAll("line.link") .data(graphData.links) .enter().append("svg:line") .attr("class", "link") .style("stroke-width", function (d) { return nodeStrokeColorDefault; }) .style("stroke", function (d) { return fill(d); }) .attr("x1", function (d) { return d.source.x; }) .attr("y1", function (d) …
3
Protovis 대 D3.js
TLDR : protovis와 D3.js에 대한 경험이있는 사람이 있나요? 저는 지난 2 주 동안 protovis를 가지고 놀았고 지금까지 훌륭했습니다. 지금을 제외하고는 애니메이션으로 벽돌 벽에 약간 부딪친 것 같습니다. protovis : http://vis.stanford.edu/protovis/ 아주 간단한 애니메이션을 만들고 싶지만 protovis를 사용하면 직관적이지 않은 느낌이 듭니다. protovis가 실제로 애니메이션을위한 것이 아니라고 생각하기 시작했습니다. 그래서 D3.js를 …
2
d3.scale.category10 ()에 해당하는 d3.js v4.0은 무엇입니까?
Interactive Web Visualization 책으로 d3를 배우려고하는데 4.0 버전에서는 많은 변화가있었습니다. 내가 정말로 알아낼 수없는 한 가지는 d3.scale.category10 ()에 상응하는 것이 있는지 여부로 색상에 쉽게 매핑 할 수 있습니다. 새 버전에 이와 비슷한 것이 있습니까? 아니면 math.random을 사용하고 직접 코드를 작성해야합니까?
82 d3.js 
10
SVG 요소 Z- 색인을 D3로 업데이트
D3 라이브러리를 사용하여 SVG 요소를 z 순서의 맨 위로 가져 오는 효과적인 방법은 무엇입니까? 내 특정 시나리오의 (a를 추가하여하는 하이라이트 파이 차트 stroke받는 path마우스가 주어진 조각 위에있을 때). 내 차트를 생성하는 코드 블록은 다음과 같습니다. svg.selectAll("path") .data(d) .enter().append("path") .attr("d", arc) .attr("class", "arc") .attr("fill", function(d) { return color(d.name); }) .attr("stroke", "#fff") …
81 javascript  svg  d3.js 
3
d3에서 x 축 텍스트 회전
저는 d3 및 svg 코딩을 처음 사용하며 차트의 xAxis에서 텍스트를 회전하는 방법을 찾고 있습니다. 내 문제는 일반적으로 xAxis 제목이 막대 차트의 막대가 넓은 것보다 길다는 것입니다. 따라서 xAxis 아래에서 가로가 아닌 세로로 텍스트를 회전하려고합니다. 변환 속성을 추가해 보았습니다 : .attr ( "transform", "rotate (180)") 하지만 그렇게하면 텍스트가 모두 사라집니다. SVG …
81 text  svg  transform  d3.js 
2
자바 스크립트 라이브러리 d3 호출 기능
d3.call ()이 어떻게 작동하는지 언제 어디서 사용해야하는지 이해할 수 없습니다. 여기완료하려는 튜토리얼 링크는 . 누군가이 작품이하는 일을 구체적으로 설명해 주시겠습니까? var xAxis = d3.svg.axis() .scale(xScale) .orient("bottom"); svg.append("g").call(xAxis);
81 javascript  d3.js 
6
D3 힘 레이아웃 그래프를 확대하는 방법이 있습니까?
D3에는 여기에 힘 방향 레이아웃이 있습니다 . 이 그래프에 확대 / 축소를 추가하는 방법이 있습니까? 현재 마우스 휠 이벤트를 캡처 할 수 있었지만 다시 그리기 기능 자체를 작성하는 방법을 잘 모르겠습니다. 어떤 제안? var vis = d3.select("#graph") .append("svg:svg") .call(d3.behavior.zoom().on("zoom", redraw)) // <-- redraw function .attr("width", w) .attr("height", h);
4
Angular 2와 함께 D3.js 사용
Angular 2 (Alpha 44)를 D3.js와 성공적으로 통합했습니다. <html> <head> <title>Angular 2 QuickStart</title> <script src="../node_modules/systemjs/dist/system.src.js"></script> <script src="../node_modules/angular2/bundles/angular2.dev.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script> <script> System.config({packages: {'app': {defaultExtension: 'js'}}}); System.import('app/app'); </script> </head> <body> <my-app>Loading...</my-app> </body> </html> app.js : /// <reference path="./../../typings/tsd.d.ts" /> import {Component, bootstrap, ElementRef} from 'angular2/angular2'; @Component({ selector: 'my-app', template: '<h1>D3.js Integrated if …
78 angular  d3.js 
8
CSV 열을 계층 적 관계로 변환하는 방법이 있습니까?
분류 수준이 열인 7 백만 생물 다양성 레코드의 CSV가 있습니다. 예를 들어 : RecordID,kingdom,phylum,class,order,family,genus,species 1,Animalia,Chordata,Mammalia,Primates,Hominidae,Homo,Homo sapiens 2,Animalia,Chordata,Mammalia,Carnivora,Canidae,Canis,Canis 3,Plantae,nan,Magnoliopsida,Brassicales,Brassicaceae,Arabidopsis,Arabidopsis thaliana 4,Plantae,nan,Magnoliopsida,Fabales,Fabaceae,Phaseoulus,Phaseolus vulgaris D3에서 시각화를 만들고 싶지만 데이터 형식은 네트워크 여야합니다. 여기서 각기 다른 열 값은 특정 값에 대한 이전 열의 자식입니다. CSV에서 다음과 같이 갈 필요가 있습니다. { name: 'Animalia', children: …
1
타원 엔벨로프 데이터의 D3 맵 작성
나는 타원, 더 구체적으로 타원 "봉투"가있는이 데이터 세트를 가지고 있습니다. 누군가 내가 D3 맵에서 어떻게 그릴 수 있는지에 대한 조언이 있는지 궁금합니다. 이미 메르카토르 투영을 사용한지도 설정이 있습니다. 이 stackoverflow 답변에는 createEllipse 함수가 있어서 닫았지만 데이터를 올바르게 해석하고 싶습니다. 데이터에서 타원의 장축 / 부축 값을 연결하고 회전에 방위각을 사용했는데 이것이 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.