This is a longer term issue, and worth discussing in greater detail at some point, but I wanted to file an issue so that I don't forget.
At the moment, we're using D3 to render out an SVG-based visual layout for the spatial audio room, where audio description nodes are coloured circles with text labels beneath them, and listener's position in the virtual space is represented as a outlined circle.
I think it might be possible to render this display using styled HTML elements, and get a few benefits as a result:
- Automatic support for platform-level display accessibility features such as text resizing and boldness that, at least in my testing on iOS, seem to work out of the box for HTML, but are not applied to SVG elements
- A smaller download size due to fewer dependencies
- Faster rendering times (I see what feels like notably slower SVG rendering speeds on iOS than on Android)
Something to consider for a future version of Audimance.
This is a longer term issue, and worth discussing in greater detail at some point, but I wanted to file an issue so that I don't forget.
At the moment, we're using D3 to render out an SVG-based visual layout for the spatial audio room, where audio description nodes are coloured circles with text labels beneath them, and listener's position in the virtual space is represented as a outlined circle.
I think it might be possible to render this display using styled HTML elements, and get a few benefits as a result:
Something to consider for a future version of Audimance.