<!DOCTYPE html>
<html>
<body>
  <div id={{id}} width={{w}} height={{h}} class={{classe}}>
  <svg>
      <text x="50%" id="titulo" text-anchor="middle">TITULO</text>
			<g id="gridArea" class="grid" stroke="none" height="300" transform="translate(60,320)"></g>
			<g id="gridHorizontal" class="grid" height="300" stroke="none" transform="translate(60,40)"></g>
			<g class="plotArea" fill="#cfe" transform="translate(60,40)"></g>
  		<g id="leftAxis" transform="translate(60,40)"></g>
	  	<text id="yLabel"  text-anchor="middle">yLabel</text>
			<g id="bottomAxis" transform="translate(60,320)"></g>
			<text id="xLabel" text-anchor="middle">xLabel</text>
		  <g id="legenda"></g>
      <defs>
        <filter id="drop-shadow" height="130%" filterUnits="userSpaceOnUse">
          <feGaussianBlur in="SourceAlpha" stdDeviation="3" result    ="blur">
            
          </feGaussianBlur>
          <feOffset in="blur" dx="3" dy="3" result="offsetBlur"></feOffset>
          <feMerge>
            <feMergeNode in="offsetBlur"></feMergeNode>
            <feMergeNode in="SourceGraphic"></feMergeNode>
          </feMerge>
        </filter>
      </defs>
  </svg>
  </div>
</body>
</html>