JSFiddle - React, Tailwind, and code Playground

by taylorbuley

HTML

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Gable.js</title>
            <script type="text/javascript" src="https://raw.github.com/editor/Gable/master/gable.js"></script>
    </head>
    <body>
        <div id='example8'></div>
    </body>
</html>

JavaScript

var data = [ { 'Year':  new Date( 1367280783 ), 'PVs': 1, 'Visits': 2, 'Visitors': 3 }, [1367280783,8,12,1]  ];

Gable( 'population_line' )
.add( {
    value: data
  , meta: {
        title: 'Projected Births And Deaths By Year'
  }
} )
.draw( {
    target: 'example8'
  , width: 500
  , type: 'line'
  , meta: {
      backgroundColor: '#FDF6E3'
      , legend: { textStyle: { fontSize: 11 } }
      , titleTextStyle: { color: 'black', fontSize: 14 }
    }
} );