By Marone: December 2019

Goal

This article describes how to make diagrams and charts about champions league competition.

Used technologies

Canvasjs
Maven 3.2
VSCODE as IDE

Json Data


The json file contains a list of clubs, each club consists of: name, founding year, the number of won competitions and the country

Html page


Javascript file

Notes:

  • Transform the data to a map, the map contains the country name and the won number
  • The map will sorted based on the value of won number

Pie diagram


cl_bycountry

References


The complete code can be found in GitHub