- From: Patrick H. Lauke <redux@splintered.co.uk>
- Date: Mon, 13 May 2019 08:10:37 +0100
- To: public-html@w3.org
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