Algo Visualization Changelog

labuladongOriginalAbout 883 words

2024/12/3

Major Update

A new color setting panel has been added, allowing for easy adjustment of variable colors directly in the visualization panel.

General settings such as font size have also been added to enhance user experience.

2024/11/20

Fixed visualization errors caused by API changes in structures like linked lists and hash tables.

2024/11/6

Fixed a bug in Segment Tree.
Optimized the creation methods for several tree structures.

2024/11/3

Visualization panel now supports the Red-Black Tree structure.

2024/10/31

Major Upgrade

The visualization panel now supports a color system, allowing any object's color to be modified via annotation keywords and a page palette.

For details, see Color System of the Visualization Panel.

2024/10/21

Fixed a bug preventing the display of sorting algorithms in the visualization panel.

2024/10/19

Added support for visualizing Union Find structures.
Added support for visualizing Segment Tree structures.
Added support for visualizing Trie Tree structures.
Added features for variable binding and setting node colors.

For specific usage, refer to Visualization Panel User Guide.

2024/10/13

Improved user experience: No more flickering of data structures when clicking on code to jump to the next execution.
Binary heap structure now displays the underlying array with showArray.

2024/10/3

Major Update

Added @visualize cert annotation to display array elements in histogram form, aiding in the study of Sorting Algorithms.

2024/7/17

Major Update

Added @visualize bfs annotation for visualizing BFS algorithms. For detailed usage, see Visualization Panel Introduction.

2024/7/17

Major Bug Fix

Fixed an issue where nodes were not displayed when constructing binary/multiway trees.

Using the @visualize tag, recursion trees generated by recursive functions now distinguish between "completed" and "incomplete" states, more intuitively showing whether the current recursive function has been completed:

2024/6/2

Major Update

Added support for visualizing Binary Heap structures. For details, see Visualization Panel Introduction.

2024/5/19

After clicking the Console Log panel, the color of alignment guides is more prominent, making it easier to observe recursion levels.
Added scrollbars to various panel sections, allowing navigation with mouse drag.

2024/5/1

Major Update

Added support for viewing console outputs. You can use console.log directly in your code.

The native console.log method has been enhanced according to the recursive debugging methods introduced in Exam "Cheating" Techniques. It automatically adds indentation to output based on recursion depth, making it easier to observe the recursion process. If you prefer no automatic indentation, use console._log.

For details, see Visualization Panel Introduction.

2024/4/6

Major Update

Hover over the code to support jumping to the last execution position.

2024/4/3

Added support for @visualize hide and @visualize global annotations. For details, see Visualization Panel Introduction.

2024/3/18

Added support for GitHub login.

2024/3/12

Optimized compiler efficiency and animation rendering speed.
Improved animation stability.

2024/3/5

Added refresh and fullscreen buttons to the bottom right corner of the visualization panel, making it easier for readers to refresh the panel or display in fullscreen using the plugin.
Optimized the logic for code highlighting jumps to prevent left-side code from jumping around and affecting the experience when playing algorithm execution steps.

2024/2/17

Bug Fix

Fixed a bug that caused errors like Error: No substitution given for "__X34" during code compilation.

2024/2/1

Major Update

The algorithm visualization panel in the new websites labuladong.online, VSCode plugin, Jetbrains plugin, and Chrome plugin now includes an "Edit" button, allowing readers to directly modify and execute code in the algorithm visualization panel.

2024/1/10

Major Update

Support for @visualize choice(nums[i]) and @visualize unchoice(nums[i]) annotations has been added for visualizing the selection and deselection process in backtracking/dynamic programming algorithms. When you hover over a recursion tree node, it shows all the choices made along the recursion path:

All visualization panels on the website/plugin have been updated with this new feature. For more information, see Visualization Panel Introduction.

The @visualize keyword will be displayed in blue, making it easier for users to confirm whether recursion tracking is in effect.

2024/1/7

Fixed a bug where the "Previous Step" button in the visualization panel caused data structure confusion.
Emulated IDE code debugging experience, optimizing the code display effect in the visualization panel: comments are shown in gray, executed code is shown in dark yellow, currently executing code is highlighted in green, and code not yet executed is shown in white.
Added support for visualizing doubly linked lists.

2024/1/1

The visualization panel is officially launched, accessible at:

https://labuladong.online/algo-visualize/