Adds LineChart example

src/App.js

@@ -5,20 +5,28 @@ import './App.css';
 
 import DonutChartImport from './donut/DonutChartImport';
 import DonutChartCommonJS from './donut/DonutChartCommonJS';
-
 import DonutChartLibESM from './donut/DonutChartLibESM';
 import DonutChartLibCJS from './donut/DonutChartLibCJS';
 import DonutChartLibUMD from './donut/DonutChartLibUMD';
 
+import LineChartImport from './line/LineChartImport';
+
 class App extends Component {
   render() {
     return (
       <div className="App">
         <header className="App-header">
-          <img src={britechartsLogo} className="brc-logo" alt="Britecharts-React logo" />
+          <img
+            src={britechartsLogo}
+            className="brc-logo"
+            alt="Britecharts-React logo"
+          />
           <img src={reactLogo} className="react-logo" alt="logo" />
-          <h1 className="App-title">Welcome to the Britecharts-React demo project!</h1>
+          <h1 className="App-title">
+            Welcome to the Britecharts-React demo project!
+          </h1>
         </header>
+        <h2>Donut Chart</h2>
         <div className="chart-container">
           <h3>Loading with ES2015 imports from dist/</h3>
           <DonutChartImport />
@@ -39,6 +47,11 @@ class App extends Component {
           <h3>Loading with UMD from lib/</h3>
           <DonutChartLibUMD />
         </div>
+        <h2>Line Chart</h2>
+        <div className="chart-container">
+          <h3>Loading with ES2015 imports from dist</h3>
+          <LineChartImport />
+        </div>
       </div>
     );
   }

src/line/LineChartImport.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { withTwoTopics } from "./data";
+import { Line, axisTimeCombinations } from "britecharts-react";
+
+const LineChartImport = () => (
+  <Line data={withTwoTopics()} xAxisFormat={axisTimeCombinations.MINUTE_HOUR} />
+);
+
+export default LineChartImport;

src/line/data.js

@@ -0,0 +1,28 @@
+export const withTwoTopics = () => ({
+    data: [
+      {
+        topicName: "San Francisco",
+        name: 1,
+        date: "2017-01-16T16:00:00-08:00",
+        value: 1,
+      },
+      {
+        topicName: "San Francisco",
+        name: 1,
+        date: "2017-01-17T16:00:00-08:00",
+        value: 2,
+      },
+      {
+        topicName: "Oakland",
+        name: 2,
+        date: "2017-01-16T16:00:00-08:00",
+        value: 3,
+      },
+      {
+        topicName: "Oakland",
+        name: 2,
+        date: "2017-01-17T16:00:00-08:00",
+        value: 7,
+      }
+    ],
+});