BAIN MUSC 540
Projects in Computer Music

Learning SVG

Links for my computer music students

Return to: MUSC 540 | Learing Index; See also: Web Dev | Web Audio

1. Documentation
   • World Wide Web Consortium (W3C)
     • SVG 1.1 {W3C}
     • SVG 2 {W3C}
   • Mozilla Developer Network (MDN)
     • SVG {MDN}
2. Reference
   • DevDocs, SVG {DevDocs}
   • W3Schools (W3S)
     • SVG Reference {W3S}
     • Styling {W3C}
3. Tutorials
   • Jenkov
     • SVG Tutorial {Jenkov.com}
     • SVG Animation {Jenkov.com}
     • SVG & CSS Tutorial {Jenkov.com}
   • W3Schools, SVG Tutorial {W3S}
   • Matthew Bystedt, SVG Tutorial {Apike.ca}
   • Java2s
4. JavaScript APIs
   d3js: Data visualization API {d3js.org}
   • Gallery
   • SVG JavaScript Library: A lightweight library for manipulating and animating SVG {svgjs.com}
5. Online Code Editors
   • CodePen
   • ScriptDraw 2.0
   • Janvas 3.0
   • SVG Edit

Articles

Amelia Bellamy-Royds, How to Scale SVG {CSS-Tricks}

Chris Coyier, Sizing and Scaling SVG, from Practical SVG {AListApart.com}, and Using SVG {CSS-Tricks}

Ian Elliot, SVG, Getting Started with SVG for HTML 5 {i-programmer.info} & JavaScript and the DOM {i-programmer.info}

Scott Murray, D3: An SVG Primer {AlignedLeft.com}

Bibliography

Bellamy-Royds, Amelia, Kurt Cagle, and Dudley Storey. 2016 (forthcoming). Using SVG with CSS3 and HTML 5: Vector Graphics for Web Design. Sebastopol, CA: O'Reilly Media. {O'Reilly}

Dailey, David, Jon Frost and Domenico Strazzullo. 2012. Building Web Applications with SVG. New York: Pearson Education. {GP}

Eisenberg, J. David and Amelia Bellamy-Royds. 2014. SVG Essentials, 2nd ed. Sebastopol, CA: O'Reilly Media. {GB; Code Examples: GitHub}

See also: 1st ed. on O'Reilly Commons

Flanagan, David. 2011. JavaScript: The Definitive Guide: Activate Your Web Pages, 6th ed. Sebastopol, CA: O'Reilly Media. {O'Reilly}

Frain, Ben. 2012. Responsive Web Design with HTML5 and CSS3. Birmingham, U.K.: Packt Publishing Lt. {GB}

Murray, Scott. 2013. Interactive Data Visualization for the Web. Sebastopol, CA: O'Reilly Media. {GB}

Trythall, Joni. Pocket Guide to Writing SVG. Available online at: <http://svgpocketguide.com/book/>.

Updated: May 22, 2017