Skip to content

Pack of custom visualizations to enhance your dashboarding experience

License

Notifications You must be signed in to change notification settings

rudouglas/nr-labs-widget-pack

 
 

Repository files navigation

New Relic One Catalog Project header

Labs Widget Pack

GitHub release (latest SemVer including pre-releases)

A collection of custom visualizations to enhance your dashboarding experience.

  • Multi Line Compare
  • Multi Line & Event Overlay Chart
  • Scatter & Event Overlay Chart
  • Area & Event Overlay Chart
  • Radar Chart w/ChartJS
  • Action Loader
  • Map Box Widget

Multi Line Compare

Screenshot #1

Multi Line & Event Overlay Chart

Screenshot #1

Area & Event Overlay Chart

Screenshot #1

Scatter & Event Overlay Chart

Screenshot #1

Radar Chart

Screenshot #1

  • Allow for multi timeseries line comparisons with correctly referenced times

Action Loader

  • Allows button creation with configurable onClick actions

Example w/Stacked Nerdlet

Nerdlet Id: service-maps.home

URL State
{"entityGuid":"MTYwNjg2MnxBUE18QVBQTElDQVRJT058NjI2OTA3NjE"}

Map Box Widget

Screenshot #1

  • Supports multiple NRQL queries and custom markers
  • Requires a Map Box Access Token from https://account.mapbox.com/auth/signup/
  • Query should contain one alias with 'name:SOME_VALUE' which will be used as the marker name
  • Query should have a FACET for latitude and longitude, use precision to ensure the FACET does not round the number eg.
FACET string(lat, precision: 5) as 'lat', string(lng, precision: 5) as 'lng' 
  • Rotation can be set using the following alias with 'rotate:SOME_VALUE'
  • Example Query:
FROM FlightData SELECT latest(flightNo) as 'name:Flight No', latest(track) as 'rotate:track', latest(departure), latest(destination) FACET string(lat, precision: 5) as 'lat', string(lng, precision: 5) as 'lng' SINCE 60 seconds ago LIMIT MAX

Open source license

This project is distributed under the Apache 2 license.

Deploying this Nerdpack

As this pack of visualizations is available via the New Relic Catalog, go to New Relic IO and search for "Labs Widget Pack", click the icon and subscribe this to your relevant accounts.

Once subscribed you can browse to Apps -> Custom Visualizations to add to your dashboard.

Manual Deployment

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

# Typically you will need to regenerate the uuid for the account to which you're deploying this app, use the following command
nr1 nerdpack:uuid -gf [--profile=your_profile_name]
# to see a list of APIkeys / profiles available in your development environment, run nr1 credentials:list
# after regenerating your uuid publish to your account
nr1 nerdpack:publish [--profile=your_profile_name]

Visit https://one.newrelic.com, and launch your app in New Relic.

Getting started

  1. Ensure that you have Git and NPM installed. If you're unsure whether you have one or both of them installed, run the following commands. (If you have them installed, these commands return a version number; if not, the commands aren't recognized.)
git --version
npm -v
  1. Install the NR1 CLI by going to the developer center, and following the instructions to install and set up your New Relic development environment. This should take about 5 minutes.
  2. Execute the following command to clone this repository and run the code locally against your New Relic data:
nr1 nerdpack:clone -r https://github.com/newrelic/nr-labs-widget-pack.git
cd nr-labs-widget-pack
nr1 nerdpack:serve

Visit https://one.newrelic.com/?nerdpacks=local to launch your app locally.

Support

New Relic has open-sourced this project. This project is provided AS-IS WITHOUT WARRANTY OR DEDICATED SUPPORT. Issues and contributions should be reported to the project here on GitHub.

We encourage you to bring your experiences and questions to the Explorers Hub where our community members collaborate on solutions and new ideas.

Issues / enhancement requests

Issues and enhancement requests can be submitted in the Issues tab of this repository. Please search for and review the existing open issues before submitting a new issue.

Security

As noted in our security policy, New Relic is committed to the privacy and security of our customers and their data. We believe that providing coordinated disclosure by security researchers and engaging with the security community are important means to achieve our security goals.

If you believe you have found a security vulnerability in this project or any of New Relic's products or websites, we welcome and greatly appreciate you reporting it to New Relic through HackerOne.

Contributing

Contributions are encouraged! If you submit an enhancement request, we'll invite you to contribute the change yourself. Please review our Contributors Guide.

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

About

Pack of custom visualizations to enhance your dashboarding experience

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 95.9%
  • SCSS 4.1%