import * as d3 from "d3";
import { Graph } from "./Graph";

const data = [12, 45, 78, 34, 89, 23, 56];

export default function App() {
  const maxValue = d3.max(data);

  return (
    <div style={{ fontFamily: "sans-serif", padding: 20 }}>
      <h2>D3 Playground</h2>
      <p>Dataset: [{data.join(", ")}]</p>
      <p>Max value: <strong>{maxValue}</strong></p>
      <Graph />
    </div>
  );
}