Adaptive-Memory-Visualizer/sample.html at master · Alan-S-Andrade/Adaptive-Memory-Visualizer · GitHub

1
2
3
4
5
6
7
<!DOCTYPE HTML>
<html>
<head>
<meta charset='utf-8'/>
<title>Datastructure result</title>
</head>
<svg width = 1980 height = 100><rect x = 0 width = 100 height = 100 style='fill:black;stroke-width:4;stroke:blue;'></rect><text x = 10 y = 10 fill = 'white'>Struct 3</text><text x = 10 y = 30 fill = 'white'>Size: 0</text><text x = 10 y = 50 fill = 'white'>Parent Struct 2</text></svg><svg width = 1980 height = 100><rect x = 0 width = 100 height = 100 style='fill:magenta;stroke-width:4;stroke:blue;'></rect><text x = 10 y = 10 fill = 'white'>Struct 1</text><text x = 10 y = 30 fill = 'white'>Size: 0</text><rect x = 100 width = 100 height = 100 style='fill:black;stroke-width:4;stroke:blue;'></rect><text x = 110 y = 10 fill = 'white'>Struct 2</text><text x = 110 y = 30 fill = 'white'>Size: 0</text><rect x = 200 width = 100 height = 100 style='fill:black;stroke-width:4;stroke:blue;'></rect><text x = 210 y = 10 fill = 'white'>Struct 3</text><text x = 210 y = 30 fill = 'white'>Size: 0</text></svg><p>Red border means unfreed memory, Blue border means freed memory</p><p><ul><li>Stack - Magenta</li><li>Queue - Green</li><li>Vector - Yellow</li><li>Array - Pink</li><li>Other - Black</li></ul></p>