Nextstrain/Nextclade visualisation

We have recreated the Nextstrain/Nextclade table as a reusable web component.

!Nextclade DEMO

Using this component

There are three strategies we recommend for using the @metrichor/nextclade web component built with Stencil.

$3

- Put a script tag similar to this in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc

$3

- Run npm install @metrichor/nextclade --save
- Put a script tag similar to this in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc

$3

- Run npm install @metrichor/nextclade --save
- Add an import to the npm packages import @metrichor/nextclade;
- Then you can use the element anywhere in your template, JSX, html etc

Visualising Nextstrain/Nextclade data

To use the Nextclade table in your HTML you will need to create a nxt-table tag and set the data attribute with the output from the Nextstrain/Nextclade pipeline

For example

``html




``