Thursday, June 1, 2017

Scalable charts

Great news: charte.ca charts are now fully scalable. Content editors and users can change the size of the container - the chart will scale accordingly, preserving the original aspect ratio, without losing any functionality or quality.



Source code for this test HTML file - pay attention to the 100% width style:

<html>
  <body>
    <div>
      <embed src="example-drinking.svg"  type="image/svg+xml" style="width:100%;" />
    </div>
  <body>
<html>


To see this in action, open http://charte.ca and play with the browser window size - you will see sample charts shrinking and expanding as well.

No comments:

Post a Comment