Op werkdagen voor 23:00 besteld, morgen in huis Gratis verzending vanaf €20

Visual Storytelling with D3

An Introduction to Data Visualization in JavaScript

E-book Engels 2014 9780133439656
Verwachte levertijd ongeveer 9 werkdagen

Samenvatting

Data-driven graphics are everywhere these days, from websites and mobile apps to interactive journalism and high-end presentations. Using D3, you can create graphics that are visually stunning and powerfully effective. Visual Storytelling with D3 is a hands-on, full-colour tutorial that teaches you to design charts and data visualizations to tell your story quickly and intuitively, and that shows you how to wield the powerful D3 JavaScript library.

Drawing on his extensive experience as a professional graphic artist, writer, and programmer, Ritchie S. King walks you through a complete sample project—from conception through data selection and design. Step by step, you’ll build your skills, mastering increasingly sophisticated graphical forms and techniques. If you know a little HTML and CSS, you have all the technical background you’ll need to master D3.

This tutorial is for web designers creating graphics-driven sites, services, tools, or dashboards; online journalists who want to visualise their content; researchers seeking to communicate their results more intuitively; marketers aiming to deepen their connections with customers; and for any data visualisation enthusiast.

Coverage includes Identifying a data-driven story and telling it visually Creating and manipulating beautiful graphical elements with SVG Shaping web pages with D3 Structuring data so D3 can easily visualise it Using D3’s data joins to connect your data to the graphical elements on a web page Sizing and scaling charts, and adding axes to them Loading and filtering data from external standalone datasets Animating your charts with D3’s transitions Adding interactivity to visualisations, including a play button that cycles through different views of your data Finding D3 resources and getting involved in the thriving online D3 community

The full text downloaded to your computer

With eBooks you can: search for key concepts, words and phrases make highlights and notes as you study share your notes with friends

eBooks are downloaded to your computer and accessible either offline through the Bookshelf (available as a free download), available online and also via the iPad and Android apps.

Upon purchase, you will receive via email the code and instructions on how to access this product.

Time limit

The eBooks products do not have an expiry date. You will continue to access your digital ebook products whilst you have your Bookshelf installed.

Specificaties

ISBN13:9780133439656
Taal:Engels
Bindwijze:e-book

Lezersrecensies

Wees de eerste die een lezersrecensie schrijft!

Inhoudsopgave

