This video shows how to create Markers, Chloropleth and Proportional Circles map on WebGIS using Openlayers6 without any server side dependencies.
You will learn how to created basic webgis Page using Openlayers and also how to overlay and style your data using openlayers only.

Time Line of Video
00:00 Introduction
02:35 Openlayers 6 and Layerswitcher Libraries download
04:09 Basic openlayers WebGIS Application coding (Adding Basemap and Layerswitcher)
16:30 Add markers to the WebGIS
42:40 Generate Chloropleth style
49:02 Generate Proportional Circles style

Link of the source code shown in the tutorial:
https://drive.google.com/file/d/1Poxd...