import {
csv,
max,
min,
sum,
select,
brushX,
event,
histogram as bin,
extent,
format,
timeFormat,
scaleBand,
scaleLinear,
scaleTime,
timeMonths,
} from 'd3';
import { useRef, useEffect, useMemo } from 'react';
import { AxisBottom } from './AxisBottom.js';
import { AxisLeft } from './AxisLeft.js';
import { Marks } from './Marks.js';
const tooltipFormat = timeFormat('%b-%y');
const tickFormat = timeFormat('%b-%y');
const width = 960;
const height = 80;
const margin = {
top: 0,
bottom: 20,
left: 80,
right: 20,
};
const innerHeight = height - margin.top - margin.bottom;
const innerWidth = width - margin.left - margin.right;