<p style="margin:0px;"></p> <p style="margin:0px;">Foreword&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;xi</p> <p style="margin:0px;">Preface &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;xiii</p> <p style="margin:0px;">Acknowledgments &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;xvii</p> <p style="margin:0px;">About the Author &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;xix</p> <p style="margin:0px;"></p> <p style="margin:0px;" msonormal"="">&nbsp;</p> <p style="margin:0px;">Chapter 1: Visual Storytelling and D3 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1</p> <p style="margin:0px;">Visualization, Visualized &nbsp;&nbsp;1</p> <p style="margin:0px;">Charts Give Data a Form–That Form Tells a Story &nbsp;&nbsp;2</p> <p style="margin:0px;">Quality: It Is All about Content &nbsp;&nbsp;5</p> <p style="margin:0px;">Design: It Is All about Form &nbsp;&nbsp;6</p> <p style="margin:0px;">Visual Storytelling&nbsp; &nbsp;7</p> <p style="margin:0px;">Enter D3&nbsp; &nbsp;7</p> <p style="margin:0px;">Things You Designers Will Love about D3&nbsp; &nbsp;8</p> <p style="margin:0px;">Things You Coders Will Love about D3 &nbsp;&nbsp;8</p> <p style="margin:0px;">Things for Which You Should Not Use D3 &nbsp;&nbsp;9</p> <p style="margin:0px;">Notes on Using D3&nbsp;&nbsp; 9</p> <p style="margin:0px;">Tools You Will Need &nbsp;&nbsp;10</p> <p style="margin:0px;">Summary&nbsp; &nbsp;10</p> <p style="margin:0px;">&nbsp;</p> <p style="margin:0px;">Chapter 2: Finding a Data-Driven Story and Telling It Visually &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;11</p> <p style="margin:0px;">Getting Started&nbsp; &nbsp;11</p> <p style="margin:0px;">Is the World Getting Older? &nbsp;&nbsp;12</p> <p style="margin:0px;">Finding and Inspecting Data &nbsp;&nbsp;13</p> <p style="margin:0px;">Honing the Concept&nbsp; &nbsp;15</p> <p style="margin:0px;">Choosing a Form&nbsp;&nbsp; 17</p> <p style="margin:0px;">The Example We Will Build in This Book &nbsp;&nbsp;27</p> <p style="margin:0px;">Summary&nbsp; &nbsp;29</p> <p style="margin:0px;">&nbsp;</p> <p style="margin:0px;">Chapter 3: Scalable Vector Graphics&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;31</p> <p style="margin:0px;">Peeking under the Hood&nbsp; &nbsp;31</p> <p style="margin:0px;">What Is SVG, Exactly?&nbsp; &nbsp;31</p> <p style="margin:0px;">Playing with Circles in SVG &nbsp;&nbsp;32</p> <p style="margin:0px;">Inspecting SVG in the Web Inspector &nbsp;&nbsp;34</p> <p style="margin:0px;">Styling SVG Elements with CSS &nbsp;&nbsp;35</p> <p style="margin:0px;">Other Shapes 37&nbsp; </p> <p style="margin:0px;">SVG Text&nbsp; &nbsp;41</p> <p style="margin:0px;">SVG Style Properties &nbsp;&nbsp;44</p> <p style="margin:0px;">Drawing Order and Groups &nbsp;&nbsp;47</p> <p style="margin:0px;">Transformations &nbsp;&nbsp;49</p> <p style="margin:0px;">Building a Bar Chart in SVG&nbsp; &nbsp;51</p> <p style="margin:0px;">Summary&nbsp; &nbsp;64</p> <p style="margin:0px;">&nbsp;</p> <p style="margin:0px;">Chapter 4: Shaping Web Pages with D3 Selections &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;65</p> <p style="margin:0px;">Getting Set Up with D3 &nbsp;&nbsp;65</p> <p style="margin:0px;">Making Selections &nbsp;&nbsp;66</p> <p style="margin:0px;">Changing a Selection’s Attributes &nbsp;&nbsp;70</p> <p style="margin:0px;">D3 Strives to be Declarative&nbsp; &nbsp;74</p> <p style="margin:0px;">Chaining Methods &nbsp;&nbsp;74</p> <p style="margin:0px;">Appending New Elements &nbsp;&nbsp;77</p> <p style="margin:0px;">Putting It All Together &nbsp;&nbsp;79</p> <p style="margin:0px;">Selecting Multiple Elements with d3.selectAll() &nbsp;&nbsp;80</p> <p style="margin:0px;">Building a Bar Chart with Selections &nbsp;&nbsp;81</p> <p style="margin:0px;">Summary&nbsp; &nbsp;103</p> <p style="margin:0px;">&nbsp;</p> <p style="margin:0px;">Chapter 5: Data-Joins: Enter &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;105</p> <p style="margin:0px;">What Are Data-Joins?&nbsp; &nbsp;105</p> <p style="margin:0px;">A Conceptual Overview of Data-Joins: Enter &nbsp;&nbsp;106</p> <p style="margin:0px;">Enter and Binding Data &nbsp;&nbsp;107</p> <p style="margin:0px;">Using a Data-Join to Make a Bar Chart &nbsp;&nbsp;111</p> <p style="margin:0px;">Using Anonymous Functions to Access Bound Data &nbsp;&nbsp;115</p> <p style="margin:0px;">Finishing the Rest of the Chart &nbsp;&nbsp;119</p> <p style="margin:0px;">Storing Data in Objects&nbsp; &nbsp;120</p> <p style="margin:0px;">Summary &nbsp;&nbsp;125</p> <p style="margin:0px;">&nbsp;</p> <p style="margin:0px;">Chapter 6: Sizing Charts and Adding Axes &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;127</p> <p style="margin:0px;">Linear Scales &nbsp;&nbsp;127</p> <p style="margin:0px;">Using Smart Margin Conventions &nbsp;&nbsp;132</p> <p style="margin:0px;">Adding Axes&nbsp; &nbsp;135</p> <p style="margin:0px;">Ordinal Scales and Axes &nbsp;&nbsp;144</p> <p style="margin:0px;">Summary &nbsp;&nbsp;156</p> <p style="margin:0px;">&nbsp;</p> <p style="margin:0px;">Chapter 7: Loading and Filtering External Data &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;157</p> <p style="margin:0px;">Building a Graphic that Uses All of the Population Distribution Data &nbsp;&nbsp;157</p> <p style="margin:0px;">Data Formats You Can Use with D3&nbsp; &nbsp;158</p> <p style="margin:0px;">Creating a Server to Upload Your Data&nbsp; &nbsp;159</p> <p style="margin:0px;">D3’s Functions for Loading Data &nbsp;&nbsp;160</p> <p style="margin:0px;">Dealing with Asynchronous Requests&nbsp; &nbsp;165</p> <p style="margin:0px;">Loading and Filtering a Large(r) Data Set &nbsp;&nbsp;171</p> <p style="margin:0px;">Putting It All Together &nbsp;&nbsp;173</p> <p style="margin:0px;">Summary&nbsp; &nbsp;175</p> <p style="margin:0px;">&nbsp;</p> <p style="margin:0px;">Chapter 8: Making Charts Interactive and Animated &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;177</p> <p style="margin:0px;">Data-Joins: Update and Exit&nbsp; &nbsp;177</p> <p style="margin:0px;">Interactive Buttons&nbsp; &nbsp;181</p> <p style="margin:0px;">Updating Charts &nbsp;&nbsp;190</p> <p style="margin:0px;">Adding Transitions &nbsp;&nbsp;193</p> <p style="margin:0px;">Using Keys &nbsp;&nbsp;196</p> <p style="margin:0px;">Summary&nbsp; &nbsp;197</p> <p style="margin:0px;">&nbsp;</p> <p style="margin:0px;">Chapter 9: Adding a Play Button&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;199</p> <p style="margin:0px;">Wrapping the Update Phase in a Function &nbsp;&nbsp;199</p> <p style="margin:0px;">Adding a Play Button to the Page &nbsp;&nbsp;203</p> <p style="margin:0px;">Making the Play Button Go &nbsp;&nbsp;204</p> <p style="margin:0px;">Allowing the User to Interrupt the Play Sequence &nbsp;&nbsp;207</p> <p style="margin:0px;">Summary&nbsp; &nbsp;213</p> <p style="margin:0px;">&nbsp;</p> <p style="margin:0px;">Chapter 10: Striking Out on Your Own&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;215</p> <p style="margin:0px;">This Book is a Foundation for Learning D3 &nbsp;&nbsp;215</p> <p style="margin:0px;">How to Get Unstuck &nbsp;&nbsp;215</p> <p style="margin:0px;">Always Be Coding&nbsp; &nbsp;217</p> <p style="margin:0px;">Summary&nbsp; &nbsp;218</p> <p style="margin:0px;">&nbsp;</p> <p style="margin:0px;">Appendix A: JavaScript for Beginners &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;219</p> <p style="margin:0px;">JavaScript in Brief &nbsp;&nbsp;219</p> <p style="margin:0px;">Your Browser’s JavaScript Console &nbsp;&nbsp;219</p> <p style="margin:0px;">Basic Math, Variables, and Data Types&nbsp; &nbsp;220</p> <p style="margin:0px;">Writing JavaScript in Markup and .js Files &nbsp;&nbsp;223</p> <p style="margin:0px;">Arrays and Objects &nbsp;&nbsp;224</p> <p style="margin:0px;">Methods and Functions &nbsp;&nbsp;227</p> <p style="margin:0px;">If Statements and for Loops &nbsp;&nbsp;228</p> <p style="margin:0px;">Debugging&nbsp; &nbsp;232</p> <p style="margin:0px;">&nbsp;</p> <p style="margin:0px;">Appendix B: Cleaning the Population Distribution Data &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;235</p> <p style="margin:0px;">&nbsp;</p> <p style="margin:0px;">Index&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;255</p> <p style="margin:0px;">&nbsp;</p>

Managementboek Top 100

Rubrieken

Populaire producten

    Personen

      Trefwoorden

        Visual Storytelling with D3