NetworkFrame

A <Frame> that displays topological data, which differs from other forms of data visualization in that x and y position are less important than connections and enclosures. Examples include network diagrams, word trees, sankey diagrams and bubble charts. <NetworkFrame> charts render nodes and edges from arrays of nodes (which are optional) and arrays of edges (which are optional). With onl. Rendering and styling is based on each element's corresponding properties.

import { NetworkFrame } from 'semiotic'

<NetworkFrame
   nodes={[{name: "Susie"}, {name: "Shirley"} ...]}
   edges={[{source: "Susie", target: "Xianlin"},{source: "Shirley", target: "Susie"}]}
   nodeStyle={{ fill: "blue" }}
   edgeStyle={{ stroke: "red" }}
   nodeIDAccessor={"name"}
/>

<API Reference>