cywidget-network/src/components/VisualStyle.js

Simple network viewer widget based on Cytoscape.js and React.js.

export const DEF_VISUAL_STYLE = [
  {
    selector: 'node',
    style: {
      'background-color': 'rgb(200, 220, 200)',
      'background-opacity': 0.8,
      'width': '40px',
      'height': '40px',
      'label': 'data(Label)',
      'font-family': 'Roboto, sans-serif'
    }
  },
  {
    selector: 'edge',
    style: {
      'line-color': '#aaaaaa',
      'width': 1,
      'label': 'data(interaction)',
      'font-size': '0.15em',
      'font-family': 'Roboto, sans-serif',
      'text-opacity': 0.5
    }
  },
  {
    selector: 'node:selected',
    style: {
      'background-color': 'yellow'
    }
  },
  {
    selector: 'edge:selected',
    style: {
      'line-color': 'yellow',
      'width': 6
    }
  }
];