All Questions
689
questions
0
votes
1
answer
35
views
D3 Chart Doesn't work when using viewbox in Angular Project
My SVG just will not show up in my dom when I change it to try and use a viewbox.
I am just realistically just changing this:
.attr("width", this.width + this.margin.left + this....
- 353
0
votes
0
answers
43
views
Angular 14 - D3 Package running an unintended animation on a node which was not clicked
I'm new to D3 package. I'm currently working on a network topology visualization a using D3 on Angular 14 project. The network topology structure is described below:
L0: 0001
L1: 0002
L1: 0003
L2: ...
- 86
1
vote
1
answer
46
views
Angular v12: Uncaught (in promise): ReferenceError: d3 is not defined ReferenceError: d3 is not defined
Angular v12, try to use d3, nvd3 (not ng2-nvd3). Compile ok, but run time error.
default-node_modules_d3_src_index_js.js:2 ERROR Error: Uncaught (in
promise): ReferenceError: d3 is not defined ...
- 6,811
0
votes
1
answer
24
views
Custom color for unbrushed areas in D3 graphs (Angular)
I want to apply some color for brushed part and some color for non brushed areas in d3 charts.
const brush = d3.brush()
.extent([[0, 0], [width, height]])
.on('start', brushstart)
.on('end', ...
0
votes
0
answers
27
views
D3 event.selection is not working in brush listeners in 5.16.0 version
const brush = d3.brush()
.extent([[0, 0], [width, height]])
.on('end', brushed);
svg.append('g')
.attr('class', 'brush')
.call(brush);
function brushed(event: any) {
const selection = ...
- 1
1
vote
0
answers
87
views
How to fix index.d.ts error of d3-dag while building Angular application
I have running Angular 12 application and I have installed d3 and d3-dag to create graphs. But I am getting errors in node_modules/d3-dag....index.d.ts file.
Angular version: 12.2.16
Node.js version: ...
- 125
0
votes
0
answers
40
views
d3 zoomable circle packaging broken zoom
I changed the d3 zoomable circle packaging code from here
https://codepen.io/akeyz/pen/VwaOXjN
to typescript (using d3 version "^7.8.5", angular 16) and everything works fine except for the ...
- 842
2
votes
1
answer
119
views
D3 bar graph with horizontal scroll
I am trying to implement a bar graph where I have a selection dropdown, which consists of 3 values: By Date, By Week, By Month ('By Date' is by default).
The data from backend for 'ByDate' is a lot of ...
- 113
0
votes
0
answers
120
views
d3.js runtime error after upgrade to Angular 15
After upgrading our application from Angular 13 to Angular 15, a d3.js error started to show up. The ng server command runs successfully but the following error happens when we try to use the app in ...
0
votes
0
answers
150
views
D3 Family Tree in angular
I need to make an family tree in angular when I am using this function
renderFamilyTree() {
// Set up the SVG container
const svg = d3.select(this.familyTree.nativeElement).append('svg')
...
- 24
0
votes
1
answer
62
views
Best technique to crop a real-time plot to the chart time interval with D3.js and Angular
I'm implementing a real-time chart with D3.js in Angular. The points are created from a buffer that is continuously fed by events arriving from a websocket connection, and the chart window is ...
- 412
0
votes
0
answers
76
views
Problems in rendering Gantt Chart in angular 15 using d3
Trying to implement gantt chart using d3 in angular 15, the problem with the rendering. The data flow is correct, SVG and rectangles are created with my dummy data.
private data = [
{ task: 'Task ...
- 181
1
vote
0
answers
29
views
Make images inside the circle look circular using d3js
I have a graph with bunch of circles, im adding images inside the circle. Im trying to make the image circular and fit completley inside the circle but its not working. I want the image to look like ...
- 385
0
votes
2
answers
67
views
can't display two d3 charts at the same time in my angular app
I just added a second d3 chart as own component (like my first one) into my angular project. When I tried to display both on one of my pages, just the second one will (which needs some time to render) ...
- 1
0
votes
0
answers
40
views
'AngularD3TreeLibModule' does not appear to be an NgModule class
I am following the below references for creating a collapsible tree in my angular application.
https://stackblitz.com/edit/angular-d3-tree-m6imfc?file=README.md
D3 js tree in angular
While adding ...
- 71