css-pie : A Polymer Web-Component

1 Comment

p-logo

Web-Components are now the latest trend in the world of Front-end web development, so I decided to give it a try by creating my first Polymer web-component.

CSSPie.js was a JavaScript library (just a single function) that I created a couple of years ago, it allows the developer to create a Pie Chart made completely of HTML tags and CSS3 Rules, the script was so lightweight and easy to use, and there was even a demo page for it.

So Web-Components are destined to be reused in our pages, with little configurations, without the usual basket of JS Libraries and CSS Sheets that must be imported all the time, usually ending up with over 20 scripts and sheets to support our components: Data-tables, Graphs, Inputs, Calendars, etc…

With a simple Bower install command, and a single reference to css-pie.html component, you can draw Pie Charts on your web page, with a single HTML tag:

css-pie-5

css-pie-3

css-pie-4

Check out the Official Page on Github for Installation, Usage, Documentation and a Live Generator!

There are lots of Web-Components being created out there!

Categories: Web, Web-Components Tags: Tags: ,

One Reply to “css-pie : A Polymer Web-Component”

  1. My partner and I stumbled over here from a different web address and thought
    I may as well check things out. I like what I see so now i am following you.

    Look forward to exploring your web page again.

Leave a Reply

%d bloggers like this: