Comments (6)
SVG specification allows you to only compose elements within group elements. Please follow this example:
demos/tutorial_svg/06 - Composite Nodes.html
from vivagraphjs.
@anvaka how to display node text with webglGraphics?
from vivagraphjs.
You can use DOM labels:
http://anvaka.github.io/VivaGraphJS/demos/other/webglDOMLabels.html -
unfortunately there is no WebGL text support;
Source code:
https://github.com/anvaka/VivaGraphJS/blob/master/demos/other/webglDOMLabels.html
On Mon, Feb 29, 2016 at 4:47 PM, Alexander Pivovarov <
[email protected]> wrote:
@anvaka https://github.com/anvaka how to display node text with
webglGraphics?—
Reply to this email directly or view it on GitHub
#33 (comment).
from vivagraphjs.
ok it works!
@anvaka How to implement showing label on node mouseover only (on svg or webgl)
similar to here http://www.yasiv.com/amazon#/Search?q=graph%20drawing&category=Books&lang=US
from vivagraphjs.
ok added hover as described here https://github.com/anvaka/VivaGraphJS/blob/master/demos/tutorial_svg/04%20-%20Listen%20To%20Mouse%20Events.html#L45
And set short or full text to svg text
from vivagraphjs.
Next question is to how add right panel with detailed node info?
similar to here http://www.yasiv.com/amazon#/Search?q=graph%20drawing&category=Books&lang=US
from vivagraphjs.
Related Issues (20)
- Feedback
- how many nodes can this graph support
- Feedback - WebAssembly
- Cannot render graph HOT 2
- Documentation?
- Bug with links
- Go to the link by clicking on the node. HOT 1
- Adding text label functionality HOT 4
- render images on nodes instead of squares
- ngraph dependencies and other dependencies versions
- Messaging between nodes' position to optimise layout
- Request to be added to the list of examples
- how to make hyperlink <a href > from node
- How to fix nodes coordinates
- when you click on an object it jumps
- Performance is not good!
- change image in webgl graph node
- Extend Options to add Custom Force-Directed Layouts
- Node icon images turn to green when nodes number exceed 15,000.
- Custom nodes get stacked on top of each other HOT 1
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 vivagraphjs.