d3.js

Размещение меток в центре узлов в d3.js

я начинаю с d3.JS, и я пытаюсь создать ряд узлов, каждый из которых содержит по центру знака. Я могу получить желаемый результат визуально, но способ, которым я это сделал, вряд ли является оптимальным, поскольку он включает в себя жесткое кодирован ...

Сравнение между Д3.js и диаграмма.js (только для диаграмм)

Я использовал диаграмму.js в моих проектах несколько раз, но я никогда не использовал d3.js. Многие люди говорят, что d3.js-лучшая структура javascript для диаграмм, но никто из них не может объяснить, почему, особенно когда я хочу сравнить диаграмму ...

Как получить доступ к элементу DOM, который коррелирует с объектом D3 SVG?

Я пытаюсь узнать D3, экспериментируя с одним из их основные bubblecharts. Первая задача: выяснить, как перетащить пузырь и сделать его самым верхним объектом во время перетаскивания. (Проблема заключается в том, чтобы получить объектную модель D3 для ...

Как закрыть python simpleHTTPserver?

так что я пытаюсь узнать d3, и wiki предложил для просмотра примеров локально, вы должны иметь локальный веб-сервер. Любой веб-сервер будет работать; например, вы можете запустить встроенный Python сервер: python -m SimpleHTTPServer 88 ...

d3.js & nvd3.js - как установить диапазон осей y

Я пытаюсь установить диапазон оси y диаграммы от 1-100. проконсультировался с документацией API и нашел возможное решение с axis.tickValues как видно здесь https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickValues однако использование этой опции ...

Uncaught TypeError: не удается прочитать свойство 'linear' из undefined

Я новичок в D3 и получаю следующую ошибку в моем демо-скрипт - FirstD3.jsp: 31 Uncaught TypeError: не удается прочитать свойство 'linear' из undefined мой демо-код выглядит следующим образом <!DOCTYPE html> <html> <head> <met ...

Обновление SVG элемента Z-Index с помощью D3

каков эффективный способ довести элемент SVG до вершины z-порядка, используя библиотеку D3? мой конкретный сценарий-это круговая диаграмма, которая выделяет (путем добавления stroke до path) когда мышь находится над данной частью. Блок кода для соз ...

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

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

Есть ли способ увеличить масштаб графика компоновки D3 force?

D3 имеет направленную на силу компоновку здесь. Есть ли способ добавить масштабирование к этому графику? В настоящее время я смог захватить событие колеса мыши, но не совсем уверен, как написать саму функцию перерисовки. Есть предложения? var vi ...

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

в чем разница между атрибутами svg x и dx (или y и dy)? Когда будет подходящее время для использования атрибута смещения оси (dx) по сравнению с атрибутом местоположения (x)? например, я заметил, что многие примеры d3 делают что-то вроде этого char ...

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

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

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

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

линия d3 и точки На карте из данных csv

Я пытаюсь построить отдельные точки данных, а также линейный путь, который проходит между этими точками, как в этом примере D3 остановка и перезапуск перехода вдоль пути, чтобы разрешить переход к координатам гео данных, с которыми мне уже помогали ...

Масштабирование приводит к выходу графика за границы области построения

У меня проблема с моим графом. Когда я увеличиваю масштаб, линия проходит по краю области холста и по оси x/Y. Я пробовал добавлять clippath, но это не похоже на работу. Если я проверю DOM в отладчике, то увижу, что прямоугольник clippath находится и ...

Алгоритм автоматического размещения форм блок-схемы

Моей команде нужно построить генератор блок-схем на JavaScript, используя либо HTML5 Canvas, либо библиотеку D3 (или что-нибудь еще более подходящее, предложения приветствуются). Блок-схема будет сгенерирована из ориентированного графика, определенно ...

D3.js изменить стиль линии пути оси x

В d3.на диаграммах js линия оси x (черная линия между столбиками и метками столбиков) выглядит примерно так по умолчанию: |----------------|, смотрите скриншот ниже: Как бы я изменил это на просто прямую линию (без вертикальных линий на обоих кон ...

Переместить элемент вперед, не нарушая события

Я пытаюсь исправить некоторый код события, над которым работаю. В этом конкретном случае мне нужно иметь возможность подписаться на событие click на svg:circle. Однако существует также необходимость переместить окружность в верхнюю часть z-индекса на ...

Добавление нескольких прямоугольник на элемент данных в Д3

Используя d3, я пытаюсь написать сценарий для визуализации размера числа, показывая его состоящим из отдельных блоков . Таким образом, число 5 будет состоять из 5 прямоугольников. Общий синтаксис для создания прямоугольников в svg выглядит следующим ...

Функция плотности вероятности с javascript d3 и dc

Я пытаюсь создать функцию плотности вероятности набора данных с помощью Javascript, (библиотеки d3 и dc) (аналогично функции плотности R), но я не нашел, как это сделать. Можно ли это сделать? Спасибо PD: с jqplot это: http://services.mbi.ucla.e ...

Как обновить цвет заливки на существующих элементах svg с помощью d3.js?

Итак, я пытаюсь сделать карту из Ан .svg-файл я создал с помощью Illustrator, потому что это карта Нидерландов с не такими простыми регионами. Все регионы имеют свой собственный # ID. Теперь я пытаюсь раскрасить каждую область в соответствии с их з ...