viz-js

See the component page for more information.

Getting Started

We've put together a guide to viz-js to help get you rolling.

Usage

<viz-js dotcontent="digraph G { start -> a0; start -> b0; }" format="svg" engine="dot"></viz-js>

Testing Your Element

Add the logic specific to your new element and verify its functionality. Good unit tests are essential to your verification plan but a good way to quickly sanity test your component is to access your demo.html file via a local web server. There are several ways to do this but one easy method is to run a simple web server that ships with Python, using the commands:

python -m SimpleHTTPServer

Or other method using NodeJS:

http-server ./

This starts a web server on port 8000, so you can test your new element by navigating a browser to localhost:8000/viz-js/demo.html.

web-component-tester

The tests are also compatible with web-component-tester. You can run them on multiple local browsers via:

npm install -g web-component-tester
wct