timelines-chart
Version:
A parallel (swimlanes) timelines D3 chart for representing state of time-series over time.
18 lines (15 loc) • 470 B
HTML
<head>
<script src='//cdn.jsdelivr.net/npm/timelines-chart'></script>
<!--<script src='../../dist/timelines-chart.js'></script>-->
<script src='../random-data.js'></script>
</head>
<body>
<script>
const myData = getRandomData(true);
new TimelinesChart(document.body)
.zScaleLabel('My Scale Units')
.zQualitative(true)
.dateMarker(new Date() - 365 * 24 * 60 * 60 * 1000) // Add a marker 1y ago
.data(myData);
</script>
</body>