Tag: d3.js

Масштабируемый сетевой график в AngularJS

Я хотел бы визуализировать сетевой график в приложении AngularJS. Узлы и ребра сохраняются как объект JSON, и узлы будут добавлены и изменены позже (скажем, раз в 30 секунд). Я хочу использовать привязку угловых данных для автоматического обновления графика при изменении объекта JSON. График будет содержать 10-1000 узлов. Узлы будут прямоугольными текстовыми узлами, содержащими около предложения […]

Доступ к атрибутам элемента d3.js из базы данных?

Я пытаюсь получить доступ к атрибутам cx & cy некоторых определенных кругов SVG, которые я уже нарисовал на экране, используя функцию data () d3.js, может ли кто-нибудь помочь? Код, который пытается получить доступ к нему, приведен ниже. d3.selectAll(".mynode").each( function(d, i){ if(d.someId == targetId){ console.log( d.attr("cx") ); // just trying to demo my point, doesn't work […]

Направленный ациклический граф с использованием d3.js без DOT

Я пытаюсь нарисовать ориентированный ациклический граф, используя d3.js. При поиске макета я сталкивался с Dagre, но, похоже, он менее полезен, так как я не хочу использовать DOT-код в любом месте. Если кто-нибудь знает о чистом решении Javascript для этого или плагина / пользовательского макета для DAG, пожалуйста, дайте мне знать. Заранее спасибо.

D3.js: Как получить вычисленную ширину и высоту для произвольного элемента?

Мне нужно точно знать ширину и высоту для произвольного g элемента в моем SVG потому что мне нужно нарисовать маркер выделения вокруг него, как только пользователь щелкнул его. То, что я видел в Интернете, это что-то вроде: d3.select("myG").style("width") . Проблема в том, что элемент не всегда будет иметь атрибут ширины явной ширины. Например, когда я […]

Касающиеся дат на оси d3.js

Как сделать мою ось x оси основанной на дате в d3.js? Я пытаюсь научить себя, как использовать d3.js. Я смотрел примеры, которые приходят с ним, и пытались воссоздать линейный график с использованием данных json. Я могу подавать данные в линейный график, но ось х должна быть дата вместо числа. Формат даты, который я использую, это […]

Изучение d3.js для визуализации данных

Я хочу начать обучение визуализации данных (как побочный проект в моей PhD), желательно с пакетом D3.js У меня нет java -experience, но у меня есть фон в ООП, поскольку я в основном работаю на python . Как таковой, мне было интересно, как лучше всего научиться работать с d3, и какую среду мне порекомендовать.

В чем разница между D3 и jQuery?

Обратившись к этому примеру: http://vallandingham.me/stepper_steps.html Кажется, что библиотеки D3 и jQuery очень похожи в том смысле, что оба они выполняют манипуляции с DOM по цепочке объектов. Мне любопытно узнать, какие функции D3 проще, чем jQuery и наоборот. Существует множество графических и визуализационных библиотек, которые используют jQuery в качестве основы (например, highcharts , flot , wijmo […]

Почему D3 не обновляет текст

Я пытаюсь создать дерево с помощью D3, и у меня возникли проблемы с изменением текста моих узлов после изменения набора данных. Мой код для обновления / создания дерева вставлен ниже: function update(source) { var duration = d3.event && d3.event.altKey ? 5000 : 500; // Compute the new tree layout. var nodes = tree.nodes(root).reverse(); // Normalize […]

D3: объединить круги и изображения

У меня есть функция для создания круга и изображений node.append("circle") .attr("r", function(d) { return d.weight * 2+ 12; }) .attr("class", "logo") .style("fill", "transparent") .style("stroke", "black") .style("stroke-width", 0.25) .on("mouseover", function(){ d3.select(this) .style("fill", "url(#/images/fake/FakeTree/100331934)"); }) .on("mouseout", function(){ d3.select(this) .style("fill", "transparent"); }); node.append("image") .attr("xlink:href", d=> d.url) .classed("MakeItround", true) .attr("x", function(d) { return d.weight * 2-35; }) .attr("y", height/15 […]

D3 сложенные диаграммы области tsv к задачам преобразования csv

Я пытаюсь преобразовать этот пример из tsv в csv. В настоящее время это то, что у меня есть: https://jsfiddle.net/asb1926/sc5wdkLe/ Ошибка, которую я продолжаю получать, – это (на jsfiddle – строка 46): d3.v4.min.js:7 Uncaught TypeError: Cannot read property 'length' of undefined at t (d3.v4.min.js:7) at SVGPathElement.<anonymous> (line:61) at SVGPathElement.<anonymous> (d3.v4.min.js:2) at _t._l [as each] (d3.v4.min.js:4) at […]

JavaScript делает сайт умным, красочным и простым использованием.