Your data. Anywhere you go.

New Relic for iOS or Android

Download on the App Store    Android App on Google play

New Relic Insights App for iOS

Download on the App Store

Learn more

Close icon

Customer Journey Nerdpack



A Customer Journey Custom Application

This Customer Journey application is like a NRQL funnel query on steroids. The Nerdpack is designed to allow devops teams, product manager, and digital marketers to examine a number of pre-defined measures in a side-by-side comparison between cohorts (columns) of users through a set of steps (rows).

  • Rows = Steps
  • Columns = Series
  • Measures = Stats

The application does this through a few visualizations.

Multi-series Funnel

It leverages a nr1-funnel-component . This visualization combines a 3rd party funnel library with the NR1 NerdGraphQuery component to execute three New Relic NRQL queries in the same GraphQL request and align the results into one data set that is delivered to the funnel visualization.

Data panels

For each row (Step) and column (Series), the Nerdpack renders a set of measurements (Stat). Those calculations can apply KPI thresholds to color-code the information. Each panel is also clickable , leading to a more detailed overview.

Detail Nerdlet

For any Journey , Series , and Step , there’s a Nerdlet that will display the more detailed KPI’s as well as timeseries view of the the given Stats for the selected row and column.

Configuring this Nerdpack

See for detailed instructions on the capabilities of each portion of the journeyConfig.js. Also look at the examples directory for inspiration.

Clone This Nerdpack

git clone
cd nr1-customer-journey
nr1 nerdpack:uuid -gf
npm install
npm start

Visit, navigate to the Nerdpack, and :sparkles:

The full Customer Journey GitHub repository and README can be found here.

Happy Nerd-ing! :nerd_face:

FutureHack Nerdpack Contest - Win an iPad!

Hey, this is pretty cool. A few questions/comments:

  1. We set up two journeys in config file, but only the first one is always displayed. Each one as works when it is the only one in the file, but when there are tow - we can switch to second in the UI but we still see the first one only. Should it work with multiple journeys?

  2. We use non Latin characters in series label (for example changing “All users” to “Все посетители” we receive an error in the NR1 UI (“something went wrong”) but no errors in console. In KPI Description non Latin characters cause no issues.

  3. Look like only Page Views KPI is highlighted in red/green. For example error rate is not highlighted in red, even when threshold is exceeded (this is true even for demo screenshots and assuming default config is used).


@protosecurity, thanks for this post. They’re three issues that require attention. Thank you.

  1. That’s been fixed in the latest version now available.
  2. Ditto here. The fix has been posted with the latest version. It was actually a bug in the underlying nr1-funnel-component and the way it was dealing (not dealing) with unicode characters in GraphQL.
  3. Again, thanks for the notice. The logic was wrong. It’s fixed. Cheers to that.

The latest version of the nr1-customer-journey (0.1.7) has all three of these fixes.

FWIW, I’d love to get your participation / contribution in the project. As you discover/find issues, feel free to fork and give the project a PR.


Hi, thank you fo fixing this so fast. Some additional comments:

  1. Two journeys now work, we can switch between them and the data on the right hand side changes. However, in first journey we have 5 steps, in second - only 3, and the funnel image still shows 5 steps even for journey 2.

  2. Fixed now.

  3. We see the error rate is highlighted, but the average duration and 99 percentile are not.


Also, now the funnel itself is always looking very strange :roll_eyes:

It now always shows 33%/33%/33% on each funnel step.


I found another issue with the funnel construction that was an error (part of my solution to the unicode characters was wrong). The funnel issue is addressed in 0.1.8.


Specifically the issue on the funnel always showing 33%. :man_facepalming:



I am having trouble getting the customer journey to pull in the app information. I know I have everything labelled correctly and mapped to the right data but it’s still showing up as 0 for all the fields. Any ideas what I could be missing?


@andrewnguyen is the account where the data resides in the same family of accounts/subaccounts as the account to which the Nerdpack was deployed?