Re: making a bar chart only with HTML

On 10/05/2019 18:37, Negoita Ionut wrote:
[...]
> 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)

All of these methods essentially take HTML - meant to semantically mark 
up content - and fake some sort of visual out of it. It's misusing the 
technology to varying degrees.

I'd recommend looking at using a technology that is actually meant for 
graphics/visuals, such as SVG, instead. And I'd recommend taking 
advantage of some 3rd party helper system like d3 - this way, less 
technically savvy writers (with the right system in place) can edit 
data, and rely on the scripting itself to turn it into appropriate SVG 
charts (for a gentle intro, see 
https://www.a11ywithlindsey.com/blog/accessibility-d3-bar-charts for 
instance).

P
-- 
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke

Received on Monday, 13 May 2019 07:11:02 UTC