import { select, json, zoom, drag, event } from 'd3';
import { createContextMenu } from './contextMenu.js';
import { indentTree } from './indentTree.js';
import { renderTree } from './stixtree.js';
import { workP } from './working.js';
// 1. Instantiate Visualisation Variables
const index_width = 400;
const working_width = 800;
const svg_height = 800;
const svg_spacing = 10;
const margin = {
top: 100,
left: 30,
bottom: 50,
right: 30,
};
const textPadding = 8;
const corner = 5;
const working_start =
margin.left + index_width + svg_spacing;
const options = {
duration: 350,
radius: 6, // radius of curve for links
barHeight: 40,
margin: {
top: 100,
left: 30,
bottom: 50,
right: 30,
},
index_width: 400, // this svg
working_width: 800, // next door svg
svg_height: 800,
svg_spacing: 500,