Free Sample
+ Collection

Learning jqPlot

Scott Gottreu

Learn how to create your very own rich and intuitive JavaScript data visualizations using jqPlot
RRP $19.99
RRP $31.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781783981168
Paperback240 pages

About This Book

  • Learn the fundamentals and applications of jqPlot as you work as a data analyst for a fictional consumer electronics company
  • Build on and extend the examples that you follow throughout the book and build your own complex and interesting charts
  • Accessible for anyone as knowledge of similar tools such as Highcharts isn't required

Who This Book Is For

If you are a developer with a good understanding of JavaScript and jQuery and have been burdened with the task of analyzing and presenting some data, this book will provide you with the start you need to create some very attractive data visualizations.

Table of Contents

Chapter 1: Getting Started
Reviewing the components of a chart
Getting a promotion
Creating a jqPlot chart
Passing in both x and y values
Using dates for the x axis
Adding multiple data series
Adding a legend
Learning questions
Chapter 2: More Line Charts, Area Charts, and Scatter Plots
Working with remote data sources
Adding a fill between two lines
Understanding area and stacked area charts
Creating an area chart
Creating a stacked area chart with revenue
Understanding trend lines
Adding trend lines
Understanding scatterplot charts
Extending the data renderer
Creating a scatterplot chart
Learning questions
Chapter 3: Bar Charts and Digging into Data
Building bars of data
Adding styles to our bar chart
Creating charts with multiple data series
Adding trend lines to selected product categories
Expanding our datasets with event handlers
Adding an event handler for our stacked area chart
Learning questions
Chapter 4: Horizontal and Stacked Bar Charts
Turning our chart on its side
Removing axis labels and adding point labels
Adding a threshold to our chart
Learning questions
Chapter 5: Pie Charts and Donut Charts
Limitations of pie charts
Making a pie chart with many data points
Styling our chart and adding functionality
Building a pie chart with empty wedges
Creating a pie chart for each division with product category revenue
Building a donut chart to show web browser usage
Learning questions
Chapter 6: Spice Up Your Charts with Animation, Tooltips, and Highlighting
Using the cursor plugin to see the data behind our charts
Making the tooltip follow the mouse and adding cursor lines
Connecting the cursor with the legend
Using the highlighter plugin
Extending the highlighter plugin to the legend
Animating line charts
Animating bar charts with varying speeds
Learning questions
Chapter 7: Stock Market Charts – OHLC and Candlestick Charts
Looking at the employee stock option plan
Explaining OHLC charts
Explaining candlestick charts
Building an OHLC chart with last quarter's stock data
Building a candlestick chart with filtered data
Zooming in on a colored candlestick chart
Adding tooltips to canvas overlay lines
Modifying the data array and the tooltip
Learning questions
Chapter 8: Bubble Charts, Block Plots, and Waterfalls
Creating a waterfall chart with expenses against revenue
Building a bubble chart
Building a block plot
Understanding waterfall charts
Creating a waterfall chart showing expenses against revenue
Learning questions
Chapter 9: Showing Real-time Data with Our Charts
Creating a meter gauge chart with Wi-Fi users
Refreshing our chart from remote data
Using the replot method to change remote datasets
Dynamically building our chart when the page loads
Learning questions
Chapter 10: Beautifying and Extending Your Charts
Nailing down the charts for our dashboard
Changing the background color of our chart
Canvas versus CSS
Using the second xaxis and smoothing lines
Setting negative colors on a bar chart
Creating reusable plot objects
Using objects to piece together our chart
Reaping the benefits of the DRY code
Learning questions
Chapter 11: Bringing it All Together
Combining four charts into a dashboard
Creating a divisional dashboard
Mixing renderers
Adding extra canvas elements
Modifying an existing plugin
Learning questions

What You Will Learn

  • Make basic line graphs, bar charts, and pie charts
  • Create functions to parse various JSON objects to build datasets
  • Customize the style of your charts to create your own personal designs
  • Update your charts with live data using AJAX calls
  • Build waterfall, block, and OHLC charts
  • Increase the functionality of your charts by building event handlers
  • Add plugins to make the data more accessible

In Detail

jqPlot is a charting and plotting plugin for the jQuery framework with numerous chart style options, and is a great tool to build data visualizations. Using jqPlot, you can create bar charts, pie charts, and even stock market charts. It is more than just a plugin for jQuery; you can design, build, and integrate graphs in a far more straightforward manner than popular feature-rich options such as Highcharts.

This book empowers you to create highly-customized charts and graphs that present your data in a visually appealing and analytic manner. Starting with a basic line graph, you'll cover the other standard charts as well as some of the not-so-standard ones. If you want to be leaps and bounds ahead of your colleagues when it comes to developing graphs and charts for your web applications, this book is the answer.


Read More