Skip to main content


Hey, welcome to the SingleDivUI.

Before get started into the Chart component let's clarify about some of your basic questions.

What is SingleDivUI?

SingleDivUI is a simple and smallest UI library which containing a list of Chart components such as Line chart, Bar chart, Area chart. So here the goal is to create the components with a single div alone.

Why a SingleDiv?

Yes, there are lot of options available to create the UI components including SVG and Canvas. But making with a single div is really a challenging one, and of cource it's really fun to develop :P

Reinventing the wheel?

Of course not! There are lots of Chart libraries available with a bunch of features, but most of them built with SVG or Canvas. So this is to make a minimalist UI component by exploring the CSS capabilities with the unique concept of a single div.