function transformDataPoints(dataPoints) {
    return dataPoints.map(point => {
        const transformedPoint = {};
        Object.entries(point).forEach(([key, value], index) => {
            if (index === 0) {
                // Transform the first value to Date
                transformedPoint[key] = new Date(value);
            } else {
                // Transform other values to float
                transformedPoint[key] = parseFloat(value.replace(/[^\d.-]/g, ''));
            }
        });
        return transformedPoint;
    });
}

async function visualizeData(note_id, elem) {
    const extractHeaders = true;

    console.log(note_id)
    const csvContent = await fetchNoteData(note_id);

    if (!csvContent) {
        console.error('No CSV content retrieved.');
        return; // No content was fetched
    }
    
    const { data, headers } = parseCSV(csvContent, extractHeaders);
    console.log(data);
    console.log("headers");
    console.log(headers);
    const transformedData = transformDataPoints(data);
    console.log(transformedData);
    renderLineChart(transformedData, headers, elem);
}

let note_id = 'XXXXXXXXXXX';
let elem = '#dataChartFull';
await visualizeData(note_id, elem);