pairing-matrix-vue-visualiser

Pairing Matrix visualiser (Vue)

This package contains charts to visualise pairing matrix. This package can be used to easily create visualization using data created by pairing-matrix-engine package.

Installation

Use your favourite package manager:

• npm: npm install pairing-matrix-vue-visualiser
• yarn: yarn add pairing-matrix-vue-visualiser

Changelog

Changelog can be found here

Usage

Include into your JavaScript app as an ES Module:

<template>
  <ChordPairingChart
    :height="height"
    :width="width"
    :data="pairingMatrix"
    :authors="authors"
  />
</template>

<script>
import { ChordPairingChart } from "pairing-matrix-vue-visualiser";

export default {
  name: "PairingMatrix",
  components: {
    ChordPairingChart,
  },
  data() {
    return {
      pairingMatrix: [],
      authors: [],
      height: 954,
      width: 954,
    };
  },
};
</script>