@tomaszjarosz/react-visualizers 0.3.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +15 -5
- package/dist/index.cjs +15659 -11884
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +75 -0
- package/dist/index.js +15660 -11885
- package/dist/index.js.map +1 -1
- package/dist/react-visualizers.css +340 -57
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -8,7 +8,7 @@ Interactive algorithm and data structure visualizers for React. Perfect for lear
|
|
|
8
8
|
|
|
9
9
|
## Features
|
|
10
10
|
|
|
11
|
-
- **
|
|
11
|
+
- **51 interactive visualizers** covering algorithms, data structures, and distributed systems
|
|
12
12
|
- **Interview Mode** with built-in questions, scoring, hints, and explanations
|
|
13
13
|
- **Step-by-step animations** with playback controls (play, pause, step forward/back)
|
|
14
14
|
- **Code highlighting** showing the current line being executed
|
|
@@ -55,7 +55,7 @@ function App() {
|
|
|
55
55
|
|
|
56
56
|
## Available Visualizers
|
|
57
57
|
|
|
58
|
-
### Algorithms (
|
|
58
|
+
### Algorithms (8)
|
|
59
59
|
|
|
60
60
|
| Visualizer | Description |
|
|
61
61
|
|------------|-------------|
|
|
@@ -65,8 +65,10 @@ function App() {
|
|
|
65
65
|
| `GraphVisualizer` | DFS and BFS traversal |
|
|
66
66
|
| `DijkstraVisualizer` | Shortest path with distance relaxation |
|
|
67
67
|
| `DPVisualizer` | Dynamic programming table (Fibonacci) |
|
|
68
|
+
| `AStarVisualizer` | A* pathfinding with f(n) = g(n) + h(n) |
|
|
69
|
+
| `TopologicalSortVisualizer` | Kahn's algorithm for DAG ordering |
|
|
68
70
|
|
|
69
|
-
### Data Structures (
|
|
71
|
+
### Data Structures (12)
|
|
70
72
|
|
|
71
73
|
| Visualizer | Description |
|
|
72
74
|
|------------|-------------|
|
|
@@ -80,6 +82,8 @@ function App() {
|
|
|
80
82
|
| `LinkedHashMapVisualizer` | HashMap + insertion order linked list |
|
|
81
83
|
| `EnumSetVisualizer` | Bit vector implementation |
|
|
82
84
|
| `ListComparisonVisualizer` | ArrayList vs LinkedList performance |
|
|
85
|
+
| `LRUCacheVisualizer` | Least Recently Used cache with HashMap + DLL |
|
|
86
|
+
| `SegmentTreeVisualizer` | Range sum queries with O(log n) updates |
|
|
83
87
|
|
|
84
88
|
### Concurrency (4)
|
|
85
89
|
|
|
@@ -90,7 +94,7 @@ function App() {
|
|
|
90
94
|
| `CopyOnWriteVisualizer` | Copy-on-write pattern for reads |
|
|
91
95
|
| `ImmutableCollectionsVisualizer` | Java 9+ immutable collections |
|
|
92
96
|
|
|
93
|
-
### Advanced Data Structures (
|
|
97
|
+
### Advanced Data Structures (5)
|
|
94
98
|
|
|
95
99
|
| Visualizer | Description |
|
|
96
100
|
|------------|-------------|
|
|
@@ -98,6 +102,7 @@ function App() {
|
|
|
98
102
|
| `BTreeVisualizer` | B-Tree with node splitting |
|
|
99
103
|
| `TrieVisualizer` | Prefix tree for autocomplete, spell checking |
|
|
100
104
|
| `UnionFindVisualizer` | Disjoint set union with path compression |
|
|
105
|
+
| `SkipListVisualizer` | Probabilistic sorted list with O(log n) operations |
|
|
101
106
|
|
|
102
107
|
### Distributed Systems (2)
|
|
103
108
|
|
|
@@ -113,7 +118,7 @@ function App() {
|
|
|
113
118
|
| `GCVisualizer` | JVM generational garbage collection |
|
|
114
119
|
| `SQLJoinVisualizer` | SQL JOIN operations (INNER, LEFT, RIGHT, FULL) |
|
|
115
120
|
|
|
116
|
-
### Interview Mode (
|
|
121
|
+
### Interview Mode (15)
|
|
117
122
|
|
|
118
123
|
Interview visualizers include built-in questions with multiple choice answers, hints, and detailed explanations. Perfect for interview preparation.
|
|
119
124
|
|
|
@@ -129,6 +134,11 @@ Interview visualizers include built-in questions with multiple choice answers, h
|
|
|
129
134
|
| `BTreeInterviewVisualizer` | Node splitting, disk-based storage, order |
|
|
130
135
|
| `ConsistentHashingInterviewVisualizer` | Virtual nodes, rebalancing, hot spots |
|
|
131
136
|
| `RaftInterviewVisualizer` | Leader election, log replication, safety |
|
|
137
|
+
| `TrieInterviewVisualizer` | Prefix operations, autocomplete, space complexity |
|
|
138
|
+
| `UnionFindInterviewVisualizer` | Path compression, union by rank, cycle detection |
|
|
139
|
+
| `AStarInterviewVisualizer` | f=g+h, admissible heuristics, Manhattan distance |
|
|
140
|
+
| `SkipListInterviewVisualizer` | Probabilistic levels, expected complexity, Redis |
|
|
141
|
+
| `LinkedListInterviewVisualizer` | Two-pointer techniques, cycle detection, reversal |
|
|
132
142
|
|
|
133
143
|
## Interview Mode Usage
|
|
134
144
|
|