Rev Contact Lines

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ramda/0.22.1/ramda.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>
</head>

<body>
  <script>
    // Feel free to change or delete any of the code you see in this editor!
    var svg = d3.select("body").append("svg")
      .attr("width", 960)
      .attr("height", 500)
    
    // params
    const kREV_LENGTH = 96 * 60 * 1000
    const kSATELLITES = ["SkySat-A","SkySat-B","SkySat-C1","SkySat-C2","SkySat-C2","SkySat-C3","SkySat-C4","SkySat-C5"]
    const kGROUNDSTATIONS = ["Fbx01","Fbx02","Tro01","Svb01","Tat01"]
    
    // data
    let satellites = R.map(generateSatellite, kSATELLITES)
    
    
    // generate some data: satellites, orbits and contacts
    function generateSatellite(id) {
      return {
        id: id
        , rev: generateRev(revDuration, now)
        , contacts: generateContacts()
      }
    }
    
    function generateRev(duration, now) {

return {
        id: d3.randomUniform(100, 10000)
        , start: now - pos
        , end: 
        , eclipseExit: 
        , eclipseEnter: 
      }  
    }
    
    function generateContacts(rev) {
      
    }
    
    function generateContact(scid, gsid, rev) {
      return {
        scid: scid
        , gsid: gsid
        , start: 
        , end: 
      }
    }

svg.append("text")
      .text("Edit the code below to change me!")
      .attr("y", 200)
      .attr("x", 120)
      .style("font-size", 36)
      .style("font-family", "monospace")

</script>
</body>

https://d3js.org/d3.v4.min.js

https://cdnjs.cloudflare.com/ajax/libs/ramda/0.22.1/ramda.min.js