In the project I am currently working on, I am faced with the challenge of importing a JSON file (exported from a flowchart drawing project) and converting its data into an actual flowchart. Unfortunately, I have not been able to find any leads on how to convert JSON data into shapes in Vue. Any assistance would be greatly appreciated!
I have attempted to read the data within my Vue project, but I am struggling to find a way to convert them into shapes.
<template>
<div>
<h1>{{graphVar.elements}}</h1>
</div>
</template>
<script>
import graph from './../../graph.json'
export default {
name: 'HelloWorld',
data: () => ({
graphVar: graph,
}),
created() {
console.log(this.graphVar.elements)
}
}