Skip to content

Commit

Permalink
fix: nav item update
Browse files Browse the repository at this point in the history
  • Loading branch information
mehreentahir16 committed Sep 29, 2021
1 parent f0e5d52 commit fca55d7
Show file tree
Hide file tree
Showing 63 changed files with 110 additions and 98 deletions.
14 changes: 7 additions & 7 deletions src/data/nav.yml
Original file line number Diff line number Diff line change
Expand Up @@ -147,21 +147,21 @@
- title: See all open source apps
url: https://opensource.newrelic.com/nerdpacks/

- title: Contribute to Instant Observability
- title: Contribute to quickstarts
icon: zap
url: '/contribute-to-io'
url: '/contribute-to-quickstarts'
pages:
- title: Build a quickstart
url: '/contribute-to-io/build-a-quickstart'
url: '/contribute-to-quickstarts/build-a-quickstart'
pages:
- title: Deploy your application
url: /contribute-to-io/build-a-quickstart/deploy-your-application
url: /contribute-to-quickstarts/build-a-quickstart/deploy-your-application
- title: Create a dashboard
url: /contribute-to-io/build-a-quickstart/create-a-dashboard
url: /contribute-to-quickstarts/build-a-quickstart/create-a-dashboard
- title: Create alerts
url: /contribute-to-io/build-a-quickstart/create-alerts
url: /contribute-to-quickstarts/build-a-quickstart/create-alerts
- title: Create a quickstart
url: /contribute-to-io/build-a-quickstart/create-quickstart
url: /contribute-to-quickstarts/build-a-quickstart/create-quickstart
- title: Try our APIs
icon: nr-share
url: '/try-our-apis'
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
path: '/contribute-to-io/build-a-quickstart/create-a-dashboard'
path: '/contribute-to-quickstarts/build-a-quickstart/create-a-dashboard'
title: 'Create a dashboard'
template: 'GuideTemplate'
description: 'create a dashboard to observe your data in New Relic'
Expand All @@ -8,9 +8,9 @@ duration: '15 min'

<Callout variant="course" title="Lab">

This procedure is a part of lab that teaches you how to build a quickstart. If you haven't already, checkout the [_lab introduction_](/contribute-to-io/build-a-quickstart)
This procedure is a part of lab that teaches you how to build a quickstart. If you haven't already, checkout the [_lab introduction_](/contribute-to-quickstarts/build-a-quickstart)

Each procedure in this lab builds on top of the last one, so make sure you [_Deploy your application_](/contribute-to-io/build-a-quickstart/deploy-your-application) before proceeding with this one.
Each procedure in this lab builds on top of the last one, so make sure you [_Deploy your application_](/contribute-to-quickstarts/build-a-quickstart/deploy-your-application) before proceeding with this one.

</Callout>

Expand All @@ -22,15 +22,15 @@ In this procedure, you create a dashboard in New Relic.

