D3 Examples - test for highchart

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v3.js"></script>
  <script src="https://code.highcharts.com/highcharts.js"></script>
  <title>Education attainment and Income</title>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    html, body {overflow: auto;}
    p {text-indent: 30px; margin-left: 30px; margin-right: 30px;}
    h1{text-indent: 20px; margin-left: 5px; margin-right: 5px;}
    h2{text-indent: 30px; margin-left: 5px; margin-right: 5px;}
    h3{text-indent: 40px; margin-left: 5px; margin-right: 5px;}
    svg {margin-left:auto; margin-right:auto; display: block;} 
    line    {stroke:#ddd;shape-rendering: crispEdges; }
    .axis {shape-rendering: crispEdges;}
    .axis line{stroke:#000; stroke-width:1;}
    .axis path{stroke:#000; stroke-width:1;}
    .domain {fill:none; stroke:#000; stroke-width:1.5;}
    .axis .minor{fill:none; stroke-width:1;}
    .axis text{font:sans-serif; font-size: 12pt; font-weight: bold;}
​
    .button {
        background-color: #4CAF50; /* Green */
        color: white;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
    }
​
    table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 80%;
        margin-left: 40px;
    }
​
    td, th {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
    }
​
    tr:nth-child(even) {
        background-color: #dddddd;
    }
  </style>
</head>
​
<body>
  <script type="text/javascript" src="facebook.js"></script>
  <div id="test" style="width:100%; height:400px;"></div>
  <!-- <div id="container" style="width:100%; height:400px;"></div> -->
  <!-- <div id="container2" style="width:100%; height:400px;"></div> -->
  <script type="text/javascript" src="highcharts_test.js"></script>
​
</body>
​
    