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

D3.js - это библиотека JavaScript для создания интерактивных визуализаций документов с привязкой к данным с использованием HTML, SVG и Canvas.

224
Каков лучший способ сделать макет визуализации d3.js отзывчивым?

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

200
Как я могу удалить или заменить контент SVG?

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

183
Изменение размера SVG при изменении размера окна в 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 =...

162
Показать данные о наведении курсора

У меня есть набор данных, которые я строю в разбросе. При наведении курсора мыши на один из кругов я хотел бы, чтобы он всплывал с данными (такими как значения x, y, может быть, больше). Вот что я пытался использовать: vis.selectAll("circle") .data(datafiltered).enter().append("svg:circle")...

140
Центрировать карту в d3 с учетом объекта geoJSON

В настоящее время в d3, если у вас есть объект geoJSON, который вы собираетесь нарисовать, вам нужно масштабировать его и переводить, чтобы получить желаемый размер, и перевести его, чтобы центрировать. Это очень утомительная задача проб и ошибок, и мне было интересно, знает ли кто-нибудь лучший...

129
D3.js: что такое 'g' в коде .append ("g") D3.js?

Я новичок D3.js, начал учиться только сегодня Я просмотрел пример пончика и нашел этот код var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")"); Я искал документацию , но не понял,...

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

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

114
Быстрые и отзывчивые интерактивные диаграммы / графики: SVG, Canvas, другое?

Я пытаюсь выбрать правильную технологию для обновления проекта, который в основном отображает тысячи точек на масштабируемом графике с возможностью панорамирования. Текущая реализация, использующая Protovis, неэффективна. Посмотрите здесь: http://www.planethunters.org/classify При полном уменьшении...

110
Python-эквивалент D3.js

Может ли кто-нибудь порекомендовать библиотеку Python, которая может выполнять интерактивную визуализацию графиков? Я специально хочу что-то вроде d3.js, но в pythonидеале это тоже будет 3D. Я посмотрел: NetworkX - это только Matplotlibграфики, и они кажутся 2D. Я не видел никакой интерактивности,...

106
В чем разница между атрибутами svg x и dx?

В чем разница между атрибутами svg x и dx (или y и dy)? Когда будет подходящее время для использования атрибута сдвига оси (dx) вместо атрибута местоположения (x)? Например, я заметил много примеров d3, делающих что-то вроде этого chart.append("text") .attr("x", 0) .attr("y", 0) .attr("dy", -3)...

104
Хорошая книга для изучения D3.js [закрыто]

Закрыто. Этот вопрос не соответствует рекомендациям по переполнению стека . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме Stack Overflow. Закрыт 6 лет назад . Уточните этот вопрос Я увидел D3.jsи заинтересовался, поэтому купил...

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

Ссылаясь на этот пример: http://vallandingham.me/stepper_steps.html Кажется, что библиотеки D3 и jQuery очень похожи в том смысле, что обе они выполняют манипуляции с DOM с помощью цепочки объектов. Мне любопытно узнать, какие функции D3 делает проще, чем jQuery, и наоборот. Существует множество...

98
Вызов обратного вызова в конце перехода

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

94
маркировка оси d3

Как добавить текстовые метки к осям в d3? Например, у меня есть простой линейный график с осями x и y. На моей оси X есть отметки от 1 до 10. Я хочу, чтобы под ним появилось слово «дни», чтобы люди знали, что ось x ведет отсчет дней. Точно так же на оси Y у меня есть числа от 1 до 10 в виде...

92
Как добавить всплывающую подсказку к графике SVG?

У меня есть серия прямоугольников svg (с использованием D3.js), и я хочу отображать сообщение при наведении указателя мыши, сообщение должно быть окружено полем, которое действует как фон. Они оба должны быть идеально выровнены относительно друг друга и прямоугольника (сверху и по центру). Как...

89
Разница между GeoJSON и TopoJSON

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

89
Добавление новых узлов в компоновку с принудительным управлением

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

88
Сравнение d3.js и chart.js (только для диаграмм) [закрыто]

Закрыто . Этот вопрос должен быть более конкретным . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы он фокусировался только на одной проблеме, отредактировав этот пост . Закрыт 5 дней назад . Уточните этот вопрос Я несколько раз использовал chart.js в...