Navigate to [New Relic](https://one.newrelic.com/) and sign in with your account. Here, you see different tabs such as **Browse Data**, **Dashboards**, **Alerts & AI**.

![New Relic UI](../../../images/contribute-to-io/newrelic-homepage.png)
![New Relic UI](../../../images/contribute-to-quickstarts/newrelic-homepage.png)

Move to **Dashboards** and click **Create a dashboard** in the top right corner.

![create a dashboard](../../../images/contribute-to-io/create-dashboard.png)
![create a dashboard](../../../images/contribute-to-quickstarts/create-dashboard.png)

Name your dashboard "FlashDB" and click create.

![name your dashboard](../../../images/contribute-to-io/name-dashboard.png)
![name your dashboard](../../../images/contribute-to-quickstarts/name-dashboard.png)

## Add charts to your dashboard

Expand All @@ -46,37 +46,37 @@ Once the dashboard is in place, you can start creating charts. You're going to a

Hover over the dashboard and click **Add a new chart**.

![add a new chart](../../../images/contribute-to-io/add-new-chart.png)
![add a new chart](../../../images/contribute-to-quickstarts/add-new-chart.png)

From this screen, you add charts using our query builder, or you choose to add text, images, or links using Markdown. Click **Add a chart**.

![add a chart](../../../images/contribute-to-io/add-a-chart.png)
![add a chart](../../../images/contribute-to-quickstarts/add-a-chart.png)

It may open the query builder option. Switch to the NRQL editor and edit the query as follows:

```sql
SELECT count(*) FROM fdb_method FACET method
```

![database methods chart](../../../images/contribute-to-io/fdb-methods.png)
![database methods chart](../../../images/contribute-to-quickstarts/fdb-methods.png)

Click **Run** to see above results.

Here, you see the count of each FlashDB query, grouped by method. You can choose to present your results in different formats such as table, billboard, or pie chart.

![chart formats](../../../images/contribute-to-io/chart-formats.png)
![chart formats](../../../images/contribute-to-quickstarts/chart-formats.png)

Change the chart type to pie, name your chart "Database methods", and click save.

![pie chart](../../../images/contribute-to-io/piechart.png)
![pie chart](../../../images/contribute-to-quickstarts/piechart.png)

The chart is now visible on your dashboard.

![piechart dashboard](../../../images/contribute-to-io/piechart-dashboard.png)
![piechart dashboard](../../../images/contribute-to-quickstarts/piechart-dashboard.png)

You can add more charts to your dashboard following the same pattern. To do so, click **+** in upper right hand corner.

![add more charts](../../../images/contribute-to-io/add-more-charts.png)
![add more charts](../../../images/contribute-to-quickstarts/add-more-charts.png)

This takes you to the same **Add to your dashboard** page. Add another chart to your dashboard.

Expand All @@ -87,7 +87,7 @@ Run the following query to observe the average response time of FlashDB queries.
SELECT average(fdb_create_responses), average(fdb_read_responses), average(fdb_update_responses), average(fdb_delete_responses) FROM Metric TIMESERIES
```

![average response time chart](../../../images/contribute-to-io/average-response-time-chart.png )
![average response time chart](../../../images/contribute-to-quickstarts/average-response-time-chart.png )

Here, you observe the average response time for different FlashDB queries. Click **Save** to add this chart to your dashboard. Follow the same procedure to add the rest of the charts.

Expand All @@ -101,7 +101,7 @@ SELECT sum(fdb_create_errors), sum(fdb_read_errors), sum(fdb_update_errors), sum

Here, you observe errors for all database queries.

![errors chart](../../../images/contribute-to-io/errors-chart.png )
![errors chart](../../../images/contribute-to-quickstarts/errors-chart.png )

### Database size

Expand All @@ -111,7 +111,7 @@ Use the following query to get Database size chart.
SELECT latest(fdb_size) FROM Metric
```

![database size chart](../../../images/contribute-to-io/latest-database-size.png )
![database size chart](../../../images/contribute-to-quickstarts/latest-database-size.png )

This chart shows you the database size.

Expand All @@ -123,7 +123,7 @@ For the Cache hits chart, use the following query:
SELECT sum(fdb_cache_hits) FROM Metric TIMESERIES
```

![cache hits chart](../../../images/contribute-to-io/cache-hits-chart.png )
![cache hits chart](../../../images/contribute-to-quickstarts/cache-hits-chart.png )

Here, you observe the total number of cache hits using a line chart.

Expand All @@ -135,20 +135,20 @@ Use the following query to count the number of keys in your database.
SELECT count(fdb_keys) FROM Metric TIMESERIES
```

![keys chart](../../../images/contribute-to-io/keys-chart.png )
![keys chart](../../../images/contribute-to-quickstarts/keys-chart.png )

Here, you observe the FlashDB key count.

Your final dashboard will look similar to the following:

![dashboard with charts](../../../images/contribute-to-io/final-flashdb-dashboard.png )
![dashboard with charts](../../../images/contribute-to-quickstarts/final-flashdb-dashboard.png )

## Summary

In this procedure, you created a dashboard and added multiple charts to it to observe your services in New Relic.

<Callout variant="course" title="Lab">

This procedure is a part of lab that teaches you how to build a quickstart. Continue on to next procedure: [_Create alerts_](/contribute-to-io/build-a-quickstart/create-alerts).
This procedure is a part of lab that teaches you how to build a quickstart. Continue on to next procedure: [_Create alerts_](/contribute-to-quickstarts/build-a-quickstart/create-alerts).

</Callout>
Loading

0 comments on commit fca55d7

Please sign in to comment.