title: d3.js Plotting time-graph with lines and circles
body: <p>I try to plot some temperatures </p>
  
  <pre><code>2018-09-14 00:07:26 16.44
  2018-09-14 00:17:27 16.44
  2018-09-14 00:27:27 16.38
  ... etc
  </code></pre>
  
  <p>I do the traditonal graph (scale x and y axis etc) and then plot the temperatures with a line</p>
  
  <pre><code>var line = d3.svg.line()
          .interpolate("basis")
          .x(function(d) { return xScale(d.time); })
          .y(function(d) { return yScale(d.temp); });
  </code></pre>
  
  <p>This works ok.</p>
  
  <p>Now i try to plot the temperature with small circles with</p>
  
  <pre><code>var my_circle = svg.selectAll(".temp-dot")
          .data(data).enter().append("circle")
          .attr("class", ".temp-dott")
          .style("fill", "#FF0000")
          .attr("r", 20.0)
          .attr("cx", function(d) { return xScale(d.time); } )
          .attr("cy", function(d) { return yScale(d.temp); } );
  </code></pre>
  
  <p>But this don't work... All circles end upp att 0,0 - Why?</p>
  
  <p>/gh</p>