note visualizer