vanjs-chartjs-example

This is a lightweight example that showcases creating a custom Van component as a wrapper for an external library -- in this case, the Chart component from Chart.js.

• See chart.ts for the wrapper component definition.
• See main.ts for usage of the Chart component.

The chart is connected to state (chart data) that re-renders when it changes. A "Randomize" button is provided to refresh the data, and a debug menu dropdown is also provided to view the chart data state.

This repository was spawned from the vite-vanjs-ts template.

---

vite-vanjs-ts

Vite + VanJS with TypeScript template. This Vite template uses:

• TypeScript
• VanJS core (vanjs-core)
• VanX (vanjs-ext)

How to use:

1. Clone the repository:

   git clone https://github.com/csm-kb/vanjs-chartjs-example.git

2. Navigate to cloned directory:

   cd vanjs-chartjs-example

3. Install the dependencies:

   yarn install

4. Start development server:

   yarn dev

---