Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

322
Vistas
cytoscape-d3-force layout and radial force

I'm experimenting the d3-force layout extension with cytoscape.js at https://observablehq.com/@nfigay/cytoscape-3d-force-layout-testing-for-a-notebook, trying to take advantage of radial force, as shown in the following observable notebook at https://observablehq.com/@nfigay/a-tutorial-to-using-d3-force-from-someone-who-just-learned-ho#radial_sect.

However, despite multiple attempt, I didn't find how to obtain a similar simulation, it seems that a central force applies.

var cy = cytoscape({
    container: document.getElementById("myGraph"),
    layout: {
      name: "d3-force",
      animate: true,
      fixedAfterDragging: false,
      linkId: function id(d) {
        return d.id;
      },
      //linkDistance: 80,
      // manyBodyStrength: -800,
      radialX: 0,
      radialY: 0,
      radialRadius: 200,
      radialStrength: 1,
      //  xStrength: 0.0001,
      //  yStrength: 0.0001,
      //manyBodyStrength: -800,
      //collideRadius: 10,
      //collideStrength: 1,
      fit: false,
      ready: function () {},
      stop: function () {},
      tick: function (progress) {
        console.log("progress - ", progress);
      },
      randomize: false,
      infinite: false
    },

results on a set of nodes what is expected

Did someone already used radial force with this layout successfully?

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda