舉報(bào)

會(huì)員
Expert Data Visualization
最新章節(jié):
Summary
ThetypicaltargetaudienceofthisbookisJavaScriptdevelopers,designers,andvisualartistswhohavesomebasicJavaScriptprogrammingknowledgeandwhonowwanttomasterpro-leveltechniquestocreateinteractivedatavisualizationsusingwebstandardswhichworkondesktopaswellasmobiledevices.
目錄(225章)
倒序
- 封面
- 版權(quán)信息
- Copyright
- Credits
- About the Author
- About the Reviewer
- www.PacktPub.com
- Customer Feedback
- Preface
- What this book covers
- What you need for this book
- Who this book is for
- Conventions
- Reader feedback
- Customer support
- Downloading the example code
- Downloading the color images of this book
- Errata
- Piracy
- Questions
- Getting Started with D3
- What is D3?
- Setup of this book
- Installing an editor
- Getting the sources and setting up a web server
- Setting up the local web server
- Basic HTML template
- How does D3 work?
- Creating a group element
- Adding rectangles to the group element
- Creating dummy data
- Binding the data and updating existing rectangles
- Adding new rectangles if needed
- Removing elements which aren't needed anymore
- Visualizing our first data
- Sanitizing and getting the data
- Creating the visualization
- Loading CSV data with D3
- Grouping the loaded data so we only have the top 10 names for both sexes
- Adding group elements
- Adding the bar chart and baby name
- Adding some CSS classes to style the bars and text elements
- Adding the axis on the top and bottom
- Summary
- Basic Charts and Shapes
- How long have American firms been in business visualized with pies and donuts
- Get and cleanup the data
- Creating the donut
- Loading the data
- Adding the dropdown
- Standard setup helper objects and a gray donut
- Color interpolation and color schemes
- Create the background donut
- Individual donut segments
- Adding text legends
- Add the lines from the donut to the text
- Making the donut respond to mouse events
- Line charts that show income growth
- Loading the data and setting up D3 scales
- Adding the index line and area gradients
- Adding the income line
- Adding the axes
- Adding an x-axis with years
- Adding a y-axis with absolute income
- Adding the y-axis with the index values and the horizontal marker lines
- Tracking the mouse
- Population growth estimates using a stacked graph
- Getting and sanitizing the data
- Creating the stacked area chart
- Creating the stacked bar chart
- Summary
- Working with Hierarchical Data
- Tree-based visualizations
- Getting and sanitizing the data
- Normal tree
- Converting data into a hierarchical data structure
- Using D3 build-in functionality to create a tree
- Drawing the tree elements
- Adding panning and zooming to the visualization
- Radial tree
- Loading the data
- Setting up a color scale
- Rendering the lines nodes and text elements
- Adding the animations
- Animating the treemap on initial load
- Animating hiding a node
- Treemap and partition
- Loading the country data
- Setting up coloring and draw a legend
- Drawing and animating the rectangles
- Add the text elements
- Setting up the popup
- Adding the click event listener to switch the value shown
- Alternative visualizations using partition and pack layouts
- Data visualized using a partition layout
- Data visualized using a pack layout
- Summary
- Visualizing Graphs
- Force layout
- Getting the raw Simpsons data
- Getting the relevant information from the database
- Converting the data from the database
- Creating the force layout
- Loading the fonts setting up the title and loading the Simpsons logo
- Setting up the force simulation
- Loading the data and drawing the circles and the lines
- Running the simulation
- Adding images to the circles for the characters
- Adding a mouseover effect for selecting and dragging.
- Bubble chart
- Getting the data
- Create the bubble chart
- Loading and preparing the data
- Setting up the simulation
- Adding the nodes and running the simulation
- Adding the legend
- Adding interactivity
- Chord diagram
- Preparing the data
- Loading and converting the data in D3
- Create a chord diagram from the data
- Adding a mouseover effect
- Matrix diagram
- Setting up the data and the standard D3 components
- Filling the matrix with data
- Drawing the visualization
- Add mouse handlers
- Summary
- Working with Geo Data
- Elections 2016 choropleth
- Preparing data
- Getting the geometries from the US Census Bureau and exploring these in QGIS
- Converting the data to TopoJSON
- Getting the results per county
- Drawing the visualization
- Earthquake data on a flat map
- Getting the data
- Create the visualization
- Loading the data
- Rendering the map
- Rendering the earthquake circles
- Connect the html elements
- Fix clipping
- Rotating the world globe
- Getting and sanitize the data
- Render the visualization
- Render the globe on a HTML canvas
- Setting up the HTML page and the output elements
- Loading the data and drawing the map
- Handle the drag event
- Render the legend
- Summary
- Visualizing Streaming Data
- Simple streaming line
- Setting up scales
- Collecting mouse data
- Setting up the animations and the graphs
- Clip path and extra information
- Heart rate and respiratory monitoring
- Getting the sample data
- Setting up the WebSocket server
- Creating the visualization
- Scales lines and array initialization
- Loading the images and setting up the WebSocket connection
- Handling the update from the server
- Random data-driven streamgraph
- Random data WebSocket server
- Creating a streamgraph
- Setting up the scales and the generators
- Defining the data and the transition
- Visualizing Meetup.com RSVP data on a map
- Drawing the map
- Connecting to the Meetup WebSocket
- Showing the information on the map
- Summary
- Voronoi Diagrams and Heatmaps
- Simple Voronoi diagram
- Voronoi based on a list of airports
- Prepare the data
- Show the points on the map
- Create the geo Voronoi
- Generative art with nested Voronoi diagrams
- Set up the Voronoi
- Render the first layer
- Recursively creating Voronoi diagrams
- Heatmap showing swearword usage in movies
- Preparing the data
- Rendering the heatmap
- Create the heatmap
- Add the minutes information
- Provide the legend
- Summary
- Custom Shapes and Paths and Using a Brush Selection
- Symbols supported in D3
- Using d3.path to draw paths
- Drawing using the path API
- Animating along a line
- Exporting visualizations
- Exporting visualizations as PNG
- Custom export styles
- Converting the SVG element to a string
- Using the canvas to get a PNG file
- Saving the image
- Exporting visualizations as SVG and importing them in an external program
- Importing SVG from Inkscape and use in D3
- Using brushes to select elements
- Summary
- ES6 TypeScript and External D3.js Libraries
- Using D3 with ES6 and TypeScript
- D3 and ES6
- Importing modules
- Arrow functions and method shorthand
- Block-scoped binding constructs (let + const)
- String interpolation
- D3 and TypeScript
- Using types in your editor
- Preventing errors with compile-time checking of types
- Handling complex type signatures
- Creating classes is easy
- External charting libraries
- Dimple.js
- MetricsGraphics.js
- C3
- nvd3
- Summary 更新時(shí)間:2021-07-09 18:23:27
推薦閱讀
- 潮流:UI設(shè)計(jì)必修課
- Learning Informatica PowerCenter 10.x(Second Edition)
- 零基礎(chǔ)學(xué)Java(第4版)
- Learning Data Mining with R
- Java Web程序設(shè)計(jì)任務(wù)教程
- OpenStack Orchestration
- PySpark Cookbook
- Express Web Application Development
- 第一行代碼 C語(yǔ)言(視頻講解版)
- 搞定J2EE:Struts+Spring+Hibernate整合詳解與典型案例
- PowerDesigner 16 從入門到精通
- .NET 4.0面向?qū)ο缶幊搪劊簯?yīng)用篇
- Go Systems Programming
- Isomorphic Go
- Extending Docker
- ASP.NET本質(zhì)論
- Cloud Development andDeployment with CloudBees
- 匯編語(yǔ)言程序設(shè)計(jì)
- 開源心法
- Ionic Cookbook
- IBM Cognos 10 Report Studio Cookbook(Second Edition)
- Applied Supervised Learning with Python
- Build Gamified Websites with PHP and jQuery
- Moodle Course Design Best Practices(Second Edition)
- Java從入門到項(xiàng)目實(shí)戰(zhàn)(全程視頻版)
- React Native By Example
- 算法小時(shí)代:從數(shù)學(xué)到生活的歷變
- Android模塊化開發(fā)項(xiàng)目式教程(Android Studio)
- Building Websites with the ASP.NET Community Starter Kit
- Red Hat Enterprise Linux Server Cookbook