When New Relic became the first programmable observability platform, we gave you the same tools our own engineers use to build custom user interfaces (also known as applications) within New Relic One. We even started an open source library of example applications to help you construct your own modular New Relic One applications.
Then, we also heard that you wanted a way to generate smaller-scale custom widgets for your dashboards. You want to visualize and communicate your data in unique ways beyond the usual charts and graphs, without having to build a full application.
That’s why we introduced custom visualizations, allowing you to build custom chart widgets with React.js, pull in various telemetry data sources, pin them to your dashboards, and use open source charting libraries. Coding charts are now easy to accomplish.
But what if getting started with custom visuals was even easier?
New Relic and Formidable team up for ready-to-use custom charts
During FutureStack 2021, we announced that New Relic is partnering with Formidable, a global design and engineering consultancy specializing in open source software, to integrate charts from their charting library, Victory, directly into the New Relic One catalog.
That’s right! You can now work with pre-built custom charts. There's no need to edit
index.js code or configure JSON files. All you need to do is subscribe to the Victory Charts Visualizations app, choose a chart type, and enter your NRQL query.
Three brand new chart types, and more to come
We’ve been working closely with the team at Formidable to build NRQL-based visualizations on top of the Victory charting library. The first batch of new chart templates are available to all New Relic One users:
- Stacked bar chart: Visualize related facets with respect to some numeric or aggregate attribute.
- Range chart: Visualize the range of numeric attributes grouped by a facet (for example, the first and third quartiles across groups).
- Circular progress bar: Create a bold representation of your progress towards a goal or limit, with the ability to choose if crossing the threshold is good or bad.
But wait, there’s more! We’re continuing the partnership and working with the Formidable team to release more charts on an ongoing basis.
Victory in seconds: how to get started
Adding a Victory chart to your dashboard is simple. Here’s how to get there from anywhere on the New Relic platform:
- Go to the New Relic One app catalog, and select Nerdpacks that include
- Click Victory Charts Visualizations, click add this app, and select the accounts you want to have access to it.
- Go to the Artifacts tab and select the chart type you want by clicking open visualization.
- Select an account to draw data from, then enter your query (or use the example query provided). Click Update query to see your data in action.
- Click Add to dashboard and select the destination.
After these steps, your new visualizations are added to your Custom Visualizations library for quick access going forward.
The following Nerd Bytes video walks through using Victory charts for your visualizations in New Relic One:
About Formidable and open source
As part of our commitment to open source and giving developers the power to extend the New Relic One experience, we are inspired to work with a team like Formidable that specializes in OSS development.
In addition to quickly adding Victory charts to your dashboards, you can also use these templates to expand on the code already provided. It’s all open source!
We’re excited to help you jumpstart customizing your dashboards, and can’t wait to see what you build.
Here are some more resources to continue your custom visualizations journey:
- Read the steps to get started with the Victory Charts Visualizations Nerdpack by New Relic Senior Engineer Robert Tyree.
- Want to tweak a Victory visualization? Read the developer's guide to customizing an open source Nerdpack.
- Want to go beyond templates? Check out our developer’s guide to building your first custom visualization.
- Already know a bit about building on New Relic One? Get your expertise validated by completing the New Relic Programmability Certification.
The views expressed on this blog are those of the author and do not necessarily reflect the views of New Relic. Any solutions offered by the author are environment-specific and not part of the commercial solutions or support offered by New Relic. Please join us exclusively at the Explorers Hub (discuss.newrelic.com) for questions and support related to this blog post. This blog may contain links to content on third-party sites. By providing such links, New Relic does not adopt, guarantee, approve or endorse the information, views or products available on such sites.