Stack Overflow
Stack Overflow

Questions tagged [react-d3-graph]

13 questions
2
votes
0 answers

react-d3-graph Sticking/Grouping nodes together

I am working with the react library "react-d3-graph". I am trying to display my data set in fashion similar to the Marvel example provided. My data is a little different, in that I may have 1 or more parent nodes, each with children nodes (And each…
jason
  • 3,821
  • 10
  • 63
  • 120
2
votes
1 answer

react-d3-graph set starting positions for nodes

Does anyone here use the library react-d3-graph? https://danielcaldas.github.io/react-d3-graph/docs/index.html I'm trying to find a way to give my nodes starting positions, I'm unsure how their positions are set upon render right now. Any idea how…
Tamjid
  • 4,326
  • 4
  • 23
  • 46
1
vote
1 answer

Avoid complete re-rendering and animation of a force-react-graph component upon state change

I have a component which renders a graph using ForceGraph3D from the react-force-graph component library. I have a button for toggling which highlights the nodes with even ids (id%2==0). The nodes in the graph do correctly render, however the…
the_muffin_man
  • 13
  • 3
1
vote
0 answers

react-d3-graph distribute nodes without links

I'm using react-d3-graph for adding several nodes with and without links. When I'm adding several nodes without a link, they are all in the top left corner, which means that they are always above each other. Is there any config I can set to auto…
liav yazdi
  • 55
  • 6
1
vote
1 answer

React - 'react-d3-graph' not rendering Chart component

I've taken the example of 'react-d3-graph' at : https://codesandbox.io/s/long-wood-7evr8?fontsize=14&hidenavigation=1&theme=dark&file=/src/App.js:138-417 I'm attempting to render the Graph component within the 'react-d3-graph' working with non…
Sanj
  • 11
  • 2
0
votes
0 answers

d3-graphviz with html label image not align to center and text background color missing

Below demo, I expect the top image align center and the text show background color, it works fine in html, but not work in graphviz sample below: test() function test() { var dots = `digraph G { graph [ compound=true, labelloc="b"…
lucky1928
  • 8,708
  • 10
  • 43
  • 92
0
votes
0 answers

Adding AntD icons to a D3 graph

I am using Antd icons in my project. In another project, I was able to add font awesome icons using Unicode in the following way node.append('text') .attr('font-family', 'FontAwesome') .attr('font-size', function(d) { return d.size+'em'} ) …
Sac
  • 35
  • 9
0
votes
0 answers

d3 Radial Tree and React-Flow?

Quite new with d3 but have been stuck on this for several weeks and figured I'd ask here I've been trying to create a radial/flare tree using React-Flow but I'm having a really hard time with positioning the nodes. I need to use React-Flow because…
Tony Chan
  • 41
  • 1
0
votes
1 answer

react d3 - using data from csv - attribute d: Expected number, "M0,NaNC0,NaN,50,NaN…"

I'm trying to create my first react-d3 line charts and I'm having trouble getting it right. I feel like I'm pretty close but I can't figure this part out. I have a CSV that I'm trying to read data from to get this chart going. I've found other…
Cflux
  • 1,423
  • 3
  • 19
  • 39
0
votes
0 answers

Search for a node in react-d3-graph

How to search for a particular node in react-d3-graph.Are there any inbuilt api methods or can we achieve this using just react. https://danielcaldas.github.io/react-d3-graph/docs/
Sam
  • 131
  • 1
  • 9
0
votes
1 answer

Change node colour onclick react-d3-graph

I have created a very basic network graph with nodes and links between the nodes using the react d3-graph module. How could I possibly allow my users to change the colour of a node by double clicking on it? Here are the docs I am following for the…
Tamjid
  • 4,326
  • 4
  • 23
  • 46
0
votes
1 answer

how to show label between two nodes in react?

I am using below package https://goodguydaniel.com/react-d3-graph/docs/index.html https://www.npmjs.com/package/react-d3-graph my issue is my label is not showing between two nodes why ? https://codesandbox.io/s/zealous-volhard-lqyvi here is my…
user12130378
0
votes
1 answer

How to display images on nodes of a react-d3-graph?

Greetings I am trying to create a skill/talent-tree like graph with d3+react where each node has an image on it, reacts to hover by displaying a tooltip ( with the description of the skill ), and has a number displayed like an index ( indicating…
rayaqin
  • 187
  • 2
  • 14