Flutter - Scroll Physics

by nazarpunk

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.min.js"></script>
<canvas id="chart"></canvas>

CSS

canvas {
  width: 100vw;
  height: 100vh;
}

JavaScript

var ctx = document.getElementById('chart').getContext('2d');

const labels = [];
const def = [];
const test = [];
let ticks = 0;


for (let i = 3500; i >= 0; i = i - 100) {
  ticks++;
  labels.push(i);
  def.push((200 * Math.exp(1.2 * Math.log(0.6 * i / 800))));

  test.push((200 * Math.exp(1.6 * Math.log(0.8 * i / 1000))));
}


var myChart = new Chart(ctx, {
  type: 'line',
  data: {
    labels: labels,
    datasets: [{
        label: 'test',
        data: test,
        borderColor: 'rgb(0, 255, 0)'
      },
      {
        label: 'velocity',
        data: labels,
        borderColor: 'rgb(75, 192, 192)'
      },
      {
        label: 'default',
        data: def,
        borderColor: 'rgb(255, 0, 0)'
      }

    ]
  },
  options: {
    scales: {
      y: {
        ticks: {
          count: ticks
        },
        beginAtZero: true
      }
    }
  }
});