D3 Examples - Landsat 8

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
    <head>
        <title>satellite orbits</title>
        <style>
        body {
            background:#000;
        }
        path.land {
            fill:#171D16;
        }
        path.orbit {
            fill:none;
            stroke:#FFFF79;
            stroke-linecap: round;
            stroke-width:10;
        }
        path.orbit-glow {
            fill:none;
            stroke:#FFFF46;
            stroke-linecap: round;
            stroke-opacity:0.1;
            stroke-width:30;
        }
        path.orbit-behind {
            fill:none;
            stroke:#E2E295;
            stroke-linecap: round;
            stroke-width:5;
        }
        .stroke {
            fill:#111;
            stroke-width:10;
            stroke:#000;
            stroke-opacity:0.3;
        }
        .stroke-round {
            fill:#111;
            stroke-width:20;
            stroke:#000;
            stroke-opacity:0.8;
        }
        .landsat {
            fill:#eee;
            stroke:#111;
            stroke-width:2;
        }
        </style>
        <link rel='stylesheet' type='text/css' href='' />
        <meta http-equiv='content-type' content='text/html; charset=utf-8' />
        <meta name='viewport' content='initial-scale=1.0 maximum-scale=1.0'>
    </head>
    <body>
        <script src='https://d3js.org/d3.v3.min.js'></script>
        <script src='https://d3js.org/topojson.v1.min.js'></script>
        <script src='site.js'></script>
    </body>
</html>
​
    