This library provides canvass-like a Svelte component that encourages a deeper understanding of units. This "unit playground" aims to aid problem solvers by providing instant unit feedback, hints, and rearrangeable equations.
Installation & Usage | About | Acknowledgements | License
Currently, this package is only available in Svelte projects. Simply install with npm.
npm i unitplayground
To use the component in your project import it and place it within some container <div>. UnitPlayground will fill its parent container. Example:
<script>
import UnitPlayground from 'unitplayground'
</script>
<div class=base>
<UnitPlayground/>
</div>
<style>
.base {
max-width: 100%;
width: 90vw;
height: 50vh;
}
</style>What is this package able to deliver? Stay tuned . . .
Thanks to the authors and maintainers of my dependencies, especially mathlive, @cortex-js/compute-engine, and unitmath. Also, thanks to my professor Robert Ordóñez for support while I was developing this project.
UnitPlayground is released under the MIT license.