{"action":"created","issue":{"url":"https://api.github.com/repos/pbc-labs/tld3/issues/89","labels_url":"https://api.github.com/repos/pbc-labs/tld3/issues/89/labels{/name}","comments_url":"https://api.github.com/repos/pbc-labs/tld3/issues/89/comments","events_url":"https://api.github.com/repos/pbc-labs/tld3/issues/89/events","html_url":"https://github.com/pbc-labs/tld3/issues/89","id":124603653,"number":89,"title":"SVG Responsiveness needs to be improved.","user":{"login":"banunatina","id":11136911,"avatar_url":"https://avatars.githubusercontent.com/u/11136911?v=3","gravatar_id":"","url":"https://api.github.com/users/banunatina","html_url":"https://github.com/banunatina","followers_url":"https://api.github.com/users/banunatina/followers","following_url":"https://api.github.com/users/banunatina/following{/other_user}","gists_url":"https://api.github.com/users/banunatina/gists{/gist_id}","starred_url":"https://api.github.com/users/banunatina/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/banunatina/subscriptions","organizations_url":"https://api.github.com/users/banunatina/orgs","repos_url":"https://api.github.com/users/banunatina/repos","events_url":"https://api.github.com/users/banunatina/events{/privacy}","received_events_url":"https://api.github.com/users/banunatina/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/pbc-labs/tld3/labels/bug","name":"bug","color":"fc2929"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2016-01-02T18:18:41Z","updated_at":"2016-01-04T20:16:47Z","closed_at":null,"body":"Currently it simply scales and attempts to preserve the aspect ratio of the SVG - this means it doesn't properly resize when the div is resized.\r\n\r\nWe have two options: \r\nTo re-render the chart whenever the div size changes (not partial to this)\r\nTo scale and style the chart responsively using CSS variables to calculate the needed ratios.\r\n\r\n![div-1](https://cloud.githubusercontent.com/assets/11136911/12075556/c63c3ece-b139-11e5-9156-994f71ed379c.png)\r\n![div-2](https://cloud.githubusercontent.com/assets/11136911/12075559/ca4a9330-b139-11e5-90b8-84ed61aa8f28.png)\r\n![screen shot 2016-01-02 at 10 17 08 am](https://cloud.githubusercontent.com/assets/11136911/12075565/0cde83dc-b13a-11e5-9d19-1e461d0c58ba.png)\r\n"},"comment":{"url":"https://api.github.com/repos/pbc-labs/tld3/issues/comments/168792807","html_url":"https://github.com/pbc-labs/tld3/issues/89#issuecomment-168792807","issue_url":"https://api.github.com/repos/pbc-labs/tld3/issues/89","id":168792807,"user":{"login":"iam-peekay","id":5421194,"avatar_url":"https://avatars.githubusercontent.com/u/5421194?v=3","gravatar_id":"","url":"https://api.github.com/users/iam-peekay","html_url":"https://github.com/iam-peekay","followers_url":"https://api.github.com/users/iam-peekay/followers","following_url":"https://api.github.com/users/iam-peekay/following{/other_user}","gists_url":"https://api.github.com/users/iam-peekay/gists{/gist_id}","starred_url":"https://api.github.com/users/iam-peekay/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/iam-peekay/subscriptions","organizations_url":"https://api.github.com/users/iam-peekay/orgs","repos_url":"https://api.github.com/users/iam-peekay/repos","events_url":"https://api.github.com/users/iam-peekay/events{/privacy}","received_events_url":"https://api.github.com/users/iam-peekay/received_events","type":"User","site_admin":false},"created_at":"2016-01-04T20:16:47Z","updated_at":"2016-01-04T20:16:47Z","body":"@banunatina another issue is that if you render the chart with the window size small to begin with, and you expand the window size to be full screen, this is what happens"}}