frontend

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>

<script> 
var arr= [ 0.353846153846154,
  5.161538517115385,
  9.988461761538462,
  10.071154080769231,
  10.078846376923078,
  10.842307815384613,
  18.150000269230773,
  22.773077071153857,
  23.250000298076923,
  23.292307990384618,
  23.311538759615384,
  23.34038491346154,
  23.444231025000008,
  23.684615682692318,
  23.75576950769232,
  23.792308053846163,
  23.83461570384617,
  23.8653849346154,
  23.982692669230776,
  24.12692333269231,
  24.39807724423078,
  24.446154125000014,
  24.48269256346155,
  24.490384892307706,
  24.507692584615395,
  24.526923332692316,
  24.5403848923077,
  24.56346183653847,
  24.601923419230783,
  24.625000384615394,
  24.786538825000004,
  24.867308013461543,
  24.907692584615386,
  24.932692648076927,
  24.9730772,
  25.059615661538466,
  25.073077200000004,
  25.100000255769235,
  25.253846409615388,
  25.36730796923077 ]



</script>



<div id="tester" style="width:600px;height:250px;"></div>
<script>
    var indexArr = [];
    for( var i = 0; i < arr.length;i++){
        indexArr.push(i);
    }

	TESTER = document.getElementById('tester');
	Plotly.plot( TESTER, [{
	x: indexArr,
	y: arr }], {
	margin: { t: 50 },title:'Sneeuwval periodic',  xaxis: {
    title: 'Interval Metingen',
    titlefont: {
      family: 'Courier New, monospace',
      size: 18,
      color: '#7f7f7f'
    }
  },
  yaxis: {
    title: 'MM sneeuwval',
    titlefont: {
      family: 'Courier New, monospace',
      size: 18,
      color: '#7f7f7f'
    }
  } });
</script>