import Head from 'next/head' import { Card, Container } from 'react-bootstrap' import ComparativeBarChart from '../components/ComparativeBarChart' import { useEffect, useState } from 'react' import styles from "../styles/Home.module.css" export default function Home() { const [datasets, setDatasets] = useState([ ]); const [averages, setAverages] = useState([]); const [differences, setDifferences] = useState([]); useEffect(() => { let newAverages = [] let newDifferences = [] for (let i = 0; i < datasets.length; i++) { newAverages[i] = datasets[i].current.reduce((a, b) => a + b) / datasets[i].current.length newDifferences[i] = newAverages[i] - datasets[i].previous.reduce((a, b) => a + b) / datasets[i].previous.length } setAverages(newAverages); setDifferences(newDifferences); }, [datasets]); useEffect(() => setDatasets([ { title: "Nombre d'avis", current: [3, 2, 3, 4, 5, 6, 7], previous: [7, 6, 5, 4, 3, 2, 1] }, { title: "Notes moyennes", current: [1, 2, 3, 4, 5, 6, 7], previous: [7, 6, 5, 4, 3, 2, 1] } ]), []); function dataVisualizer(title, current, previous, average, difference) { return <>

{title}

Moyenne
{Math.round(average*1e2)/1e2}
= 0 ? styles.averagePositive : styles.averageNegative].join(' ')} > {(difference >= 0 ? "+" : "-") + Math.round(difference*1e2)/1e2}
} return ( <> Create Next App Vos performances cette semaine {datasets.map((set, i) => dataVisualizer(set.title, set.current, set.previous, averages[i], differences[i]))}
) }