наверное на Chart.js <!DOCTYPE html> <html> <head> <title>Линейный график</title> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body> <canvas id="myChart" width="1615" height="295"></canvas> <script> var ctx = document.getElementById('myChart').getContext('2d'); var myChart = new Chart(ctx, { type: 'line', data: { labels: ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00'], datasets: [{ label: 'Линия 1', data: [25, 10, 7, 10, 12, 15, 18], fill: true, borderColor: 'rgba(75,192,192,1)', backgroundColor: 'rgba(75,192,192,0.2)' }, { label: 'Линия 2', data: [5, 3, 3, 5, 5, 10, 15], fill: true, borderColor: 'rgba(153, 102, 255, 1)', backgroundColor: 'rgba(153, 102, 255, 0.2)' }] }, options: { scales: { xAxes: [{ ticks: { stepSize: 5, beginAtZero: true } }], yAxes: [{ ticks: { beginAtZero:true } }] } } }); </script> </body> </html> HTML <!DOCTYPE html> <html> <head> <title>Линейный график</title> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> </head> <body> <canvas id="myChart" width="1615" height="295"></canvas> <script> var ctx = document.getElementById('myChart').getContext('2d'); var myChart = new Chart(ctx, { type: 'line', data: { labels: ['09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00'], datasets: [{ label: 'Линия 1', data: [25, 10, 7, 10, 12, 15, 18], fill: true, borderColor: 'rgba(75,192,192,1)', backgroundColor: 'rgba(75,192,192,0.2)' }, { label: 'Линия 2', data: [5, 3, 3, 5, 5, 10, 15], fill: true, borderColor: 'rgba(153, 102, 255, 1)', backgroundColor: 'rgba(153, 102, 255, 0.2)' }] }, options: { scales: { xAxes: [{ ticks: { stepSize: 5, beginAtZero: true } }], yAxes: [{ ticks: { beginAtZero:true } }] } } }); </script> </body> </html>
очень точно анализирует то, какие технологии используются на сайте (в т.ч. и всякие либы) расширение Wappalyzer для хрома, вот пример, что он выводит о лолзе