@graph-viz

@graph-viz

  • Guide
  • API
  • Help

›Getting Started

Getting Started

  • Installation
  • Quick Start

Guides

  • Creating your first graph viz
  • Adding interactions
  • Drawing hulls (Groups)
  • Creating custom layouts

Components

  • React

Quick Start

@graph-viz/core

See docs for class GraphVisualization.

import {GraphVisualization} from '@graph-viz/core'

// See docs for argument structures
const visualization = new GraphVisualization(
  vizData, // visualization input data
  canvas,  // dom element
  width,   // number
  height,  // number
  config,  // config
);

@graph-viz/layouts

See docs for ForceSimulation.

import {ForceSimulation} from '@graph-viz/layouts'

const simulation = new ForceSimulation();

simulation.init(data);

simulation.onTick(callback);

@graph-viz/react

See docs for GraphVizComponent.

import {GraphVizComponent} from '@graph-viz/react'

...
  <GraphVizComponent
    editMode
    nodes={[]}
    links={[]]}
    tooltips={[]}
  />
← InstallationCreating your first graph viz →
  • @graph-viz/core
  • @graph-viz/layouts
  • @graph-viz/react
@graph-viz
Guides
InstallationCreating your first graph vizAPI Reference
More
GitHubStar
Copyright © 2020, Uplevel Technology