La siguiente notación musical se genera a partir de los datos de EsAC que aparecen a continuación.
Fíjate en el uso de !!!filter: autobeam para unir las corcheas.
Consulta el código fuente de esta página para ver el javascript utilizado para crear la notación. La principal diferencia con respecto a Humdrum data display es que el formato de entrada se establece como "esac".
Marcadores de frases analítica
En este ejemplo, la nota inicial de una frase se resalta en verde y la nota final en azul. Esto se hace con el siguiente código CSS:
.phraseStart { fill: green; }
.phraseStart [stroke] { stroke: green; }
.phraseStop { color: blue; }
.phraseStop [stroke] { stroke: blue; }
.phraseStart.phraseStop { color: orange; }
.phraseStart.phraseStop [stroke] { stroke: orange; }
Las frases se codifican implícitamente en los datos de EsAC mediante saltos de línea. La primera nota de una línea es el inicio de la frase, y la última nota de una línea es el final de la frase. Estas notas se etiquetan en el SVG con las clases phraseStart y phraseStop respectivamente.