Index

A

• area chart
  • about / Understanding area and stacked area charts
  • creating / Creating an area chart
• area charts
  • variation, stacked area chart / Understanding area and stacked area charts

B

• background color
  • changing, of chart / Changing the background color of our chart
• bar chart
  • using / Building bars of data
  • customizing / Adding styles to our bar chart
  • creating, with multiple data series / Creating charts with multiple data series
  • benefit / Creating charts with multiple data series
  • animating / Animating bar charts with varying speeds
  • negative colors, setting on / Setting negative colors on a bar chart
• barMargin, bar chart / Adding styles to our bar chart
• bars of data
  • building / Building bars of data
• benefits, DRY code
  • obtaining / Reaping the benefits of the DRY code
• block plot
  • building / Building a block plot
• body, candlestick chart / Explaining candlestick charts
• bubble chart
  • about / Understanding bubble charts
  • building / Building a bubble chart

C

• calculate function / Building a pie chart with empty wedges
• candlestick chart
  • about / Explaining candlestick charts
  • creating, with filtered data / Building a candlestick chart with filtered data
• canvasAxisTickRenderer plugin / Adding styles to our bar chart
• canvas elements
  • versus CSS / Canvas versus CSS
  • adding / Adding extra canvas elements
• canvasTextRenderer plugin / Adding styles to our bar chart
• chart
  • building, dynamically on page load / Dynamically building our chart when the page loads
  • background color, changing / Changing the background color of our chart
  • combining, objects used / Using objects to piece together our chart
• chart components
  • reviewing / Reviewing the components of a chart
• charts
  • nailing down, for dashboard / Nailing down the charts for our dashboard
  • combining, into dashboard / Combining four charts into a dashboard
• chart types
  • about / Deciding on new chart types
  • bubble chart / Understanding bubble charts
  • block plot, building / Building a block plot
  • waterfall chart / Understanding waterfall charts
• colored candlestick chart
  • zooming / Zooming in on a colored candlestick chart
• compact bar chart
  • creating / Making our chart compact
  • axis labels, removing / Removing axis labels and adding point labels
  • point labels, adding / Removing axis labels and adding point labels
  • threshold, adding / Adding a threshold to our chart
• CSS
  • versus canvas elements / Canvas versus CSS
• cursor
  • connecting, with legend / Connecting the cursor with the legend
• cursor lines
  • adding / Making the tooltip follow the mouse and adding cursor lines, Pushing the limits of the cursor plugin
• cursor plugin
  • used, for viewing chart data / Using the cursor plugin to see the data behind our charts
  • testing, on chart / Pushing the limits of the cursor plugin
• cursor tooltip usage
  • donut chart, modifying for / Modifying our chart to use the cursor tooltip

D

• D3.js / Getting a promotion
• dashboard
  • charts, nailing down for / Nailing down the charts for our dashboard
  • charts, combining into / Combining four charts into a dashboard
• dashboard version 3 / Dashboard Version 3
• data array
  • modifying / Modifying the data array and the tooltip
• data point count, trend lines
  • increasing / Increasing the number of data points
• dataPull function / Dynamically building our chart when the page loads
• data renderer
  • extending / Extending the data renderer
• datasets
  • expanding, with event handler / Expanding our datasets with event handlers
• dates
  • displaying, on x axis / Using dates for the x axis
• defaultBarObj function / Creating a divisional dashboard
• divisional dashboard
  • creating / Creating a divisional dashboard, Digesting our work
  • extending / Extending the divisional dashboard
  • version 3 / Dashboard Version 3
• divisional pie charts
  • creating, with product category revenue / Creating a pie chart for each division with product category revenue
• donut chart
  • working on / Defining donut charts
  • building, for web browser usage display / Building a donut chart to show web browser usage
  • modifying, for cursor tooltip usage / Modifying our chart to use the cursor tooltip
• donut renderer plugin
  • modifying / Modifying an existing plugin
• drawImage method / Adding extra canvas elements

E

• employee stock option plan
  • viewing / Looking at the employee stock option plan
• empty wedges
  • pie chart, building with / Building a pie chart with empty wedges
• event handler
  • used, for expanding datasets / Expanding our datasets with event handlers
  • adding, to stacked area chart / Adding an event handler for our stacked area chart

F

• fill
  • adding, between two lines / Adding a fill between two lines
• formatString option / Using dates for the x axis
• functionality, pie chart
  • adding / Styling our chart and adding functionality

G

• gap
  • filling, in between two lines / Adding a fill between two lines
• getQueryStringVar function / Adding trend lines to selected product categories

H

• highlighter plugin
  • about / Using the highlighter plugin
  • using / Using the highlighter plugin
  • extending, to legend / Extending the highlighter plugin to the legend
