vis_app_ref_point_1

by Simon Raper

HTML

<div id="container">
  <div id="header">
    <h1>Demo Scatterplot</h1>
  </div>
  <div id="sidebar">
  </div>
  <div id="content">
    <svg height="400" width="650">
        <circle cx="100" cy="100" r="4"/>
        <circle cx="200" cy="250" r="4"/>
        <circle cx="300" cy="180" r="4"/>
    </svg>
  </div>
  <div id="footer">
  </div>
</div>

CSS

h1 {
  font-family: 'Raleway';
  font-weight: normal;
  font-size: 1.2em;
  letter-spacing: .2em;
  line-height: 1.1em;
  margin: 0px;
  text-align: left;
  text-transform: uppercase;
}

#container {
  width: 800px;
}

#header {
  width: 800px;
  height: 50px;
  padding: 5px;
}

#sidebar {
  height: 400px;
  width: 150px;
  float: left;
}

#content {
  height: 400px;
  width: 650px;
  float: left;
}

#footer {
  width: 800px;
  height: 50px;
  float: left;
}

circle {
    stroke: #1abc9c;
    stroke-width: 2;
    fill: white;
}