Skip to content

Commit 0ec40d3

Browse files
ishkebabadinauer
authored andcommitted
Update profile-details.mdx (#7658)
Profiling team is retiring the "flame chart" term Instead will use Flame Graph and Aggregated Flame Graph in our docs - This should make the terminology more intuitive.
1 parent ac30cb0 commit 0ec40d3

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

src/docs/product/profiling/profile-details.mdx

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -8,46 +8,46 @@ Profiling data can be used to gain insight into what methods and lines of your c
88

99
![Profiling details page](profiling-details.png)
1010

11-
The main visualization on this page is a flame chart. Learn more about flame charts in [Flame Charts and Flame Graphs](/product/profiling/flame-charts-graphs).
11+
The main visualization on this page is a flame graph. Learn more about flame graphs in [Flame Graphs and Aggregated Flame Graphs](/product/profiling/flame-charts-graphs).
1212

1313
## Thread Selector
1414

15-
A flame chart can only show data from one thread at a time. You can use the thread selector dropdown to choose which thread to look at.
15+
A flame graph can only show data from one thread at a time. You can use the thread selector dropdown to choose which thread to look at.
1616

17-
![Profiling flame chart thread selector](thread-selector.png)
17+
![Profiling flame graph thread selector](thread-selector.png)
1818

19-
## Flame Chart Sorting Options
19+
## Flame Graph Sorting Options
2020

21-
Samples are displayed in chronological (call) order by default. You can change the way samples are sorted in the flame chart with these options:
21+
Samples are displayed in chronological (call) order by default. You can change the way samples are sorted in the flame graph with these options:
2222

2323
- **Call Order:** The default sorting order which displays samples in chronological order.
2424
- **Alphabetical:** Sorts samples by frame name.
2525
- **Left Heavy:** Sorts samples from highest weight to lowest weight.
2626

2727
When you use alphabetical or left heavy sorting, adjacent frames with the same name are merged and their durations are summed. This helps when your profile has a lot of tiny stacks (called “hair”) which are easier to see when summed together.
2828

29-
!["Hairy" flame chart](flame-chart-hair.png)
29+
!["Hairy" flame graph](flame-chart-hair.png)
3030

31-
![Flame chart after merge](flame-chart-less-hair.png)
31+
![Flame graph after merge](flame-chart-less-hair.png)
3232

33-
_Example of a NodeJS flame chart with a lot of “hair” vs the merged visualization. Notice how the right side of the second chart is able to display the sum durations for loading our modules._
33+
_Example of a NodeJS flame graph with a lot of “hair” vs the merged visualization. Notice how the right side of the second graph is able to display the sum durations for loading our modules._
3434

3535
**Bottom Up/Top Down**
3636

37-
Flame charts represent profile data with leaves either at the top or the bottom. This toggle lets you choose which visualization style your flame charts default to.
37+
Flame graphs represent profile data with leaves either at the top or the bottom. This toggle lets you choose which visualization style your flame graphs default to.
3838

3939
## Search
4040

4141
The search bar allows you to search for function names inside the profile. It supports fuzzy search and regular expressions.
4242

4343
![Profile search bar](search-bar.png)
4444

45-
## Flame Chart Colors
45+
## Flame Graph Colors
4646

47-
The **Color Coding** toggle offers different ways to color the flame chart:
47+
The **Color Coding** toggle offers different ways to color the flame graph:
4848

4949
- **By System vs. Application Frame** (default)
50-
- **By Symbol Name:** Each unique function frame has its own color. When a unique function appears in different places in the chart it can be identified by its color.
50+
- **By Symbol Name:** Each unique function frame has its own color. When a unique function appears in different places in the graph it can be identified by its color.
5151
- **By Package:** Frames from different packages or modules share the same color.
5252
- **By System Frame:** System frames each have their own color so you can easily tell them apart. Application frames are grey.
5353
- **By Application Frame:** Application frames each have their own color. System frames are grey.
@@ -72,7 +72,7 @@ _Example of the waterfall vs tree span view._
7272

7373
## Table View
7474

75-
The bottom of the screen shows a table representation of the flame chart. It provides an alternate view that enables you to see and sort functions by name, time spent in them, and their type (application or system).
75+
The bottom of the screen shows a table representation of the flame graph. It provides an alternate view that enables you to see and sort functions by name, time spent in them, and their type (application or system).
7676

7777
By default, the table displays “Bottom Up”, which shows the leafmost functions, or those with the most time at the top of a call stack. Long-running leaf functions are a good first indicator of performance bottlenecks.
7878

0 commit comments

Comments
 (0)