• horizontal bar chart
  • about / Turning our chart on its side
  • using / Turning our chart on its side
• HTML5 site
  • URL / Dashboard Version 3

I

• insideGrid option / Adding a legend

J

• jqPlot
  • benefit / Getting a promotion
• jqPlot, parameters
  • url / Working with remote data sources
  • plot / Working with remote data sources
  • options / Working with remote data sources
• jqPlot chart
  • creating / Creating a jqPlot chart

L

• legend
  • adding / Adding a legend
  • line, adding / Adding line and marker options
  • marker options, adding / Adding line and marker options
  • cursor, connecting with / Connecting the cursor with the legend
  • highlighter plugin, extending to / Extending the highlighter plugin to the legend
• line chart
  • used, for extracting data from other sources / Working with remote data sources
  • animating / Animating line charts

M

• meter gauge chart
  • creating, with Wi-Fi users / Creating a meter gauge chart with Wi-Fi users
  • refreshing, from remote data / Refreshing our chart from remote data
• multiple data series
  • adding / Adding multiple data series
  • multiple y axes, adding / Adding multiple y axes
  • used, or creating bar chart / Creating charts with multiple data series
• multiple y axes
  • adding, on multiple data series / Adding multiple y axes

N

• negative colors
  • setting, on bar chart / Setting negative colors on a bar chart

O

• OAuth
  • URL / Working with remote data sources
• objects
  • used, for combining chart / Using objects to piece together our chart
• OHLC chart
  • about / Explaining OHLC charts
  • building, with previous quarter’s data / Building an OHLC chart with last quarter's stock data
• outsideGrid option / Adding a legend
• outside option / Adding a legend
• overlayLogo function / Adding extra canvas elements

P

• padMax option , bar chart / Adding styles to our bar chart
• padMin option , bar chart / Adding styles to our bar chart
• pad option, bar chart / Adding styles to our bar chart
• parseBrowsers function / Building a donut chart to show web browser usage
• pie chart
  • limitations / Limitations of pie charts
  • creating, with multiple data points / Making a pie chart with many data points
  • styling / Styling our chart and adding functionality
  • functionality, adding / Styling our chart and adding functionality
  • building, with empty wedges / Building a pie chart with empty wedges
  • creating, with product category revenue / Creating a pie chart for each division with product category revenue
  • donut chart / Defining donut charts
• product category
  • trend lines, adding to / Adding trend lines to selected product categories

R

• remote data array
  • values, adding / Modifying the data array and the tooltip
• remote datasets
  • modifying, with replot method / Using the replot method to change remote datasets
• remote data sources
  • working with / Working with remote data sources
  • project’s scope, adding / Adding to the project's scope
• renderers
  • mixing / Mixing renderers
• replot method
  • used, for modifying remote datasets / Using the replot method to change remote datasets
  • used, for building chart dynamically / Dynamically building our chart when the page loads
• reusable plot objects
  • creating / Creating reusable plot objects

S

• scatterplot charts
  • about / Understanding scatterplot charts
  • creating / Creating a scatterplot chart
• second xaxis
  • using / Using the second xaxis and smoothing lines
• shadows, candlestick chart / Explaining candlestick charts
• smoothing lines
  • using / Using the second xaxis and smoothing lines
• stacked area chart
  • event handler, adding to / Adding an event handler for our stacked area chart
• stacked area charts
  • about / Understanding area and stacked area charts
  • creating, with revenue / Creating a stacked area chart with revenue
• stacked bar chart
  • using / Using a stacked bar chart to make our data easier to read
  • limits / Understanding the limits of data

T

• tail, candlestick chart / Explaining candlestick charts
• tooltip
  • following, cursor / Making the tooltip follow the mouse and adding cursor lines
  • adding, to canvas overlay lines / Adding tooltips to canvas overlay lines
• trendline option
  • setting / Adding trend lines
• trend lines
  • calculating / Understanding trend lines
  • adding / Adding trend lines
  • data points count, increasing / Increasing the number of data points
  • adding to product category / Adding trend lines to selected product categories

W

• waterfall chart
  • requisites, gaining / Gaining our next set of requirements
  • about / Understanding waterfall charts
  • creating / Creating a waterfall chart showing expenses against revenue
• web browser usage
  • displaying / Building a donut chart to show web browser usage
• Wi-Fi users
  • used, for creating meter gauge chart / Creating a meter gauge chart with Wi-Fi users
• wick, candlestick chart / Explaining candlestick charts

X

• x axis
  • dates, displaying on / Using dates for the x axis
• x value
  • passing in / Passing in both x and y values

Y

• y value
  • passing in / Passing in both x and y values