Простой график с «плавающими» точками. Как лучше всего реализовать?

Question

[Devmode]

Нужно сделать простенький график как здесь, на втором экране pixelbin.com .



Необходимо, чтобы точно так же точки плавно двигались вверх-вниз и реагировали на курсор в определенном радиусе. Как проще всего его реализовать? Есть ли готовые решения или проще самому повозиться?

Answer 1

[Falseclock]

все это можно реализовать через www.chartjs.org, только придется чуток допрограммировать
лень генерировать GIF, но аналогичное сделал в своей CRM


Обработка через

Chart.plugins.register({
	afterDatasetsDraw: function(chartInstance, easing) {
		var ctx = chartInstance.chart.ctx;
		chartInstance.data.datasets.forEach(function (dataset, i) {
			var meta = chartInstance.getDatasetMeta(i);
			if (!meta.hidden && dataset.type == 'line') {
				// здесь код того что вы хотите реализовать
			}
		});
	}
});