1

I am plotting some math functions in the domain x: [0, 0.01], y: [0, 1] using JS and SVG elements.

My first approach was to scale the x-axis in order to have a "good" aspect ratio (for instance, multiply all the x coordinates by 1000 so my aspect ratio is 10:1).

To keep things as simple as possible, I would like to remove this scale factor and make the viewBox attribute to be related to my function plotting range (for instance, i would like to set viewBox="0 0 0.01 1" so i don't have to scale all x-coordinates).

Is this possible and recommended ?

I tried using preserveAspectRatio="none" on my svg element and vector-scaling="non-scaling-stroke" on its children, but things are not as crisp as with my first approach.

Improve this question
0
Related questions
1355
How can I change the color of an 'svg' element?
2369
Retrieve the position (X,Y) of an HTML element
1752
Does JavaScript have a method like "range()" to generate a range within the supplied bounds?
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.