You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
Copy file name to clipboardExpand all lines: src/docs/product/profiling/profile-details.mdx
+13-13Lines changed: 13 additions & 13 deletions
Original file line number
Diff line number
Diff line change
@@ -8,46 +8,46 @@ Profiling data can be used to gain insight into what methods and lines of your c
8
8
9
9

10
10
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).
12
12
13
13
## Thread Selector
14
14
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.
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:
22
22
23
23
-**Call Order:** The default sorting order which displays samples in chronological order.
24
24
-**Alphabetical:** Sorts samples by frame name.
25
25
-**Left Heavy:** Sorts samples from highest weight to lowest weight.
26
26
27
27
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.
28
28
29
-

29
+

30
30
31
-

31
+

32
32
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._
34
34
35
35
**Bottom Up/Top Down**
36
36
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.
38
38
39
39
## Search
40
40
41
41
The search bar allows you to search for function names inside the profile. It supports fuzzy search and regular expressions.
42
42
43
43

44
44
45
-
## Flame Chart Colors
45
+
## Flame Graph Colors
46
46
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:
48
48
49
49
-**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.
51
51
-**By Package:** Frames from different packages or modules share the same color.
52
52
-**By System Frame:** System frames each have their own color so you can easily tell them apart. Application frames are grey.
53
53
-**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._
72
72
73
73
## Table View
74
74
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).
76
76
77
77
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.
0 commit comments