Вопросы с тегом «d3.js»

Предположим, у меня есть скрипт гистограммы, который строит графику SVG 960 500. Как сделать так, чтобы изменение размера графической ширины и высоты было динамичным? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an Irwin-Hall distribution. for …

224 javascript  responsive-design  d3.js 

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

200 javascript  ajax  svg  d3.js 

Может кто-нибудь объяснить, пожалуйста, разницу между datum () и data () в 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)}) …

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")добавляется Это вообще что-то …

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графики, и они кажутся 2D. Я не видел никакой интерактивности, вроде той, что d3.jsдает, например, перетягивания узлов. graph-tool - …

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") В чем …

106 svg  d3.js 

Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт 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. На моей оси X есть отметки от 1 до 10. Я хочу, чтобы под ним появилось слово «дни», чтобы люди знали, что ось x ведет отсчет дней. Точно так же …

94 javascript  d3.js  axis-labels