#106: Add basic demo

netzwerg · Nov 14, 2022 · 9c842ca · 9c842ca
1 parent c2862fc
commit 9c842ca
Show file tree

Hide file tree

Showing 2 changed files with 161 additions and 1 deletion.
diff --git a/src/app/components/App.tsx b/src/app/components/App.tsx
@@ -1,5 +1,20 @@
 import React from 'react'
 
+import { Timeline } from '../../timeline'
+
+import dataSet from '../data/smallDataset.json'
+
 export const App = () => {
-  return <p>App</p>
+  return (
+    <div>
+      <h1>react-svg-timeline</h1>
+      <Timeline
+        events={dataSet.events}
+        lanes={dataSet.lanes}
+        dateFormat={(date) => `${date}`}
+        width={1000}
+        height={300}
+      />
+    </div>
+  )
 }
diff --git a/src/app/data/smallDataset.json b/src/app/data/smallDataset.json
@@ -0,0 +1,145 @@
+{
+  "lanes": [
+    {
+      "laneId": "lane-00",
+      "label": "Lane One"
+    },
+    {
+      "laneId": "lane-01",
+      "label": "Lane Two"
+    },
+    {
+      "laneId": "lane-02",
+      "label": "Lane Three"
+    }
+  ],
+  "events": [
+    {
+      "eventId": "event-00",
+      "startTimeMillis": 1399845600000,
+      "laneId": "lane-00"
+    },
+    {
+      "eventId": "event-01",
+      "startTimeMillis": 1399932000000,
+      "laneId": "lane-00"
+    },
+    {
+      "eventId": "event-02",
+      "startTimeMillis": 1391727600000,
+      "laneId": "lane-00"
+    },
+    {
+      "eventId": "event-03",
+      "startTimeMillis": 1392332400000,
+      "laneId": "lane-00"
+    },
+    {
+      "eventId": "event-04",
+      "startTimeMillis": 1391727600000,
+      "laneId": "lane-01"
+    },
+    {
+      "eventId": "event-05",
+      "startTimeMillis": 1392073200000,
+      "laneId": "lane-00"
+    },
+    {
+      "eventId": "event-06",
+      "startTimeMillis": 1392159600000,
+      "laneId": "lane-00"
+    },
+    {
+      "eventId": "event-07",
+      "startTimeMillis": 1167606000000,
+      "endTimeMillis": 1230698892000,
+      "laneId": "lane-00"
+    },
+    {
+      "eventId": "event-08",
+      "startTimeMillis": 1167606000000,
+      "endTimeMillis": 1199141940000,
+      "laneId": "lane-01"
+    },
+    {
+      "eventId": "event-09",
+      "startTimeMillis": 1167606000000,
+      "endTimeMillis": 1199141940000,
+      "laneId": "lane-02"
+    },
+    {
+      "eventId": "event-10",
+      "startTimeMillis": 1391986800000,
+      "laneId": "lane-01"
+    },
+    {
+      "eventId": "event-11",
+      "startTimeMillis": 1392850800000,
+      "laneId": "lane-00"
+    },
+    {
+      "eventId": "event-12",
+      "startTimeMillis": 1392332400000,
+      "laneId": "lane-01"
+    },
+    {
+      "eventId": "event-13",
+      "startTimeMillis": 1392332400000,
+      "laneId": "lane-02"
+    },
+    {
+      "eventId": "event-14",
+      "startTimeMillis": 1395097200000,
+      "laneId": "lane-01"
+    },
+    {
+      "eventId": "event-15",
+      "startTimeMillis": 1392073200000,
+      "laneId": "lane-01"
+    },
+    {
+      "eventId": "event-16",
+      "startTimeMillis": 1392073200000,
+      "laneId": "lane-02"
+    },
+    {
+      "eventId": "event-17",
+      "startTimeMillis": 1373493600000,
+      "laneId": "lane-00"
+    },
+    {
+      "eventId": "event-18",
+      "startTimeMillis": 1373493600000,
+      "laneId": "lane-01"
+    },
+    {
+      "eventId": "event-19",
+      "startTimeMillis": 599612400000,
+      "endTimeMillis": 631148340000,
+      "laneId": "lane-00"
+    },
+    {
+      "eventId": "event-20",
+      "startTimeMillis": 915145200000,
+      "endTimeMillis": 946681140000,
+      "laneId": "lane-01"
+    },
+    {
+      "eventId": "event-21",
+      "startTimeMillis": 820450800000,
+      "endTimeMillis": 883609200000,
+      "laneId": "lane-01"
+    },
+    {
+      "eventId": "event-22",
+      "startTimeMillis": 852073200000,
+      "laneId": "lane-01"
+    },
+    {
+      "eventId": "event-23",
+      "startTimeMillis": 865116000000,
+      "endTimeMillis": 875656800000,
+      "laneId": "lane-01"
+    }
+  ]
+}