Comments (2)
Hello there @StevenLangbroek!
Yes, it is implemented indeed. But please note that node.labelProperty
is a config value that you must provide within some config object passed into Graph
component. In the below examples name
should be the label rendered alongside with the node.
const myConfig = {
height: 400,
width: 800,
//...
node: {
labelProperty: 'name'
},
link: {
// ...
}
};
const data = {
nodes: [
{id: '1', name: 'John'},
{id: '2', name: 'Hanna'}
],
links: [
//...
]
};
// render...
<Graph data={data} config={myConfig} />
from react-d3-graph.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
from react-d3-graph.
Related Issues (20)
- Graph looks different with same data HOT 3
- I need a way to set the transofrm state that controls the position of the graph (which gets called on dragging the graph)
- Support react v17 and v18 HOT 1
- Console error while dragging and zooming the graph HOT 2
- Tooltip for Nodes HOT 1
- Show/Hide Label on click and pass a Label component
- High severity vulnerability with dependency
- Nodes are not loading in correct position HOT 9
- Unable to make it work with react 18.2.0
- How to make the nodes LIVE/interactive HOT 2
- Initial Positioning issue & Animation Stops working after few moves HOT 1
- How to handle UNSAFE_componentWillReceiveProps ?
- Can we persist the graph (node positions and links ) ?
- Module not found: Can't resolve 'd3-drag' in Next.js
- Working with react 17.0.2
- Separate Labels from Links and Nodes HOT 1
- Link forces or distances
- minimal usage example in doc doesn't work properly
- Dragging Node causes nodeList is undefined error
- Runtime error while trying to zoom in/out the graph.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-d3-graph.