mirror of
https://github.com/Aider-AI/aider.git
synced 2025-06-03 03:05:00 +00:00
feat: Improve x-axis representation to show time
This commit is contained in:
parent
0b5427701c
commit
7c9cae63cc
1 changed files with 13 additions and 6 deletions
|
@ -26,27 +26,30 @@ Here's a graph showing the performance of Claude 3.5 Sonnet over time:
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/moment@2.29.4/moment.min.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-moment@1.0.1/dist/chartjs-adapter-moment.min.js"></script>
|
||||||
<script>
|
<script>
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
var ctx = document.getElementById('sonnetPerformanceChart').getContext('2d');
|
var ctx = document.getElementById('sonnetPerformanceChart').getContext('2d');
|
||||||
var sonnetData = {{ site.data.sonnet-fine | jsonify }};
|
var sonnetData = {{ site.data.sonnet-fine | jsonify }};
|
||||||
|
|
||||||
var dates = sonnetData.map(item => item.date);
|
var chartData = sonnetData.map(item => ({
|
||||||
var passRate1 = sonnetData.map(item => item.pass_rate_1);
|
x: moment(item.date).toDate(),
|
||||||
var passRate2 = sonnetData.map(item => item.pass_rate_2);
|
y1: item.pass_rate_1,
|
||||||
|
y2: item.pass_rate_2
|
||||||
|
}));
|
||||||
|
|
||||||
new Chart(ctx, {
|
new Chart(ctx, {
|
||||||
type: 'line',
|
type: 'line',
|
||||||
data: {
|
data: {
|
||||||
labels: dates,
|
|
||||||
datasets: [{
|
datasets: [{
|
||||||
label: 'Pass Rate 1',
|
label: 'Pass Rate 1',
|
||||||
data: passRate1,
|
data: chartData.map(item => ({ x: item.x, y: item.y1 })),
|
||||||
borderColor: 'rgb(75, 192, 192)',
|
borderColor: 'rgb(75, 192, 192)',
|
||||||
tension: 0.1
|
tension: 0.1
|
||||||
}, {
|
}, {
|
||||||
label: 'Pass Rate 2',
|
label: 'Pass Rate 2',
|
||||||
data: passRate2,
|
data: chartData.map(item => ({ x: item.x, y: item.y2 })),
|
||||||
borderColor: 'rgb(255, 99, 132)',
|
borderColor: 'rgb(255, 99, 132)',
|
||||||
tension: 0.1
|
tension: 0.1
|
||||||
}]
|
}]
|
||||||
|
@ -63,6 +66,10 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
x: {
|
x: {
|
||||||
|
type: 'time',
|
||||||
|
time: {
|
||||||
|
unit: 'day'
|
||||||
|
},
|
||||||
title: {
|
title: {
|
||||||
display: true,
|
display: true,
|
||||||
text: 'Date'
|
text: 'Date'
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue