Custom Visualization

  • 1 minute(s) read
Prev Next

Catchpoint provides several standard visualizations which you can use to view data generated by your monitors, but if none of those meets a specific need, you can also create your own Custom Visualizations using any of several popular libraries, including D3, Dygraphs, Plotly, Rickshaw, and nvd3. Once published, Custom Visualizations can be used in your Dashboard Widgets and may be enabled for Explorer as well.

Creating Custom Visualizations

  1. Navigate to the Analysis section and select Custom Visualization
  2. Click New to create a new Custom Visualization
    The left side of the screen contains all of the configuration fields for your custom visualization, and, the right side contains. On the right you can select a data source and preview the visualization. ****
    image.png
  3. Complete each of the configuration sections:
    • Basic Properties
      1. Input a Visualization Name
      2. Input a Description (optional)
      3. Select a Chart Icon to represent this visualization within the portal.
      4. If desired, check the box labelled Include in Explorer. If this is left unchecked, the visualization will only be available in Dashboards.
    • Data Source
      1. Select what type of Data Source (Synthetic or RUM) this visualization will support.
      2. If you select Synthetic, then also select whether you want to get Raw data, vs using aggregated data.
    • Visualization Settings
      1. Select a Metric Limit (the maximum number of metrics that may be displayed in the visualization.)
      2. If desired, set specific Dimensions, Column By, and/or Breakdown by options. (The default for all three is "any," which means the user may choose from any of the options when viewing the visualization.)
    • Script
      1. Select the library your visualization will use
      2. Input the script that will generate the visualization.
  • Preview your visualization in the Preview Data pane on the right, by selecting a data source and making any desired configuration settings, then clicking Update.
  • When done, click a Save option in the upper left:
    • Save as Draft - save your work without publishing the visualization
    • Save and Publish - make the visualization available for use in the Portal.

For custom visualization examples, check out the JSFiddles for sparkline and KPI visualizations. To learn more about the objects and methods associated with creating custom visualizations, consult this knowledge base article.

Need help creating a custom visualization? Catchpoint Professional Services can help! Please reach out to your Account Executive or Customer Success Manager.