Tagged: d3.js

02
Июн
2021

Расширение функциональности кода для анимации на d3.js

Получил код от другого человека и никак не могу его адаптировать под себя.
Изначально все было выполнено в виде таймера. Все лишнее удалил и оставил только плавное появление дуги. Но проблема в том, что все графики получаются одинаковые, а…

05
Апр
2021

Плоская кривая графика реакции d3 + vx в каждой точке данных

Я пытаюсь построить что-то вроде таких линий https://dribbble.com/shots/2673159-Funnel-UI-concept/attachments/538068

Я просмотрел все кривые, предоставленные d3/vx, и, похоже, ни одна из них не имеет кривой между каждым отдельным шагом с…

28
Мар
2021

Проблема с осью X в d3.js

У меня есть график с помощью d3js только ось X не до конца рисует. Подскажите что не так и как исправить чтобы ось X рисовалась правильно до конца?
Вот код
import * as d3 from ‘d3’;

const data = [
{ id: 1, value: 1 },
{ id: 2, val…

19
Фев
2021

Как сделать линии сетки, когда оси выровнены по середине?

Я работаю над созданием линейной диаграммы с четырьмя квадрантами с линиями сетки. Однако сетка не работает должным образом. При translate осей они не идут в обе стороны. Я также предоставил здесь fiddle.

const f = (x) => {
return…

24
Ноя
2020

Как правильно создать логорифмическую шкалу в D3.js

Пытаюсь в D3 создать такую шкалу: … 0.001, 0.01, 0.1, 1, 10, 100, 1000, 10000 … и т.д. По шкале должны строиться график и линейки, то есть чем выше значение на отрезке кривой, тем меньше места этот отрезок должен занимать, а в низ шкал…

12
Ноя
2020

d3 js Uncaught TypeError: Cannot read property ‘select’ of null

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

30
Сен
2020

Возможно ли загрузить библиотеку d3js on scroll?

Есть страница, фреймворк bootstrap 4.5 на которой графики, реализованные на d3js находятся глубоко внизу страницы (страница длинная).
Существует ли возможность подгружать библиотеку отрисовки по мере необходимости? В идеале по событию scro…

02
Сен
2020

Как нарисовать граф связей (блок-схему) на javascript, какую библиотеку использовать?

Есть задача по визуализации связей между объектами (блок-схемы).
Схема работы приложения: python скрипт берет данные из БД, немного их обрабатывает и тут должна вступать визуализация.
Python-библиотеки не подходят потому что как правило он…

11
Авг
2020

График работы js

Можете подсказать в какую сторону двигаться или как называется подобный график?
Как реализовать такой график на js?

15
Июн
2020

d3.js формат даты

Встала интересная задача. По оси X надо выводить время(каждый час) и в 00:00 выводить дату и месяц, при этом должны быть видны последние 30 часов. Данные берем из базы. Как указать правильно данный формат? Плохо разбираюсь в js но по проек…

13
Мар
2020

Как сделать чтобы, фигуры прилипали к доске d3.js?

Дан код. Взят у пользователя Stranger in the Q, и чуток подправлен.
https://ru.files.fm/u/tn3t4j8f
Помогите хотя бы сделать так чтобы фигуры прилипали при отпускании мыши к точке (120,120) (это касается только тронутой фигуры)…

//ctr…

07
Мар
2020

Как совместить svg и body в d3.js?

Хочу добавить фон, и многоугольник(первый код) ко второму коду (код с кружочками), но не могу понять, как все это совместить. Помогите пожалуйста…)

var canvas = d3.select(“body”)
.append(“svg”)
.attr(“height”, SetHeight1)
.at…

07
Мар
2020

Как покрасить часть фигур из массива в другой цвет d3.js?

Дан код. Пробую рисовать: “Половина кругов -синими , а половина – красными (на строчке, где написано: blue / red ), но ничего не получается!” Код взят у @Stranger in the Q
отсюда: Доступ к параметрам массива из фигур d3.js

<!DOCTYPE …

21
Фев
2020

Как правильно повернуть многоугольник по заданным параметрам d3.js

Есть полигон (многоугольник). Нужно его повернуть с заданным параметром D,
где D принадлежит (0, 360). При этом, ось вращения зависит от нормальной длины объекта и она тоже задана (X1 , Y1).

Вот мой полигон, рисую так:

polygon2.attr(“tr…