Запитання з тегом «d3.js»

У мене є серія прямокутників svg (з використанням D3.js), і я хочу відобразити повідомлення при наведенні миші, повідомлення повинно бути оточене вікном, який виконує роль фону. Вони обидва повинні бути ідеально вирівняні між собою та прямокутником (зверху та по центру). Який найкращий спосіб це зробити? Я спробував додати текст svg, …

91 javascript  svg  d3.js  tooltip 

Перше питання про переповнення стека, так що терпіть зі мною! Я новачок у d3.js, але постійно дивуюсь тому, що інші можуть досягти за допомогою нього ... і майже так само вражений тим, як мало я просунувся до цього сам! Очевидно, я щось не маркую, тому сподіваюся, що добрі душі тут …

89 javascript  d3.js  force-layout 

У чому різниця між GeoJSON і TopoJSON і коли я буду використовувати один над іншим? Опис TopoJSON на GitHub має на увазі TopoJSON файли 80% менше. То чому б просто не використовувати постійно TopoJSON?

89 d3.js  gis  geojson  topojson 

Закрито . Це питання має бути більш сфокусованим . Наразі відповіді не приймаються. Хочете покращити це питання? Оновіть питання, щоб воно зосереджувалось на одній проблемі, лише відредагувавши цю публікацію . Закрито 22 години тому . Удосконалюйте це питання Я кілька разів використовував chart.js у своїх проектах, але ніколи не використовував …

88 javascript  d3.js  charts  chart.js 

У чому різниця між forEachі eachв D3js?

88 javascript  d3.js 

Отже, у мене є наступний графічний код силового розташування для встановлення вузлів, посилань та інших елементів: 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; }) …

87 d3.js  force-layout 

TLDR: Хтось має досвід роботи з протовісами та D3.js для висвітлення відмінностей між ними? Я грав з протовісом останні 2 тижні, і дотепер це було чудово. Окрім тепер, я, здається, трохи вдарив цегляну стіну анімацією. protovis: http://vis.stanford.edu/protovis/ Я хочу зробити досить просту анімацію, але з протовісом це здається менш інтуїтивним …

84 javascript  protovis  d3.js 

Я намагаюся вивчити d3 за допомогою книги "Інтерактивна веб-візуалізація", але з версією 4.0 багато що змінилося. Насправді я не можу зрозуміти, чи існує еквівалент для d3.scale.category10 (), щоб отримати легке відображення кольорів. Чи є щось нове у новій версії, чи нам потрібно використовувати math.random і кодувати щось самостійно?

82 d3.js 

Який ефективний спосіб перенести елемент SVG у верхню частину z-порядку, використовуючи бібліотеку D3? Мій конкретний сценарій - це кругова діаграма, яка виділяє (додаючи a strokeдо path), коли миша знаходиться над даним фрагментом. Блок коду для створення моєї діаграми знаходиться нижче: svg.selectAll("path") .data(d) .enter().append("path") .attr("d", arc) .attr("class", "arc") .attr("fill", function(d) { …

81 javascript  svg  d3.js 

Я новачок у кодуванні d3 та svg і шукаю спосіб обертати текст по осі x діаграми. Моя проблема полягає в тому, що, як правило, заголовки xAxis довші, ніж стовпчики на гістограмі, широкі. Тому я прагну повернути текст, щоб він працював вертикально (а не горизонтально) під xAxis. Я спробував додати атрибут …

81 text  svg  transform  d3.js 

Я не можу зрозуміти, як працює d3.call () і коли і де це використовувати. Ось посилання на підручник, яке я намагаюся заповнити. Хтось може пояснити, що саме робить цей твір var xAxis = d3.svg.axis() .scale(xScale) .orient("bottom"); svg.append("g").call(xAxis);

81 javascript  d3.js 

D3 має силу , спрямовану розташування тут . Чи є спосіб додати масштабування до цього графіка? Наразі мені вдалося зафіксувати подію колеса миші, але я не дуже впевнений, як написати саму функцію перемальовування. Будь-які пропозиції? var vis = d3.select("#graph") .append("svg:svg") .call(d3.behavior.zoom().on("zoom", redraw)) // <-- redraw function .attr("width", w) .attr("height", h);

80 javascript  jquery  d3.js  zoom  force-layout 

Я успішно інтегрував 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 …

78 angular  d3.js 

Я щойно завантажив D3.js з d3js.org (посилання на zip-файл), розпакував його та посилався на нього на такій HTML-сторінці: <html> <head> <title>D3 Sandbox</title> <style> </head> <body> <script src="/d3.v3.js"></script> </body> </html> Але коли я завантажую цю сторінку, моя консоль (у Chrome) видає мені таку помилку: Uncaught SyntaxError: Unexpected token ILLEGAL: line 2 …

77 javascript  d3.js 

Мені подобається використання append у D3, і я шукаю prepend. Чи існує це в D3?

75 javascript  d3.js  prepend