json-dashboard v1.0.0

dashboard

install

npm install json-dashboard

import

import dashboard from 'json-dashboard'

const app = createApp(App)
app.use(dashboard)

use

import json file

import jsontest from '../public/jsontest.json'

use component

<Dashboard :dash="jsontest" />

image of test

the data is from cicese erddap server and you need to change the url to your server, and modify your proxy configuration in vue.config.js

 proxy: {
      '/ifremer': {
        target: 'https://erddap.ifremer.fr/erddap',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/ifremer/, '')
      }
 }