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

Припустимо, у мене є сценарій гістограми, який створює графіку 960 500 svg. Як зробити так, щоб цей розмір був чутливим, щоб графічні ширини та висоти були динамічними? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an …

224 javascript  responsive-design  d3.js 

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

200 javascript  ajax  svg  d3.js 

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

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", …

162 tooltip  mouseover  d3.js 

Наразі в d3, якщо у вас є об’єкт 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"). Проблема полягає в тому, що елемент не завжди матиме явний атрибут ширини. Наприклад, коли …

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сюжети, і вони здаються двовимірними. Я не бачив ніякої інтерактивності, як та, яка d3.jsдає, наприклад, тягнучи вузли навколо. graph-tool …

110 python  graph  d3.js  graph-tool 

Яка різниця між атрибутом x і dx svg (або y і dy)? Коли настав би час використовувати атрибут зсуву осі (dx) проти атрибута розташування (x)? Наприклад, я помітив дуже багато прикладів d3, які роблять щось подібне chart.append("text") .attr("x", 0) .attr("y", 0) .attr("dy", -3) .text("I am a label") Яка перевага або …

106 svg  d3.js 

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

104 javascript  d3.js  data-visualization 

Посилаючись на цей приклад: http://vallandingham.me/stepper_steps.html видається, що бібліотеки D3 та jQuery дуже схожі в тому сенсі, що обидві виконують маніпуляції з DOM об'єктно-ланцюговим способом. Мені цікаво дізнатися, які функції D3 полегшують, ніж jQuery і навпаки. Існує велика кількість бібліотек графіки та візуалізації, які використовують jQuery як основу (наприклад,високі показники, флот, …

103 javascript  jquery  d3.js 

Мені потрібно зробити метод FADEOUT ( по аналогії з JQuery) з допомогою D3.js . Що мені потрібно зробити, це встановити непрозорість на 0, використовуючи transition(). d3.select("#myid").transition().style("opacity", "0"); Проблема полягає в тому, що мені потрібен зворотний виклик, щоб зрозуміти, коли перехід закінчився. Як я можу реалізувати зворотний дзвінок?

98 javascript  d3.js  transition 

Як додати текстові мітки до осей у d3? Наприклад, у мене є простий лінійний графік з осями x та y. На моїй осі х є галочки від 1 до 10. Я хочу, щоб під нею з’явилося слово "дні", щоб люди знали, що вісь х підраховує дні. Подібно до цього на …

94 javascript  d3.js  axis-labels