Usage no npm install needed!

<script type="module">
  import vidajs from 'https://cdn.skypack.dev/vidajs';
</script>

README

Vida React Component

Render dashboards with JSON inputs.

vidajs uses tailwindcss. You need to include its CSS on your DOM.

<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">

If you use use vidajs in your nodejs project, you should use build pipeline. See installation link below for more information.

import vizJson from './viz.json'
import Vida from 'vidajs'

<div style={{width: "1000px", height: "500px"}}>
  <Vida vizData={vizJson} />
</div>