diff --git a/detailsPage.html b/detailsPage.html index 743b887..66ccf3d 100644 --- a/detailsPage.html +++ b/detailsPage.html @@ -12,7 +12,9 @@ @@ -96,6 +112,7 @@
🙏 Please cite our paper if you ar
+ diff --git a/detailsScript.js b/detailsScript.js index 7d2ec87..9bb50de 100644 --- a/detailsScript.js +++ b/detailsScript.js @@ -112,6 +112,7 @@ function populateProblemIdDropdown(problemIds, selectedDataset) { document.getElementById('problemIdDropdownLabel').style.display = 'inline'; } + function populateDetailsTable(dataset, problemId, ierData) { // Fetch the data fetchData().then(data => { @@ -121,20 +122,23 @@ function populateDetailsTable(dataset, problemId, ierData) { let groundTruth = ierData["ChatGPT_3.5"][dataset][problemId]['ground_truth']; - let table = ` - - - - - - - - - - - - -
Code:
${code}
Input:
${input}
Expected Output:
${groundTruth}
`; + let table = ` +
+ + + + + + + + + + + + + +
Code:
${code}
Input:
${input}
Expected Output:
${groundTruth}
+
`; // Insert the table into the div document.getElementById('detailsTable').innerHTML = table; @@ -142,9 +146,12 @@ function populateDetailsTable(dataset, problemId, ierData) { }); } + function populateModelResults(dataset, problemId) { // Fetch the data fetchData().then(data => { + document.getElementById('modelResults').innerHTML = ''; + // Get the problem details for the selected problem id let models = Object.keys(data[1]); @@ -153,19 +160,26 @@ function populateModelResults(dataset, problemId) { // Add a textbox and a table for each model models.forEach(model => { + if (model == null || model=='') { + return; + } let details = data[1][model][dataset][problemId]; let color = details['label'] === 1 ? 'green' : 'red'; + + let reasoning = details['reasoning'] || 'Not Available'; + let output = details['output'] || 'Not Available'; + html += ` - + - +
Reasoning${details['reasoning']}${reasoning}
Predicted Output${details['output']}${output}