API, jQuery, and Charts.js Example for Jeb

example.html

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js" integrity="sha256-CfcERD4Ov4+lKbWbYqXD6aFM9M51gN4GUEtDhkWABMo=" crossorigin="anonymous"></script>


<canvas id="myChart"></canvas>

<script>
	$.get(
		'https://httpbin.org/json',
		{
			 // you can put any parameters here
		},
		function(response){
			var labels = []
			var data = []
			response.slideshow.slides.forEach(function(slide){
				labels.push(slide.title)

				var items = slide.items
				if(!items){
					items = []
				}

				data.push(items.length)
			})

			var ctx = document.getElementById('myChart').getContext('2d') 
			var chart = new Chart(ctx, {
				// The type of chart we want to create
				type: 'bar',

				// The data for our dataset
				data: {
					labels: labels,
					datasets: [{
						label: "My First dataset",
						backgroundColor: 'rgb(255, 99, 132)',
						borderColor: 'rgb(255, 99, 132)',
						data: data,
					}]
				}
			})
		}
	)
</script>