I am developing a graph that\'s vey similar to following example: http://bl.ocks.org/mbostock/1667367 where it uses clipPath to clip the area so the area graph does not overflow
Finally after isolating the code in another file and simplifing it, I've found what was the responsible of this strange behaviour:
In the <head>
I had:
<head>
<meta charset="utf8">
<title>Real time context aware graphics display</title>
<link rel="stylesheet" href="/stylesheets/app.css">
<link rel="stylesheet" href="/stylesheets/graph.css"><base href="/">
<base href="/">
<style type="text/css"></style>
</head>
Ad when I removed the <base href="/">
all worked perfectly. I do not know exactly the reason.