update TODO

progress
Avril 3 years ago
parent 0d45fa7b94
commit aaedf1d585
Signed by: flanchan
GPG Key ID: 284488987C31F630

1
.gitignore vendored

@ -3,4 +3,3 @@ obj
build/
test/
shuffle3-*
profiling/

@ -26,6 +26,33 @@
- Can properly handle large files without core dumping
- Doesn't dump huge amounts of trash onto each stack frame
** Performance
~[[https://github.com/sharkdp/hyperfine][hyperfine]]~ reports a *700-800%* speedup over =v1=.
It's easy to see why.
*** V1 flamegraph
V1 uses a pesudo-array adaptor to perform filesystem reads, seeks, and writes. This causes a massive syscall overhead.
[[./profiling/release-flame-old.svg]]
*** V2 flamegraph
Whereas V2 uses a single ~mmap()~.
[[./profiling/release-flame.svg]]
** Memory usage
The ~[[https://www.systutorials.com/docs/linux/man/1-memusage/][memusage]]~ graph for =v1= shows extremely inefficient stack usage.
[[./profiling/old-mem.png]]
( the green is supposed to be a line, not a bar)
This is due to how the unshuffler buffers RNG results.
=v1= naively used VLAs to store this buffer, which can baloon to 8 times the size of the file being unshuffled.
It dumps this massive buffer onto the stack frame of a function that is called multiple times, causing massive and inefficient stack usage.
This can cause a segfault when attempting to unshuffle a large file, while shuffling a file of the same size might succeed.
*** V2 improvement
The ~memusage~ graph for =v2= is a lot more sane.
[[./profiling/mem.png]]
~v2~ instead allocates this buffer on the heap. Note the stable stack and heap usage.
* Todo
- [X] impl rng
- [X] impl shuffling

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 41 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 25 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 42 KiB

@ -0,0 +1,567 @@
desc: (none)
cmd: ./shuffle3-release small-u
time_unit: i
#-----------
snapshot=0
#-----------
time=0
mem_heap_B=0
mem_heap_extra_B=0
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=1
#-----------
time=4048133
mem_heap_B=32816
mem_heap_extra_B=8
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=2
#-----------
time=4050820
mem_heap_B=8
mem_heap_extra_B=16
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=3
#-----------
time=4057134
mem_heap_B=72712
mem_heap_extra_B=24
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=4
#-----------
time=4282565
mem_heap_B=73736
mem_heap_extra_B=32
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=5
#-----------
time=4289663
mem_heap_B=74248
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=6
#-----------
time=4295729
mem_heap_B=75784
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=7
#-----------
time=4303612
mem_heap_B=77832
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=8
#-----------
time=4318766
mem_heap_B=86024
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=9
#-----------
time=4322930
mem_heap_B=81928
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=10
#-----------
time=4353188
mem_heap_B=98312
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=11
#-----------
time=4361448
mem_heap_B=90120
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=12
#-----------
time=4421914
mem_heap_B=122888
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=13
#-----------
time=4438366
mem_heap_B=122888
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=detailed
n3: 122888 (heap allocation functions) malloc/new/new[], --alloc-fns, etc.
n1: 72704 0x493F45A: pool (eh_alloc.cc:123)
n1: 72704 0x493F45A: __static_initialization_and_destruction_0 (eh_alloc.cc:262)
n1: 72704 0x493F45A: _GLOBAL__sub_I_eh_alloc.cc (eh_alloc.cc:338)
n1: 72704 0x40112DD: call_init.part.0 (in /usr/lib/ld-2.32.so)
n1: 72704 0x40113C7: _dl_init (in /usr/lib/ld-2.32.so)
n1: 72704 0x40020C9: ??? (in /usr/lib/ld-2.32.so)
n1: 72704 0x1: ???
n1: 72704 0x1FFF000AC6: ???
n0: 72704 0x1FFF000AD9: ???
n1: 49152 0x10A384: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n1: 49152 0x109385: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n0: 49152 0x4C6A151: (below main) (in /usr/lib/libc-2.32.so)
n0: 1032 in 3 places, all below massif's threshold (1.00%)
#-----------
snapshot=14
#-----------
time=4438366
mem_heap_B=106504
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=15
#-----------
time=4559248
mem_heap_B=172040
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=16
#-----------
time=4592084
mem_heap_B=172040
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=detailed
n3: 172040 (heap allocation functions) malloc/new/new[], --alloc-fns, etc.
n1: 98304 0x10A384: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n1: 98304 0x109385: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n0: 98304 0x4C6A151: (below main) (in /usr/lib/libc-2.32.so)
n1: 72704 0x493F45A: pool (eh_alloc.cc:123)
n1: 72704 0x493F45A: __static_initialization_and_destruction_0 (eh_alloc.cc:262)
n1: 72704 0x493F45A: _GLOBAL__sub_I_eh_alloc.cc (eh_alloc.cc:338)
n1: 72704 0x40112DD: call_init.part.0 (in /usr/lib/ld-2.32.so)
n1: 72704 0x40113C7: _dl_init (in /usr/lib/ld-2.32.so)
n1: 72704 0x40020C9: ??? (in /usr/lib/ld-2.32.so)
n1: 72704 0x1: ???
n1: 72704 0x1FFF000AC6: ???
n0: 72704 0x1FFF000AD9: ???
n0: 1032 in 3 places, all below massif's threshold (1.00%)
#-----------
snapshot=17
#-----------
time=4592084
mem_heap_B=139272
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=18
#-----------
time=4833798
mem_heap_B=270344
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=19
#-----------
time=4899402
mem_heap_B=270344
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=detailed
n3: 270344 (heap allocation functions) malloc/new/new[], --alloc-fns, etc.
n1: 196608 0x10A384: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n1: 196608 0x109385: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n0: 196608 0x4C6A151: (below main) (in /usr/lib/libc-2.32.so)
n1: 72704 0x493F45A: pool (eh_alloc.cc:123)
n1: 72704 0x493F45A: __static_initialization_and_destruction_0 (eh_alloc.cc:262)
n1: 72704 0x493F45A: _GLOBAL__sub_I_eh_alloc.cc (eh_alloc.cc:338)
n1: 72704 0x40112DD: call_init.part.0 (in /usr/lib/ld-2.32.so)
n1: 72704 0x40113C7: _dl_init (in /usr/lib/ld-2.32.so)
n1: 72704 0x40020C9: ??? (in /usr/lib/ld-2.32.so)
n1: 72704 0x1: ???
n1: 72704 0x1FFF000AC6: ???
n0: 72704 0x1FFF000AD9: ???
n0: 1032 in 3 places, all below massif's threshold (1.00%)
#-----------
snapshot=20
#-----------
time=4899402
mem_heap_B=204808
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=21
#-----------
time=5382780
mem_heap_B=466952
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=22
#-----------
time=5513920
mem_heap_B=466952
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=peak
n3: 466952 (heap allocation functions) malloc/new/new[], --alloc-fns, etc.
n1: 393216 0x10A384: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n1: 393216 0x109385: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n0: 393216 0x4C6A151: (below main) (in /usr/lib/libc-2.32.so)
n1: 72704 0x493F45A: pool (eh_alloc.cc:123)
n1: 72704 0x493F45A: __static_initialization_and_destruction_0 (eh_alloc.cc:262)
n1: 72704 0x493F45A: _GLOBAL__sub_I_eh_alloc.cc (eh_alloc.cc:338)
n1: 72704 0x40112DD: call_init.part.0 (in /usr/lib/ld-2.32.so)
n1: 72704 0x40113C7: _dl_init (in /usr/lib/ld-2.32.so)
n1: 72704 0x40020C9: ??? (in /usr/lib/ld-2.32.so)
n1: 72704 0x1: ???
n1: 72704 0x1FFF000AC6: ???
n0: 72704 0x1FFF000AD9: ???
n0: 1032 in 3 places, all below massif's threshold (1.00%)
#-----------
snapshot=23
#-----------
time=5513920
mem_heap_B=335880
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=24
#-----------
time=5892087
mem_heap_B=73736
mem_heap_extra_B=32
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=25
#-----------
time=5989421
mem_heap_B=73744
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=26
#-----------
time=5996279
mem_heap_B=73992
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=27
#-----------
time=6002698
mem_heap_B=74248
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=28
#-----------
time=6015289
mem_heap_B=75272
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=29
#-----------
time=6015414
mem_heap_B=74760
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=30
#-----------
time=6040651
mem_heap_B=76808
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=31
#-----------
time=6040828
mem_heap_B=75784
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=32
#-----------
time=6091310
mem_heap_B=79880
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=detailed
n4: 79880 (heap allocation functions) malloc/new/new[], --alloc-fns, etc.
n1: 72704 0x493F45A: pool (eh_alloc.cc:123)
n1: 72704 0x493F45A: __static_initialization_and_destruction_0 (eh_alloc.cc:262)
n1: 72704 0x493F45A: _GLOBAL__sub_I_eh_alloc.cc (eh_alloc.cc:338)
n1: 72704 0x40112DD: call_init.part.0 (in /usr/lib/ld-2.32.so)
n1: 72704 0x40113C7: _dl_init (in /usr/lib/ld-2.32.so)
n1: 72704 0x40020C9: ??? (in /usr/lib/ld-2.32.so)
n1: 72704 0x1: ???
n1: 72704 0x1FFF000AC6: ???
n0: 72704 0x1FFF000AD9: ???
n2: 6144 0x10A384: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n1: 6144 0x1095C2: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n0: 6144 0x4C6A151: (below main) (in /usr/lib/libc-2.32.so)
n0: 0 in 1 place, below massif's threshold (1.00%)
n1: 1024 0x4CB6E03: _IO_file_doallocate (in /usr/lib/libc-2.32.so)
n1: 1024 0x4CC570F: _IO_doallocbuf (in /usr/lib/libc-2.32.so)
n1: 1024 0x4CC48A7: _IO_file_overflow@@GLIBC_2.2.5 (in /usr/lib/libc-2.32.so)
n1: 1024 0x4CC3955: _IO_file_xsputn@@GLIBC_2.2.5 (in /usr/lib/libc-2.32.so)
n1: 1024 0x4CB8330: fwrite (in /usr/lib/libc-2.32.so)
n1: 1024 0x4877FD7: fmt::v7::vprint(_IO_FILE*, fmt::v7::basic_string_view<char>, fmt::v7::format_args) (in /usr/lib/libfmt.so.7.1.2)
n1: 1024 0x10A258: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n1: 1024 0x10933E: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n0: 1024 0x4C6A151: (below main) (in /usr/lib/libc-2.32.so)
n0: 8 in 2 places, all below massif's threshold (1.00%)
#-----------
snapshot=33
#-----------
time=6091591
mem_heap_B=77832
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=34
#-----------
time=6192490
mem_heap_B=86024
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=35
#-----------
time=6196654
mem_heap_B=81928
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=36
#-----------
time=6398233
mem_heap_B=98312
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=37
#-----------
time=6406493
mem_heap_B=90120
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=38
#-----------
time=6809904
mem_heap_B=122888
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=39
#-----------
time=6826356
mem_heap_B=106504
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=40
#-----------
time=7633039
mem_heap_B=172040
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=41
#-----------
time=7665875
mem_heap_B=139272
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=42
#-----------
time=7951930
mem_heap_B=73736
mem_heap_extra_B=32
mem_stacks_B=0
heap_tree=detailed
n3: 73736 (heap allocation functions) malloc/new/new[], --alloc-fns, etc.
n1: 72704 0x493F45A: pool (eh_alloc.cc:123)
n1: 72704 0x493F45A: __static_initialization_and_destruction_0 (eh_alloc.cc:262)
n1: 72704 0x493F45A: _GLOBAL__sub_I_eh_alloc.cc (eh_alloc.cc:338)
n1: 72704 0x40112DD: call_init.part.0 (in /usr/lib/ld-2.32.so)
n1: 72704 0x40113C7: _dl_init (in /usr/lib/ld-2.32.so)
n1: 72704 0x40020C9: ??? (in /usr/lib/ld-2.32.so)
n1: 72704 0x1: ???
n1: 72704 0x1FFF000AC6: ???
n0: 72704 0x1FFF000AD9: ???
n1: 1024 0x4CB6E03: _IO_file_doallocate (in /usr/lib/libc-2.32.so)
n1: 1024 0x4CC570F: _IO_doallocbuf (in /usr/lib/libc-2.32.so)
n1: 1024 0x4CC48A7: _IO_file_overflow@@GLIBC_2.2.5 (in /usr/lib/libc-2.32.so)
n1: 1024 0x4CC3955: _IO_file_xsputn@@GLIBC_2.2.5 (in /usr/lib/libc-2.32.so)
n1: 1024 0x4CB8330: fwrite (in /usr/lib/libc-2.32.so)
n1: 1024 0x4877FD7: fmt::v7::vprint(_IO_FILE*, fmt::v7::basic_string_view<char>, fmt::v7::format_args) (in /usr/lib/libfmt.so.7.1.2)
n1: 1024 0x10A258: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n1: 1024 0x10933E: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n0: 1024 0x4C6A151: (below main) (in /usr/lib/libc-2.32.so)
n0: 8 in 3 places, all below massif's threshold (1.00%)
#-----------
snapshot=43
#-----------
time=7971885
mem_heap_B=73744
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=44
#-----------
time=7979276
mem_heap_B=75784
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=45
#-----------
time=7985879
mem_heap_B=77832
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=46
#-----------
time=7998473
mem_heap_B=86024
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=detailed
n4: 86024 (heap allocation functions) malloc/new/new[], --alloc-fns, etc.
n1: 72704 0x493F45A: pool (eh_alloc.cc:123)
n1: 72704 0x493F45A: __static_initialization_and_destruction_0 (eh_alloc.cc:262)
n1: 72704 0x493F45A: _GLOBAL__sub_I_eh_alloc.cc (eh_alloc.cc:338)
n1: 72704 0x40112DD: call_init.part.0 (in /usr/lib/ld-2.32.so)
n1: 72704 0x40113C7: _dl_init (in /usr/lib/ld-2.32.so)
n1: 72704 0x40020C9: ??? (in /usr/lib/ld-2.32.so)
n1: 72704 0x1: ???
n1: 72704 0x1FFF000AC6: ???
n0: 72704 0x1FFF000AD9: ???
n2: 12288 0x10A384: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n1: 12288 0x10973E: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n0: 12288 0x4C6A151: (below main) (in /usr/lib/libc-2.32.so)
n0: 0 in 2 places, all below massif's threshold (1.00%)
n1: 1024 0x4CB6E03: _IO_file_doallocate (in /usr/lib/libc-2.32.so)
n1: 1024 0x4CC570F: _IO_doallocbuf (in /usr/lib/libc-2.32.so)
n1: 1024 0x4CC48A7: _IO_file_overflow@@GLIBC_2.2.5 (in /usr/lib/libc-2.32.so)
n1: 1024 0x4CC3955: _IO_file_xsputn@@GLIBC_2.2.5 (in /usr/lib/libc-2.32.so)
n1: 1024 0x4CB8330: fwrite (in /usr/lib/libc-2.32.so)
n1: 1024 0x4877FD7: fmt::v7::vprint(_IO_FILE*, fmt::v7::basic_string_view<char>, fmt::v7::format_args) (in /usr/lib/libfmt.so.7.1.2)
n1: 1024 0x10A258: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n1: 1024 0x10933E: ??? (in /home/avril/work/shuffle3/lean/shuffle3-release)
n0: 1024 0x4C6A151: (below main) (in /usr/lib/libc-2.32.so)
n0: 8 in 2 places, all below massif's threshold (1.00%)
#-----------
snapshot=47
#-----------
time=8002637
mem_heap_B=81928
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=48
#-----------
time=8027775
mem_heap_B=98312
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=49
#-----------
time=8036035
mem_heap_B=90120
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=50
#-----------
time=8086261
mem_heap_B=122888
mem_heap_extra_B=48
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=51
#-----------
time=8102713
mem_heap_B=106504
mem_heap_extra_B=40
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=52
#-----------
time=8147526
mem_heap_B=73736
mem_heap_extra_B=32
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=53
#-----------
time=8156172
mem_heap_B=1032
mem_heap_extra_B=24
mem_stacks_B=0
heap_tree=empty
#-----------
snapshot=54
#-----------
time=8157131
mem_heap_B=8
mem_heap_extra_B=16
mem_stacks_B=0
heap_tree=empty

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 38 KiB

@ -0,0 +1,419 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" width="1200" height="182" onload="init(evt)" viewBox="0 0 1200 182" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Flame graph stack visualization. See https://github.com/brendangregg/FlameGraph for latest version, and http://www.brendangregg.com/flamegraphs.html for examples.--><!--NOTES: --><defs><linearGradient id="background" y1="0" y2="1" x1="0" x2="0"><stop stop-color="#eeeeee" offset="5%"/><stop stop-color="#eeeeb0" offset="95%"/></linearGradient></defs><style type="text/css">
text { font-family:"Verdana"; font-size:12px; fill:rgb(0,0,0); }
#title { text-anchor:middle; font-size:17px; }
#search { opacity:0.1; cursor:pointer; }
#search:hover, #search.show { opacity:1; }
#subtitle { text-anchor:middle; font-color:rgb(160,160,160); }
#unzoom { cursor:pointer; }
#frames > *:hover { stroke:black; stroke-width:0.5; cursor:pointer; }
.hide { display:none; }
.parent { opacity:0.5; }
</style><script type="text/ecmascript"><![CDATA[var nametype = 'Function:';
var fontsize = 12;
var fontwidth = 0.59;
var xpad = 10;
var inverted = false;
var searchcolor = 'rgb(230,0,230)';
var fluiddrawing = true;
var truncate_text_right = false;]]><![CDATA["use strict";
var details, searchbtn, unzoombtn, matchedtxt, svg, searching, frames;
function init(evt) {
details = document.getElementById("details").firstChild;
searchbtn = document.getElementById("search");
unzoombtn = document.getElementById("unzoom");
matchedtxt = document.getElementById("matched");
svg = document.getElementsByTagName("svg")[0];
frames = document.getElementById("frames");
searching = 0;
// Use GET parameters to restore a flamegraph's state.
var restore_state = function() {
var params = get_params();
if (params.x && params.y)
zoom(find_group(document.querySelector('[x="' + params.x + '"][y="' + params.y + '"]')));
if (params.s)
search(params.s);
};
if (fluiddrawing) {
// Make width dynamic so the SVG fits its parent's width.
svg.removeAttribute("width");
// Edge requires us to have a viewBox that gets updated with size changes.
var isEdge = /Edge\/\d./i.test(navigator.userAgent);
if (!isEdge) {
svg.removeAttribute("viewBox");
}
var update_for_width_change = function() {
if (isEdge) {
svg.attributes.viewBox.value = "0 0 " + svg.width.baseVal.value + " " + svg.height.baseVal.value;
}
// Keep consistent padding on left and right of frames container.
frames.attributes.width.value = svg.width.baseVal.value - xpad * 2;
// Text truncation needs to be adjusted for the current width.
var el = frames.children;
for(var i = 0; i < el.length; i++) {
update_text(el[i]);
}
// Keep search elements at a fixed distance from right edge.
var svgWidth = svg.width.baseVal.value;
searchbtn.attributes.x.value = svgWidth - xpad - 100;
matchedtxt.attributes.x.value = svgWidth - xpad - 100;
};
window.addEventListener('resize', function() {
update_for_width_change();
});
// This needs to be done asynchronously for Safari to work.
setTimeout(function() {
unzoom();
update_for_width_change();
restore_state();
}, 0);
} else {
restore_state();
}
}
// event listeners
window.addEventListener("click", function(e) {
var target = find_group(e.target);
if (target) {
if (target.nodeName == "a") {
if (e.ctrlKey === false) return;
e.preventDefault();
}
if (target.classList.contains("parent")) unzoom();
zoom(target);
// set parameters for zoom state
var el = target.querySelector("rect");
if (el && el.attributes && el.attributes.y && el.attributes._orig_x) {
var params = get_params()
params.x = el.attributes._orig_x.value;
params.y = el.attributes.y.value;
history.replaceState(null, null, parse_params(params));
}
}
else if (e.target.id == "unzoom") {
unzoom();
// remove zoom state
var params = get_params();
if (params.x) delete params.x;
if (params.y) delete params.y;
history.replaceState(null, null, parse_params(params));
}
else if (e.target.id == "search") search_prompt();
}, false)
// mouse-over for info
// show
window.addEventListener("mouseover", function(e) {
var target = find_group(e.target);
if (target) details.nodeValue = nametype + " " + g_to_text(target);
}, false)
// clear
window.addEventListener("mouseout", function(e) {
var target = find_group(e.target);
if (target) details.nodeValue = ' ';
}, false)
// ctrl-F for search
window.addEventListener("keydown",function (e) {
if (e.keyCode === 114 || (e.ctrlKey && e.keyCode === 70)) {
e.preventDefault();
search_prompt();
}
}, false)
// functions
function get_params() {
var params = {};
var paramsarr = window.location.search.substr(1).split('&');
for (var i = 0; i < paramsarr.length; ++i) {
var tmp = paramsarr[i].split("=");
if (!tmp[0] || !tmp[1]) continue;
params[tmp[0]] = decodeURIComponent(tmp[1]);
}
return params;
}
function parse_params(params) {
var uri = "?";
for (var key in params) {
uri += key + '=' + encodeURIComponent(params[key]) + '&';
}
if (uri.slice(-1) == "&")
uri = uri.substring(0, uri.length - 1);
if (uri == '?')
uri = window.location.href.split('?')[0];
return uri;
}
function find_child(node, selector) {
var children = node.querySelectorAll(selector);
if (children.length) return children[0];
return;
}
function find_group(node) {
var parent = node.parentElement;
if (!parent) return;
if (parent.id == "frames") return node;
return find_group(parent);
}
function orig_save(e, attr, val) {
if (e.attributes["_orig_" + attr] != undefined) return;
if (e.attributes[attr] == undefined) return;
if (val == undefined) val = e.attributes[attr].value;
e.setAttribute("_orig_" + attr, val);
}
function orig_load(e, attr) {
if (e.attributes["_orig_"+attr] == undefined) return;
e.attributes[attr].value = e.attributes["_orig_" + attr].value;
e.removeAttribute("_orig_" + attr);
}
function g_to_text(e) {
var text = find_child(e, "title").firstChild.nodeValue;
return (text)
}
function g_to_func(e) {
var func = g_to_text(e);
// if there's any manipulation we want to do to the function
// name before it's searched, do it here before returning.
return (func);
}
function update_text(e) {
var r = find_child(e, "rect");
var t = find_child(e, "text");
var w = parseFloat(r.attributes.width.value) * frames.attributes.width.value / 100 - 3;
var txt = find_child(e, "title").textContent.replace(/\([^(]*\)$/,"");
t.attributes.x.value = format_percent((parseFloat(r.attributes.x.value) + (100 * 3 / frames.attributes.width.value)));
// Smaller than this size won't fit anything
if (w < 2 * fontsize * fontwidth) {
t.textContent = "";
return;
}
t.textContent = txt;
// Fit in full text width
if (/^ *\$/.test(txt) || t.getComputedTextLength() < w)
return;
if (truncate_text_right) {
// Truncate the right side of the text.
for (var x = txt.length - 2; x > 0; x--) {
if (t.getSubStringLength(0, x + 2) <= w) {
t.textContent = txt.substring(0, x) + "..";
return;
}
}
} else {
// Truncate the left side of the text.
for (var x = 2; x < txt.length; x++) {
if (t.getSubStringLength(x - 2, txt.length) <= w) {
t.textContent = ".." + txt.substring(x, txt.length);
return;
}
}
}
t.textContent = "";
}
// zoom
function zoom_reset(e) {
if (e.attributes != undefined) {
orig_load(e, "x");
orig_load(e, "width");
}
if (e.childNodes == undefined) return;
for(var i = 0, c = e.childNodes; i < c.length; i++) {
zoom_reset(c[i]);
}
}
function zoom_child(e, x, ratio) {
if (e.attributes != undefined) {
if (e.attributes.x != undefined) {
orig_save(e, "x");
e.attributes.x.value = format_percent((parseFloat(e.attributes.x.value) - x) * ratio);
if (e.tagName == "text") {
e.attributes.x.value = format_percent(parseFloat(find_child(e.parentNode, "rect[x]").attributes.x.value) + (100 * 3 / frames.attributes.width.value));
}
}
if (e.attributes.width != undefined) {
orig_save(e, "width");
e.attributes.width.value = format_percent(parseFloat(e.attributes.width.value) * ratio);
}
}
if (e.childNodes == undefined) return;
for(var i = 0, c = e.childNodes; i < c.length; i++) {
zoom_child(c[i], x, ratio);
}
}
function zoom_parent(e) {
if (e.attributes) {
if (e.attributes.x != undefined) {
orig_save(e, "x");
e.attributes.x.value = "0.0%";
}
if (e.attributes.width != undefined) {
orig_save(e, "width");
e.attributes.width.value = "100.0%";
}
}
if (e.childNodes == undefined) return;
for(var i = 0, c = e.childNodes; i < c.length; i++) {
zoom_parent(c[i]);
}
}
function zoom(node) {
var attr = find_child(node, "rect").attributes;
var width = parseFloat(attr.width.value);
var xmin = parseFloat(attr.x.value);
var xmax = xmin + width;
var ymin = parseFloat(attr.y.value);
var ratio = 100 / width;
// XXX: Workaround for JavaScript float issues (fix me)
var fudge = 0.001;
unzoombtn.classList.remove("hide");
var el = frames.children;
for (var i = 0; i < el.length; i++) {
var e = el[i];
var a = find_child(e, "rect").attributes;
var ex = parseFloat(a.x.value);
var ew = parseFloat(a.width.value);
// Is it an ancestor
if (!inverted) {
var upstack = parseFloat(a.y.value) > ymin;
} else {
var upstack = parseFloat(a.y.value) < ymin;
}
if (upstack) {
// Direct ancestor
if (ex <= xmin && (ex+ew+fudge) >= xmax) {
e.classList.add("parent");
zoom_parent(e);
update_text(e);
}
// not in current path
else
e.classList.add("hide");
}
// Children maybe
else {
// no common path
if (ex < xmin || ex + fudge >= xmax) {
e.classList.add("hide");
}
else {
zoom_child(e, xmin, ratio);
update_text(e);
}
}
}
}
function unzoom() {
unzoombtn.classList.add("hide");
var el = frames.children;
for(var i = 0; i < el.length; i++) {
el[i].classList.remove("parent");
el[i].classList.remove("hide");
zoom_reset(el[i]);
update_text(el[i]);
}
}
// search
function reset_search() {
var el = document.querySelectorAll("#frames rect");
for (var i = 0; i < el.length; i++) {
orig_load(el[i], "fill")
}
var params = get_params();
delete params.s;
history.replaceState(null, null, parse_params(params));
}
function search_prompt() {
if (!searching) {
var term = prompt("Enter a search term (regexp " +
"allowed, eg: ^ext4_)", "");
if (term != null) {
search(term)
}
} else {
reset_search();
searching = 0;
searchbtn.classList.remove("show");
searchbtn.firstChild.nodeValue = "Search"
matchedtxt.classList.add("hide");
matchedtxt.firstChild.nodeValue = ""
}
}
function search(term) {
var re = new RegExp(term);
var el = frames.children;
var matches = new Object();
var maxwidth = 0;
for (var i = 0; i < el.length; i++) {
var e = el[i];
var func = g_to_func(e);
var rect = find_child(e, "rect");
if (func == null || rect == null)
continue;
// Save max width. Only works as we have a root frame
var w = parseFloat(rect.attributes.width.value);
if (w > maxwidth)
maxwidth = w;
if (func.match(re)) {
// highlight
var x = parseFloat(rect.attributes.x.value);
orig_save(rect, "fill");
rect.attributes.fill.value = searchcolor;
// remember matches
if (matches[x] == undefined) {
matches[x] = w;
} else {
if (w > matches[x]) {
// overwrite with parent
matches[x] = w;
}
}
searching = 1;
}
}
if (!searching)
return;
var params = get_params();
params.s = term;
history.replaceState(null, null, parse_params(params));
searchbtn.classList.add("show");
searchbtn.firstChild.nodeValue = "Reset Search";
// calculate percent matched, excluding vertical overlap
var count = 0;
var lastx = -1;
var lastw = 0;
var keys = Array();
for (k in matches) {
if (matches.hasOwnProperty(k))
keys.push(k);
}
// sort the matched frames by their x location
// ascending, then width descending
keys.sort(function(a, b){
return a - b;
});
// Step through frames saving only the biggest bottom-up frames
// thanks to the sort order. This relies on the tree property
// where children are always smaller than their parents.
var fudge = 0.0001; // JavaScript floating point
for (var k in keys) {
var x = parseFloat(keys[k]);
var w = matches[keys[k]];
if (x >= lastx + lastw - fudge) {
count += w;
lastx = x;
lastw = w;
}
}
// display matched percent
matchedtxt.classList.remove("hide");
var pct = 100 * count / maxwidth;
if (pct != 100) pct = pct.toFixed(1);
matchedtxt.firstChild.nodeValue = "Matched: " + pct + "%";
}
function format_percent(n) {
return n.toFixed(4) + "%";
}
]]></script><rect x="0" y="0" width="100%" height="182" fill="url(#background)"/><text id="title" x="50.0000%" y="24.00">Flame Graph</text><text id="details" x="10" y="165.00"> </text><text id="unzoom" class="hide" x="10" y="24.00">Reset Zoom</text><text id="search" x="1090" y="24.00">Search</text><text id="matched" x="1090" y="165.00"> </text><svg id="frames" x="10" width="1180"><g><title>[libm-2.32.so] (9 samples, 26.47%)</title><rect x="58.8235%" y="53" width="26.4706%" height="15" fill="rgb(227,0,7)"/><text x="59.0735%" y="63.50">[libm-2.32.so]</text></g><g><title>__libc_start_main (29 samples, 85.29%)</title><rect x="11.7647%" y="85" width="85.2941%" height="15" fill="rgb(217,0,24)"/><text x="12.0147%" y="95.50">__libc_start_main</text></g><g><title>main (29 samples, 85.29%)</title><rect x="11.7647%" y="69" width="85.2941%" height="15" fill="rgb(221,193,54)"/><text x="12.0147%" y="79.50">main</text></g><g><title>rand_r (4 samples, 11.76%)</title><rect x="85.2941%" y="53" width="11.7647%" height="15" fill="rgb(248,212,6)"/><text x="85.5441%" y="63.50">rand_r</text></g><g><title>all (34 samples, 100%)</title><rect x="0.0000%" y="133" width="100.0000%" height="15" fill="rgb(208,68,35)"/><text x="0.2500%" y="143.50"></text></g><g><title>shuffle3-releas (34 samples, 100.00%)</title><rect x="0.0000%" y="117" width="100.0000%" height="15" fill="rgb(232,128,0)"/><text x="0.2500%" y="127.50">shuffle3-releas</text></g><g><title>_start (34 samples, 100.00%)</title><rect x="0.0000%" y="101" width="100.0000%" height="15" fill="rgb(207,160,47)"/><text x="0.2500%" y="111.50">_start</text></g><g><title>_dl_start (1 samples, 2.94%)</title><rect x="97.0588%" y="85" width="2.9412%" height="15" fill="rgb(228,23,34)"/><text x="97.3088%" y="95.50">_d..</text></g><g><title>_dl_sysdep_start (1 samples, 2.94%)</title><rect x="97.0588%" y="69" width="2.9412%" height="15" fill="rgb(218,30,26)"/><text x="97.3088%" y="79.50">_d..</text></g><g><title>dl_main (1 samples, 2.94%)</title><rect x="97.0588%" y="53" width="2.9412%" height="15" fill="rgb(220,122,19)"/><text x="97.3088%" y="63.50">dl..</text></g><g><title>_dl_lookup_symbol_x (1 samples, 2.94%)</title><rect x="97.0588%" y="37" width="2.9412%" height="15" fill="rgb(250,228,42)"/><text x="97.3088%" y="47.50">_d..</text></g></svg></svg>

After

Width:  |  Height:  |  Size: 17 KiB

@ -0,0 +1,419 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" width="1200" height="214" onload="init(evt)" viewBox="0 0 1200 214" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><!--Flame graph stack visualization. See https://github.com/brendangregg/FlameGraph for latest version, and http://www.brendangregg.com/flamegraphs.html for examples.--><!--NOTES: --><defs><linearGradient id="background" y1="0" y2="1" x1="0" x2="0"><stop stop-color="#eeeeee" offset="5%"/><stop stop-color="#eeeeb0" offset="95%"/></linearGradient></defs><style type="text/css">
text { font-family:"Verdana"; font-size:12px; fill:rgb(0,0,0); }
#title { text-anchor:middle; font-size:17px; }
#search { opacity:0.1; cursor:pointer; }
#search:hover, #search.show { opacity:1; }
#subtitle { text-anchor:middle; font-color:rgb(160,160,160); }
#unzoom { cursor:pointer; }
#frames > *:hover { stroke:black; stroke-width:0.5; cursor:pointer; }
.hide { display:none; }
.parent { opacity:0.5; }
</style><script type="text/ecmascript"><![CDATA[var nametype = 'Function:';
var fontsize = 12;
var fontwidth = 0.59;
var xpad = 10;
var inverted = false;
var searchcolor = 'rgb(230,0,230)';
var fluiddrawing = true;
var truncate_text_right = false;]]><![CDATA["use strict";
var details, searchbtn, unzoombtn, matchedtxt, svg, searching, frames;
function init(evt) {
details = document.getElementById("details").firstChild;
searchbtn = document.getElementById("search");
unzoombtn = document.getElementById("unzoom");
matchedtxt = document.getElementById("matched");
svg = document.getElementsByTagName("svg")[0];
frames = document.getElementById("frames");
searching = 0;
// Use GET parameters to restore a flamegraph's state.
var restore_state = function() {
var params = get_params();
if (params.x && params.y)
zoom(find_group(document.querySelector('[x="' + params.x + '"][y="' + params.y + '"]')));
if (params.s)
search(params.s);
};
if (fluiddrawing) {
// Make width dynamic so the SVG fits its parent's width.
svg.removeAttribute("width");
// Edge requires us to have a viewBox that gets updated with size changes.
var isEdge = /Edge\/\d./i.test(navigator.userAgent);
if (!isEdge) {
svg.removeAttribute("viewBox");
}
var update_for_width_change = function() {
if (isEdge) {
svg.attributes.viewBox.value = "0 0 " + svg.width.baseVal.value + " " + svg.height.baseVal.value;
}
// Keep consistent padding on left and right of frames container.
frames.attributes.width.value = svg.width.baseVal.value - xpad * 2;
// Text truncation needs to be adjusted for the current width.
var el = frames.children;
for(var i = 0; i < el.length; i++) {
update_text(el[i]);
}
// Keep search elements at a fixed distance from right edge.
var svgWidth = svg.width.baseVal.value;
searchbtn.attributes.x.value = svgWidth - xpad - 100;
matchedtxt.attributes.x.value = svgWidth - xpad - 100;
};
window.addEventListener('resize', function() {
update_for_width_change();
});
// This needs to be done asynchronously for Safari to work.
setTimeout(function() {
unzoom();
update_for_width_change();
restore_state();
}, 0);
} else {
restore_state();
}
}
// event listeners
window.addEventListener("click", function(e) {
var target = find_group(e.target);
if (target) {
if (target.nodeName == "a") {
if (e.ctrlKey === false) return;
e.preventDefault();
}
if (target.classList.contains("parent")) unzoom();
zoom(target);
// set parameters for zoom state
var el = target.querySelector("rect");
if (el && el.attributes && el.attributes.y && el.attributes._orig_x) {
var params = get_params()
params.x = el.attributes._orig_x.value;
params.y = el.attributes.y.value;
history.replaceState(null, null, parse_params(params));
}
}
else if (e.target.id == "unzoom") {
unzoom();
// remove zoom state
var params = get_params();
if (params.x) delete params.x;
if (params.y) delete params.y;
history.replaceState(null, null, parse_params(params));
}
else if (e.target.id == "search") search_prompt();
}, false)
// mouse-over for info
// show
window.addEventListener("mouseover", function(e) {
var target = find_group(e.target);
if (target) details.nodeValue = nametype + " " + g_to_text(target);
}, false)
// clear
window.addEventListener("mouseout", function(e) {
var target = find_group(e.target);
if (target) details.nodeValue = ' ';
}, false)
// ctrl-F for search
window.addEventListener("keydown",function (e) {
if (e.keyCode === 114 || (e.ctrlKey && e.keyCode === 70)) {
e.preventDefault();
search_prompt();
}
}, false)
// functions
function get_params() {
var params = {};
var paramsarr = window.location.search.substr(1).split('&');
for (var i = 0; i < paramsarr.length; ++i) {
var tmp = paramsarr[i].split("=");
if (!tmp[0] || !tmp[1]) continue;
params[tmp[0]] = decodeURIComponent(tmp[1]);
}
return params;
}
function parse_params(params) {
var uri = "?";
for (var key in params) {
uri += key + '=' + encodeURIComponent(params[key]) + '&';
}
if (uri.slice(-1) == "&")
uri = uri.substring(0, uri.length - 1);
if (uri == '?')
uri = window.location.href.split('?')[0];
return uri;
}
function find_child(node, selector) {
var children = node.querySelectorAll(selector);
if (children.length) return children[0];
return;
}
function find_group(node) {
var parent = node.parentElement;
if (!parent) return;
if (parent.id == "frames") return node;
return find_group(parent);
}
function orig_save(e, attr, val) {
if (e.attributes["_orig_" + attr] != undefined) return;
if (e.attributes[attr] == undefined) return;
if (val == undefined) val = e.attributes[attr].value;
e.setAttribute("_orig_" + attr, val);
}
function orig_load(e, attr) {
if (e.attributes["_orig_"+attr] == undefined) return;
e.attributes[attr].value = e.attributes["_orig_" + attr].value;
e.removeAttribute("_orig_" + attr);
}
function g_to_text(e) {
var text = find_child(e, "title").firstChild.nodeValue;
return (text)
}
function g_to_func(e) {
var func = g_to_text(e);
// if there's any manipulation we want to do to the function
// name before it's searched, do it here before returning.
return (func);
}
function update_text(e) {
var r = find_child(e, "rect");
var t = find_child(e, "text");
var w = parseFloat(r.attributes.width.value) * frames.attributes.width.value / 100 - 3;
var txt = find_child(e, "title").textContent.replace(/\([^(]*\)$/,"");
t.attributes.x.value = format_percent((parseFloat(r.attributes.x.value) + (100 * 3 / frames.attributes.width.value)));
// Smaller than this size won't fit anything
if (w < 2 * fontsize * fontwidth) {
t.textContent = "";
return;
}
t.textContent = txt;
// Fit in full text width
if (/^ *\$/.test(txt) || t.getComputedTextLength() < w)
return;
if (truncate_text_right) {
// Truncate the right side of the text.
for (var x = txt.length - 2; x > 0; x--) {
if (t.getSubStringLength(0, x + 2) <= w) {
t.textContent = txt.substring(0, x) + "..";
return;
}
}
} else {
// Truncate the left side of the text.
for (var x = 2; x < txt.length; x++) {
if (t.getSubStringLength(x - 2, txt.length) <= w) {
t.textContent = ".." + txt.substring(x, txt.length);
return;
}
}
}
t.textContent = "";
}
// zoom
function zoom_reset(e) {
if (e.attributes != undefined) {
orig_load(e, "x");
orig_load(e, "width");
}
if (e.childNodes == undefined) return;
for(var i = 0, c = e.childNodes; i < c.length; i++) {
zoom_reset(c[i]);
}
}
function zoom_child(e, x, ratio) {
if (e.attributes != undefined) {
if (e.attributes.x != undefined) {
orig_save(e, "x");
e.attributes.x.value = format_percent((parseFloat(e.attributes.x.value) - x) * ratio);
if (e.tagName == "text") {
e.attributes.x.value = format_percent(parseFloat(find_child(e.parentNode, "rect[x]").attributes.x.value) + (100 * 3 / frames.attributes.width.value));
}
}
if (e.attributes.width != undefined) {
orig_save(e, "width");
e.attributes.width.value = format_percent(parseFloat(e.attributes.width.value) * ratio);
}
}
if (e.childNodes == undefined) return;
for(var i = 0, c = e.childNodes; i < c.length; i++) {
zoom_child(c[i], x, ratio);
}
}
function zoom_parent(e) {
if (e.attributes) {
if (e.attributes.x != undefined) {
orig_save(e, "x");
e.attributes.x.value = "0.0%";
}
if (e.attributes.width != undefined) {
orig_save(e, "width");
e.attributes.width.value = "100.0%";
}
}
if (e.childNodes == undefined) return;
for(var i = 0, c = e.childNodes; i < c.length; i++) {
zoom_parent(c[i]);
}
}
function zoom(node) {
var attr = find_child(node, "rect").attributes;
var width = parseFloat(attr.width.value);
var xmin = parseFloat(attr.x.value);
var xmax = xmin + width;
var ymin = parseFloat(attr.y.value);
var ratio = 100 / width;
// XXX: Workaround for JavaScript float issues (fix me)
var fudge = 0.001;
unzoombtn.classList.remove("hide");
var el = frames.children;
for (var i = 0; i < el.length; i++) {
var e = el[i];
var a = find_child(e, "rect").attributes;
var ex = parseFloat(a.x.value);
var ew = parseFloat(a.width.value);
// Is it an ancestor
if (!inverted) {
var upstack = parseFloat(a.y.value) > ymin;
} else {
var upstack = parseFloat(a.y.value) < ymin;
}
if (upstack) {
// Direct ancestor
if (ex <= xmin && (ex+ew+fudge) >= xmax) {
e.classList.add("parent");
zoom_parent(e);
update_text(e);
}
// not in current path
else
e.classList.add("hide");
}
// Children maybe
else {
// no common path
if (ex < xmin || ex + fudge >= xmax) {
e.classList.add("hide");
}
else {
zoom_child(e, xmin, ratio);
update_text(e);
}
}
}
}
function unzoom() {
unzoombtn.classList.add("hide");
var el = frames.children;
for(var i = 0; i < el.length; i++) {
el[i].classList.remove("parent");
el[i].classList.remove("hide");
zoom_reset(el[i]);
update_text(el[i]);
}
}
// search
function reset_search() {
var el = document.querySelectorAll("#frames rect");
for (var i = 0; i < el.length; i++) {
orig_load(el[i], "fill")
}
var params = get_params();
delete params.s;
history.replaceState(null, null, parse_params(params));
}
function search_prompt() {
if (!searching) {
var term = prompt("Enter a search term (regexp " +
"allowed, eg: ^ext4_)", "");
if (term != null) {
search(term)
}
} else {
reset_search();
searching = 0;
searchbtn.classList.remove("show");
searchbtn.firstChild.nodeValue = "Search"
matchedtxt.classList.add("hide");
matchedtxt.firstChild.nodeValue = ""
}
}
function search(term) {
var re = new RegExp(term);
var el = frames.children;
var matches = new Object();
var maxwidth = 0;
for (var i = 0; i < el.length; i++) {
var e = el[i];
var func = g_to_func(e);
var rect = find_child(e, "rect");
if (func == null || rect == null)
continue;
// Save max width. Only works as we have a root frame
var w = parseFloat(rect.attributes.width.value);
if (w > maxwidth)
maxwidth = w;
if (func.match(re)) {
// highlight
var x = parseFloat(rect.attributes.x.value);
orig_save(rect, "fill");
rect.attributes.fill.value = searchcolor;
// remember matches
if (matches[x] == undefined) {
matches[x] = w;
} else {
if (w > matches[x]) {
// overwrite with parent
matches[x] = w;
}
}
searching = 1;
}
}
if (!searching)
return;
var params = get_params();
params.s = term;
history.replaceState(null, null, parse_params(params));
searchbtn.classList.add("show");
searchbtn.firstChild.nodeValue = "Reset Search";
// calculate percent matched, excluding vertical overlap
var count = 0;
var lastx = -1;
var lastw = 0;
var keys = Array();
for (k in matches) {
if (matches.hasOwnProperty(k))
keys.push(k);
}
// sort the matched frames by their x location
// ascending, then width descending
keys.sort(function(a, b){
return a - b;
});
// Step through frames saving only the biggest bottom-up frames
// thanks to the sort order. This relies on the tree property
// where children are always smaller than their parents.
var fudge = 0.0001; // JavaScript floating point
for (var k in keys) {
var x = parseFloat(keys[k]);
var w = matches[keys[k]];
if (x >= lastx + lastw - fudge) {
count += w;
lastx = x;
lastw = w;
}
}
// display matched percent
matchedtxt.classList.remove("hide");
var pct = 100 * count / maxwidth;
if (pct != 100) pct = pct.toFixed(1);
matchedtxt.firstChild.nodeValue = "Matched: " + pct + "%";
}
function format_percent(n) {
return n.toFixed(4) + "%";
}
]]></script><rect x="0" y="0" width="100%" height="214" fill="url(#background)"/><text id="title" x="50.0000%" y="24.00">Flame Graph</text><text id="details" x="10" y="197.00"> </text><text id="unzoom" class="hide" x="10" y="24.00">Reset Zoom</text><text id="search" x="1090" y="24.00">Search</text><text id="matched" x="1090" y="197.00"> </text><svg id="frames" x="10" width="1180"><g><title>VTT for std::basic_ostream&lt;wchar_t, std::char_traits&lt;wchar_t&gt; &gt; (1 samples, 1.89%)</title><rect x="0.0000%" y="133" width="1.8868%" height="15" fill="rgb(227,0,7)"/><text x="0.2500%" y="143.50">V..</text></g><g><title>std::vector&lt;unsigned long, std::allocator&lt;unsigned long&gt; &gt;::emplace_back&lt;unsigned long&gt; (1 samples, 1.89%)</title><rect x="0.0000%" y="117" width="1.8868%" height="15" fill="rgb(217,0,24)"/><text x="0.2500%" y="127.50">s..</text></g><g><title>[libm-2.32.so] (1 samples, 1.89%)</title><rect x="1.8868%" y="117" width="1.8868%" height="15" fill="rgb(221,193,54)"/><text x="2.1368%" y="127.50">[..</text></g><g><title>main (1 samples, 1.89%)</title><rect x="3.7736%" y="117" width="1.8868%" height="15" fill="rgb(248,212,6)"/><text x="4.0236%" y="127.50">m..</text></g><g><title>[unknown] (4 samples, 7.55%)</title><rect x="1.8868%" y="133" width="7.5472%" height="15" fill="rgb(208,68,35)"/><text x="2.1368%" y="143.50">[unknown]</text></g><g><title>std::vector&lt;unsigned long, std::allocator&lt;unsigned long&gt; &gt;::emplace_back&lt;unsigned long&gt; (2 samples, 3.77%)</title><rect x="5.6604%" y="117" width="3.7736%" height="15" fill="rgb(232,128,0)"/><text x="5.9104%" y="127.50">std:..</text></g><g><title>[libm-2.32.so] (23 samples, 43.40%)</title><rect x="45.2830%" y="85" width="43.3962%" height="15" fill="rgb(207,160,47)"/><text x="45.5330%" y="95.50">[libm-2.32.so]</text></g><g><title>std::vector&lt;unsigned long, std::allocator&lt;unsigned long&gt; &gt;::emplace_back&lt;unsigned long&gt; (4 samples, 7.55%)</title><rect x="88.6792%" y="85" width="7.5472%" height="15" fill="rgb(228,23,34)"/><text x="88.9292%" y="95.50">std::vecto..</text></g><g><title>__memmove_avx_unaligned_erms (1 samples, 1.89%)</title><rect x="94.3396%" y="69" width="1.8868%" height="15" fill="rgb(218,30,26)"/><text x="94.5896%" y="79.50">_..</text></g><g><title>__libc_start_main (43 samples, 81.13%)</title><rect x="16.9811%" y="117" width="81.1321%" height="15" fill="rgb(220,122,19)"/><text x="17.2311%" y="127.50">__libc_start_main</text></g><g><title>main (43 samples, 81.13%)</title><rect x="16.9811%" y="101" width="81.1321%" height="15" fill="rgb(250,228,42)"/><text x="17.2311%" y="111.50">main</text></g><g><title>std::vector&lt;unsigned long, std::allocator&lt;unsigned long&gt; &gt;::vector (1 samples, 1.89%)</title><rect x="96.2264%" y="85" width="1.8868%" height="15" fill="rgb(240,193,28)"/><text x="96.4764%" y="95.50">s..</text></g><g><title>__memset_avx2_erms (1 samples, 1.89%)</title><rect x="96.2264%" y="69" width="1.8868%" height="15" fill="rgb(216,20,37)"/><text x="96.4764%" y="79.50">_..</text></g><g><title>all (53 samples, 100%)</title><rect x="0.0000%" y="165" width="100.0000%" height="15" fill="rgb(206,188,39)"/><text x="0.2500%" y="175.50"></text></g><g><title>shuffle3-releas (53 samples, 100.00%)</title><rect x="0.0000%" y="149" width="100.0000%" height="15" fill="rgb(217,207,13)"/><text x="0.2500%" y="159.50">shuffle3-releas</text></g><g><title>_start (48 samples, 90.57%)</title><rect x="9.4340%" y="133" width="90.5660%" height="15" fill="rgb(231,73,38)"/><text x="9.6840%" y="143.50">_start</text></g><g><title>_dl_start (1 samples, 1.89%)</title><rect x="98.1132%" y="117" width="1.8868%" height="15" fill="rgb(225,20,46)"/><text x="98.3632%" y="127.50">_..</text></g><g><title>_dl_sysdep_start (1 samples, 1.89%)</title><rect x="98.1132%" y="101" width="1.8868%" height="15" fill="rgb(210,31,41)"/><text x="98.3632%" y="111.50">_..</text></g><g><title>dl_main (1 samples, 1.89%)</title><rect x="98.1132%" y="85" width="1.8868%" height="15" fill="rgb(221,200,47)"/><text x="98.3632%" y="95.50">d..</text></g><g><title>_dl_init_paths (1 samples, 1.89%)</title><rect x="98.1132%" y="69" width="1.8868%" height="15" fill="rgb(226,26,5)"/><text x="98.3632%" y="79.50">_..</text></g><g><title>fillin_rpath.isra.0 (1 samples, 1.89%)</title><rect x="98.1132%" y="53" width="1.8868%" height="15" fill="rgb(249,33,26)"/><text x="98.3632%" y="63.50">f..</text></g><g><title>__strsep (1 samples, 1.89%)</title><rect x="98.1132%" y="37" width="1.8868%" height="15" fill="rgb(235,183,28)"/><text x="98.3632%" y="47.50">_..</text></g></svg></svg>

After

Width:  |  Height:  |  Size: 19 KiB

Loading…
Cancel
Save