Skip to main content

Questions tagged [d3.js]

D3.js is a JavaScript library for creating interactive data-bound visualisations of documents using HTML, SVG, and Canvas. Questions should mention the version number of D3 you are using.

d3.js
1 vote
1 answer
8 views

Issues with Event Handlers D3.js Update Function

I’m experiencing an issue where the mouseover event isn’t working after integrating the update function into my D3.js code. It seems the event listeners are not being recognized or triggered as ...
user21392216's user avatar
1 vote
1 answer
18 views

Using d3.js to submit multiple JSON requests and bind data to different elements

I am building a configuration page that allows a user to reconcile unmatched data by selecting a match from a list of possibilities. The list of items needing to be matched is generated by the backend,...
Carl Peterson's user avatar
2 votes
0 answers
49 views

Trouble with correctly triangulating a polygon on a sphere in THREE.js

tldr: help I can't correctly triangulate a GeoJSON polygon in 3D space to make it spherical and it has been haunting me for weeks. The question at the end of this novel is "Is this a poly2tri ...
kishetate's user avatar
0 votes
1 answer
57 views

Please help me install the D3 library,

I am looking for some help to the issue I am facing using the methods in the D3 library. I am a fairly new to JS and my background is more in python and Java. I am currently just testing out to make ...
Jordan Dickson's user avatar
0 votes
0 answers
19 views

How to sort and align the nodes vertically in the graph using d3.js and angular 13

I have used the d3.js graph structure to draw the flow chart. I have managed to align each node vertically at each level. However, I am facing several issues: I am unable to sort the nodes based on ...
prasanna t's user avatar
1 vote
1 answer
30 views

Limit chart bottom labels to 7

I'm working on a D3 line chart that requires bottom labels to be 7, but the chart has more data than 7 and want to limit it. Here is a work-in-progress jsfiddle: jsfiddle.net/JosephMurphy/au2y7pLs/16/...
JosephMurphy's user avatar
0 votes
0 answers
43 views

D3 scaleTime getting really strange dates

I am working on a timeline in d3. My expectations are that it shows the day of today, and then the user can zoom in/out to see more times and dates. However to start with it gets me a date in 2034 and ...
Fabiot's user avatar
  • 449
0 votes
0 answers
23 views

Plotting (discontinuous) 2d-functions correctly with d3

I have to have a smooth plot of a decisionboundary which is a function that takes (x,y) as input and returns a single value. The decisionboundary points that I have to plot have to be smaller than a ...
MarcelausZell's user avatar
0 votes
1 answer
12 views

Creating Real-Time Quantum Entangled Visualizations with D3.js

I am attempting to create real-time quantum entangled visualizations using D3.js. This involves simulating quantum states and visualizing their entanglement dynamically. I've been exploring quantum ...
Zeeshan Majeed's user avatar
0 votes
0 answers
17 views

Draw edges with changing edge width between two nodes

I would like to represent edges that convey the strength of some parameters between two edges for visual representation, preferably using python/vis.js/d3.js. While I could use edge labels, given the ...
Quiescent's user avatar
  • 1,102
1 vote
0 answers
17 views

How do I make the data points follow the cursor in this interactive scatter plot graph?

I want to create an interactive scatter plot graph with the x-axis ranging from 24 to 48 and the y-axis ranging from 10,000 to 100,000. The points should be able to be moved by the user by dragging ...
Victor's user avatar
  • 17
0 votes
0 answers
24 views

React - Recharts How to prevent active bar to change while still hovering on the tooltip

I am using this chart, the problem is my tooltip contains some links, and it's width extends the other bars, and when i want to click on the link, the tooltip changes to the next bar's tooltip. Is ...
Anir_Ln's user avatar
  • 83
1 vote
1 answer
22 views

Unable to create a bar chart in powerbi using d3.js

I'm trying to create a bar chart for a sample data in the d3.js editor in powerbi, but I'm always getting a blank visual or else just a visual with only 2 lines as x and y axes. Below is the code I've ...
Elysian's user avatar
  • 19
0 votes
0 answers
18 views

React d3 tree display div on hover

I am rendering custom nodes in react-d3-tree. I want to display a div on hover only next to the hovered node. How can I proceed with this? Each time I hover over a node, all the divs display, not only ...
bogdmu00's user avatar
1 vote
1 answer
41 views

React onMouseEnter event.currentTarget is always null

I am using React d3 tree with a custom node element. I am trying to show some text on hovering a node, but it only works the first time I hover over one, then the mouse.currentTarget seems to be null ...
bogdmu00's user avatar

15 30 50 per page
1
2 3 4 5
2624