Description
This example shows simple horizontal line with markers and labels implemented only with HTML and CSS.
Main Features
- pure HTML(5) and CSS3
- no JavaScript
- no images
- width of lines can be easily changed
Output
ALabel BC
Use Cases
You can use it standalone, just generate the html markup and accompanying css. However, I’d probably use it in XTemplate where length of lines, colors and labels can be generated dynamically based on the passed data.
Source Code
If you want to see the example code, login or sign-up. Free membership is available.Author:
I'm a well seasoned developer, consultant and educator of web applications based mainly on Sencha libraries, PHP, MySQL and Node.js. Besides (Apple) computers, I love photography and mountain biking.
Latest posts by saki (see all)
- Ext, Angular, React, and Vue - June 27, 2019
- The Site Resurgence - February 11, 2018
- Configuring ViewModel Hierarchy - June 19, 2015
