Data visualization and catalogue of actual combat works

Chapter XI 1 written in the front of the directory11why do you want to visualize the data 1 1.2 Why do you want to write code 2 1.3 Why do you want to interact 2 1.4 Why do you want to What is Book 3 1.6 Who is the reader 4 1.7 This is not Book 4 1.8 Use sample code 5 1.9 Thank you 6 Chapter 2 Introduction to D3 7 2. 1 D3 Can Do 7 2.2 What D3 Can't Do 8 2.3 Origin and Background 9. 2.4 alternative 10 2.4. 1 simple chart 10 2.4.2 atlas visualization 12 2.4.3 cartography 12 2.4.4 more original scheme13 2.2. Kloc-0/0 16 Tools 14 Chapter III Technical Basis 140 3.2.4 Attributes 22 3.2.5 Classes and ID 22 3.2.6 Notes 23 3.3 DOM 23 3.4 Developer Tools 24 3.5 Rendering and Box Model 26 3.6 CSS 28 3.6 30 3.6.4 Reference Style 30 3.6.5 Inheritance, Cascading and Specificity 32 3.7 JavaScript 34 3.7.1hello, Console 34 3.7.2 Variable 34 3.7.3 Other data types 35 3.7.3 Mathematical operator 39 3.7.4 Comparison operator 39 3.7.5 Control structure 40 3.7.6 Function 42 3.7.7 Note 43 3.7.8 Reference script file 43 3.7.9 JAV JavaScript trap 44 3.8 SVG. . 1 SVG element 48 3.8.2 Simple graphics 49 3.8.3 Add styles to SVG elements 5 1 3.8.4 Layering and drawing order 53 3.8.5 Transparency 54 3.9 About compatibility 56 Chapter 4 Installation D 3 59 4. 1 Download D3 59 4.2 Refer to D3 60 4.3 to configure the Web server 6 1 4 Chapter 5 data 63 5. 1 generate page elements 63 5. 1 connection method 65 5. 1.2 Divide and conquer 66 5. 1.3 Smooth switching 66 5. Paste 67 5.2 binding data 67 5.2. 1 How to bind 67 5.2.2 data 68 5.2.3 Make a choice 7 1 5.2.4 Binding and determining 72 5.3 Use your own data 75 5.3. 1 user-defined function 75 5.3.2 Data needs to be embraced. 76 5.2.3 Adding Styles 77 Chapter VI Drawing Div 79 6. 1 Drawing Based on Data 79 6. 1 Setting Attributes 80 6. 1.2 Let's get down to business about class 8 1 6. 1.3. The Magic of Setting Styles 82 6.2 Data () 83 6.3 Drawing SVG 86 6.3. 1 Creating SVG 87 6.3.2 Data-driven Graphics 88 6.3.3 Hello, Color 90 6.4 Draw a bar chart 90 6.4. 1 Bar chart generated by the old method 90 6.4.2 Improve the bar chart 9 1 6.4.3 Color 96 6.4.4 Label 98 6.5 Draw a scatter chart 650 6.5.2 Scatter chart 1 0/kloc-. 02 6.5.4 Label 103 6.6 Go up the stairs 105 Chapter 7 Scale 107 7. 1 Apple and Pixel 65438. And the range 108 7.3 normalization 109 7.4 create scale 109 7.5 zoom scatter plot1107.5.1d3.min () and d3.max (). 1 10 7.5.2 Set dynamic zoom 1 12 7.5.3 Integrated zoom value127.6 Layout chart1137.3. +0 17 Chapter VIII Axis 1 19 8. 1 introduction of axis1kloc-0/98.2 Setting axis 120 8.3 Trimming axis12. 38+025 8.6 The final modification 126 8.7 defines the style of scale label 128. Chapter IX Update. Transition and animation 129 9. 1 update bar chart 129 9. 1 ordinal scale 130 9. 1.2 automatic grading1329./kloc-0. .4 other updates 133 9.2 update data 133 9.2. 1 interact through event listeners 134 9.2.2 change data 135 9.2.3 update visual elements135 9. 5438+0 duration 139 9.3.2 slow function 140 9.3.3 delay time 14 1 9.3.4 update the scale with random data145 9.3.5/kloc. .7 Execute operation 149 9.4 Other data updating methods 156 9.4. 1 Add value (sum element) 156 9.4.2 Delete value (sum element)1619. Add/Delete Combination Boxing 169 9.4.5 Brief Review 170 Chapter 10 Interaction Diagram 17 10. 1 Binding Event Listener171 10.3 group SVG elements 177 10.4 prompt bar 182 10.4. 1 browser default prompt bar18210.4. Div prompt bar 185 10.5 Adapting to touch devices 188 10.6 Further 188 Chapter10/Pie chart. 38+0 1.2 stacking layout 194 1.3 force-oriented layout 197 chapter 12 map 203 12. 1 JSON and geojson203/kloc. 3 Projection 206 12.4 Equivalent area 208 12.5 Add anchor point 2 12.6 Obtain and analyze map data 2 15 12.6. 1 Find shapefile file 215/. 2 Select the resolution of 2 16 12.6.3 to simplify the data file 2 17 12.6.4 and convert it into GeoJSON 2 18 chapter 13 export file 221/. 438+03.2 Export PDF 222 13.3 Export SVG 223 Appendix A Extended Reading 227 A. 1 Books 228 A.2 Website 228 A.3 Twitter 229