Building Web Applications with SVG - Cdn.oreilly.com

More documents

Recommendations

Info

Summary. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .190 Chapter 6 SVG Tools and Resources 191 Libraries .......................................................192 SVG Native JavaScript Libraries ...................................193 D3: Data-Driven Documents ................................193 Pergola ...................................................198 Raphaël ..................................................199 Polymaps .................................................200 carto:net ..................................................200 Legacy HTML Libraries ...........................................200 jQuery ...................................................200 Dojo .....................................................201 Sencha ...................................................201 Drawing Tools and Utilities .......................................201 Adobe Illustrator ..........................................201 Inkscape ..................................................204 Scour .....................................................205 SVG-Edit ..................................................206 Other Useful Tools ..............................................206 Mugeda . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .206 Pilat ......................................................206 SVG Editor ...............................................206 SVG Drawing Tool .........................................207 Grapher ..................................................207 SCION ....................................................207 Extension Tools .................................................207 Batik .....................................................207 SmilScript and FakeSmile ...................................208 ...............................................209 Integrated Development Environments ............................210 Oxygen ...................................................210 Adobe Dreamweaver .......................................210 HTML-Kit .................................................211 Contents xi
xii Contents Other Useful Information ...................................211 Other Tools That Support SVG ...............................211 Miscellaneous ..................................................212 Wikimedia and Wikipedia ...................................212 The Open Clip Art Library ...................................212 The OpenStreetMap Project .................................213 Summary. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .213 Chapter 7 Building a Web Application: Case Studies 215 About Pergola ..................................................216 D3 Review ......................................................218 Polymaps ......................................................218 Interactive Multiple Documents Application ........................218 Encapsulating the Stream Example ...........................219 Adding Interactivity to the D3 Stream Window ................222 The Transitions Menu ......................................223 The Transition Tool Button ..................................224 Encapsulating the Force Example ............................228 Improving the Application Design ...........................233 Running in an HTML and SVG Context .......................234 Mapping Application ............................................235 The Menus ................................................237 Adding Map Features ......................................242 GeoJSON .................................................242 Adding Tools ..............................................246 The Complete Code ........................................247 Summary. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .254 Index 255
Page 2 and 3: Want to read more? Microsoft Press
Page 4 and 5: Contents Introduction .............
Page 6 and 7: Chapter 3 Adding Text, Style, and T
Page 10 and 11: CHAPTER 1 SVG Basics I decided that
Page 12 and 13: the Why Some of the advantages of S
Page 14 and 15: Getting Started: A Simple Overview
Page 16 and 17: Here’s how it’s done: ■■ Th
Page 18 and 19: example 3: Simple Animation (Just 3
Page 20 and 21: Here’s how it’s done: ■■ Cr
Page 22 and 23: example 6: Animated text Crawling A
Page 26 and 27: example 10: Using to Simulate Digi
Page 30 and 31: Diving In: A Step-by-Step Approach
Page 32 and 33: The xmlns attribute (which appears
Page 34 and 35: 4. Change the code so that just the
Page 36 and 37: tip Until we introduce the full ran
Page 38 and 39: The preceding code introduces a new

Building Web Applications with SVG - Cdn.oreilly.com

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?