<script>
import { tweened } from 'svelte/motion'
import { cubicInOut as easing } from 'svelte/easing'
import { fly, fade } from 'svelte/transition'
import { timer } from 'd3-timer';
import { min } from 'd3-array';
import { json } from 'd3-fetch';
import { format } from 'd3-format';
import Highlight from './Highlight.svelte';
import Blocks from './Blocks.svelte';
const duration = 1250;
const viewBoxes = [
{
x: 0,
y: 0,
width: 550,
height: 170
},
{
x: 360,
y: 130,
width: 10,
height: 10
}
]
const viewBox = tweened(viewBoxes[0], {
easing,
duration
})
let svg;
let canvas;