Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

startForceAtlas2 is not working #657

Closed
ghost opened this issue Oct 2, 2015 · 1 comment
Closed

startForceAtlas2 is not working #657

ghost opened this issue Oct 2, 2015 · 1 comment
Labels
wontfix

Comments

@ghost
Copy link

ghost commented Oct 2, 2015

Two questions :

  1. Why doesn't the following code work ? Most of the problems people had was about asynchronous nature of javascript. but this was one is actually creating the graph synchronously.
    2.Is it possible to use sigma.js with browserify and require() the library and its plugins , layouts, etc. ? It's really annoying to include each library one by one like what I did in the following code.
<html>
<head>
    <link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<!-- START SIGMA IMPORTS -->
<script src="/libraries/sigma/src/sigma.core.js"></script>
<script src="/libraries/sigma/src/conrad.js"></script>
<script src="/libraries/sigma/src/utils/sigma.utils.js"></script>
<script src="/libraries/sigma/src/utils/sigma.polyfills.js"></script>
<script src="/libraries/sigma/src/sigma.settings.js"></script>
<script src="/libraries/sigma/src/classes/sigma.classes.dispatcher.js"></script>
<script src="/libraries/sigma/src/classes/sigma.classes.configurable.js"></script>
<script src="/libraries/sigma/src/classes/sigma.classes.graph.js"></script>
<script src="/libraries/sigma/src/classes/sigma.classes.camera.js"></script>
<script src="/libraries/sigma/src/classes/sigma.classes.quad.js"></script>
<script src="/libraries/sigma/src/classes/sigma.classes.edgequad.js"></script>
<script src="/libraries/sigma/src/captors/sigma.captors.mouse.js"></script>
<script src="/libraries/sigma/src/captors/sigma.captors.touch.js"></script>
<script src="/libraries/sigma/src/renderers/sigma.renderers.canvas.js"></script>
<script src="/libraries/sigma/src/renderers/sigma.renderers.webgl.js"></script>
<script src="/libraries/sigma/src/renderers/sigma.renderers.svg.js"></script>
<script src="/libraries/sigma/src/renderers/sigma.renderers.def.js"></script>
<script src="/libraries/sigma/src/renderers/webgl/sigma.webgl.nodes.def.js"></script>
<script src="/libraries/sigma/src/renderers/webgl/sigma.webgl.nodes.fast.js"></script>
<script src="/libraries/sigma/src/renderers/webgl/sigma.webgl.edges.def.js"></script>
<script src="/libraries/sigma/src/renderers/webgl/sigma.webgl.edges.fast.js"></script>
<script src="/libraries/sigma/src/renderers/webgl/sigma.webgl.edges.arrow.js"></script>
<script src="/libraries/sigma/src/renderers/canvas/sigma.canvas.labels.def.js"></script>
<script src="/libraries/sigma/src/renderers/canvas/sigma.canvas.hovers.def.js"></script>
<script src="/libraries/sigma/src/renderers/canvas/sigma.canvas.nodes.def.js"></script>
<script src="/libraries/sigma/src/renderers/canvas/sigma.canvas.edges.def.js"></script>
<script src="/libraries/sigma/src/renderers/canvas/sigma.canvas.edges.curve.js"></script>
<script src="/libraries/sigma/src/renderers/canvas/sigma.canvas.edges.arrow.js"></script>
<script src="/libraries/sigma/src/renderers/canvas/sigma.canvas.edges.curvedArrow.js"></script>
<script src="/libraries/sigma/src/renderers/canvas/sigma.canvas.edgehovers.def.js"></script>
<script src="/libraries/sigma/src/renderers/canvas/sigma.canvas.edgehovers.curve.js"></script>
<script src="/libraries/sigma/src/renderers/canvas/sigma.canvas.edgehovers.arrow.js"></script>
<script src="/libraries/sigma/src/renderers/canvas/sigma.canvas.edgehovers.curvedArrow.js"></script>
<script src="/libraries/sigma/src/renderers/canvas/sigma.canvas.extremities.def.js"></script>
<script src="/libraries/sigma/src/renderers/svg/sigma.svg.utils.js"></script>
<script src="/libraries/sigma/src/renderers/svg/sigma.svg.nodes.def.js"></script>
<script src="/libraries/sigma/src/renderers/svg/sigma.svg.edges.def.js"></script>
<script src="/libraries/sigma/src/renderers/svg/sigma.svg.edges.curve.js"></script>
<script src="/libraries/sigma/src/renderers/svg/sigma.svg.labels.def.js"></script>
<script src="/libraries/sigma/src/renderers/svg/sigma.svg.hovers.def.js"></script>
<script src="/libraries/sigma/src/middlewares/sigma.middlewares.rescale.js"></script>
<script src="/libraries/sigma/src/middlewares/sigma.middlewares.copy.js"></script>
<script src="/libraries/sigma/src/misc/sigma.misc.animation.js"></script>
<script src="/libraries/sigma/src/misc/sigma.misc.bindEvents.js"></script>
<script src="/libraries/sigma/src/misc/sigma.misc.bindDOMEvents.js"></script>
<script src="/libraries/sigma/src/misc/sigma.misc.drawHovers.js"></script>
<script src="/libraries/sigma/plugins/sigma.layout.forceAtlas2/tasks/forceAtlas2.js"></script>
<!-- END SIGMA IMPORTS -->
<div id="container">
    <style>
        #svg {
            top: 0;
            bottom: 0;
            left: 0;
            right: 50%;
            color: #fff;
            background: #000;
            position: absolute;
        }
        #canvas {
            top: 0;
            bottom: 0;
            left: 50%;
            right: 0;
            color: #000;
            background: #fff;
            position: absolute;
        }
        .label {
            position: absolute;
            top: 10px;
            left: 10px;
            z-index: 1;
            font-family: sans-serif;
        }
    </style>
    <div id="svg">
        <div class="label">SVG renderer</div>
    </div>
</div>
<script>
    /**
     * This is a basic example of how a classic svg renderer renders the exact same way
     * than its canvas counterparts.
     */
    var i,
            N = 100,
            E = 500,
            s = new sigma(),
            cam = s.addCamera();
    // Generate a random graph:
    for (i = 0; i < N; i++)
        s.graph.addNode({
            id: 'n' + i,
            label: 'Node ' + i,
            x: Math.random(),
            y: Math.random(),
            size: 4 + (3 * Math.random()) | 0
        });
    for (i = 0; i < E; i++)
        s.graph.addEdge({
            id: 'e' + i,
            source: 'n' + (Math.random() * N | 0),
            target: 'n' + (Math.random() * N | 0),
            size: 1 + Math.random()
        });
    // Initialize two distinct renderers, each with its own settings:
    s.addRenderer({
        container: document.getElementById('svg'),
        type: 'svg',
        camera: cam,
        settings: {
            hideEdgesOnMove: true,
            defaultLabelColor: '#fff',
            defaultNodeColor: '#999',
            defaultEdgeColor: '#333',
            edgeColor: 'default',
            minNodeSize: 8,
            maxNodeSize: 16
        }
    });
    s.startForceAtlas2();
    // s.bind(s.events, function(e) {
    //   console.log(e);
    // });
    // Refresh the instance to refresh the new renderers:
    s.refresh();
</script>
</body>
@stale
Copy link

stale bot commented Oct 9, 2021

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.

@stale stale bot added the wontfix label Oct 9, 2021
@stale stale bot closed this as completed Oct 24, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
wontfix
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
0 participants