by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Jul 28 2019 18:48

    yotamberk on endOfLive

    (compare)

  • Jul 28 2019 18:48

    yotamberk on master

    End of live (#4306) * removed … (compare)

  • Jul 28 2019 18:48
    yotamberk closed #4306
  • Jul 28 2019 13:37
    mojoaxel labeled #4311
  • Jul 28 2019 13:37
    mojoaxel closed #4311
  • Jul 28 2019 13:37
    mojoaxel commented #4311
  • Jul 27 2019 21:27
    mojoaxel labeled #3891
  • Jul 27 2019 21:27
    mojoaxel labeled #4306
  • Jul 27 2019 21:27
    mojoaxel labeled #4311
  • Jul 27 2019 21:27
    mojoaxel labeled #4132
  • Jul 27 2019 21:27
    mojoaxel labeled #4199
  • Jul 27 2019 21:26
    mojoaxel labeled #4223
  • Jul 27 2019 21:26
    mojoaxel labeled #4223
  • Jul 27 2019 21:25
    mojoaxel labeled #2617
  • Jul 27 2019 21:25
    mojoaxel labeled #2617
  • Jul 27 2019 21:25
    mojoaxel labeled #3726
  • Jul 27 2019 21:24
    mojoaxel labeled #3771
  • Jul 27 2019 21:24
    mojoaxel labeled #3771
  • Jul 27 2019 21:24
    mojoaxel labeled #3814
  • Jul 27 2019 21:24
    mojoaxel labeled #3846
Brad Hards
@bradh
So perhaps modify the CSS for the timeline.
Gavin S
@s7726
There's a lot to modify to keep it all lined up properly, especially if I were to try and handle zooming and everything. I was hoping for a more supported method
Brad Hards
@bradh
Possibly there is, but I'm not familiar with it.
Brad Hards
@bradh
Maybe you could just pad out your labels.
Gavin S
@s7726
I thought about that, but without a fixed width font, I think it just makes the misalignment more subtle, ie more irritating when you're flipping between them
Brad Hards
@bradh
Did you try setting the width of the label div?
aherrera
@aherreraGH
@bradh Hello Brad, I did try that too. I'm going to try a couple things and see what I can come up with. May try the node.fixed again.
Gavin S
@s7726
@bradh yeah, the div expanded behind the timeline and the timeline didn't shift to the right.
Brad Hards
@bradh
Maybe try just using one timeline and hiding the data instead?
Gavin S
@s7726
@bradh I'm not sure I understand what you mean?
Brad Hards
@bradh
You are using multiple timelines, presumably to show different data to the user based on some mode selection.
I was suggesting using a single timeline, and hiding data rather than the whole timeline.
Gavin S
@s7726
Unfortunately not being used in a manner conducive to that, good idea though
aherrera
@aherreraGH
Hello all, I have a - hopefully simple - issue:
I'm using VueJS + Vuex (with persisted state) , which - to my knowledge - stores the data in session using Stringify then converts it back to JSON. My problem is, when the DataSet is converted back, it's a standard JSON object. I tried searching online for answers. Didn't find one that provided a simple answer... something like if typeof != DataSet then new DataSet(obj). Is there a simple way to do the conversion back to a DataSet object from a regular JSON object? Thank you in advance.
aherrera
@aherreraGH
I did try doing new DataSet(obj) and this is the result:
image.png
you can see that the result ended up with a size 0.
Any help is greatly appreciated, thank you
Awal Amorigoye
@amorigoye
Hi anyone here who can help me with network or graph visualization in vis.js? Thank you for your response
Brad Hards
@bradh
@amorigoye That is a little open as a topic. Have you looked at the examples?
jenkinson35
@jenkinson35
Would have already been asked but new to vis.js and wondered if it was possible to pass a list from a model to the javascript function in the view for nodes and edges as I can't find an example anywhere on the net.
Brad Hards
@bradh
I don't understand. Your model can flag changes, and some kind of controller code can update the graph data. What have you tried? What didn't work?
jenkinson35
@jenkinson35
My controller calls a viewmodel which in turn is passed to the view.
Brad Hards
@bradh
So what is the problem?
Ari
@ar-to
Hello, is this project still being maintained? I see the last commit on github was from 2017.
Yotam Berkowitz
@yotamberk
Timeline support has been branched off to: https://github.com/yotamberk/timeline
Ari
@ar-to
Cool @yotamberk . Glad to hear that your took that over. Are you the only dev maintaining it? I'm considering using it for a project but I wanted to know how stable it is or if its still not production ready. If I use it I can help out and possibly help maintain it. Also could we add your project to the visjs website so future devs know to look at your fork?
Yotam Berkowitz
@yotamberk
Hi @ar-to , the project is stable and is being maintained weekly. Help is always welcomed. I try to work on it mostly on weekends (since it is not what pays my salary). I will probably issue an official notice in visjs that the timeline is now in my fork.
unbeatableDeepak
@unbeatableDeepak
Hi Guys,
My vis-timeline wrapper height is 600px but group height, with no content, is taking 25px by default, which after calculation sets the height of vis-itemset. But I want different group height so that the height of vis-itemset will increase, how do I set that?
Robinson Lam
@robinsonlam
Hi everyone did something happen to the visjs site? I'm getting a 404
Brad Hards
@bradh
Robinson Lam
@robinsonlam
has anyone used two visjs timelines together? I have items in the second timeline that are a subset of the items in the first timeline (like a drill-down view) was wondering if there is a way to update the first timeline's items whenever the second timeline is updated?
Brad Hards
@bradh
Keep the data and the visualisations separate. Just filter the data, not copy it.
Patrick Brockmann
@PBrockmann
Hi vis.js folks,
is there a way to highlight all parents and children from a click on a node ?
Patrick Brockmann
@PBrockmann
Typically a recursive function to find all parents from a node would help me a lot.
Patrick Brockmann
@PBrockmann
For the record, I did it with this:
var allParentsNode = [];
function findAllParents(nodesArray) {
         if (nodesArray.length == 0) {
                                    return 1;
         }
         var parentsArray = network.getConnectedNodes(nodesArray[0], 'from');
         //console.log('node ', nodesArray[0], 'has ', parentsArray);
          nodesArray = nodesArray.concat(parentsArray).unique();
         //console.log('---> ', nodesArray);
         allParentsNode = allParentsNode.concat(nodesArray[0]).unique();
         nodesArray.splice(0, 1);
         return findAllParents(nodesArray);
}
var parentsArray = network.getConnectedNodes(node, 'from');
findAllParents(parentsArray);
Simo Moujami
@simoami
hello, is there a way to have hierarchical clustering? I have an this node hierarchy: org -> department -> employee
Would like to start with just the org, then expand to show departments with count on each label. e.g IT (10), Sales (5). then expand individual departments
Brad Hards
@bradh
You'd need to manage your own clusters. https://visjs.github.io/vis-network/examples/network/other/clustering.html shows some options.
Simo Moujami
@simoami
Thanks @bradh Yeah I saw that example. Was hoping for tips on what's the right cluster type to use for this use case: collapse a hierarchy down to the leaves
Brad Hards
@bradh
Try different options with actual users.
Consider adding options.
Alexander Wunschik
@mojoaxel
Subhenduu
@Subhenduu
Hi Team,
neo6053
@neo6053

visjs is simply the most feature rich free graph library we have today on the market.
I try to use it to render some big graph, but how can we improve the performance of the rendering of vis-network?
i try to disable the physics and precalculate the position using d3 /ngraph, but yet it's quite slow when zooming in and out and dragging, where as normal canvas is actually not that bad.
vis
https://jsfiddle.net/neo_6053/25vb1zhm/
https://jsfiddle.net/neo_6053/7xf08vkw/
d3 + canvas
https://jsfiddle.net/neo_6053/gfkyr6su/

I try clustering but the cluster works AFTER the graph is rendered and thus it's slow. I actually think the clustering should happen before, like when you init the graph. Not sure if this is possible? and how can we improve the performance when zooming?

neo6053
@neo6053

found some very hacky way.. anyway, i'm just testing ..
i temporary commented out this 2 lines in Network.prototype.setData()
//this.body.emitter.emit("_dataChanged"); // emit data loaded
//this.body.emitter.emit("_dataLoaded"); // find a stable position or start animating to a stable position

so, it will not trigger the redraw/rendering. Then I do this (remember very rough code for now, just testing it out)

  function clusterByCid(cid, refresh) {
            var clusterOptionsByData = {
                joinCondition: function (childOptions) {
                    return childOptions.cid == cid;
                },
                clusterNodeProperties: {
                    id: 'cidCluster' + cid,
                    borderWidth: 3,
                    shape: 'database',
                    allowSingleNodeCluster: true
                }
            };
          //Found out that we can disable the rendering
            network.cluster(clusterOptionsByData, refresh);
        }

var total = unique.length;
        var counter = 1;
        var refresh = false;
        function cluster() {
            unique.forEach(function (cid) {
                if (counter++ == total)
                    refresh = true;
                clusterByCid(cid, refresh);
            })
            network.setOptions({
                physics: {
                    enabled: true
                }
            })
        }
if i'm not mistaken, I found that the redraw event seems to be trigger way too often then it should and thus it make things slow because it draw twice.. (example zooming, dragging)
btw, is this chat room still alive?
Brad Hards
@bradh
Its a little alive.
neo6053
@neo6053
barely alive. :(
or they should create a new room for vis-network