Fundamentals of SVG
  Duration: 7:24
Part of Course: Introductory D3 Course
This Lesson is for subscribers

Fundamentals-of-svg_280x158
Unlock this lesson NOW!
  • Get expert advice on Fundamentals of SVG
  • Enjoy access to the complete DashingD3js catalog
  • Start mastering D3.js right now!

Takeaways:

  • SVG stands for Scalable Vector Graphics
  • SVG is a specification for creating vector graphics
  • SVG can be scaled up or down without lose of image quality
  • SVG images and behaviors are defined in XML
  • Since the DOM uses XML, we can use the DOM tree to create, access, and structure SVG Images
  • SVG images can be defined within an HTML document as if you were writing HTML
  • To define an SVG image, use an opening <svg> tag and a closing <svg> tag
  • SVG comes with basic shapes built in: rectangle, circle, ellipse, line, polyline, and polygon.

This Transcript is for subscribers.

Fundamentals-of-svg_280x158
Unlock this D3 Tutorial NOW!
  • Get expert advice on Fundamentals of SVG
  • Enjoy access to the complete DashingD3js catalog
  • Start mastering D3.js right now!
<< Back To D3 Screencast and Written Tutorials Index