Charts with HTML & Vanilla JS


         

Libraries for the charts:

echarts.js: https://echarts.apache.org/en/index.html

CDN:

 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>

         

Project-specific style:

         

BODY Font Info
- width 800px
- family Roboto, sans-serif;
- size 16
- color #000

         

COLORS Info
black #000
russian violet dark #1B014C
russian violet light #e5ddf6
grey #7f7f7f
sunglow dark #ffd23f
sunglow light #fffe89e
red orange dark #fb5012
red orange light #fed2c2
lavender blue dark #cbbaed
lavender blue light #e5ddf6
         
TEXT Info
title #000
subtitle #1B014C
russian violet light #e5ddf6
grey #7f7f7f
sunglow dark #ffd23f
sunglow light #fffe89e
red orange dark #fb5012
red orange light #fed2c2
lavender blue dark #cbbaed
lavender blue light #e5ddf6

DEMO

https://charts-vanillajs.netlify.app