By Marone: December 2019

Visualize champions league winners

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:

Pie diagram


cl_bycountry

References


The complete code can be found in GitHub