raphv / gexf-js Goto Github PK
View Code? Open in Web Editor NEWA JavaScript GEXF viewer
License: MIT License
A JavaScript GEXF viewer
License: MIT License
Hi,
As I'm not very gifted at using JS I'd like to know if there is a tweak to set the order of the attributes displayed in the left panel.
I identified the part of the code that set this array (line 239 of gexfjs) but i'm unable to change the order of the elements. Any ideas ?
Thanks for this great script !
None of the files exported from Gephi 0.9.2 can be read. When my graphs didn't appear, I tried opening "miserables" with 0.9.2, exporting it to another .gexf file and opening that. It would not read.
Looks like a problem with how gexf2json.py is reading the file.
I have a bunch of nodes that are very tightly packed together, and their labels always show (regardless of zoom level).
Is there any way to specify at what zoom-level labels become visible? Or a way to hide labels for non-selected nodes? I'm ultimately envisioning something similar to Sigma.js' labelThreshold property. Thanks!
First off, thanks for putting this app out there. It's great.
Is there an option to prevent nodes from overlapping?
Once we have few nodes with the same name or nodes sharing common part of the name, we meet following case: when we type the search string, we have drop down list of all(or not more than number of lines in the drop down menu) entries with coincident part of the name, but if we place the mouse cursor over the any line, only the node, corresponding to the first one is lightened on the "carte" canvas.
I was just curious what the upper limit was for gexf-js--I'm trying to look at a network with 477 nodes and 3066 edges and, while the visual representation of the network itself doesn't show up, I can search through it just fine.
First of all, kudos... I am really impressed with the node attribute possibilities, and the ability to add a lot of extra information even for a total noob. I can do almost everything in a spreadsheet and gephi... and that makes my life way easier. Way simpler than sigma or d3, and I love the end result.
Would love to see about adding edge labels to this. ie: edgeLabels=1, and just made my github account to request this feature.
I understand that using the path may mean redesigning graphs to avoid backwords writing, but it would be totally worth it for certain projects.
Hello sir , i've been trying to know much more about sigma-js that you share for gexf file format for gephi.
is there any source code for the shortest path? so i can make some path from a node to another node.. thank you so much :)
Hi,
I'm generating what seems to be plain vanilla gexf files which aren't displayed in the browser (I tried a couple across operating systems without luck). I noticed that even the sample http://gexf.net/data/yeast.gexf isn't displayed. In both cases (mine and yeast) the nodes are searchable (using the search bar) and the edges are viewable in the left info-panel. But, nothing is shown. Note that in both cases no size, location or color is given to any of the nodes which may be the problem (although I would expect some default anyway).
Any help will be appreciated.
Cheers,
Shmul
I am looking for a way to change the following feature. I'd be glad of any pointers to start with, thanks!
At the moment, here the node label is pushed in the _str_out
list. However, in my gefx file, there is a special edge attribute (id=6) to populate it.
<edge id="0" source="MAR-E1030" target="MAR-A1002" label="Advanced Course in Landscape Construction, Studio">
<attvalues>
<attvalue for="6" value="Field Course of Landscape Architecture 1"></attvalue>
<attvalue for="7" value="Advanced Course in Landscape Construction, Studio"></attvalue>
</attvalues>
</edge>
<graph defaultedgetype="directed" mode="static">
<attributes class="node" mode="static">
<attribute id="0" title="title_x" type="string"></attribute>
<attribute id="1" title="credits_x" type="string"></attribute>
<attribute id="2" title="language_x" type="string"></attribute>
<attribute id="3" title="description" type="string"></attribute>
<attribute id="4" title="school" type="string"></attribute>
<attribute id="5" title="dept" type="string"></attribute>
<attribute id="modularity_class" title="Modularity Class" type="integer">
<default>0</default>
</attribute>
</attributes>
<attributes class="edge" mode="static">
<attribute id="6" title="outboundtitle" type="string"></attribute>
<attribute id="7" title="inboundtitle" type="string"></attribute>
</attributes>
...
</graph>
In other words, in my visualisation, Outbound Links to correctly lists the target node id's, but the title is wrong.
Is there any documentation on this? I've been given a reasonably complex job that involves a lot of manipulation of the graph, so some documentation would be really helpful.
I've been developing social graph using the toolkit + jython on which it runs automated on server. My data has been formated to .gexf
(e.g)
Base on the document for visualization; to enable node to have image is by adding <viz:shape value="image" uri=""/>
But the problem is, it doesn't show at all.
Also, I used the .gexf javascript library (gexf-js) to view it on the browser, but still the images doesn't show.
Can anyone advice on what do on this?
Hello, is there an easy way to set the font color for the nodes?
Thanks,
The graph works and appears on my local machine but when I try deploying to ghpages, I get a 404 page not found error.
Hello,
I am loading the .gexf file after exporting it from Gephi. However, the output is different on the website. For instance, the opacity of the nodes is not 100%, the colour of the edges is not the same and also on the website the node IDs are displayed.
Do I need to configure something? I made some changes to config.js but the result remains the same. I didn't make any other change. The first screenshot attached is from Gephi and the second from gexf-js. The node IDs are displayed only if you zoom in. The last one is my gexf exported from Gephi.
Since Gexf-JS already speaks 9 languages, why not allow the option for users to switch between them? I think this could go nicely in the top right corner of the screen.
Hi guys.
I downloaded the gexf.js and tried to run the index page with miserables.gexf, but nothing is displayed. I can only display the graph with FIrefox. I did do nothing, just downloaded and tried to run the project.
Can anyone help me? I don't know what to do, I really need to display the graphs in Chrome and IE and I don't know why it doesn't work.
Thanks.
Hello,
I have used your fantastic library to map family relationships. The HTML is very simple however the canvas elements of my exported network only appears in Firefox, in Chrome I see a blank canvas. Has this been tested across browsers? I have validated the HTML using the W3C validation service. You can find all the code here.
https://github.com/TimeBandit/mian-ramzaneh/tree/gh-pages
The main HTML file in question is Ramzaneh.html
Any help would be greatly appreciated. Thank you for reading.
Just a thank you for creating this project. I taught myself how to create Network graph data and format it this weekend, and this project just made it 10000x better being able to display my graph to my users! So thank you.
My first attempt:
https://crews.piratemc.com
I have way more data I can connect, I just need to learn how to format it!
I am doing a graph and is important to put an arrow to show the link direction, because I have a lot of links and this will be very interesting.
Have I the possibility of put arrows? In this case, what files I should modify?
Thank you for your help, and for your template too!!!
Hi, I've been experimenting with your program (awesome by the way) and added some features I needed for my app for personal use (i added some display filters and touch gestures). I was thinking of adding a feature to add nodes and edges (ie: adding a node where I click with the mouse or tap). If this is likekly to happen I would need to understand how do you map position from the gexf coordinates to the canvas. I see that you use a function called calcCoord but I am not understanding how it works. could you provide some pointers or general ideas so I can understand this? what i would try to make is an inverse function so i can get the gexf coordinates from the mouse position.
By the way if you are curious about my app here is a link (its in spanish):
http://www.kalliope.com.ar/gexf-js-master/index.html
And an article explaining it (sadly also in spanish only):
http://vikingobjj.blogspot.com.ar/2014/01/war-inside-my-head.html
Hello Good day,
How are you? I hope all is well. I am writing to you this afternoon to ask for your help. So my friend and I added a filter option. In which a user would be able to select certain values from the XML file and then have the nodes and edges display on the graph. But we keep getting an error message saying "Uncaught TypeError: Cannot read property 'visible' of undefined" and then there is one about within frame and also coords. Can you please help me solve this problem? Thank you!
Hello,
How can I show an image when clicking on a node? The image would only be of thumbnail size. I am using you plugin to visualize a geneology chart.
Thanks!
There is a timeline-based graph that animates in Gephi, definitely amazing to see it in gexf-js viewer as well!
Data in gephi:
foobar ๐ด
Gives when exported to gexf something like:
<attvalue for="v-name" value="foobar ��"></attvalue>
The parser fails at those escaped glyphs and renders nothing, throwing an error in the console.
Hi,
Great looking plugin. I can't seem to get it to work though.
Any known issues with exporting a gefx from 0.8 and viewing from here?
I've tried reloading the miserables example in 0.8, resaving as a gefx file and trying to view. For some reason I can't see it after I do that...
Any help would be much appreciated...
I'm just wondering if there have been recent changes to Firefox that have stopped local gexf-js pages from loading? I've tried on two different computers now, and all graphs (including the packaged examples) now just come up blank on Firefox.
Can this gexf viewer be used to visualize a customized gexf in any project without copy right issues?
During an Accessibility Analysis of a web page containing a gexf-js graph, I temporally disabled the CSS and the graph starts to climb down the page without ending. The script cause also an error closing the browser windows.
Tested in firefox and chrome. To reproduce the issue simply do not load the css gexf.css.
Hello!
Congratulations for the work and dedication of you. The plugin is really very useful.
It would be interesting you provide some examples of the plugin for people confer the results of the plugin.
This is probably outside the scope of this project, but I think a Dark Mode CSS Styling option would be an awesome addition.
If my request isn't clear enough, I'm picturing a toggle button that switches out the CSS classes for their dark alternatives. In Gephi, in the Preview section, there is a drop down menu offering rendering presets. One is a black background.
I personally think it would be a neat little touch for an already amazing piece of software.
Hi,
Is it possible to insert a line break within a node label?
I tried to do that directly in the gexf file with <br>
, <br />
, or \n
. But it didn't work.
For example, in the miserables.gexf file:
<nodes>
<node id="0.0" label="Myriel<br>SomeText">
Also tried to do that in the js code but without success (I'm new to js).
Any idea?
Thank you.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.