Repository for piano project
  • JavaScript 96.8%
  • HTML 3.2%
Find a file
Diederik Mathijs a5a9408e14 first commit
2026-06-21 12:43:06 +02:00
dist first commit 2026-06-21 12:43:06 +02:00
examples first commit 2026-06-21 12:43:06 +02:00
javascript first commit 2026-06-21 12:43:06 +02:00
index.html first commit 2026-06-21 12:43:06 +02:00
index.js first commit 2026-06-21 12:43:06 +02:00
LICENSE first commit 2026-06-21 12:43:06 +02:00
package-lock.json first commit 2026-06-21 12:43:06 +02:00
package.json first commit 2026-06-21 12:43:06 +02:00
README.md first commit 2026-06-21 12:43:06 +02:00
webpack.config.js first commit 2026-06-21 12:43:06 +02:00

MusicXML2SVG

An ECMAScript 6 Javascript library for converting MusicXML to SVG

Introduction

The goal of this library is to plublicly develop a minimal library that can render svg directly from a MusicXML file.

The svg will be rendered in a container of type:

<div id="musicxml2svg-container" data-src=" ... link to musixcml file ... ">
    <!-- Place where svg will be rendered--->
</div>

Ultimately the goal is to make the library as flexible and extensible as possible in order to allow for additional functionality like audio players, ..

Roadmap

  • Render full, half, quarter and eight notes in G Major key
  • Render full, half, quarter and eight rests in G Major key
  • Make rendering 'division' (time) aware
  • ...

Setup for contributors

  1. Clone the repository to your local computer.
  2. Run npm install to install all dependencies.
  3. Develop and run "npm run build" to make webpack perform its magic.
  4. Run http-server in the root of the repository to get an overview of all available examples
  5. For improvements, feel free to make a PR