Book description
You've got data to communicate. But what kind of visualization do you choose, how do you build it, and how do you ensure that it's up to the demands of the Web?
In Data Visualization with JavaScript, you'll learn how to use JavaScript, HTML, and CSS to build the most practical visualizations for your data. Step-by-step examples walk you through creating, integrating, and debugging different types of visualizations and will have you building basic visualizations, like bar, line, and scatter graphs, in no time.
Then you'll move on to more advanced topics, including how to:
- Create tree maps, heat maps, network graphs, word clouds, and timelines
- Map geographic data, and build sparklines and composite charts
- Add interactivity and retrieve data with AJAX
- Manage data in the browser and build data-driven web applications
- Harness the power of the Flotr2, Flot, Chronoline.js, D3.js, Underscore.js, and Backbone.js libraries
If you already know your way around building a web page but aren't quite sure how to build a good visualization, Data Visualization with JavaScript will help you get your feet wet without throwing you into the deep end. Before you know it, you'll be well on your way to creating simple, powerful data visualizations.
Publisher resources
Table of contents
- Copyright
- About the Author
- About the Technical Reviewer
- Acknowledgments
- Introduction
- 1. Graphing Data
-
2. Making Charts Interactive
-
Selecting Chart Content
- Step 1: Include the Required JavaScript Libraries
- Step 2: Set Aside a <div> Element to Hold the Chart
- Step 3: Prepare the Data
- Step 4: Draw the Chart
- Step 5: Add the Controls
- Step 6: Define the Data Structure for the Interaction
- Step 7: Determine Chart Data Based on the Interaction State
- Step 8: Add the Controls Using JavaScript
- Step 9: Respond to the Interaction Controls
- Zooming In on Charts
- Tracking Data Values
- Retrieving Data Using AJAX
- Summing Up
-
Selecting Chart Content
- 3. Integrating Charts on a Page
- 4. Creating Specialized Graphs
-
5. Displaying Timelines
- Building Timelines with a Library
-
Building Timelines with JavaScript
- Step 1: Prepare the HTML Skeleton
- Step 2: Start JavaScript Execution
- Step 3: Create the Timeline in Semantic HTML
- Step 4: Include the Supporting Content
- Step 5: Optionally Take Advantage of jQuery
- Step 6: Fix Timeline Problems with CSS
- Step 7: Add Styles to Visually Structure the Timeline
- Step 8: Add Interactivity
- Using a Web Component
- Summing Up
-
6. Visualizing Geographic Data
- Using Map Fonts
- Working with Scalable Vector Graphics
- Including Maps for Context
-
Integrating a Full-Featured Mapping Library
- Step 1: Prepare the Data
- Step 2: Set Up the Web Page and Libraries
- Step 3: Draw the Base Map
- Step 4: Add the Routes to the Map
- Step 5: Add an Animation Control
- Step 6: Prepare the Animation
- Step 7: Animate the Routes
- Step 8: Create Labels for the Stops
- Step 9: Build the Label Animation
- Step 10: Incorporate Label Animation in the Animation Step
- Step 11: Add a Title
- Summing Up
- 7. Custom Visualizations with D3.js
- 8. Managing Data in the Browser
- 9. Building Data-Driven Web Applications: Part 1
- 10. Building Data-Driven Web Applications: Part 2
- Index
Product information
- Title: Data Visualization with JavaScript
- Author(s):
- Release date: March 2015
- Publisher(s): No Starch Press
- ISBN: 9781593276058
You might also like
book
Deep Learning with JavaScript
Deep learning has transformed the fields of computer vision, image processing, and natural language applications. Thanks …
article
Build an LLM-Powered Intelligent Finance Bot Using Streamlit
These shortcuts delve into generative AI, where algorithms and models create synthetic data, detect anomalies, and …
book
D3.js Quick Start Guide
This book will help you build interactive graphs that are viewable in any web browser using …
book
Data Visualization with Python and JavaScript, 2nd Edition
How do you turn raw, unprocessed, or malformed data into dynamic, interactive web visualizations? In this …