D3 Line Chart

First Version

by michaelschmid

HTML

<!DOCTYPE html>
<!--    -----------------------------------------------------------------------------------------------------------------------

		Purpose :       Visualize a Wintel System in UBs with 

		Url		:		/netbase/dev/visualization/d3/dev_HeatMap.html

		----------------------------------------------------------------------------------------------------------------------- -->
<html lang="en">
<head>
	<title>nbDev:Cal Heatmap</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="author" content="00169124 Michael Schmid">

	<!-- CSS -->
	<link href="/netbase/CSS/font-awesome-5.2.0/css/all.min.css" rel="stylesheet" />
	<link href="/netbase/lib/bootstrap-4.1.3/css/bootstrap.min.css" rel="stylesheet">
	<link href="/netbase/CSS/netbase.min.css" rel="stylesheet" />
	<link href="/netbase/CSS/ubs.min.css" rel="stylesheet" />
	
	<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js" charset="utf-8"></script>

	
	<script type="text/javascript" src="/netbase/lib/moment.min.js"></script>
	
	<!-- RequireJS Configuation without initializing the applicaiton -->
	<script src="/netbase/require.js" type="text/javascript"></script>

	<style>
		.row {
			margin-bottom: 10px;
		}
		h3, h4, h5 {
			margin-top: 1em;
		}
	</style>
</head>
<body>
	<div class="container-fluid">
		<div id="appHeader"></div>
		<div class="row">
			<div class="col-8 offset-2" style="margin-top:30px">
			<!-- devHeader 0.2 Bootstrap 4.1.3 ----------------------------- Demo Dev Souce ------------------------------------------------------------------------>
			<!-- Content -->
				<div class="row">
					<div class="col-3">
						<ul class="">
							<li></li>
						</ul>
					</div>
					<div class="col-9">
						<h1>D3 Line Charting</h1>



						<h3>Multi Line Chart</h3>

						<a href="http://swobs.ubs.net/#/" class="icon link">Applied to User Chart in MySDS root Page </a>

						<div...