aider/_posts
Paul Gauthier 547a07fadc aider: Added scatter plot of edit_leaderboard models with released dates in _posts/2024-05-13-models-over-time.md.
# Aider chat conversation:

USER: draw a scatter plot of the edit_leaderboard models which have `released` dates. With x as the release date, y as the `pass_rate_2` and label each point with the `model` name field. use a chart style similar to the bar graph in the leaderboard.md, but we want a scatter plot for this one. put the scatter plot in the new blog post

ASSISTANT: Let's add the scatter plot to the new blog post in `_posts/2024-05-13-models-over-time.md`.

Here is the *SEARCH/REPLACE* block to add the scatter plot:

_posts/2024-05-13-models-over-time.md
```markdown
<<<<<<< SEARCH
# LLM code editing skill over time
=======
# LLM code editing skill over time

<canvas id="scatterPlot" width="800" height="450" style="margin-top: 20px"></canvas>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function () {
    var ctx = document.getElementById('scatterPlot').getContext('2d');
    var scatterData = {
      datasets: [{
        label: 'Model Performance',
        data: [
          {% for row in site.data.edit_leaderboard %}
            {% if row.released %}
              {
                x: new Date('{{ row.released }}'),
                y: {{ row.pass_rate_2 }},
                label: '{{ row.model }}'
              },
            {% endif %}
          {% endfor %}
        ],
        backgroundColor: 'rgba(54, 162, 235, 0.2)',
        borderColor: 'rgba(54, 162, 235, 1)',
        borderWidth: 1,
        pointRadius: 5,
        pointHoverRadius: 7
      }]
    };

    var scatterChart = new Chart(ctx, {
      type: 'scatter',
      data: scatterData,
      options: {
        scales: {
          xAxes: [{
            type: 'time',
            time: {
              unit: 'month',
              tooltipFormat: 'll'
            },
            scaleLabel: {
              display: true,
              labelString: 'Release Date'
            }
          }],
          yAxes: [{
            scaleLabel: {
              display: true,
              labelString: 'Pass Rate 2 (%)'
            },
            ticks: {
              beginAtZero: true
            }
          }]
        },
        tooltips: {
          callbacks: {
            label: function(tooltipItem, data) {
              var label = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index].label || '';
              return label + ': (' + tooltipItem.xLabel + ', ' + tooltipItem.yLabel + '%)';
            }
          }
        }
      }
    });
  });
</script>
>>>>>>> REPLACE
```
2024-05-15 09:32:41 -07:00
..
2023-05-25-ctags.md Link more blog articles 2024-02-19 13:25:43 -08:00
2023-07-02-benchmarks.md Link more blog articles 2024-02-19 13:25:43 -08:00
2023-10-22-repomap.md Link more blog articles 2024-02-19 13:25:43 -08:00
2023-11-06-benchmarks-1106.md Added post symlink 2024-02-19 13:08:49 -08:00
2023-11-06-benchmarks-speed-1106.md layout 2024-02-19 14:49:23 -08:00
2023-12-21-unified-diffs.md Link more blog articles 2024-02-19 13:25:43 -08:00
2024-01-25-benchmarks-0125.md Link more blog articles 2024-02-19 13:25:43 -08:00
2024-03-08-claude-3.md make all highlight_images jpg 2024-05-09 09:50:05 -07:00
2024-04-09-gpt-4-turbo.md make all highlight_images jpg 2024-05-09 09:50:05 -07:00
2024-05-02-browser.md copy 2024-05-02 19:04:18 -07:00
2024-05-13-models-over-time.md aider: Added scatter plot of edit_leaderboard models with released dates in _posts/2024-05-13-models-over-time.md. 2024-05-15 09:32:41 -07:00