Skip to content

Commit

Permalink
feat: upgrade project metadata for catalog
Browse files Browse the repository at this point in the history
  • Loading branch information
Daniel Golden committed Mar 31, 2020
1 parent fe3b3a3 commit 25388bb
Show file tree
Hide file tree
Showing 7 changed files with 153 additions and 4 deletions.
6 changes: 4 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
[![New Relic One Catalog Project header](https://github.com/newrelic/open-source-office/raw/master/examples/categories/images/New_Relic_One_Catalog_Project.png)](https://github.com/newrelic/open-source-office/blob/master/examples/categories/index.md#nr1-catalog)

# nr1-customer-journey
[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors)

Expand All @@ -22,13 +24,13 @@ It leverages a [`nr1-funnel-component`](https://github.com/newrelic/nr1-funnel-c

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.

![Overview](screenshots/screenshot_01.png)
![Overview](catalog/screenshots/nr1-customer-journey-1.png)

### 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.

![Details](screenshots/screenshot_02.png)
![Details](catalog/screenshots/nr1-customer-journey-2.png)

## Usage

Expand Down
17 changes: 17 additions & 0 deletions catalog/config.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
{
"tagline": "An interactive funnel depicting your customers’ journey",
"repository": "https://github.com/newrelic/nr1-customer-journey.git",
"details": "Align multiple cohorts of data and metrics to build an interactive funnel depicting your customers’ journey.",
"support": {
"issues": {
"url": "https://github.com/newrelic/nr1-customer-journey/issues"
},
"email": {
"address": "[email protected]"
},
"community": {
"url": "https://discuss.newrelic.com/t/customer-journey-nerdpack/83270"
}
},
"whatsNew": "CI: bug where uuid not set as env variable \n\n CI: install global npm packages with sudo [skip ci] (42e12b0) \n\n CI: shell expansion bug [skip ci] (1b5daa3)"
}
130 changes: 130 additions & 0 deletions catalog/documentation.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,130 @@
# Documentation

[![New Relic One Catalog Project header](https://github.com/newrelic/open-source-office/raw/master/examples/categories/images/New_Relic_One_Catalog_Project.png)](https://github.com/newrelic/open-source-office/blob/master/examples/categories/index.md#nr1-catalog)

[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors)

![GitHub release (latest SemVer including pre-releases)](https://img.shields.io/github/v/release/newrelic/nr1-customer-journey?include_prereleases&sort=semver) [![Snyk](https://snyk.io/test/github/newrelic/nr1-customer-journey/badge.svg)](https://snyk.io/test/github/newrelic/nr1-customer-journey)


## Overview

`nr1-customer-journey` is like a [NRQL funnel query](https://docs.newrelic.com/docs/query-data/nrql-new-relic-query-language/nrql-query-examples/funnels-evaluate-data-series-events) 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`](https://github.com/newrelic/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.

![Overview](https://github.com/newrelic/nr1-customer-journey/blob/master/screenshots/screenshot_01.png)

### 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.

![Details](https://github.com/newrelic/nr1-customer-journey/blob/master/screenshots/screenshot_02.png)

## Usage

Currently, the application is driven by a relatively complex JSON config file. The documentation for that configuration file is available [here](https://github.com/newrelic/nr1-customer-journey/blob/master/CONFIG.md).

## Open Source License

This project is distributed under the [Apache 2 license](https://github.com/newrelic/nr1-customer-journey/blob/master/LICENSE).

## What do you need to make this work?

1. Access to [New Relic One](https://newrelic.com/platform).
2. Configuring the [journeyConfig.js](https://github.com/newrelic/nr1-customer-journey/blob/master/journeyConfig.js).

### Configuring this Nerdpack

See [CONFIG.md](https://github.com/newrelic/nr1-customer-journey/blob/master/CONFIG.md) for detailed instructions on the capabilities of each portion of the [journeyConfig.js](https://github.com/newrelic/nr1-customer-journey/blob/master/journeyConfig.js). Also look at the [examples](https://github.com/newrelic/nr1-customer-journey/tree/master/examples) directory for inspiration.

## Getting started

First, ensure that you have [Git](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git) and [NPM](https://www.npmjs.com/get-npm) installed. If you're unsure whether you have one or both of them installed, run the following command(s) (If you have them installed these commands will return a version number, if not, the commands won't be recognized):

```bash
git --version
npm -v
```

Next, install the [NR1 CLI](https://one.newrelic.com/launcher/developer-center.launcher) by going to [this link](https://one.newrelic.com/launcher/developer-center.launcher) and following the instructions (5 minutes or less) to install and setup your New Relic development environment.

Next, to clone this repository and run the code locally against your New Relic data, execute the following command:

```bash
nr1 nerdpack:clone -r https://github.com/newrelic/nr1-customer-journey.git
cd nr1-customer-journey
nr1 nerdpack:serve
```

Visit [https://one.newrelic.com/?nerdpacks=local](https://one.newrelic.com/?nerdpacks=local), navigate to the Nerdpack, and :sparkles:

## Deploying this Nerdpack

Open a command prompt in the nerdpack's directory and run the following commands.

```bash
# To create a new uuid for the nerdpack so that you can deploy it to your account:
# nr1 nerdpack:uuid -g [--profile=your_profile_name]
# To see a list of APIkeys / profiles available in your development environment:
# nr1 profiles:list
nr1 nerdpack:publish [--profile=your_profile_name]
nr1 nerdpack:deploy [-c [DEV|BETA|STABLE]] [--profile=your_profile_name]
nr1 nerdpack:subscribe [-c [DEV|BETA|STABLE]] [--profile=your_profile_name]
```
Visit [https://one.newrelic.com](https://one.newrelic.com), navigate to the Nerdpack, and :sparkles:
## Support
New Relic has open-sourced this project. This project is provided AS-IS WITHOUT WARRANTY OR SUPPORT, although you can report issues and contribute to the project here on GitHub.
_Please do not report issues with this software to New Relic Global Technical Support._
### Community
New Relic hosts and moderates an online forum where customers can interact with New Relic employees as well as other customers to get help and share best practices. Like all official New Relic open source projects, there's a related Community topic in the New Relic Explorers Hub. You can find this project's topic/threads here:
https://discuss.newrelic.com/t/customer-journey-nerdpack/83270
*(Note: URL subject to change before GA)*
### Issues / Enhancement Requests
Issues and enhancement requests can be submitted in the [Issues tab of this repository](https://github.com/newrelic/nr1-customer-journey/issues). Please search for and review the existing open issues before submitting a new issue.
## Contributing
Contributions are welcome (and if you submit a Enhancement Request, expect to be invited to contribute it yourself :grin:). Please review our [Contributors Guide](https://github.com/newrelic/nr1-customer-journey/blob/master/CONTRIBUTING.md).
Keep in mind that when you submit your pull request, you'll need to sign the CLA via the click-through using CLA-Assistant. If you'd like to execute our corporate CLA, or if you have any questions, please drop us an email at [email protected].
## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore -->
<table>
<tr>
<td align="center"><a href="http://joelworrall.com"><img src="https://avatars0.githubusercontent.com/u/929261?v=4" width="100px;" alt="Joel Worrall"/><br /><sub><b>Joel Worrall</b></sub></a><br /><a href="https://github.com/newrelic/nr1-customer-journey/commits?author=tangollama" title="Code">💻</a> <a href="#ideas-tangollama" title="Ideas, Planning, & Feedback">🤔</a></td>
<td align="center"><a href="https://twitter.com/dangolden1"><img src="https://avatars2.githubusercontent.com/u/812989?v=4" width="100px;" alt="Daniel Golden"/><br /><sub><b>Daniel Golden</b></sub></a><br /><a href="#ideas-danielgolden" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/newrelic/nr1-customer-journey/commits?author=danielgolden" title="Code">💻</a> <a href="#design-danielgolden" title="Design">🎨</a></td>
<td align="center"><a href="https://github.com/wesleyradcliffe"><img src="https://avatars1.githubusercontent.com/u/1923933?v=4" width="100px;" alt="Wesley D. Radcliffe"/><br /><sub><b>Wesley D. Radcliffe</b></sub></a><br /><a href="#ideas-wesleyradcliffe" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/newrelic/nr1-customer-journey/commits?author=wesleyradcliffe" title="Code">💻</a></td>
<td align="center"><a href="http://devfreddy.com"><img src="https://avatars1.githubusercontent.com/u/197140?v=4" width="100px;" alt="Michael Frederick"/><br /><sub><b>Michael Frederick</b></sub></a><br /><a href="#tool-devfreddy" title="Tools">🔧</a> <a href="https://github.com/newrelic/nr1-customer-journey/commits?author=devfreddy" title="Code">💻</a></td>
</tr>
</table>
<!-- ALL-CONTRIBUTORS-LIST:END -->
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
File renamed without changes.
File renamed without changes
File renamed without changes
4 changes: 2 additions & 2 deletions nr1.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"schemaType": "NERDPACK",
"id": "dd1c343b-af62-47a0-ae13-91cb2b45e599",
"displayName": "nr1-customer-journey",
"description": "NR1 Nerdpack for Customer Journeys."
"displayName": "Customer Journey",
"description": "Align multiple cohorts of data and metrics to build an interactive funnel depicting your customers’ journey."
}

0 comments on commit 25388bb

Please sign in to comment.