This book is for junior-to senior-level frontend and full-stack web developers who are interested in getting to data visualization. The reader needs to have a basic understanding of HTML, CSS, JavaScript, AJAX, and what a server is, in order to be able to work with the code and concepts given in this book.
- Title Page
- Copyright and Credits
- Packt Upsell
- Contributors
- Preface
- Getting Started with D3.js
- Using SVG to Create Images Using Code
- 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
- 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
- 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
- Other Books You May Enjoy
Who this book is for
-
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.