Step 1 – HTML Markup To start we will create our html markup for the graph. We will create a <div> with the class “graph-wrapper”. Inside of this <div> we will add two more <div>. The first one will have the “graph-info” class, this div will contain the graph legend and the buttons that will allow us to switch between graphs. The second div will contain the two graphics (lines and bars). <div id="
![How to Create an Interactive Graph using CSS3 & jQuery](https://cdn-ak-scissors.b.st-hatena.com/image/square/0634063c631230ff14c86bb28ba4f5eb029aff78/height=288;version=1;width=512/https%3A%2F%2Fdesignmodo.com%2Fwp-content%2Fuploads%2F2012%2F08%2Fgraph-85739-preview.jpg)