JavaScript jQuery UI plugin for creating vector based (SVG) seven segment displays in HTML

There I am providing you a nice jQuery plugin for creating vector-based (SVG) seven-segment displays that is purely coded in HTML.


Features of HTML vector-based (SVG) seven-segment displays in html :

  • No images are used. All graphics are drawn using HTML SVG that scales to any size.
  •     No external CSS file is used. Default style classes are injected into your page.
  •     If you want to customize the style classes in your own CSS,you can do so.
  •     You can also style the individual widgets via options.
  •     Databinders for Knockout MVVM.
  •     MIT License.

Displays Demo Full Screen Demo Download Source Code

Usage Of Javascript Seven Segment Display:

You must include jQuery and jQuery UI in your HTML before including sevenSeg.js.

You can then use sevenSeg on any div's of your page.
sevenSeg creates a single digit display, and sevenSegArray creates a group containing an arbitrary number of digits. You'll most likely want to use sevenSegArray.

See the example below:


Author Credit : Priya Gupta

* Do you like this story? Then why not share it with your Friends *
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you subscribe to our regular Email Updates!

Himanshu is a young engineer living in India. Currently working at as UI Engineer. He is an ethical hacker & blogger too, doing lots of crazy stuff... If you seems interesting, go through portfolio: "Open Source. Millions of open minds can't be wrong!"

Leave a reply:

Your email address will not be published.

Site Footer

Sliding Sidebar

We are India’s largest Startup Community

We are team of ' Delhi Startups ' , most active startup community with strict spam policy.
We are making !deas happen..for future, business and jobs without charging anything, with connecting entrepreneurs.. It's a reason to trust on us.
Come and join or subscribe, we will defiantly give a reason to like us.

Our Facebook Page