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

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

92 javascript  svg  d3.js  tooltip 

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

89 d3.js  gis  geojson  topojson 

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

89 javascript  d3.js  force-layout 

В чем разница между forEachи eachв D3js?

88 javascript  d3.js 

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

88 javascript  d3.js  charts  chart.js 

Итак, у меня есть следующий код графа силового макета для установки узлов, ссылок и других элементов: var setLinks = function () { link = visualRoot.selectAll("line.link") .data(graphData.links) .enter().append("svg:line") .attr("class", "link") .style("stroke-width", function (d) { return nodeStrokeColorDefault; }) .style("stroke", function (d) { return fill(d); }) .attr("x1", function (d) { return d.source.x; }) …

87 d3.js  force-layout 

TL; DR: есть ли у кого-нибудь опыт работы с protovis и D3.js, чтобы прояснить различия между ними? Я играю с protovis в течение последних 2 недель, и пока все идет отлично. Только вот сейчас я, кажется, натолкнулся на кирпичную стену с анимацией. protovis: http://vis.stanford.edu/protovis/ Я хочу сделать довольно простую анимацию, …

84 javascript  protovis  d3.js 

Я пытаюсь изучить d3 с помощью книги «Интерактивная веб-визуализация», но в версии 4.0 многое изменилось. Одна вещь, которую я действительно не могу понять, - есть ли эквивалент для d3.scale.category10 (), чтобы получить простое сопоставление с цветами. Есть ли что-то подобное в новой версии или нам нужно использовать math.random и самостоятельно …

82 d3.js 

Как эффективно вывести SVG-элемент на вершину z-порядка с помощью библиотеки D3? Мой конкретный сценарий - это круговая диаграмма, которая подсвечивает (добавляя strokeк path), когда указатель мыши находится над заданной частью. Блок кода для создания моей диаграммы приведен ниже: svg.selectAll("path") .data(d) .enter().append("path") .attr("d", arc) .attr("class", "arc") .attr("fill", function(d) { return color(d.name); …

81 javascript  svg  d3.js 

У меня есть CSV 7 миллионов записей биоразнообразия, где уровни таксономии в виде столбцов. Например: RecordID,kingdom,phylum,class,order,family,genus,species 1,Animalia,Chordata,Mammalia,Primates,Hominidae,Homo,Homo sapiens 2,Animalia,Chordata,Mammalia,Carnivora,Canidae,Canis,Canis 3,Plantae,nan,Magnoliopsida,Brassicales,Brassicaceae,Arabidopsis,Arabidopsis thaliana 4,Plantae,nan,Magnoliopsida,Fabales,Fabaceae,Phaseoulus,Phaseolus vulgaris Я хочу создать визуализацию в D3, но формат данных должен быть сетевым, где каждое другое значение столбца является дочерним по отношению к предыдущему столбцу для определенного значения. …

27 javascript  python  d3.js  data-visualization  hierarchical-data 

У меня есть этот набор данных, который имеет эллипсы, точнее эллипс "конверты". Мне было интересно, есть ли у кого-нибудь совет о том, как я могу нарисовать их на карте D3. У меня уже есть настройка карты с проекцией Меркатора. В этом ответе stackoverflow есть функция createEllipse, которая приблизила меня, но …

16 javascript  d3.js  geospatial 

У меня есть следующая диаграмма d3 / d3fc https://codepen.io/parliament718/pen/BaNQPXx Диаграмма имеет поведение масштабирования для основной области и отдельное поведение масштабирования для оси Y. Ось Y можно перетащить для изменения масштаба. Проблема, с которой я сталкиваюсь, заключается в том, что после перетаскивания оси Y для изменения масштаба и последующего панорамирования диаграммы …

11 d3.js  d3fc 

Uncaught TypeError: t.rgb не является функцией Я создал угловое приложение, построил его и пытаюсь его обслужить $ ng serve --prod --aot Это приводит к следующей ошибке в консоли Uncaught TypeError: t.rgb is not a function at HO (color.js.pre-build-optimizer.js:227) at GO (color.js.pre-build-optimizer.js:232) at rgb.js.pre-build-optimizer.js:36 at RH (ramp.js.pre-build-optimizer.js:4) at Module.zUnb (BrBG.js.pre-build-optimizer.js:16) at …

10 javascript  angular  d3.js