making a bar chart only with HTML

Hi,

My name is John (aka @codingdudecom http://www.coding-dude.com/) and I've
been doing some research about creating charts only with HTML and CSS, so
no JavaScript

The first one I tried is the bar chart.

My goals are to find the best/most efficient way to write HTML code that
can be easily used and edited by people with little programming knowledge.
I'm thinking about blog writers that want to quickly insert a bar chart
into their pages without having to write JS code.

I'm also thinking that the data behind the chart needs to be easily changed
by editing the HTML code and the visual results to be seen instantly.

So far, I've document 4 methods detailed here
http://www.coding-dude.com/wp/html5/bar-chart-html/

Method #1 – Simply create the bar chart using only divs HTML and CSS

Method #2 – We can also create a HTML bar graph using CSS flexbox

Method #3 – Using the Infographic Charts HTML Tag Library (a custom HTML
tag library)

Method #4 – Creating a bar chart from a HTML table (seems the most user
friendly so far)

I would really appreciate other ideas on this topic.

thanks,
John