TypeScript

by brian428

HTML

<div id="app"></div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
  text-align: center;
}

TypeScript

let json = {
  "id": 1,
  "fileName": "Weather File 1",
  "data": [
    {
      "altitude": 1000,
      "temperature": 122.99,
      "pressure": 313.27,
      "humidity": 479.38
    },
    {
      "altitude": 1005,
      "temperature": 123.38,
      "pressure": 314.94,
      "humidity": 479.96
    },
    {
      "altitude": 1010,
      "temperature": 122.66,
      "pressure": 314.77,
      "humidity": 479.06
    },
    {
      "altitude": 1015,
      "temperature": 124.56,
      "pressure": 314.8,
      "humidity": 478.43
    },
    {
      "altitude": 1020,
      "temperature": 124.95,
      "pressure": 314.77,
      "humidity": 479.13
    },
    {
      "altitude": 1025,
      "temperature": 124.39,
      "pressure": 316.42,
      "humidity": 477.71
    },
    {
      "altitude": 1030,
      "temperature": 124.77,
      "pressure": 317.9,
      "humidity": 477.71
    },
    {
      "altitude": 1035,
      "temperature": 124.97,
      "pressure": 318.18,
      "humidity": 478.06
    },
    {
      "altitude": 1040,
      "temperature": 123.17,
      "pressure": 318.84,
      "humidity": 478.68
    },
    {
      "altitude": 1045,
      "temperature": 123.77,
      "pressure": 319.43,
      "humidity": 478.11
    },
    {
      "altitude": 1050,
      "temperature": 123.9,
      "pressure": 319.27,
      "humidity": 479.58
    },
    {
      "altitude": 1055,
      "temperature": 122.81,
      "pressure": 319.33,
      "humidity": 479.78
    },
    {
      "altitude": 1060,
      "temperature": 123.25,
      "pressure": 318.45,
      "humidity": 479.49
    },
    {
      "altitude": 1065,
      "temperature": 123.28,
      "pressure": 319.02,
      "humidity": 479.51
    },
    {
      "altitude": 1070,
      "temperature": 122.66,
      "pressure": 319.05,
      "humidity": 479.65
    },
    {
      "altitude": 1075,
      "temperature": 122.89,
      "pressure": 319.49,
      "humidity": 480.26
    },
    {
      "altitude": 1080,
      "temperature": 122.84,
 ...