<p>{scale(x)}</p> <script> export default { data: () => ({ x: 5, domain: [ 0, 10 ], range: [ 0, 100 ] }), computed: { scale: ({ domain, range }) => { return num => { const t = domain[0] + ( num - domain[0] ) / ( domain[1] - domain[0] ); return range[0] + t * ( range[1] - range[0] ); } } } }; </script>