vizceral-svelte

This project is under active development.

This is a svelte wrapper around Vizceral, a component for displaying traffic data on a WebGL canvas.

Installation

# npm
npm install -D vizceral-svelte

<script>
  import Vizceral from "vizceral-svelte";
  import traffic from "./sample_data.json";
</script>

<Vizceral {traffic}/>

You can control the behavior of Vizceral effect by passing specific props to the component.

// Default: []
filters: Array;

Array of filter definitions and current values to filter out nodes and connections. Refer to github.com/Netflix/Vizceral/wiki/Configuration#filters

modes: Object;

Map of modes to mode type, e.g. { detailedNode: 'volume' }

// Default: {}
styles: Object;

Styles to override default properties.

// Default: {}
traffic: Object;