舉報(bào) 
會(huì)員
D3.js Quick Start Guide
D3.jsisaJavaScriptlibrarythatallowsyoutocreategraphsanddatavisualizationsinthebrowserwithHTML,SVG,andCSS.ThisbookwilltakeyoufromthebasicsofD3.js,sothatyoucancreateyourowninteractivevisualizations,tocreatingthemostcommongraphsthatyouwillencounterasadeveloper,scientist,statistician,ordatascientist.ThebookbeginswithanoverviewofSVG,thebasisforcreatingtwo-dimensionalgraphicsinthebrowser.OncethereaderhasafirmunderstandingofSVG,wewilltacklethebasicsofhowtouseD3.jstoconnectdatatoourSVGelements.Wewillstartwithascatterplotthatmapsrundatatocirclesonagraph,andexpandourscatterplottomakeitinteractive.Youwillseehowyoucaneasilyallowtheusersofyourgraphtocreate,edit,anddeleterundatabysimplydraggingandclickingthegraph.Next,wewillexplorecreatingabargraph,usingexternaldatafromamockAPI.Afterthat,wewillexploreanimationsandmotionwithabargraph,andusevariousphysics-basedforcestocreateaforce-directedgraph.Finally,wewilllookathowtouseGeoJSONdatatocreateamap.
目錄(133章)
倒序
- 封面
- Title Page
- Copyright and Credits
- D3.js Quick Start Guide
- Packt Upsell
- Why subscribe?
- Packt.com
- Contributors
- About the author
- About the reviewer
- Packt is searching for authors like you
- Preface
- Who this book is for
- What this book covers
- To get the most out of this book
- Download the example code files
- Download the color images
- Conventions used
- Get in touch
- Reviews
- Getting Started with D3.js
- What is SVG?
- What makes D3 so special?
- This book's approach to learning
- A preview of each build
- Using SVG to create images using code
- Building an interactive scatter plot
- Making a basic scatter plot interactive
- Creating a bar graph using a data file
- Animating SVG elements to create an interactive pie chart
- Using physics to create a force-directed graph
- Mapping
- Setting up
- Summary
- Using SVG to Create Images Using Code
- Base tag
- Basic elements
- Positioning an element
- Styling an element
- Important SVG elements
- Circle
- Line
- Rectangle
- Ellipse
- Polygon
- Polyline
- Text
- Group
- Bezier curves
- Cubic Bezier curves
- Smooth cubic Bezier curves
- Quadratic Bezier curve
- Smooth quadratic Bezier curve
- Drawing a path
- Arcs
- Documentation
- Summary
- Building an Interactive Scatter Plot
- Adding a link to the D3 library
- Adding an<svg>tag and sizing it with D3
- Creating some fake data for our app
- Adding SVG circles and styling them
- Creating a linear scale
- Attaching data to visual elements
- Use data attached to a visual element to affect its appearance
- Creating a time scale
- Parsing and formatting times
- Setting dynamic domains
- Dynamically generating SVG elements
- Creating axes
- Displaying data in a table
- Summary
- Making a Basic Scatter Plot Interactive
- Creating a click handler
- Removing data
- Dragging an element
- Updating data after a drag
- Creating a zoom behavior that scales elements
- Updating axes when zooming and panning
- Updating click points after a transform
- Avoiding redrawing the entire screen during rendering
- Hiding elements beyond an axis
- Summary
- Creating a Bar Graph Using a Data File
- Setting up our application
- Creating an external file to hold our data
- Making an AJAX request
- Writing the basic code
- Handling file access
- Using AJAX data to create SVG elements
- Adjusting the height and the width of the bars
- Adjusting the horizontal and the vertical placement of the bars
- Making the width of the bars dynamic
- Changing the color of the bar based on data
- Adding axes
- Summary
- Animating SVG Elements to Create an Interactive Pie Chart
- Setting up the application
- Create data/configuration variables
- Creating an ordinal scale
- Creating the color scale to map labels to colors
- Setting up the SVG
- Adding paths for each pie segment
- Generating an arc creating function
- Formatting the data for the arc
- Adjusting the position of the pie
- Making a donut graph
- Removing parts of the pie
- Summary
- Using Physics to Create a Force-Directed Graph
- What is a force-directed graph?
- How to set up a graph of relationships
- Display
- Physics
- Setting up the HTML
- Setting up styling for nodes and links
- Setting up the SVG
- Adding data for people
- Adding data for relationships
- Add circles to the SVG
- Adding lines to the SVG
- Creating a simulation
- Specifying how the simulation affects visual elements
- Creating forces
- Summary
- Mapping
- Defining GeoJSON
- Setting up the HTML
- Using a projection
- Generating a path using a projection and GeoJSON data
- Summary
- Other Books You May Enjoy
- Leave a review - let other readers know what you think 更新時(shí)間：2021-07-16 17:37:04
推薦閱讀
- 高效能辦公必修課：Word圖文處理
- Mastering Hadoop 3
- Google Cloud Platform Cookbook
- Mastercam 2017數(shù)控加工自動(dòng)編程經(jīng)典實(shí)例（第4版）
- Dreamweaver 8中文版商業(yè)案例精粹
- 自動(dòng)化控制工程設(shè)計(jì)
- 傳感器技術(shù)應(yīng)用
- C語(yǔ)言開發(fā)技術(shù)詳解
- 軟件構(gòu)件技術(shù)
- R Data Analysis Projects
- Mastering Geospatial Analysis with Python
- 從零開始學(xué)JavaScript
- 工業(yè)機(jī)器人力覺視覺控制高級(jí)應(yīng)用
- 基于Proteus的單片機(jī)應(yīng)用技術(shù)
- Puppet 3 Beginner’s Guide
- 網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)
- 網(wǎng)管員世界2009超值精華本
- Microsoft 365 Mobility and Security：Exam Guide MS-101
- ESP8266 Internet of Things Cookbook
- Practical Data Science Cookbook
- Web Services應(yīng)用開發(fā)
- ABB工業(yè)機(jī)器人應(yīng)用技術(shù)全集
- 實(shí)時(shí)數(shù)據(jù)處理和分析指南
- Hands-On Serverless Computing
- Fedora 31 Essentials
- 模式：工程化實(shí)現(xiàn)及擴(kuò)展（設(shè)計(jì)模式Java 版）
- Machine Learning for Data Mining
- Salesforce CRM Admin Cookbook
- 從計(jì)算機(jī)集成制造到智能制造：循序漸進(jìn)與突變
- Practical Site Reliability Engineering
