refactory to re-render on highlight changes and display four bars on the stave
refactor bar width to fit canvas