RISP State Profiles FY 2020

Tips for using interactive charts

The interactive charts we use to display data in our RISP State Profiles have a number of excellent features that might not be immediately obvious. We think you'll find them very useful as you think about and use the information displayed within. We've listed the most interesting features below along with instructional images of where to find them (we've included some directional hints for visitors with vision challenges using screen-reading software.)

  1. We think the feature you'll find most immediately useful is the data detail panel that shows when you hover your mouse over (or direct your keyboard focus to) chart elements like bars and data points. You can for example see a detailed breakdown of all the components in a stacked bar chart (figure 1).
  2. Most of the features we want to draw your attention to are found in the interactive chart menu (figure 2). Press the chart menu button to show/hide the list of options.
    • View in full screen: expand the chart to fill your screen.
    • Print chart: print the chart to paper
    • Download the chart as a PNG, JPEG, or SVG vector image. Pro tip: Download the SVG image if you want the highest quality result when you need to resize the image to fit into something like a presentation slide!
    • For the data folks in the audience, you can download the data behind each chart in CSV, and XLS formats.
    • View data table: See a table of the data behind each chart right away (it will show up just below the chart itself)
  3. Click items in the chart legend to toggle them from the chart display, helping you to focus on the parts most important to you.

Figure 1. Detail panel on hover/focus

A mouse pointer hovered over a stacked bar (revealing a detail panel) is circled in red in this image of an example chart.

Hover your mouse or direct your keyboard focus to bars or points to see a handy panel with detailed data.

Figure 2. Location of chart menu

The chart menu button is circled in red in this image of an example chart.

Press the button indicated above to toggle the chart menu.

For our screenreader using friends: as you tab through the chart, the menu is near the beginning just after the legend. Listen for "View chart menu".