Untitled

// Chart type selection
    var chartOptions = document.querySelectorAll('.chart-toggle-button');
    var selectedCharts = [];

    chartOptions.forEach(option => {
        option.addEventListener('click', function() {
            var chartType = this.getAttribute('data-chart-type');
            var image = document.querySelector(`.chart-option[data-chart-type='${chartType}']`);

            if (selectedCharts.includes(chartType)) {
                selectedCharts = selectedCharts.filter(type => type !== chartType);
                this.classList.remove('selected');
                image.classList.remove('selected');
            } else {
                // Check selection rules
                if (chartType === 'pie') {
                    selectedCharts = [chartType];
                    chartOptions.forEach(opt => opt.classList.remove('selected'));
                    document.querySelectorAll('.chart-option').forEach(img => img.classList.remove('selected'));
                } else if (chartType === 'scatter' || chartType === 'regression') {
                    selectedCharts = selectedCharts.filter(type => type !== 'pie');
                    document.querySelector(`.chart-toggle-button[data-chart-type='pie']`).classList.remove('selected');
                    document.querySelector(`.chart-option[data-chart-type='pie']`).classList.remove('selected');
                }
                selectedCharts.push(chartType);
                this.classList.add('selected');
                image.classList.add('selected');
            }

            // Store selected chart types
            localStorage.setItem('selectedChartTypes', JSON.stringify(selectedCharts));
        });
    });

    var submitButton = document.getElementById('submit-button');
    submitButton.addEventListener('click', function() {
        if (selectedCharts.length === 0) {
            alert('Please select at least one chart type!');
            return;
        }
        window.location.href = '/howtouse';
    });
});