D3.js长方形示例

<!DOCTYPE html>
<html>
   <head>
      <script type = text/javascript src = https://d3js.org/d3.v4.min.js></script>
   </head>

   <body>
      <div id = svgcontainer></div>
      <script>
         var width = 300;
         var height = 300;
         //Create SVG element
         var svg = d3.select(#svgcontainer)
            .append(svg)
            .attr(width, width)
            .attr(height, height);
         //Create and append rectangle element
         svg.append(rect)
            .attr(x, 20)
            .attr(y, 20)
            .attr(width, 200)
            .attr(height, 100)
            .attr(fill, green);
      </script>
   </body>
</html>

相关文章

<!DOCTYPE html> <html> <head> <scri...
<!DOCTYPE html> <html> <head> <scri...
<!DOCTYPE html> <html> <head> <scri...
<!DOCTYPE html> <html> <head> <scri...
<!DOCTYPE html> <html> <head> <scri...
<!DOCTYPE html> <html> <head> <scri...